이준호 분쟁조정시스템 커밋
- 권한 개발중
This commit is contained in:
parent
495238e333
commit
efb9a97064
137
pom.xml
137
pom.xml
@ -2,10 +2,10 @@
|
||||
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
|
||||
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/maven-v4_0_0.xsd">
|
||||
<modelVersion>4.0.0</modelVersion>
|
||||
<artifactId>kcc_adr_advc</artifactId>
|
||||
<artifactId>fairnet</artifactId>
|
||||
<packaging>war</packaging>
|
||||
<version>1.0.0</version>
|
||||
<name>kcc_adr</name>
|
||||
<name>fairnet</name>
|
||||
<url>http://www.egovframe.go.kr</url>
|
||||
|
||||
<licenses>
|
||||
@ -20,59 +20,11 @@
|
||||
<maven-jar-plugin.version>3.1.1</maven-jar-plugin.version>
|
||||
<spring.maven.artifact.version>4.3.22.RELEASE</spring.maven.artifact.version>
|
||||
<egovframework.rte.version>3.9.0</egovframework.rte.version>
|
||||
<!-- <spring.maven.artifact.version>4.3.25.RELEASE</spring.maven.artifact.version> -->
|
||||
<!-- <egovframework.rte.version>3.10.0</egovframework.rte.version> -->
|
||||
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
|
||||
<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
|
||||
<webcontent-dir>${project.basedir}\src\main\webapp\WEB-INF\lib</webcontent-dir>
|
||||
</properties>
|
||||
<!-- <distributionManagement> -->
|
||||
<!-- <repository> -->
|
||||
<!-- <id>maven-public</id> -->
|
||||
<!-- <url>http://nexus.iten.co.kr:9999/repository/maven-public/</url> -->
|
||||
<!-- </repository> -->
|
||||
<!-- </distributionManagement> -->
|
||||
<repositories>
|
||||
<!-- <repository>
|
||||
<id>mvn2</id>
|
||||
<url>https://repo1.maven.org/maven2/</url>
|
||||
<releases>
|
||||
<enabled>true</enabled>
|
||||
</releases>
|
||||
<snapshots>
|
||||
<enabled>true</enabled>
|
||||
</snapshots>
|
||||
</repository>
|
||||
<repository>
|
||||
<id>egovframe</id>
|
||||
<url>https://www.egovframe.go.kr/maven/</url>
|
||||
<releases>
|
||||
<enabled>true</enabled>
|
||||
</releases>
|
||||
<snapshots>
|
||||
<enabled>false</enabled>
|
||||
</snapshots>
|
||||
</repository>
|
||||
<repository>
|
||||
<id>egovframe2</id>
|
||||
<url>http://maven.egovframe.kr:8080/maven/</url>
|
||||
<releases>
|
||||
<enabled>true</enabled>
|
||||
</releases>
|
||||
<snapshots>
|
||||
<enabled>false</enabled>
|
||||
</snapshots>
|
||||
</repository> -->
|
||||
<!-- <repository>
|
||||
<id>cubrid.release.repository</id>
|
||||
<url>http://maven.cubrid.org/</url>
|
||||
<releases>
|
||||
<enabled>true</enabled>
|
||||
</releases>
|
||||
<snapshots>
|
||||
<enabled>false</enabled>
|
||||
</snapshots>
|
||||
</repository> -->
|
||||
<repository>
|
||||
<id>maven-public</id>
|
||||
<url>http://nexus.iten.co.kr:9999/repository/maven-public/</url>
|
||||
@ -195,30 +147,18 @@
|
||||
<version>5.1.31</version>
|
||||
</dependency>
|
||||
|
||||
<!-- cubrid driver -->
|
||||
<!-- https://mvnrepository.com/artifact/cubrid/cubrid-jdbc -->
|
||||
<dependency>
|
||||
<groupId>cubrid</groupId>
|
||||
<artifactId>cubrid-jdbc</artifactId>
|
||||
<version>11.0.1.0286</version>
|
||||
<scope>system</scope>
|
||||
<systemPath>${basedir}/src/main/webapp/WEB-INF/lib/cubrid-jdbc-11.0.1.0286.jar</systemPath>
|
||||
<!-- https://mvnrepository.com/artifact/com.oracle.database.jdbc/ojdbc8 -->
|
||||
<dependency>
|
||||
<groupId>com.oracle.database.jdbc</groupId>
|
||||
<artifactId>ojdbc8</artifactId>
|
||||
<version>23.2.0.0</version>
|
||||
</dependency>
|
||||
|
||||
<!-- 오라클 ojdbc SMS DB연동 테스트용 ojdbc(oracle xe 21c) -->
|
||||
<dependency>
|
||||
<groupId>ojdbc</groupId>
|
||||
<artifactId>ojdbc</artifactId>
|
||||
<version>8</version>
|
||||
<scope>system</scope>
|
||||
<systemPath>${basedir}/src/main/webapp/WEB-INF/lib/ojdbc8.jar</systemPath>
|
||||
</dependency>
|
||||
<dependency>
|
||||
<groupId>orai18n</groupId>
|
||||
|
||||
<!-- https://mvnrepository.com/artifact/com.oracle.database.nls/orai18n -->
|
||||
<dependency>
|
||||
<groupId>com.oracle.database.nls</groupId>
|
||||
<artifactId>orai18n</artifactId>
|
||||
<version>18</version>
|
||||
<scope>system</scope>
|
||||
<systemPath>${basedir}/src/main/webapp/WEB-INF/lib/orai18n.jar</systemPath>
|
||||
<version>23.2.0.0</version>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
@ -333,30 +273,40 @@
|
||||
<version>2.4</version>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<!--<dependency>
|
||||
<groupId>nl.captcha</groupId>
|
||||
<artifactId>simplecaptcha</artifactId>
|
||||
<version>1.2.1</version>
|
||||
<scope>system</scope>
|
||||
<systemPath>${basedir}/src/main/webapp/WEB-INF/lib/simplecaptcha-1.2.1_exp.jar</systemPath>
|
||||
</dependency>-->
|
||||
|
||||
<!--<dependency>
|
||||
<groupId>nl.captcha</groupId>
|
||||
<artifactId>simplecaptcha</artifactId>
|
||||
<version>1.2.1</version>
|
||||
</dependency>-->
|
||||
|
||||
<dependency>
|
||||
<groupId>nl.captcha</groupId>
|
||||
<artifactId>simplecaptcha</artifactId>
|
||||
<version>1.2.1</version>
|
||||
</dependency>
|
||||
|
||||
<!-- 디아모 모듈 -->
|
||||
<dependency>
|
||||
<!--<dependency>
|
||||
<groupId>damo</groupId>
|
||||
<artifactId>damo</artifactId>
|
||||
<version>1</version>
|
||||
<scope>system</scope>
|
||||
<systemPath>${basedir}/src/main/webapp/WEB-INF/lib/scpdb.jar</systemPath>
|
||||
</dependency>
|
||||
</dependency>-->
|
||||
|
||||
<!-- Jsoup HTML 파서 -->
|
||||
<!-- https://mvnrepository.com/artifact/org.jsoup/jsoup -->
|
||||
<dependency>
|
||||
<groupId>org.jsoup</groupId>
|
||||
<groupId>org.jsoup</groupId>
|
||||
<artifactId>jsoup</artifactId>
|
||||
<version>1.11.3</version>
|
||||
<scope>system</scope>
|
||||
<systemPath>${basedir}/src/main/webapp/WEB-INF/lib/jsoup-1.11.3.jar</systemPath>
|
||||
</dependency>
|
||||
|
||||
<!-- Email -->
|
||||
@ -425,13 +375,20 @@
|
||||
<version>${egovframework.rte.version}</version>
|
||||
</dependency>
|
||||
|
||||
<dependency>
|
||||
<!--<dependency>
|
||||
<groupId>taglibs</groupId>
|
||||
<artifactId>taglibs-unstandard</artifactId>
|
||||
<version>20060829</version>
|
||||
<scope>system</scope>
|
||||
<systemPath>${basedir}/src/main/webapp/WEB-INF/lib/taglibs-unstandard.jar</systemPath>
|
||||
</dependency>-->
|
||||
<!-- https://mvnrepository.com/artifact/org.apache.taglibs/taglibs-standard-spec -->
|
||||
<dependency>
|
||||
<groupId>org.apache.taglibs</groupId>
|
||||
<artifactId>taglibs-standard-spec</artifactId>
|
||||
<version>1.2.5</version>
|
||||
</dependency>
|
||||
|
||||
|
||||
<dependency>
|
||||
<groupId>org.apache.pdfbox</groupId>
|
||||
@ -440,27 +397,13 @@
|
||||
</dependency>
|
||||
|
||||
<!-- OZ 스케쥴러 연동 ozsfw80 -->
|
||||
<dependency>
|
||||
<!--<dependency>
|
||||
<groupId>OzSchduler80</groupId>
|
||||
<artifactId>OzSchduler80</artifactId>
|
||||
<version>1</version>
|
||||
<scope>system</scope>
|
||||
<systemPath>${basedir}/src/main/webapp/WEB-INF/lib/ozsfw80.jar</systemPath>
|
||||
</dependency>
|
||||
|
||||
<!-- scheduler -->
|
||||
<dependency>
|
||||
<groupId>net.javacrumbs.shedlock</groupId>
|
||||
<artifactId>shedlock-spring</artifactId>
|
||||
<version>2.5.0</version>
|
||||
</dependency>
|
||||
|
||||
<!-- JDBC TEMPLATE -->
|
||||
<dependency>
|
||||
<groupId>net.javacrumbs.shedlock</groupId>
|
||||
<artifactId>shedlock-provider-jdbc-template</artifactId>
|
||||
<version>2.5.0</version>
|
||||
</dependency>
|
||||
</dependency>-->
|
||||
|
||||
<!-- https://mvnrepository.com/artifact/joda-time/joda-time -->
|
||||
<dependency>
|
||||
@ -649,6 +592,6 @@
|
||||
</plugin>
|
||||
</plugins>
|
||||
</reporting>
|
||||
<groupId>kcc_adr</groupId>
|
||||
<groupId>fairnet</groupId>
|
||||
</project>
|
||||
|
||||
|
||||
@ -1,267 +0,0 @@
|
||||
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@page import="java.text.SimpleDateFormat"%>
|
||||
<%@page import="com.inicis.std.util.SignatureUtil"%>
|
||||
<%@page import="java.util.*"%>
|
||||
<%@page import="java.text.DateFormat"%>
|
||||
<%
|
||||
|
||||
/*
|
||||
//*** 위변조 방지체크를 signature 생성 ***
|
||||
|
||||
oid, price, timestamp 3개의 키와 값을
|
||||
|
||||
key=value 형식으로 하여 '&'로 연결한 하여 SHA-256 Hash로 생성 된값
|
||||
|
||||
ex) oid=INIpayTest_1432813606995&price=819000×tamp=2012-02-01 09:19:04.004
|
||||
|
||||
|
||||
* key기준 알파벳 정렬
|
||||
|
||||
* timestamp는 반드시 signature생성에 사용한 timestamp 값을 timestamp input에 그대로 사용하여야함
|
||||
*/
|
||||
|
||||
//############################################
|
||||
// 1.전문 필드 값 설정(***가맹점 개발수정***)
|
||||
//############################################
|
||||
|
||||
// 여기에 설정된 값은 Form 필드에 동일한 값으로 설정
|
||||
// String mid = "INIBillTst"; // 가맹점 ID(가맹점 수정후 고정)
|
||||
String mid = "crosorkr01"; // 가맹점 ID(가맹점 수정후 고정)
|
||||
|
||||
//인증
|
||||
// String signKey = "SU5JTElURV9UUklQTEVERVNfS0VZU1RS"; // 가맹점에 제공된 웹 표준 사인키(가맹점 수정후 고정)
|
||||
String signKey = "UE9idGFmcGJEdU1HR04zbEdLdUM0QT09"; // 가맹점에 제공된 웹 표준 사인키(가맹점 수정후 고정)
|
||||
String timestamp = SignatureUtil.getTimestamp(); // util에 의해서 자동생성
|
||||
|
||||
String oid = mid+"_"+SignatureUtil.getTimestamp(); // 가맹점 주문번호(가맹점에서 직접 설정)
|
||||
String price = "1000"; // 상품가격(특수기호 제외, 가맹점에서 직접 설정)
|
||||
|
||||
//###############################################
|
||||
// 2. 가맹점 확인을 위한 signKey를 해시값으로 변경 (SHA-256방식 사용)
|
||||
//###############################################
|
||||
String mKey = SignatureUtil.hash(signKey, "SHA-256");
|
||||
|
||||
//###############################################
|
||||
// 2.signature 생성
|
||||
//###############################################
|
||||
Map<String, String> signParam = new HashMap<String, String>();
|
||||
|
||||
signParam.put("oid", oid); // 필수
|
||||
signParam.put("price", price); // 필수
|
||||
signParam.put("timestamp", timestamp); // 필수
|
||||
|
||||
// signature 데이터 생성 (모듈에서 자동으로 signParam을 알파벳 순으로 정렬후 NVP 방식으로 나열해 hash)
|
||||
String signature = SignatureUtil.makeSignature(signParam);
|
||||
|
||||
|
||||
/* 기타 */
|
||||
//String siteDomain = "http://127.0.0.1:8080/INIpayStdSample"; //가맹점 도메인 입력
|
||||
String siteDomain = "http://localhost:8081/INIpayStdSample"; //가맹점 도메인 입력
|
||||
|
||||
|
||||
// 페이지 URL에서 고정된 부분을 적는다.
|
||||
// Ex) returnURL이 http://127.0.0.1:8080INIpayStdSample/INIStdPayReturn.jsp 라면
|
||||
// http://127.0.0.1:8080/INIpayStdSample 까지만 기입한다.
|
||||
|
||||
Calendar cal = Calendar.getInstance();
|
||||
cal.setTime(new Date());
|
||||
DateFormat df = new SimpleDateFormat("yyyyMMdd");
|
||||
cal.add(Calendar.DATE, 14);
|
||||
String endDt = df.format(cal.getTime());
|
||||
|
||||
String gopaymethod = "VBank"; // 결재구분:가상계좌
|
||||
//String acceptmethod = "va_receipt"; // 현금영수증O
|
||||
String acceptmethod = "no_receipt"; // 현금영수증X
|
||||
acceptmethod += ":" + "vbank("+endDt+")"; // 가상계좌 입금기한 ex) vbank(YYYYMMDD)
|
||||
|
||||
String resMail = "yu3145@naver.com"; // 알림 메일 주소
|
||||
String buyertel = "010-8532-6650"; // 알림 전화번호
|
||||
%>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<style type="text/css">
|
||||
body { background-color: #efefef;}
|
||||
body, tr, td {font-size:9pt; font-family:굴림,verdana; color:#433F37; line-height:19px;}
|
||||
table, img {border:none}
|
||||
</style>
|
||||
|
||||
<!-- 이니시스 표준결제 js -->
|
||||
<!-- 가맹점 URL이 http일 경우 http처리, 실제 오픈시 가맹점 MID로 stdpay로 처리 -->
|
||||
<!-- <script language="javascript" type="text/javascript" src="https://stgstdpay.inicis.com/stdjs/INIStdPay.js" charset="UTF-8"></script> -->
|
||||
<script language="javascript" type="text/javascript" src="http://stdpay.inicis.com/stdjs/INIStdPay.js" charset="UTF-8"></script>
|
||||
<script type="text/javascript">
|
||||
|
||||
function cardShow(){
|
||||
//document.getElementById("acceptmethod").value = "BILLAUTH(card):FULLVERIFY";
|
||||
}
|
||||
|
||||
function hppShow(){
|
||||
//document.getElementById("acceptmethod").value = "BILLAUTH(HPP):HPP(1)";
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body bgcolor="#FFFFFF" text="#242424" leftmargin=0 topmargin=15 marginwidth=0 marginheight=0 bottommargin=0 rightmargin=0>
|
||||
|
||||
<div style="padding:10px;background-color:#f3f3f3;width:100%;font-size:13px;color: #ffffff;background-color: #000000;text-align: center">
|
||||
이니시스 표준결제 신용카드 빌링키 발급 샘플
|
||||
</div>
|
||||
|
||||
<table width="650" border="0" cellspacing="0" cellpadding="0" style="padding:10px;" align="center">
|
||||
<tr>
|
||||
<td bgcolor="6095BC" align="center" style="padding:10px">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" style="padding:20px">
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
이 페이지는 INIpay Standard 결제요청을 위한 예시입니다.<br/>
|
||||
<br/>
|
||||
결제처리를 위한 action등의 모든 동작은 Import 된 스크립트에 의해 자동처리됩니다.<br/>
|
||||
|
||||
<br/>
|
||||
Form에 설정된 모든 필드의 name은 대소문자 구분하며,<br/>
|
||||
이 Sample은 결제를 위해서 설정된 Form은 테스트 / 이해돕기를 위해서 모두 type="text"로 설정되어 있습니다.<br/>
|
||||
운영에 적용시에는 일부 가맹점에서 필요에 의해 사용자가 변경하는 경우를 제외하고<br/>
|
||||
모두 type="hidden"으로 변경하여 사용하시기 바랍니다.<br/>
|
||||
|
||||
<br/>
|
||||
<font color="#336699"><strong>함께 제공되는 매뉴얼을 참조하여 작성 개발하시기 바랍니다.</strong></font>
|
||||
<br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<input type="radio" id="card" name="payTypeChk" value="card" onclick="cardShow()" checked="checked">카드빌링
|
||||
<input type="radio" id="hpp" name="payTypeChk" value="hpp" onclick="hppShow()" disabled="disabled" >휴대폰빌링
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td >
|
||||
<button onclick="INIStdPay.pay('SendPayForm_id')" style="padding:10px">빌링결제요청</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table>
|
||||
<tr>
|
||||
<td style="text-align:left;">
|
||||
<form id="SendPayForm_id" name="" method="POST" >
|
||||
|
||||
<br/><b>***** 필 수 *****</b>
|
||||
<div style="border:2px #dddddd double;padding:10px;background-color:#f3f3f3;">
|
||||
|
||||
<br/><b>version</b> :
|
||||
<br/><input style="width:100%;" name="version" value="1.0" >
|
||||
|
||||
<br/><b>mid</b> :
|
||||
<br/><input style="width:100%;" name="mid" value="<%=mid%>" >
|
||||
|
||||
<br/><b>goodname</b> :
|
||||
<br/><input style="width:100%;" name="goodname" value="테스트" >
|
||||
|
||||
<br/><b>oid</b> :
|
||||
<br/><input style="width:100%;" name="oid" value="<%=oid%>" >
|
||||
|
||||
<br/><b>price</b> :
|
||||
<br/><input style="width:100%;" name="price" value="<%=price%>" >
|
||||
|
||||
<br/><b>currency</b> :
|
||||
<br/>[WON|USD]
|
||||
<br/><input style="width:100%;" name="currency" value="WON" >
|
||||
|
||||
<br/><b>buyername</b> :
|
||||
<br/><input style="width:100%;" name="buyername" value="홍길동" >
|
||||
|
||||
<br/><b>buyertel</b> :
|
||||
<br/><input style="width:100%;" name="buyertel" value="<%=buyertel%>" >
|
||||
|
||||
<br/><b>buyeremail</b> :
|
||||
<!-- <br/><input style="width:100%;" name="buyeremail" value="test@inicis.com" > -->
|
||||
<br/><input style="width:100%;" name="buyeremail" value="<%=resMail%>" >
|
||||
|
||||
|
||||
<!-- <br/><b>timestamp</b> : -->
|
||||
<input type="hidden" style="width:100%;" name="timestamp" value="<%=timestamp %>" >
|
||||
|
||||
<!-- <br/><b>signature</b> : -->
|
||||
<input type="hidden" style="width:100%;" name="signature" value="<%=signature%>" >
|
||||
|
||||
<br/><b>returnUrl</b> :
|
||||
<%-- <br/><input style="width:100%;" name="returnUrl" value="<%=siteDomain%>/INIStdPayReturn.jsp" > --%>
|
||||
<br/><input style="width:100%;" name="returnUrl" value="<%=siteDomain%>/INIStdPayReturn.jsp" >
|
||||
|
||||
<!--
|
||||
payViewType이 popup일 경우 crossDomain이슈로 우회처리 권장하지 않음.
|
||||
<input style="width:100%;" name="returnUrl" value="<%=siteDomain%>/INIStdPayRelay.jsp" >
|
||||
-->
|
||||
<input type="hidden" name="mKey" value="<%=mKey%>" >
|
||||
|
||||
</div>
|
||||
|
||||
<br/><br/>
|
||||
<b>***** 기본 옵션 *****</b>
|
||||
<div style="border:2px #dddddd double;padding:10px;background-color:#f3f3f3;">
|
||||
<input type="hidden" style="width:100%;" name="gopaymethod" value="<%=gopaymethod%>">
|
||||
<br/>
|
||||
<b>offerPeriod</b> : 제공기간
|
||||
<br/>ex)20151001-20151231, [Y2:년단위결제, M2:월단위결제, yyyyMMdd-yyyyMMdd : 시작일-종료일]
|
||||
<br/><input style="width:100%;" name="offerPeriod" value="20161001-20161231" >
|
||||
<br/><br/>
|
||||
|
||||
<br/><b>acceptmethod : 기타 옵션 정보 및 설명은 연동정의보 참조 구분자 ":"
|
||||
|
||||
<!-- <br/><input style="width:100%;" name="acceptmethod" value="BILLAUTH(card)" > -->
|
||||
<br/><input style="width:100%;" name="acceptmethod" value="<%=acceptmethod%>" >
|
||||
<b>결제일 알림 메세지</b> : 결제일 알림 메세지
|
||||
<br/><input style="width:100%;" id="billPrint_msg" name="billPrint_msg" value="고객님의 매월 결제일은 24일 입니다." >
|
||||
<br/>
|
||||
</div>
|
||||
<br/><br/>
|
||||
<b>***** 표시 옵션 *****</b>
|
||||
<div style="border:2px #dddddd double;padding:10px;background-color:#f3f3f3;">
|
||||
<br/><b>languageView</b> : 초기 표시 언어
|
||||
<br/>[ko|en] (default:ko)
|
||||
<br/><input style="width:100%;" name="languageView" value="" >
|
||||
|
||||
<br/><b>charset</b> : 리턴 인코딩
|
||||
<br/>[UTF-8|EUC-KR] (default:UTF-8)
|
||||
<br/><input style="width:100%;" name="charset" value="" >
|
||||
|
||||
<br/><b>payViewType</b> : 결제창 표시방법
|
||||
<br/>[overlay] (default:overlay)
|
||||
<br/><input style="width:100%;" name="payViewType" value="" >
|
||||
|
||||
<br/><b>closeUrl</b> : payViewType='overlay','popup'시 취소버튼 클릭시 창닥기 처리 URL(가맹점에 맞게 설정)
|
||||
<br/>close.jsp 샘플사용(생략가능, 미설정시 사용자에 의해 취소 버튼 클릭시 인증결과 페이지로 취소 결과를 보냅니다.)
|
||||
<br/><input style="width:100%;" name="closeUrl" value="<%=siteDomain%>/close.jsp" >
|
||||
|
||||
<br/><b>popupUrl</b> : payViewType='popup'시 팝업을 띄울수 있도록 처리해주는 URL(가맹점에 맞게 설정)
|
||||
<br/>popup.jsp 샘플사용(생략가능,payViewType='popup'으로 사용시에는 반드시 설정)
|
||||
<br/><input style="width:100%;" name="popupUrl" value="<%=siteDomain%>/popup.jsp" >
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<br/><br/>
|
||||
<b>***** 추가 옵션 *****</b>
|
||||
<div style="border:2px #dddddd double;padding:10px;background-color:#f3f3f3;">
|
||||
<br/><b>merchantData</b> : 가맹점 관리데이터(2000byte)
|
||||
<br/>인증결과 리턴시 함께 전달됨
|
||||
<br/><input style="width:100%;" name="merchantData" value="" >
|
||||
</div>
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,39 +0,0 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ page import="java.util.*"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<script>
|
||||
function Submit_me(){
|
||||
frm.target="INIpayStd_Return";
|
||||
frm.submit();
|
||||
self.close();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onload="Submit_me()">
|
||||
<%
|
||||
try{
|
||||
|
||||
//#############################
|
||||
// 인증결과 파라미터 일괄 수신
|
||||
//#############################
|
||||
request.setCharacterEncoding("UTF-8");
|
||||
Map<String,String> paramMap = new Hashtable<String,String>();
|
||||
Enumeration elems = request.getParameterNames();
|
||||
String temp = "";
|
||||
|
||||
out.println("<form name='frm' method='post' action='/INIStdPayReturn.jsp'>");
|
||||
while(elems.hasMoreElements())
|
||||
{
|
||||
temp = (String) elems.nextElement();
|
||||
out.println("<input type='text' name='"+temp+"' value='"+request.getParameter(temp)+"'>");
|
||||
}
|
||||
out.println("</form>");
|
||||
|
||||
}catch(Exception e){
|
||||
|
||||
System.out.println(e);
|
||||
}
|
||||
%>
|
||||
@ -1,277 +0,0 @@
|
||||
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@page import="java.text.SimpleDateFormat"%>
|
||||
<%@page import="com.inicis.std.util.SignatureUtil"%>
|
||||
<%@page import="java.util.*"%>
|
||||
<%
|
||||
|
||||
/*
|
||||
//*** 위변조 방지체크를 signature 생성 ***
|
||||
|
||||
oid, price, timestamp 3개의 키와 값을
|
||||
|
||||
key=value 형식으로 하여 '&'로 연결한 하여 SHA-256 Hash로 생성 된값
|
||||
|
||||
ex) oid=INIpayTest_1432813606995&price=819000×tamp=2012-02-01 09:19:04.004
|
||||
|
||||
|
||||
* key기준 알파벳 정렬
|
||||
|
||||
* timestamp는 반드시 signature생성에 사용한 timestamp 값을 timestamp input에 그대로 사용하여야함
|
||||
*/
|
||||
|
||||
//############################################
|
||||
// 1.전문 필드 값 설정(***가맹점 개발수정***)
|
||||
//############################################
|
||||
|
||||
// 여기에 설정된 값은 Form 필드에 동일한 값으로 설정
|
||||
String mid = "INIpayTest"; // 가맹점 ID(가맹점 수정후 고정)
|
||||
|
||||
//인증
|
||||
String signKey = "SU5JTElURV9UUklQTEVERVNfS0VZU1RS"; // 가맹점에 제공된 웹 표준 사인키(가맹점 수정후 고정)
|
||||
String timestamp = SignatureUtil.getTimestamp(); // util에 의해서 자동생성
|
||||
|
||||
String oid = mid+"_"+SignatureUtil.getTimestamp(); // 가맹점 주문번호(가맹점에서 직접 설정)
|
||||
String price = "1000"; // 상품가격(특수기호 제외, 가맹점에서 직접 설정)
|
||||
|
||||
String cardNoInterestQuota = "11-2:3:,34-5:12,14-6:12:24,12-12:36,06-9:12,01-3:4"; // 카드 무이자 여부 설정(가맹점에서 직접 설정)
|
||||
String cardQuotaBase = "2:3:4:5:6:11:12:24:36"; // 가맹점에서 사용할 할부 개월수 설정
|
||||
|
||||
//###############################################
|
||||
// 2. 가맹점 확인을 위한 signKey를 해시값으로 변경 (SHA-256방식 사용)
|
||||
//###############################################
|
||||
String mKey = SignatureUtil.hash(signKey, "SHA-256");
|
||||
|
||||
//###############################################
|
||||
// 2.signature 생성
|
||||
//###############################################
|
||||
Map<String, String> signParam = new HashMap<String, String>();
|
||||
|
||||
signParam.put("oid", oid); // 필수
|
||||
signParam.put("price", price); // 필수
|
||||
signParam.put("timestamp", timestamp); // 필수
|
||||
|
||||
// signature 데이터 생성 (모듈에서 자동으로 signParam을 알파벳 순으로 정렬후 NVP 방식으로 나열해 hash)
|
||||
String signature = SignatureUtil.makeSignature(signParam);
|
||||
|
||||
|
||||
/* 기타 */
|
||||
String siteDomain = "http://127.0.0.1:8080/INIpayStdSample"; //가맹점 도메인 입력
|
||||
// 페이지 URL에서 고정된 부분을 적는다.
|
||||
// Ex) returnURL이 http://localhost:8080INIpayStdSample/INIStdPayReturn.jsp 라면
|
||||
// http://localhost:8080/INIpayStdSample 까지만 기입한다.
|
||||
|
||||
%>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<style type="text/css">
|
||||
body { background-color: #efefef;}
|
||||
body, tr, td {font-size:9pt; font-family:굴림,verdana; color:#433F37; line-height:19px;}
|
||||
table, img {border:none}
|
||||
</style>
|
||||
|
||||
<!-- 이니시스 표준결제 js -->
|
||||
<!--
|
||||
연동시 유의 사항!!
|
||||
1) 테스트 URL(stgstdpay.inicis.com) - 샘플에 제공된 테스트 MID 전용으로 실제 가맹점 MID 사용 시 에러가 발생 할 수 있습니다.
|
||||
2) 상용 URL(stdpay.inicis.com) - 실제 가맹점 MID 로 테스트 및 오픈 시 해당 URL 변경하여 사용합니다.
|
||||
3) 가맹점의 URL이 http: 인경우 js URL도 https://stgstdpay.inicis.com/stdjs/INIStdPay.js 로 변경합니다.
|
||||
4) 가맹점에서 사용하는 케릭터셋이 EUC-KR 일 경우 charset="UTF-8"로 UTF-8 일 경우 charset="UTF-8"로 설정합니다.
|
||||
-->
|
||||
|
||||
<!-- 상용 JS(가맹점 MID 변경 시 주석 해제, 테스트용 JS 주석 처리 필수!) -->
|
||||
<!--script language="javascript" type="text/javascript" src="https://stdpay.inicis.com/stdjs/INIStdPay.js" charset="UTF-8"></script-->
|
||||
|
||||
<!-- 테스트 JS(샘플에 제공된 테스트 MID 전용) -->
|
||||
<script language="javascript" type="text/javascript" src="https://stgstdpay.inicis.com/stdjs/INIStdPay.js" charset="UTF-8"></script>
|
||||
|
||||
</head>
|
||||
<body bgcolor="#FFFFFF" text="#242424" leftmargin=0 topmargin=15 marginwidth=0 marginheight=0 bottommargin=0 rightmargin=0>
|
||||
|
||||
<div style="padding:10px;background-color:#f3f3f3;width:100%;font-size:13px;color: #ffffff;background-color: #000000;text-align: center">
|
||||
이니시스 표준결제 결제요청 샘플
|
||||
</div>
|
||||
|
||||
<table width="650" border="0" cellspacing="0" cellpadding="0" style="padding:10px;" align="center">
|
||||
<tr>
|
||||
<td bgcolor="6095BC" align="center" style="padding:10px">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF" style="padding:20px">
|
||||
|
||||
<tr>
|
||||
<td>
|
||||
이 페이지는 INIpay Standard 결제요청을 위한 예시입니다.<br/>
|
||||
<br/>
|
||||
결제처리를 위한 action등의 모든 동작은 Import 된 스크립트에 의해 자동처리됩니다.<br/>
|
||||
|
||||
<br/>
|
||||
Form에 설정된 모든 필드의 name은 대소문자 구분하며,<br/>
|
||||
이 Sample은 결제를 위해서 설정된 Form은 테스트 / 이해돕기를 위해서 모두 type="text"로 설정되어 있습니다.<br/>
|
||||
운영에 적용시에는 일부 가맹점에서 필요에 의해 사용자가 변경하는 경우를 제외하고<br/>
|
||||
모두 type="hidden"으로 변경하여 사용하시기 바랍니다.<br/>
|
||||
|
||||
<br/>
|
||||
<font color="#336699"><strong>함께 제공되는 매뉴얼을 참조하여 작성 개발하시기 바랍니다.</strong></font>
|
||||
<br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td >
|
||||
<!-- 결제요청 -->
|
||||
<button onclick="INIStdPay.pay('SendPayForm_id')" style="padding:10px">결제요청</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table>
|
||||
<tr>
|
||||
<td style="text-align:left;">
|
||||
<form id="SendPayForm_id" name="" method="POST" >
|
||||
|
||||
<br/><b>***** 필 수 *****</b>
|
||||
<div style="border:2px #dddddd double;padding:10px;background-color:#f3f3f3;">
|
||||
|
||||
<br/><b>version</b> :
|
||||
<br/><input style="width:100%;" name="version" value="1.0" >
|
||||
|
||||
<br/><b>mid</b> :
|
||||
<br/><input style="width:100%;" name="mid" value="<%=mid%>" >
|
||||
|
||||
<br/><b>goodname</b> :
|
||||
<br/><input style="width:100%;" name="goodname" value="테스트" >
|
||||
|
||||
<br/><b>oid</b> :
|
||||
<br/><input style="width:100%;" name="oid" value="<%=oid%>" >
|
||||
|
||||
<br/><b>price</b> :
|
||||
<br/><input style="width:100%;" name="price" value="<%=price%>" >
|
||||
|
||||
<br/><b>currency</b> :
|
||||
<br/>[WON|USD]
|
||||
<br/><input style="width:100%;" name="currency" value="WON" >
|
||||
|
||||
<br/><b>buyername</b> :
|
||||
<br/><input style="width:100%;" name="buyername" value="홍길동" >
|
||||
|
||||
<br/><b>buyertel</b> :
|
||||
<br/><input style="width:100%;" name="buyertel" value="010-1234-5678" >
|
||||
|
||||
<br/><b>buyeremail</b> :
|
||||
<br/><input style="width:100%;" name="buyeremail" value="test@inicis.com" >
|
||||
|
||||
|
||||
<!-- <br/><b>timestamp</b> : -->
|
||||
<input type="hidden" style="width:100%;" name="timestamp" value="<%=timestamp %>" >
|
||||
|
||||
<!-- <br/><b>signature</b> : -->
|
||||
<input type="hidden" style="width:100%;" name="signature" value="<%=signature%>" >
|
||||
|
||||
<br/><b>returnUrl</b> :
|
||||
<br/><input style="width:100%;" name="returnUrl" value="<%=siteDomain%>/INIStdPayReturn.jsp" >
|
||||
<!--
|
||||
payViewType이 popup일 경우 crossDomain이슈로 우회처리
|
||||
<input style="width:100%;" name="returnUrl" value="<%=siteDomain%>/INIStdPayRelay.jsp" >
|
||||
-->
|
||||
<input type="hidden" name="mKey" value="<%=mKey%>" >
|
||||
|
||||
</div>
|
||||
|
||||
<br/><br/>
|
||||
<b>***** 기본 옵션 *****</b>
|
||||
<div style="border:2px #dddddd double;padding:10px;background-color:#f3f3f3;">
|
||||
<b>gopaymethod</b> : 결제 수단 선택
|
||||
<br/>ex) Card (계약 결제 수단이 존재하지 않을 경우 에러로 리턴)
|
||||
<br/>사용 가능한 입력 값
|
||||
<br/>Card,DirectBank,HPP,Vbank,kpay,Swallet,Paypin,EasyPay,PhoneBill,GiftCard,EWallet
|
||||
<br/>onlypoint,onlyocb,onyocbplus,onlygspt,onlygsptplus,onlyupnt,onlyupntplus
|
||||
<br/><input style="width:100%;" name="gopaymethod" value="" >
|
||||
<br/><br/>
|
||||
|
||||
<br/>
|
||||
<b>offerPeriod</b> : 제공기간
|
||||
<br/>ex)20151001-20151231, [Y2:년단위결제, M2:월단위결제, yyyyMMdd-yyyyMMdd : 시작일-종료일]
|
||||
<br/><input style="width:100%;" name="offerPeriod" value="20151001-20151231" >
|
||||
<br/><br/>
|
||||
|
||||
<br/><b>acceptmethod</b> : acceptmethod
|
||||
<br/>acceptmethod ex) CARDPOINT:SLIMQUOTA(코드-개월:개월):no_receipt:va_receipt:vbank(20150425):va_ckprice:
|
||||
<br/>KWPY_TYPE(0):KWPY_VAT(10|0) 기타 옵션 정보 및 설명은 연동정의보 참조 구분자 ":"
|
||||
<br/><input style="width:100%;" name="acceptmethod" value="CARDPOINT:HPP(1):no_receipt:va_receipt:below1000" >
|
||||
</div>
|
||||
|
||||
<br/><br/>
|
||||
<b>***** 표시 옵션 *****</b>
|
||||
<div style="border:2px #dddddd double;padding:10px;background-color:#f3f3f3;">
|
||||
<br/><b>languageView</b> : 초기 표시 언어
|
||||
<br/>[ko|en] (default:ko)
|
||||
<br/><input style="width:100%;" name="languageView" value="" >
|
||||
|
||||
<br/><b>charset</b> : 리턴 인코딩
|
||||
<br/>[UTF-8|EUC-KR] (default:UTF-8)
|
||||
<br/><input style="width:100%;" name="charset" value="" >
|
||||
|
||||
<br/><b>payViewType</b> : 결제창 표시방법
|
||||
<br/>[overlay] (default:overlay)
|
||||
<br/><input style="width:100%;" name="payViewType" value="" >
|
||||
|
||||
<br/><b>closeUrl</b> : payViewType='overlay','popup'시 취소버튼 클릭시 창닥기 처리 URL(가맹점에 맞게 설정)
|
||||
<br/>close.jsp 샘플사용(생략가능, 미설정시 사용자에 의해 취소 버튼 클릭시 인증결과 페이지로 취소 결과를 보냅니다.)
|
||||
<br/><input style="width:100%;" name="closeUrl" value="<%=siteDomain%>/close.jsp" >
|
||||
|
||||
<br/><b>popupUrl</b> : payViewType='popup'시 팝업을 띄울수 있도록 처리해주는 URL(가맹점에 맞게 설정)
|
||||
<br/>popup.jsp 샘플사용(생략가능,payViewType='popup'으로 사용시에는 반드시 설정)
|
||||
<br/><input style="width:100%;" name="popupUrl" value="<%=siteDomain%>/popup.jsp" >
|
||||
|
||||
</div>
|
||||
|
||||
<b>***** 결제 수단별 옵션 *****</b>
|
||||
<br/>
|
||||
<b>-- 카드(간편결제도 사용) --</b>
|
||||
<div style="border:2px #cccccc solid;padding:10px;background-color:#f3f3f3;">
|
||||
|
||||
<br/><b>quotabase</b> : 할부 개월 설정
|
||||
<br/>ex) 2:3:4
|
||||
<br/><input style="width:100%;" name="quotabase" value="<%=cardQuotaBase%>" >
|
||||
|
||||
<br/><b>ini_onlycardcode</b> : 중복 카드 코드
|
||||
<br/>ex) 01:03:04:11
|
||||
<br/><input style="width:100%;" name="ini_onlycardcode" value="" >
|
||||
|
||||
<br/><b>ini_cardcode</b> : 카드 코드
|
||||
<br/>ex) 14
|
||||
<br/><input style="width:100%;" name="ini_cardcode" value="" >
|
||||
|
||||
<br/><b>ansim_quota</b> : 할부 선택
|
||||
<br/>ex) 3
|
||||
<br/><input style="width:100%;" name="ansim_quota" value="" >
|
||||
|
||||
</div>
|
||||
|
||||
<b>-- 가상계좌 --</b>
|
||||
<div style="border:2px #cccccc solid;padding:10px;background-color:#f3f3f3;">
|
||||
<br/><b>INIregno</b> : 주민번호 설정 기능
|
||||
<br/>13자리(주민번호),10자리(사업자번호),미입력시(화면에서입력가능)
|
||||
<br/><input style="width:100%;" name="INIregno" value="" >
|
||||
</div>
|
||||
|
||||
<br/><br/>
|
||||
<b>***** 추가 옵션 *****</b>
|
||||
<div style="border:2px #dddddd double;padding:10px;background-color:#f3f3f3;">
|
||||
<br/><b>merchantData</b> : 가맹점 관리데이터(2000byte)
|
||||
<br/>인증결과 리턴시 함께 전달됨(한글 지원 안됨, 개인정보 암호화(권장))
|
||||
<br/><input style="width:100%;" name="merchantData" value="" >
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,595 +0,0 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ page import="com.inicis.std.util.ParseUtil"%>
|
||||
<%@ page import="com.inicis.std.util.SignatureUtil"%>
|
||||
<%@ page import="com.inicis.std.util.HttpUtil"%>
|
||||
<%@ page import="java.util.*"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<style type="text/css">
|
||||
body { background-color: #efefef;}
|
||||
body, tr, td {font-size:11pt; font-family:굴림,verdana; color:#433F37; line-height:19px;}
|
||||
table, img {border:none}
|
||||
|
||||
</style>
|
||||
<link rel="stylesheet" href="../css/group.css" type="text/css">
|
||||
</head>
|
||||
<body bgcolor="#FFFFFF" text="#242424" leftmargin=0 topmargin=15 marginwidth=0 marginheight=0 bottommargin=0 rightmargin=0>
|
||||
<div style="padding:10px;width:100%;font-size:14px;color: #ffffff;background-color: #000000;text-align: center">
|
||||
이니시스 표준결제 인증결과 수신 / 승인요청, 승인결과 표시 샘플
|
||||
</div>
|
||||
<%
|
||||
|
||||
try{
|
||||
|
||||
//#############################
|
||||
// 인증결과 파라미터 일괄 수신
|
||||
//#############################
|
||||
request.setCharacterEncoding("UTF-8");
|
||||
|
||||
Map<String,String> paramMap = new Hashtable<String,String>();
|
||||
|
||||
Enumeration elems = request.getParameterNames();
|
||||
|
||||
String temp = "";
|
||||
|
||||
while(elems.hasMoreElements())
|
||||
{
|
||||
temp = (String) elems.nextElement();
|
||||
paramMap.put(temp, request.getParameter(temp));
|
||||
}
|
||||
|
||||
System.out.println("paramMap : "+ paramMap.toString());
|
||||
|
||||
//#####################
|
||||
// 인증이 성공일 경우만
|
||||
//#####################
|
||||
if("0000".equals(paramMap.get("resultCode"))){
|
||||
|
||||
out.println("####인증성공/승인요청####");
|
||||
out.println("<br/>");
|
||||
System.out.println("####인증성공/승인요청####");
|
||||
|
||||
//############################################
|
||||
// 1.전문 필드 값 설정(***가맹점 개발수정***)
|
||||
//############################################
|
||||
|
||||
String mid = paramMap.get("mid"); // 가맹점 ID 수신 받은 데이터로 설정
|
||||
String signKey = "SU5JTElURV9UUklQTEVERVNfS0VZU1RS"; // 가맹점에 제공된 키(이니라이트키) (가맹점 수정후 고정) !!!절대!! 전문 데이터로 설정금지
|
||||
String timestamp= SignatureUtil.getTimestamp(); // util에 의해서 자동생성
|
||||
String charset = "UTF-8"; // 리턴형식[UTF-8,EUC-KR](가맹점 수정후 고정)
|
||||
String format = "JSON"; // 리턴형식[XML,JSON,NVP](가맹점 수정후 고정)
|
||||
String authToken= paramMap.get("authToken"); // 취소 요청 tid에 따라서 유동적(가맹점 수정후 고정)
|
||||
String authUrl = paramMap.get("authUrl"); // 승인요청 API url(수신 받은 값으로 설정, 임의 세팅 금지)
|
||||
String netCancel= paramMap.get("netCancelUrl"); // 망취소 API url(수신 받은 값으로 설정, 임의 세팅 금지)
|
||||
String ackUrl = paramMap.get("checkAckUrl"); // 가맹점 내부 로직 처리후 최종 확인 API URL(수신 받은 값으로 설정, 임의 세팅 금지)
|
||||
String merchantData = paramMap.get("merchantData"); // 가맹점 관리데이터 수신
|
||||
|
||||
//#####################
|
||||
// 2.signature 생성
|
||||
//#####################
|
||||
Map<String, String> signParam = new HashMap<String, String>();
|
||||
|
||||
signParam.put("authToken", authToken); // 필수
|
||||
signParam.put("timestamp", timestamp); // 필수
|
||||
|
||||
// signature 데이터 생성 (모듈에서 자동으로 signParam을 알파벳 순으로 정렬후 NVP 방식으로 나열해 hash)
|
||||
String signature = SignatureUtil.makeSignature(signParam);
|
||||
|
||||
String price = ""; // 가맹점에서 최종 결제 가격 표기 (필수입력아님)
|
||||
|
||||
// 1. 가맹점에서 승인시 주문번호가 변경될 경우 (선택입력) 하위 연결.
|
||||
// String oid = "";
|
||||
|
||||
//#####################
|
||||
// 3.API 요청 전문 생성
|
||||
//#####################
|
||||
Map<String, String> authMap = new Hashtable<String, String>();
|
||||
|
||||
authMap.put("mid" ,mid); // 필수
|
||||
authMap.put("authToken" ,authToken); // 필수
|
||||
authMap.put("signature" ,signature); // 필수
|
||||
authMap.put("timestamp" ,timestamp); // 필수
|
||||
authMap.put("charset" ,charset); // default=UTF-8
|
||||
authMap.put("format" ,format); // default=XML
|
||||
//authMap.put("price" ,price); // 가격위변조체크기능 (선택사용)
|
||||
|
||||
System.out.println("##승인요청 API 요청##");
|
||||
|
||||
HttpUtil httpUtil = new HttpUtil();
|
||||
|
||||
try{
|
||||
//#####################
|
||||
// 4.API 통신 시작
|
||||
//#####################
|
||||
|
||||
String authResultString = "";
|
||||
|
||||
authResultString = httpUtil.processHTTP(authMap, authUrl);
|
||||
|
||||
//############################################################
|
||||
//5.API 통신결과 처리(***가맹점 개발수정***)
|
||||
//############################################################
|
||||
out.println("## 승인 API 결과 ##");
|
||||
|
||||
String test = authResultString.replace(",", "&").replace(":", "=").replace("\"", "").replace(" ","").replace("\n", "").replace("}", "").replace("{", "");
|
||||
|
||||
//out.println("<pre>"+authResultString.replaceAll("<", "<").replaceAll(">", ">")+"</pre>");
|
||||
|
||||
Map<String, String> resultMap = new HashMap<String, String>();
|
||||
|
||||
resultMap = ParseUtil.parseStringToMap(test); //문자열을 MAP형식으로 파싱
|
||||
|
||||
System.out.println("resultMap == " + resultMap);
|
||||
out.println("<pre>");
|
||||
out.println("<table width='565' border='0' cellspacing='0' cellpadding='0'>");
|
||||
|
||||
/************************* 결제보안 강화 2016-05-18 START ****************************/
|
||||
Map<String , String> secureMap = new HashMap<String, String>();
|
||||
secureMap.put("mid" , mid); //mid
|
||||
secureMap.put("tstamp" , timestamp); //timestemp
|
||||
secureMap.put("MOID" , resultMap.get("MOID")); //MOID
|
||||
secureMap.put("TotPrice" , resultMap.get("TotPrice")); //TotPrice
|
||||
|
||||
// signature 데이터 생성
|
||||
String secureSignature = SignatureUtil.makeSignatureAuth(secureMap);
|
||||
/************************* 결제보안 강화 2016-05-18 END ****************************/
|
||||
|
||||
if("0000".equals(resultMap.get("resultCode")) && secureSignature.equals(resultMap.get("authSignature")) ){ //결제보안 강화 2016-05-18
|
||||
/*****************************************************************************
|
||||
* 여기에 가맹점 내부 DB에 결제 결과를 반영하는 관련 프로그램 코드를 구현한다.
|
||||
|
||||
[중요!] 승인내용에 이상이 없음을 확인한 뒤 가맹점 DB에 해당건이 정상처리 되었음을 반영함
|
||||
처리중 에러 발생시 망취소를 한다.
|
||||
******************************************************************************/
|
||||
|
||||
out.println("<tr><th class='td01'><p>거래 성공 여부</p></th>");
|
||||
out.println("<td class='td02'><p>성공</p></td></tr>");
|
||||
|
||||
//결과정보
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>결과 코드</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("resultCode")+"</p></td></tr>");
|
||||
out.println("<tr><th class='td01'><p>결과 내용</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("resultMsg")+"</p></td></tr>");
|
||||
|
||||
} else {
|
||||
out.println("<tr><th class='td01'><p>거래 성공 여부</p></th>");
|
||||
out.println("<td class='td02'><p>실패</p></td></tr>");
|
||||
out.println("<tr><th class='td01'><p>결과 코드</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("resultCode")+"</p></td></tr>");
|
||||
out.println("<tr><th class='td01'><p>결과 내용</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("resultMsg")+"</p></td></tr>");
|
||||
|
||||
//결제보안키가 다른 경우
|
||||
if (!secureSignature.equals(resultMap.get("authSignature")) && "0000".equals(resultMap.get("resultCode"))) {
|
||||
//결과정보
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>결과 내용</p></th>");
|
||||
out.println("<td class='td02'><p>* 데이터 위변조 체크 실패</p></td></tr>");
|
||||
|
||||
//망취소
|
||||
if ("0000".equals(resultMap.get("resultCode"))) {
|
||||
throw new Exception("데이터 위변조 체크 실패");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//공통 부분만
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>거래 번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("tid")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>결제방법(지불수단)</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("payMethod")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>결제완료금액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("TotPrice")+"원</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>주문 번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("MOID")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>승인날짜</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("applDate")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>승인시간</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("applTime")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
|
||||
if("VBank".equals(resultMap.get("payMethod"))){ //가상계좌
|
||||
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>입금 계좌번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("VACT_Num")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>입금 은행코드</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("VACT_BankCode")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>입금 은행명</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("vactBankName")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>예금주 명</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("VACT_Name")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>송금자 명</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("VACT_InputName")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>송금 일자</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("VACT_Date")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>송금 시간</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("VACT_Time")+"</p></td></tr>");
|
||||
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
|
||||
}else if("DirectBank".equals(resultMap.get("payMethod"))){ //실시간계좌이체
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>은행코드</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("ACCT_BankCode")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>현금영수증 발급결과코드</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("CSHR_ResultCode")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>현금영수증 발급구분코드</p> <font color=red><b>(0 - 소득공제용, 1 - 지출증빙용)</b></font></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("CSHR_Type")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
|
||||
}else if("iDirectBank".equals(resultMap.get("payMethod"))){ //실시간계좌이체
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>은행코드</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("ACCT_BankCode")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>현금영수증 발급결과코드</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("CSHRResultCode")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>현금영수증 발급구분코드</p> <font color=red><b>(0 - 소득공제용, 1 - 지출증빙용)</b></font></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("CSHR_Type")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
|
||||
}else if("HPP".equals(resultMap.get("payMethod"))){ //휴대폰
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>통신사</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("HPP_Corp")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>결제장치</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("payDevice")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>휴대폰번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("HPP_Num")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
|
||||
}else if("DGCL".equals(resultMap.get("payMethod"))){//게임문화상품권
|
||||
String sum="0",sum2="0",sum3="0",sum4="0",sum5="0",sum6="0";
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>게임문화상품권승인금액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_ApplPrice")+"원</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>사용한 카드수</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_Cnt")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>사용한 카드번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_Num1")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>카드잔액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_Price1")+"원</p></td></tr>");
|
||||
|
||||
if(!"".equals(resultMap.get("GAMG_Num2"))){
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>사용한 카드번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_Num2")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>카드잔액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_Price2")+"원</p></td></tr>");
|
||||
}
|
||||
if(!"".equals(resultMap.get("GAMG_Num3"))){
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>사용한 카드번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_Num3")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>카드잔액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_Price3")+"원</p></td></tr>");
|
||||
}
|
||||
if(!"".equals(resultMap.get("GAMG_Num4"))){
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>사용한 카드번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_Num4")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>카드잔액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_Price4")+"원</p></td></tr>");
|
||||
}
|
||||
if(!"".equals(resultMap.get("GAMG_Num5"))){
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>사용한 카드번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_Num5")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>카드잔액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_Price5")+"원</p></td></tr>");
|
||||
}
|
||||
if(!"".equals(resultMap.get("GAMG_Num6"))){
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>사용한 카드번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_Num6")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>카드잔액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GAMG_Price6")+"원</p></td></tr>");
|
||||
}
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
|
||||
}else if("OCBPoint".equals(resultMap.get("payMethod"))){ //오케이 캐쉬백
|
||||
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>지불구분</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("PayOption")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
// out.println("<tr><th class='td01'><p>결제완료금액</p></th>");
|
||||
// out.println("<td class='td02'><p>" +resultMap.get("applPrice")+"원</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>OCB 카드번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("OCB_Num")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>적립 승인번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("OCB_SaveApplNum")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>사용 승인번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("OCB_PayApplNum")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>OCB 지불 금액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("OCB_PayPrice")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
|
||||
}else if("GSPT".equals(resultMap.get("payMethod"))){ //GSPoint
|
||||
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>지불구분</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("PayOption")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>GS 포인트 승인금액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GSPT_ApplPrice")+"원</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>GS 포인트 적립금액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GSPT_SavePrice")+"원</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>GS 포인트 지불금액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GSPT_PayPrice")+"원</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
|
||||
}else if("UPNT".equals(resultMap.get("payMethod"))){ //U-포인트
|
||||
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>U포인트 카드번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("UPoint_Num")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>가용포인트</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("UPoint_usablePoint")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>포인트지불금액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("UPoint_ApplPrice")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
|
||||
}
|
||||
else if("KWPY".equals(resultMap.get("payMethod"))){ //뱅크월렛 카카오
|
||||
out.println("<tr><th class='td01'><p>결제방법</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("payMethod")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>결과 코드</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("resultCode")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>결과 내용</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("resultMsg")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>거래 번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("tid")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>주문 번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("MOID")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>결제완료금액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("price")+"원</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>사용일자</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("applDate")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>사용시간</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("applTime")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
|
||||
}else if("Culture".equals(resultMap.get("payMethod"))){//문화 상품권
|
||||
out.println("<tr><th class='td01'><p>컬처랜드 아이디</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("CULT_UserID")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
|
||||
}else if("TEEN".equals(resultMap.get("payMethod"))){//틴캐시
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>틴캐시 승인번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("TEEN_ApplNum")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>틴캐시아이디</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("TEEN_UserID")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>틴캐시승인금액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("TEEN_ApplPrice")+"원</p></td></tr>");
|
||||
|
||||
}else if("Bookcash".equals(resultMap.get("payMethod"))){//도서문화상품권
|
||||
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>도서상품권 승인번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("BCSH_ApplNum")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>도서상품권 사용자ID</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("BCSH_UserID")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>도서상품권 승인금액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("BCSH_ApplPrice")+"원</p></td></tr>");
|
||||
|
||||
}else if("PhoneBill".equals(resultMap.get("payMethod"))){//폰빌전화결제
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>승인전화번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("PHNB_Num")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
|
||||
|
||||
}else if("Bill".equals(resultMap.get("payMethod"))){//빌링결제
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>빌링키</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("CARD_BillKey")+"</p></td></tr>");
|
||||
}else if("Auth".equals(resultMap.get("payMethod"))){//빌링결제
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>빌링키</p></th>");
|
||||
if ("BILL_CARD".equalsIgnoreCase(resultMap.get("payMethodDetail"))) {
|
||||
out.println("<td class='td02'><p>" +resultMap.get("CARD_BillKey")+"</p></td></tr>");
|
||||
} else if ("BILL_HPP".equalsIgnoreCase(resultMap.get("payMethodDetail"))) {
|
||||
out.println("<td class='td02'><p>" +resultMap.get("HPP_BillKey")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>통신사</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("HPP_Corp")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>결제장치</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("payDevice")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>휴대폰번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("HPP_Num")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>상품명</p></th>"); //상품명
|
||||
out.println("<td class='td02'><p>" +resultMap.get("goodName")+"</p></td></tr>");
|
||||
|
||||
} else {
|
||||
//
|
||||
}
|
||||
}else if("HPMN".equals(resultMap.get("payMethod"))){//해피머니
|
||||
|
||||
}else{//카드
|
||||
int quota=Integer.parseInt(resultMap.get("CARD_Quota"));
|
||||
if(resultMap.get("EventCode")!=null){
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>이벤트 코드</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("EventCode")+"</p></td></tr>");
|
||||
}
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>카드번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("CARD_Num")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>승인번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("applNum")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>할부기간</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("CARD_Quota")+"</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
if("1".equals(resultMap.get("CARD_Interest")) || "1".equals(resultMap.get("EventCode"))){
|
||||
out.println("<tr><th class='td01'><p>할부 유형</p></th>");
|
||||
out.println("<td class='td02'><p>무이자</p></td></tr>");
|
||||
}else if(quota > 0 && !"1".equals(resultMap.get("CARD_Interest"))){
|
||||
out.println("<tr><th class='td01'><p>할부 유형</p></th>");
|
||||
out.println("<td class='td02'><p>유이자 <font color='red'> *유이자로 표시되더라도 EventCode 및 EDI에 따라 무이자 처리가 될 수 있습니다.</font></p></td></tr>");
|
||||
}
|
||||
|
||||
if("1".equals(resultMap.get("point"))){
|
||||
out.println("<td class='td02'><p></p></td></tr>");
|
||||
out.println("<tr><th class='td01'><p>포인트 사용 여부</p></th>");
|
||||
out.println("<td class='td02'><p>사용</p></td></tr>");
|
||||
}else{
|
||||
out.println("<td class='td02'><p></p></td></tr>");
|
||||
out.println("<tr><th class='td01'><p>포인트 사용 여부</p></th>");
|
||||
out.println("<td class='td02'><p>미사용</p></td></tr>");
|
||||
}
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>카드 종류</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("CARD_Code")+ "</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>카드 발급사</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("CARD_BankCode")+ "</p></td></tr>");
|
||||
|
||||
if(resultMap.get("OCB_Num")!=null && resultMap.get("OCB_Num") != ""){
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>OK CASHBAG 카드번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("OCB_Num")+ "</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>OK CASHBAG 적립 승인번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("OCB_SaveApplNum")+ "</p></td></tr>");
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>OK CASHBAG 포인트지불금액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("OCB_PayPrice")+ "</p></td></tr>");
|
||||
}
|
||||
if(resultMap.get("GSPT_Num")!=null && resultMap.get("GSPT_Num") != ""){
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>GS&Point 카드번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GSPT_Num")+ "</p></td></tr>");
|
||||
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>GS&Point 잔여한도</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GSPT_Remains")+ "</p></td></tr>");
|
||||
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>GS&Point 승인금액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("GSPT_ApplPrice")+ "</p></td></tr>");
|
||||
}
|
||||
|
||||
if(resultMap.get("UNPT_CardNum")!=null && resultMap.get("UNPT_CardNum") != ""){
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>U-Point 카드번호</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("UNPT_CardNum")+ "</p></td></tr>");
|
||||
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>U-Point 가용포인트</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("UPNT_UsablePoint")+ "</p></td></tr>");
|
||||
|
||||
out.println("<tr><th class='line' colspan='2'><p></p></th></tr>");
|
||||
out.println("<tr><th class='td01'><p>U-Point 포인트지불금액</p></th>");
|
||||
out.println("<td class='td02'><p>" +resultMap.get("UPNT_PayPrice")+ "</p></td></tr>");
|
||||
}
|
||||
}
|
||||
out.println("</table>");
|
||||
out.println("<span style='padding-left : 100px;'>");
|
||||
out.println("</span>");
|
||||
out.println("<form name='frm' method='post'>");
|
||||
out.println("<input type='hidden' name='tid' value='"+resultMap.get("tid")+"'/>");
|
||||
out.println("</form>");
|
||||
|
||||
out.println("</pre>");
|
||||
|
||||
// 수신결과를 파싱후 resultCode가 "0000"이면 승인성공 이외 실패
|
||||
// 가맹점에서 스스로 파싱후 내부 DB 처리 후 화면에 결과 표시
|
||||
|
||||
// payViewType을 popup으로 해서 결제를 하셨을 경우
|
||||
// 내부처리후 스크립트를 이용해 opener의 화면 전환처리를 하세요
|
||||
|
||||
//throw new Exception("강제 Exception");
|
||||
} catch (Exception ex) {
|
||||
|
||||
//####################################
|
||||
// 실패시 처리(***가맹점 개발수정***)
|
||||
//####################################
|
||||
|
||||
//---- db 저장 실패시 등 예외처리----//
|
||||
System.out.println(ex);
|
||||
|
||||
//#####################
|
||||
// 망취소 API
|
||||
//#####################
|
||||
String netcancelResultString = httpUtil.processHTTP(authMap, netCancel); // 망취소 요청 API url(고정, 임의 세팅 금지)
|
||||
|
||||
out.println("## 망취소 API 결과 ##");
|
||||
|
||||
// 취소 결과 확인
|
||||
out.println("<p>"+netcancelResultString.replaceAll("<", "<").replaceAll(">", ">")+"</p>");
|
||||
}
|
||||
|
||||
}else{
|
||||
|
||||
//#############
|
||||
// 인증 실패시
|
||||
//#############
|
||||
out.println("<br/>");
|
||||
out.println("####인증실패####");
|
||||
|
||||
out.println("<p>"+paramMap.toString()+"</p>");
|
||||
|
||||
}
|
||||
|
||||
}catch(Exception e){
|
||||
|
||||
System.out.println(e);
|
||||
}
|
||||
%>
|
||||
@ -1,7 +0,0 @@
|
||||
<!--
|
||||
Ãë¼Ò 󸮷ΠOverlay âÀ» ´Ý¾ÆÁÖ´Â ¿ªÈ°À» ÇÏ´Â ÆäÀÌÁö
|
||||
ÇÊ¿ä ½Ã °¡¸ÍÁ¡ ·ÎÁ÷ Ãß°¡ÇÏ¿© ó¸®
|
||||
-->
|
||||
|
||||
<!-- <script language="javascript" type="text/javascript" src="https://stgstdpay.inicis.com/stdjs/INIStdPay_close.js" charset="UTF-8"></script> -->
|
||||
<script language="javascript" type="text/javascript" src="http://stdpay.inicis.com/stdjs/INIStdPay_close.js" charset="UTF-8"></script>
|
||||
@ -1,7 +0,0 @@
|
||||
<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%>
|
||||
<%@ page import="java.util.*"%>
|
||||
|
||||
<!-- !!!! 주의 !!!! 다른 내용을 절대 추가하지 마세요 -->
|
||||
<!-- 결제창 표시 방법(payViewType)이 popup일 경우 팝업창을 생성 역활을 위한 페이지 -->
|
||||
<!-- <script language="javascript" type="text/javascript" src="https://stdpay.inicis.com/stdjs/INIStdPay_popup.js" charset="UTF-8"></script> -->
|
||||
<script language="javascript" type="text/javascript" src="http://stdpay.inicis.com/stdjs/INIStdPay_popup.js" charset="UTF-8"></script>
|
||||
@ -1,89 +0,0 @@
|
||||
<!doctype html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title> Cross Domain Test Page </title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link id="ML_common_css" rel="stylesheet" type="text/css" href="UI/css/ML_common.css"/>
|
||||
<link id="MLjquibase_css" rel="stylesheet" type="text/css" href="UI/css/MLjquibase.css"/>
|
||||
<link rel="stylesheet" type="text/css" href="UI/css/MLjquislide.css"/>
|
||||
<script src="js/ext/jquery-1.10.2.js"></script>
|
||||
<script src="js/ext/jquery-ui.min.js"></script>
|
||||
<script src="js/ext/jquery.blockUI.js"></script>
|
||||
<script src="js/ext/json2.js"></script>
|
||||
<script src="js/message/jquery.i18n.properties.min.js"></script>
|
||||
|
||||
<script src="js/ML4Web_API.min.js?v=20201127" integrity="sha256-nZePrby3shIrvvi48zxCiaLlg1LccPZELCdV3ZvRAA8="></script>
|
||||
|
||||
<script src="UI/js/dialog/MLjquicore.js"></script>
|
||||
<script src="UI/js/dialog/MLjqui_nec.js"></script>
|
||||
<script src="UI/js/dialog/MLjquidata.js"></script>
|
||||
<script src="UI/js/dialog/MLjquitabs.js"></script>
|
||||
<script src="UI/js/dialog/MLjquiloader.js"></script>
|
||||
<script src="UI/js/dialog/owl.carousel.js"></script>
|
||||
</head>
|
||||
<!-- <body oncontextmenu="return false" ondragstart="return false" onselectstart="return false"> -->
|
||||
<body style="background-color:transparent" onload="">
|
||||
<!-- inca keypad form -->
|
||||
<form name="form1" id="form1" style="display:none;"></form>
|
||||
<!-- <div id="div_overlay" style="z-index:100000;position:fixed; width:100%; height:100%; top:0px; left:0px; background-color: #000000;opacity:0.3;filter:alpha(opacity=30);">
|
||||
<div style="z-index:100001;position:fixed;top:50%; height:100%;width:100%;">
|
||||
<div style="margin: 0 auto; padding: 5px; width:26px; height:26px; background-color:#fff; vertical-align:middle; font-weight:bold; text-align:center;color:#555;border-radius:5px;">
|
||||
<img src="UI/images/loader.gif" style="vertical-align:middle"/>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- <div id="div_popup" style="opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=90)';filter:Alpha(Opacity=90);left:245px;top:82px;width:465px;height:655px;transform:translate3d(0px, 0px, 0px);transition:none;z-index:1600;"> -->
|
||||
<div id="selectCertContainer" style="width:100%;margin-top:0;"></div>
|
||||
<div id="selectCertContainer1" style="width:100%;margin-top:0;"></div>
|
||||
<div id="certDetailContainer" style="width:100%;margin-top:0;"></div>
|
||||
<div id="certSignContainer" style="width:100%;margin-top:0;">
|
||||
<iframe id="startCs" name="startCs" style="display:none"></iframe>
|
||||
</div>
|
||||
<div id="csContainer" style="width:100%;margin-top:0;"></div>
|
||||
<!-- </div> -->
|
||||
|
||||
<!-- 01. Alert dialog -->
|
||||
<div style="width:100%;margin-top:0;">
|
||||
<div id="outside_alert" class="ML_container_dialog">
|
||||
<div class="ML_content">
|
||||
<div class="ML_content-area" style="padding-top:5px;">
|
||||
<div class="ML_pw_dialog_status_area">
|
||||
<div class="ML_pw_dialog_area">
|
||||
<div id="outside_alert_msg" class="ML_pw_dialog_txt">msg</div>
|
||||
<div class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" onClick="closeOutsideAlert();"><span>확인</span></button></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- sycronize localStorage -->
|
||||
<!-- <div id="div_dsmlcert" style="display:none;"><iframe id="dsmlcert" name="dsmlcert" ></iframe></div> -->
|
||||
|
||||
<script>
|
||||
function openOutsideAlert(msg){
|
||||
if($('#outside_alert').attr("status") =="ready"){
|
||||
$('#outside_alert_msg').html(msg);
|
||||
$('#outside_alert').MLjquiWindow('open');
|
||||
}else{
|
||||
alert(msg);
|
||||
}
|
||||
}
|
||||
|
||||
function closeOutsideAlert(){
|
||||
$('#outside_alert').MLjquiWindow('close');
|
||||
|
||||
closeMainDialogToChild();
|
||||
}
|
||||
</script>
|
||||
<script src="js/ML4Web_Child.js?v=20201127" integrity="sha256-/DCvKrCREwnltQlSqwBlinMpP7twNaaESTQQd6601kQ=" ></script>
|
||||
<script src="js/ML4Web_UI.js?v=20201127" integrity="sha256-y4R8g35qo2q73p4HtD3Q56fidBwQxDE9yW6Eif1pMf4=" ></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,323 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
|
||||
|
||||
<title>전자서명</title>
|
||||
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Main.js"></script>
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Popup.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
var certDetail = null;
|
||||
var dsOption = {};
|
||||
$(document).ready(function() {
|
||||
|
||||
//sub dialog 깜빡임 방지.
|
||||
$("#popup_alert").hide();
|
||||
|
||||
funProcInit();
|
||||
|
||||
initEventHandler();
|
||||
|
||||
//key event
|
||||
$(this).keydown(function(e){
|
||||
if(e.keyCode == "9"){
|
||||
var targetElement = $(document.activeElement).attr("id");
|
||||
var parentElement = $(document.activeElement).parent().attr("id");
|
||||
|
||||
console.log("targetElement.id === " + targetElement);
|
||||
console.log("parentElement.id === " + parentElement);
|
||||
|
||||
if(targetElement == "stg_smartcert" ){
|
||||
var selection = $("#dataTable").MLjquiDataTable('getSelection');
|
||||
if(selection && selection.length>0){
|
||||
console.log("ifififififififififififif");
|
||||
//$("#dataTable").focus();
|
||||
//$("#dataTable").css("border","solid 1px red");
|
||||
}else{
|
||||
console.log("elseelseelseelseelseelse");
|
||||
//$("#btn_viewCert").focus();
|
||||
//$("#btn_viewCert").css("border","solid 1px red");
|
||||
}
|
||||
}else if(targetElement==null || targetElement=='undefined'){
|
||||
|
||||
}
|
||||
} else if (e.keyCode == "27"){
|
||||
console.log("Esc keydown Esc keydown Esc keydown Esc keydown");
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function funProcInit(){
|
||||
_createWindow();
|
||||
|
||||
dsOption = ML4WebUI.getDSOption();
|
||||
|
||||
$('#orgtext').html(dsOption.message);
|
||||
|
||||
//console.log(">>>>>>>>>>>>>>>>>>>>> getCertInfo.obj === "+JSON.stringify(dsOption));
|
||||
//캐시된 인증서 상세 정보 조회
|
||||
/*
|
||||
if(dsOption.certIdx.storagename=='smartcert'){
|
||||
var certTxt = "";
|
||||
certTxt += '<span class="certi_name">'+dsOption.certIdx.storagename+'</span>';
|
||||
|
||||
$('#div_selected_cert').html(certTxt);
|
||||
}else{
|
||||
*/
|
||||
ML4WebApi.getCertInfo(dsOption.certIdx, null, function(code, obj){
|
||||
//ML4WebLog.log("ML4WebApi.getCertInfo() callback code === "+ code + "/ obj === " + JSON.stringify(obj));
|
||||
if(code == 0){
|
||||
//{"result":{"version":2,"serialnum":"2ce5","signaturealgorithm":"sha256WithRSAEncryption","issuername":"CN=CrossCertTestCA2,OU=AccreditedCA,O=CrossCert,C=KR","startdate":"2010-7-27","enddate":"2011-4-14","subjectname":"CN=2048(유효),OU=테스트,OU=등록기관,OU=AccreditedCA,O=CrossCert,C=KR","pubkey":"30820122300d06092a864886f70d01010105000382010f003082010a0282010100aa07387dcccd8f3cfd0f97cd78f5ddff38bb8fb97256b1d5c8dfb92a02b4a59de643c1f0a19fd4c2a95fec882812dd165b34f4e5f1b9854476a00237a4f6ad46f7b9106816f170a515b2016f25bd65cbcc4a4a6b8e5a72059b915eee1a6f2ec4ea43fdb69632825bf179116c0c6ebfaff8f6d7badc34b5e0fc43127880b70ae0e99cf9bf7452bbc6f9db35f9304ee5acd1bed9da0805367db48f8580bdcb8730500c37796cca1457081c444ddd3ab986ac635a3bce02741cd6a2767a05eb6036f905550c81d6d0186dbc2d0098c02686c42aad5fac83b575e60f611d067e94c7d9ecb61a4555d0ae1815091ec7ae7b596d587e68ab4e6700f2576510f359c5330203010001","pubkeyalgorithm":"rsa (2048 bits)","keyusage":"digitalSignature,nonRepudiation","certpolicy":"policyID = 1.2.410.200004.5.4.1.1,\ncpsUri = http://gca.crosscert.com/cps.html,\nUserNotice = 이 인증서는 테스트 인증서입니다.,\n","policyid":"1.2.410.200004.5.4.1.1","policynotice":"이 인증서는 테스트 인증서입니다.","subjectaltname":"-identifyData\n- realName= 2048(유효)- vid (sha256)= 47af46f8b3ef5d49c37e5013c22a566801913e56a2e6356c3c786e6a8c63ea78","subkeyid":"eaf7408244e887e4e7b844231da0174abb7c20b5","crldp":"ldap://testca2.crosscert.com:389/cn=s1dp5p1,ou=crldp,ou=AccreditedCA,o=CrossCert,c=KR?certificateRevocationList ","aia":"http://testca2.crosscert.com:14203/OCSPServer","realname":"2048(유효)"}}
|
||||
//obj.result.policyid
|
||||
var policy = $.i18n.prop("OID_"+ obj.result.policyid.split(".").join("_"));
|
||||
|
||||
var tempArr = obj.result.issuername.split(",");
|
||||
var tempIssuer = "";
|
||||
$.each(tempArr, function() {
|
||||
var tempArr2 = this.split("=");
|
||||
if( tempArr2[0].toLowerCase() == "cn" ){
|
||||
tempIssuer = tempArr2[1]
|
||||
}
|
||||
});
|
||||
var issuer = tempIssuer;
|
||||
|
||||
var isExpired = ML4WebUtil.isDateExpired(obj.result.enddatetime);
|
||||
//console.log(">>>>>>>>>>>>>>>>>>>>>>>>>>>> isExpired === "+isExpired);
|
||||
if(isExpired){
|
||||
$('#div_cert_img').removeClass("ML_cert_nor");
|
||||
$('#div_cert_img').addClass("ML_cert_exp");
|
||||
}else{
|
||||
$('#div_cert_img').removeClass("ML_cert_exp");
|
||||
$('#div_cert_img').addClass("ML_cert_nor");
|
||||
}
|
||||
|
||||
var certTxt = "";
|
||||
certTxt += '<span class="certi_name">'+obj.result.realname+'</span>';
|
||||
certTxt += '<span class="certi_issuOrg">'+policy+' | '+issuer+'</span>';
|
||||
certTxt += '<span class="certi_expDate">만료일 '+obj.result.enddate+'</span>';
|
||||
|
||||
$('#div_selected_cert').html(certTxt);
|
||||
|
||||
certDetail = obj;
|
||||
|
||||
if(ML4WebApi.getProperty('selectedStorage').key=='smartcert' && ML4WebApi.getProperty('smartcert_type')!='C'){
|
||||
// 패스워드 입력창 Disable
|
||||
$('#input_cert_pwd').prop('disabled', true);
|
||||
}
|
||||
}else{
|
||||
//error
|
||||
}
|
||||
});
|
||||
//}
|
||||
}
|
||||
|
||||
function _createWindow() {
|
||||
//-00. Main
|
||||
$('#ML_cert_sign_window').MLjquiWindow({
|
||||
title:'전자서명',
|
||||
resizable: false,
|
||||
position: 'center',
|
||||
showCloseButton:false,
|
||||
// closeButtonSize: 35,
|
||||
// closeButtonAction:'close',
|
||||
isModal: true,
|
||||
modalOpacity: 0.3,
|
||||
modalZIndex: 99999,
|
||||
modalBackgroundZIndex: 99999,
|
||||
showCollapseButton: false,
|
||||
keyboardCloseKey: 0,
|
||||
maxHeight: 600, maxWidth:420,
|
||||
minHeight: 200, minWidth: 200,
|
||||
height: 598, width: 418,
|
||||
initContent: function () {
|
||||
$('#ML_cert_sign_window').MLjquiWindow('focus');
|
||||
}
|
||||
});
|
||||
|
||||
//-01. Alert
|
||||
//$("#popup_alert").show();
|
||||
$('#popup_alert').MLjquiWindow({
|
||||
title:'알림',
|
||||
resizable: false,
|
||||
position: 'center',
|
||||
closeButtonSize: 35,
|
||||
closeButtonAction:'close',
|
||||
// isModal: false,
|
||||
// modalOpacity: 0.3,
|
||||
// modalZIndex: 99999,
|
||||
// modalBackgroundZIndex: 99999,
|
||||
showCollapseButton: false,
|
||||
keyboardCloseKey: 0,
|
||||
maxHeight: 600, maxWidth:420,
|
||||
minHeight: 200, minWidth: 200,
|
||||
height: 148, width: 368,
|
||||
zIndex:9999999,
|
||||
initContent: function () {
|
||||
$('#popup_alert').MLjquiWindow('close');
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
function resignEnterKeyEvent(e){
|
||||
if(e.keyCode == 13){
|
||||
$('#btn_sign_confirm').click();
|
||||
}else{
|
||||
e.keyCode == 0;
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
function initEventHandler(){
|
||||
//- 확인
|
||||
$('#btn_sign_confirm').click(function () {
|
||||
//console.info('>>>>>>>>>>>>>>>>>>>>>>>>>>'+dsOption.certIdx.storagename+' '+ML4WebApi.getProperty("smartcert_type"));
|
||||
|
||||
if(ML4WebApi.getProperty('selectedStorage').key=='smartcert' && ML4WebApi.getProperty('smartcert_type')!='C'){
|
||||
//if(dsOption.certIdx.storagename=='smartcert' && ML4WebApi.getProperty("smartcert_type")!='C'){
|
||||
// WEB SmartCert 구동
|
||||
var filter ={};
|
||||
if(certDetail!=null){
|
||||
filter.subjectDN = encodeURIComponent(certDetail.result.subjectname);
|
||||
}
|
||||
DS_SmartcertRequest(dsOption.message,JSON.stringify(filter));
|
||||
}else{
|
||||
var cert_pw = $('#input_cert_pwd').val();
|
||||
if(cert_pw == null || cert_pw == ""){
|
||||
//openAlertDialog("비밀번호를 입력하세요.");
|
||||
DSAlert.openAlert("main", $.i18n.prop("ES006"), $('#input_cert_pwd'));
|
||||
return false;
|
||||
}
|
||||
|
||||
ML4WebApi.makeSignData(dsOption.certIdx, cert_pw, dsOption.option, encodeURIComponent(dsOption.message), function(code, obj){
|
||||
if(code==0){
|
||||
dsOption.callback(code, obj);
|
||||
}else{
|
||||
//ML4WebLog.log("[ERROR!!! - "+code+" ] errCode === " + obj.errCode + ", errMsg === " + obj.errMsg);
|
||||
if(obj.errCode==40701 || obj.errCode=='40701'){
|
||||
$("#input_cert_pwd").empty();
|
||||
DSAlert.openAlert("main", $.i18n.prop("ES002"), $("#input_cert_pwd"));
|
||||
}else{
|
||||
DSAlert.openAlert("main", obj.errMsg, null);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
//- 취소
|
||||
$('#btn_sign_cancel').click(function () {
|
||||
closeCertDialog('cs');
|
||||
});
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
|
||||
<!--<body style="height:95%;" oncontextmenu="return false" ondragstart="return false" onselectstart="return false">-->
|
||||
<body style="height:95%;" >
|
||||
|
||||
<div id="ML_cert_sign_window">
|
||||
<div class="ML_container">
|
||||
<!-- Content AREA : S -->
|
||||
<div class="ML_content">
|
||||
<div class="ML_content-area" id="MagicLine">
|
||||
<!-- Content : S -->
|
||||
|
||||
<!-- Certificate list : S -->
|
||||
<div class="ML_sub_tit">선택한 인증서</div>
|
||||
<div class="ML_cert_list_sign_area" id="ML_certlist_area">
|
||||
<div class="ML_cert_list">
|
||||
<div id="div_cert_img" class="ML_cert_nor"></div>
|
||||
<div id="div_selected_cert" class="ML_cert_txt">
|
||||
<!--
|
||||
<span class="certi_name">홍길동 (Hong Gil Dong)</span>
|
||||
<span class="certi_issuOrg">은행 개인| yessign</span>
|
||||
<span class="certi_expDate">만료일 2015-02-05</span>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Certificate list : E -->
|
||||
<!-- Certificate org text : S -->
|
||||
<div class="ML_sub_tit">원문</div>
|
||||
<div class="ML_cert_orgtext_area" id="ML_cert_orgtext_area">
|
||||
<div id="orgtext">
|
||||
<!--
|
||||
<span class="orgtxt">
|
||||
(1)거래일자: 2016.06.02<br>
|
||||
(2)거래시간: 16:55:34<br>
|
||||
(3)출금계좌번호: 110-293-771168 <br>
|
||||
(4)입금은행: 우리은행<br>
|
||||
(5)입금계좌번호: 05930212002001<br>
|
||||
(6)수취인성명: 조성아<br>
|
||||
(7)이체금액: 500(원)<br>
|
||||
(8)수수료: 0(원)<br>
|
||||
(9)CMS코드: <br>
|
||||
(10)받는통장에 표시내용: <br>
|
||||
(11)출금통장메모: <br>
|
||||
(12)중복이체여부: 해당없음<br>
|
||||
</span>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Certificate org text : E -->
|
||||
<div class="ML_sub_tit">인증서 비밀번호 입력</div>
|
||||
<div id="ML_status_area" class="ML_status_area">
|
||||
<div class="ML_pw_area">
|
||||
<div class="ML_cert_pw_area">
|
||||
<span class="ML_cert_pw_field">
|
||||
<input type="password" id="input_cert_pwd" class="passwd_input" style="ime-mode:active;" placeholder="" autocomplete="off" onKeypress="resignEnterKeyEvent(event)">
|
||||
</span>
|
||||
</div>
|
||||
<!-- BTN -->
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_sign_confirm" ><span>확인</span></button></p>
|
||||
<span class="w_space40"></span>
|
||||
<p class="b_grey_btn"><button type="button" id="btn_sign_cancel" ><span>취소</span></button></p>
|
||||
</span>
|
||||
<!-- BTN -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content : E -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content AREA : E -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 01. Alert dialog -->
|
||||
<div id="popup_alert" class="ML_container_dialog">
|
||||
<!-- Content AREA : S -->
|
||||
<div class="ML_content">
|
||||
<div class="ML_content-area" style="padding-top:5px;">
|
||||
<!-- Content : S -->
|
||||
<div class="ML_pw_dialog_status_area">
|
||||
<div class="ML_pw_dialog_area">
|
||||
<div id="alert_msg" class="ML_pw_dialog_txt">비밀번호를 다시 입력하세요.</div>
|
||||
<!-- BTN -->
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_alert_confirm" onClick="DSAlert.closeAlert();"><span>확인</span></button></p>
|
||||
<!-- <span class="w_space40"></span>
|
||||
<p class="b_grey_btn"><button type="button" onClick="selfClose();"><span>취소</span></button></p>-->
|
||||
</span>
|
||||
<!-- BTN -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content : E -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content AREA : E -->
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,525 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
|
||||
|
||||
<script type="text/javascript">
|
||||
var certData = {};
|
||||
$(document).ready(function () {
|
||||
funDetailViewInit();
|
||||
|
||||
funDetailProcInit();
|
||||
|
||||
initDetailEventHandler();
|
||||
|
||||
//key event
|
||||
$(this).keydown(function(e){
|
||||
if(e.keyCode == "9"){
|
||||
var targetElement = $(document.activeElement).attr("id");
|
||||
var parentElement = $(document.activeElement).parent().attr("id");
|
||||
|
||||
//console.log("targetElement.id === " + targetElement);
|
||||
//console.log("parentElement.id === " + parentElement);
|
||||
|
||||
if(targetElement == "stg_smartcert" ){
|
||||
var selection = $("#dataTable").MLjquiDataTable('getSelection');
|
||||
if(selection && selection.length>0){
|
||||
console.log("ifififififififififififif");
|
||||
//$("#dataTable").focus();
|
||||
//$("#dataTable").css("border","solid 1px red");
|
||||
}else{
|
||||
console.log("elseelseelseelseelseelse");
|
||||
//$("#btn_viewCert").focus();
|
||||
//$("#btn_viewCert").css("border","solid 1px red");
|
||||
}
|
||||
}else if(targetElement==null || targetElement=='undefined'){
|
||||
|
||||
}
|
||||
} else if (e.keyCode == "27"){
|
||||
console.log("Esc keydown Esc keydown Esc keydown Esc keydown");
|
||||
e.preventDefault();
|
||||
} else if(e.keyCode == "13"){
|
||||
if(typeof(document.querySelector(":focus").id) != "undefined"){
|
||||
selectCertField(document.querySelector(":focus").id);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function funDetailViewInit(){
|
||||
// tab (5/38)
|
||||
$('ul.tabs').each(function(){
|
||||
var $active, $content, $links = $(this).find('a');
|
||||
|
||||
$active = $($links.filter('[href="'+location.hash+'"]')[0] || $links[0]);
|
||||
$active.addClass('active');
|
||||
|
||||
$content = $($active[0].hash);
|
||||
|
||||
// Hide the remaining content
|
||||
$links.not($active).each(function () {
|
||||
$(this.hash).hide();
|
||||
});
|
||||
|
||||
// Bind the click event handler
|
||||
$(this).on('click', 'a', function(e){
|
||||
// Make the old tab inactive.
|
||||
$active.removeClass('active');
|
||||
$content.hide();
|
||||
|
||||
// Update the variables with the new link and content
|
||||
$active = $(this);
|
||||
$content = $(this.hash);
|
||||
|
||||
// Make the tab active.
|
||||
$active.addClass('active');
|
||||
$content.show();
|
||||
|
||||
// Prevent the anchor's default click action
|
||||
e.preventDefault();
|
||||
});
|
||||
});
|
||||
|
||||
//초기값 일반탭 선택...
|
||||
$('#ML_cert_orgtext_area1').click();
|
||||
}
|
||||
|
||||
function funDetailProcInit() {
|
||||
_createDetailWindow();
|
||||
}
|
||||
|
||||
function transKeyusage(data){
|
||||
var val = "";
|
||||
if(data!=null && data!=""){
|
||||
$(data.split(",")).each(function(){
|
||||
// console.log(this);
|
||||
// console.log($.i18n.prop(this));
|
||||
if(val == "")
|
||||
val += $.i18n.prop($.trim(this));
|
||||
else
|
||||
val += ", " + $.i18n.prop($.trim(this));
|
||||
});
|
||||
}
|
||||
return val;
|
||||
}
|
||||
|
||||
function refreshCertView(data){
|
||||
certData = data;
|
||||
//------------------------------------------------- startdatetime 구분
|
||||
var start_date_div = data.startdatetime.split("-");
|
||||
var start_daytime_div = start_date_div[2].split(" ");
|
||||
|
||||
var start_date_year = start_date_div[0];
|
||||
var start_date_month = start_date_div[1];
|
||||
var start_date_day = start_daytime_div[0];
|
||||
var start_date_time = start_daytime_div[1];
|
||||
|
||||
if(start_date_month < 10 && start_date_month.length < 2){
|
||||
start_date_month = '0' + start_date_month;
|
||||
}
|
||||
if(start_date_day < 10 && start_date_day.length < 2){
|
||||
start_date_day = '0' + start_date_day;
|
||||
}
|
||||
|
||||
var startdatetime = start_date_year + '-' + start_date_month + '-' + start_date_day + ' ' + start_date_time;
|
||||
data.startdatetime = startdatetime;
|
||||
|
||||
//-------------------------------------------------- enddatetime 구분
|
||||
var end_date_div = data.enddatetime.split("-");
|
||||
var end_daytime_div = end_date_div[2].split(" ");
|
||||
|
||||
var end_date_year = end_date_div[0];
|
||||
var end_date_month = end_date_div[1];
|
||||
var end_date_day = end_daytime_div[0];
|
||||
var end_date_time = end_daytime_div[1];
|
||||
|
||||
if(end_date_month < 10 && end_date_month.length < 2){
|
||||
end_date_month = '0' + end_date_month;
|
||||
}
|
||||
if(end_date_day < 10 && end_date_day.length < 2){
|
||||
end_date_day = '0' + end_date_day;
|
||||
}
|
||||
var enddatetime = end_date_year + '-' + end_date_month + '-' + end_date_day + ' ' + end_date_time;
|
||||
data.enddatetime = enddatetime;
|
||||
|
||||
//-------------------------------------------------- startdate 구분
|
||||
var start_date = data.startdate.split("-");
|
||||
var start_year = start_date[0];
|
||||
var start_month = (start_date[1]);
|
||||
var start_day = start_date[2];
|
||||
|
||||
if(start_month < 10 && start_month.length < 2){
|
||||
start_month = '0' + start_month;
|
||||
}
|
||||
if(start_day < 10 && start_day.length < 2){
|
||||
start_day = '0' + start_day;
|
||||
}
|
||||
|
||||
var startdate = start_year + '-' + start_month + '-' + start_day;
|
||||
|
||||
//--------------------------------------------------- enddate 구분
|
||||
var end_date = data.enddate.split("-");
|
||||
var end_year = end_date[0];
|
||||
var end_month = (end_date[1]);
|
||||
var end_day = end_date[2];
|
||||
|
||||
if(end_month < 10 && end_month.length < 2){
|
||||
end_month = '0' + end_month;
|
||||
}
|
||||
if(end_day < 10 && end_day.length < 2){
|
||||
end_day = '0' + end_day;
|
||||
}
|
||||
|
||||
var enddate = end_year + '-' + end_month + '-' + end_day;
|
||||
|
||||
//----------------------------------------------------
|
||||
|
||||
//tab-일반
|
||||
var htmlTxt = '';
|
||||
if(data!=null && !$.isEmptyObject(data)){
|
||||
var kyStr = transKeyusage(data.keyusage);
|
||||
|
||||
htmlTxt += '<span class="dtltit01">' + $.i18n.prop("TS044") + '</span>';
|
||||
htmlTxt += '<span class="dtltxt01">';
|
||||
htmlTxt += $.i18n.prop("TS079") + ' : '+kyStr+'<br><br>';
|
||||
htmlTxt += $.i18n.prop("ES043") + '<br><br>';
|
||||
htmlTxt += $.i18n.prop("TS076") + ' : '+data.Cn+'<br>';
|
||||
htmlTxt += $.i18n.prop("TS063") + ' : '+data.Issuer+'<br>';
|
||||
if(data.startdatetime!=null && data.startdatetime!=""){
|
||||
htmlTxt += $.i18n.prop("TS080") + ' : <br> '+data.startdatetime+' '+$.i18n.prop("TS081")+' '+data.enddatetime+' '+$.i18n.prop("TS082")+'<br>';
|
||||
}else{
|
||||
htmlTxt += $.i18n.prop("TS080") + ' : <br> '+data.startdate+' '+$.i18n.prop("TS081")+' '+data.enddate+' '+$.i18n.prop("TS082")+'<br>';
|
||||
}
|
||||
htmlTxt += $.i18n.prop("TS083")+' : '+data.Policy+'<br>';
|
||||
htmlTxt += '</span>';
|
||||
}
|
||||
$('#detail_text01').empty().html(htmlTxt);
|
||||
|
||||
$('#span_policynotice').empty().html(' '+data.policynotice);
|
||||
|
||||
|
||||
//tab-자세히
|
||||
var htmlTxt_tb = '';
|
||||
if(data != null && !$.isEmptyObject(data)){
|
||||
if(data.version!=null && data.version!=""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'version\');" tabindex="0" id="version">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS047")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.version+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
if(data.serialnum!=null && data.serialnum!=""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'serialnum\');" tabindex="0" id="serialnum">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS048")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.serialnum+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
if(data.signaturealgorithm!=null && data.signaturealgorithm!=""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'signaturealgorithm\');" tabindex="0" id="signaturealgorithm">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS058")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.signaturealgorithm+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
if(data.issuername!=null && data.issuername!=""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'issuername\');" tabindex="0" id="issuername">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS063")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.issuername+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
if(data.startdatetime!=null && data.startdatetime!=""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'startdatetime\');" tabindex="0" id="startdatetime">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS050")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.startdatetime+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'enddatetime\');" tabindex="0" id="enddatetime">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS051")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.enddatetime+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}else{
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'startdate\');" tabindex="0" id="startdate">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS050")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.startdate+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'enddate\');" tabindex="0" id="enddate">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS051")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.enddate+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
if(data.subjectname!=null && data.subjectname!=""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'subjectname\');" tabindex="0" id="subjectname">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS076")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.subjectname+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
if(data.pubkey!=null && data.pubkey!=""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'pubkey\');" tabindex="0" id="pubkey">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS077")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.pubkey+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
if(data.authkeyid!=null && data.authkeyid!=""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'authkeyid\');" tabindex="0" id="authkeyid">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS078")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.authkeyid+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
if(data.keyusage!=null && data.keyusage!=""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'keyusage\');" tabindex="0" id="keyusage">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS053")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.keyusage+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
if(data.certpolicy!=null && data.certpolicy!=""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'certpolicy\');" tabindex="0" id="certpolicy">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS054")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.certpolicy+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
if(data.subjectaltname!=null && data.subjectaltname!=""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'subjectaltname\');" tabindex="0" id="subjectaltname">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS055")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.subjectaltname+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
if(data.crldp!=null && data.crldp!=""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'crldp\');" tabindex="0" id="crldp">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS056")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.crldp+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
if(data.aia!=null && data.aia!=""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'aia\');" tabindex="0" id="aia">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS057")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.aia+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
if(data.certpath!=null && data.certpath != ""){
|
||||
htmlTxt_tb += '<tr onClick="selectCertField(\'certpath\');" tabindex="0" id="certpath">';
|
||||
htmlTxt_tb += ' <td class="td_title">'+$.i18n.prop("TS097")+'</td>';
|
||||
htmlTxt_tb += ' <td>'+data.certpath+'</td>';
|
||||
htmlTxt_tb += '</tr>';
|
||||
}
|
||||
}
|
||||
|
||||
$('#detail_tbody_text02').empty().html(htmlTxt_tb);
|
||||
}
|
||||
|
||||
function selectCertField(key){
|
||||
// console.log("selectCertField() data === " + certData[key]);
|
||||
var detailTxt = "";
|
||||
switch (key) {
|
||||
case "version":
|
||||
detailTxt = $.i18n.prop("TS047") + " : " + certData[key];
|
||||
break;
|
||||
case "serialnum":
|
||||
detailTxt = $.i18n.prop("TS048") + " : " + certData[key];
|
||||
break;
|
||||
case "signaturealgorithm":
|
||||
detailTxt = $.i18n.prop("TS058") + " : " + certData[key];
|
||||
break;
|
||||
case "issuername":
|
||||
detailTxt = $.i18n.prop("TS063") + " : " + certData[key];
|
||||
break;
|
||||
case "startdatetime":
|
||||
detailTxt = $.i18n.prop("TS050") + " : " + certData[key];
|
||||
break;
|
||||
case "enddatetime":
|
||||
detailTxt = $.i18n.prop("TS051") + " : " + certData[key];
|
||||
break;
|
||||
case "startdate":
|
||||
detailTxt = $.i18n.prop("TS050") + " : " + certData[key];
|
||||
break;
|
||||
case "enddate":
|
||||
detailTxt = $.i18n.prop("TS051") + " : " + certData[key];
|
||||
break;
|
||||
case "subjectname":
|
||||
detailTxt = $.i18n.prop("TS076") + " : " + certData[key];
|
||||
break;
|
||||
case "pubkey":
|
||||
detailTxt = $.i18n.prop("TS077") + " : " + certData[key];
|
||||
break;
|
||||
case "authkeyid":
|
||||
detailTxt = $.i18n.prop("TS078") + " : " + certData[key];
|
||||
break;
|
||||
case "keyusage":
|
||||
detailTxt = $.i18n.prop("TS053") + " : " + certData[key];
|
||||
break;
|
||||
case "certpolicy":
|
||||
detailTxt = $.i18n.prop("TS054") + " : " + certData[key];
|
||||
break;
|
||||
case "subjectaltname":
|
||||
detailTxt = $.i18n.prop("TS055") + " : " + certData[key];
|
||||
break;
|
||||
case "crldp":
|
||||
detailTxt = $.i18n.prop("TS056") + " : " + certData[key];
|
||||
break;
|
||||
case "aia":
|
||||
detailTxt = $.i18n.prop("TS057") + " : " + certData[key];
|
||||
break;
|
||||
case "certpath":
|
||||
detailTxt = $.i18n.prop("TS097") + " : " + certData[key];
|
||||
break;
|
||||
}
|
||||
$('#detail_cert_field').empty().html(detailTxt);
|
||||
}
|
||||
|
||||
function _createDetailWindow(){
|
||||
var os_ver = ML4WebApi.getProperty("os");
|
||||
var popup = 600;
|
||||
if( ! ( ( os_ver=="Android" && navigator.userAgent.toUpperCase().indexOf("MOBILE") >-1)|| os_ver=="IPHONE" || os_ver=="BlackBerry" || os_ver=="IPAD" || os_ver=="Android" ) ){
|
||||
popup = 500;
|
||||
}
|
||||
|
||||
//console.log("#ML_window_detail load load load load load load load load load load ");
|
||||
$('#ML_window_detail').MLjquiWindow({
|
||||
title: $.i18n.prop("TS006"),
|
||||
resizable: false,
|
||||
position: 'center',
|
||||
closeButtonSize: 35,
|
||||
draggable:false,
|
||||
showCloseButton:false,
|
||||
isModal: true,
|
||||
modalOpacity: 0.3,
|
||||
modalZIndex: 9996,
|
||||
modalBackgroundZIndex: 9996,
|
||||
showCollapseButton: false,
|
||||
keyboardCloseKey: 0,
|
||||
maxHeight: popup,
|
||||
minHeight: 200, minWidth: 200,
|
||||
height: 600, width: 390,
|
||||
initContent: function(){
|
||||
//$('#ML_window_detail').MLjquiWindow('close');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function initDetailEventHandler(){
|
||||
$("#tr_version").unbind().click(function(){
|
||||
//console.log("selectCertField() data === " + certData.version);
|
||||
$('#detail_cert_field').empty().html("[1]버전 : " + certData.version);
|
||||
});
|
||||
|
||||
$("#btn_detail_verify").unbind().click(function(){
|
||||
ML4WebLog.log("인증서 검증 호출...");
|
||||
//TODO Develope...
|
||||
|
||||
});
|
||||
|
||||
$("#btn_detail_arlam").unbind().click(function(){
|
||||
ML4WebLog.log("사용자 알림 호출...");
|
||||
//TODO Develope...
|
||||
|
||||
});
|
||||
|
||||
$("#btn_detail_confirm").unbind().click(function(){
|
||||
$('#ML_window_detail').MLjquiWindow('destroy');
|
||||
//20200310 mj
|
||||
$('#btn_viewCert').focus();
|
||||
});
|
||||
|
||||
$("#text_normal").text($.i18n.prop("TS073"));
|
||||
$("#text_detail").text($.i18n.prop("TS074"));
|
||||
$("#text_userAlert").text($.i18n.prop("TS075"));
|
||||
$("#text_field").text($.i18n.prop("TS045"));
|
||||
$("#text_content").text($.i18n.prop("TS046"));
|
||||
$("#text_confirm").text($.i18n.prop("TS014"));
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<!--<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">-->
|
||||
<body>
|
||||
<div id="ML_window_detail">
|
||||
<div class="ML_container">
|
||||
<!-- Content AREA : S -->
|
||||
<div class="ML_content">
|
||||
<div id="MagicLine" class="ML_content-area">
|
||||
<!-- Content : S -->
|
||||
|
||||
<!-- Certificate org text : S -->
|
||||
<div id="ML_tabs">
|
||||
<ul class='tabs'>
|
||||
<li><a href='#ML_cert_orgtext_area1' id="text_normal"></a></li>
|
||||
<li><a href='#ML_cert_orgtext_area2' id="text_detail"></a></li>
|
||||
</ul>
|
||||
<div id="ML_cert_orgtext_area1">
|
||||
<div id="ML_cert_detail_area01">
|
||||
<h6 class="blind">일반 인증서 정보</h6>
|
||||
<div id="detail_text01">
|
||||
<!-- //contents here -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- BTN : S -->
|
||||
|
||||
<div class="ML_cert_detail_btn">
|
||||
<span class="btn_row">
|
||||
<span class="btn_cell_center">
|
||||
<!--
|
||||
<p class="whtgrey_btn"><button type="button" id="btn_detail_verify" onClick="#"><span><img src="UI/images/icon_verify.png" alt="인증서 검증">인증서 검증</span></button></p>
|
||||
<span class="w_space15"></span>
|
||||
<p class="whtgrey_btn"><button type="button" id="btn_detail_arlam" onClick="#" class="modal_close"><span><img src="UI/images/icon_alert.png" alt="사용자 알림">사용자 알림</span></button></p>
|
||||
-->
|
||||
<p class="whtgrey_btn"><img src="UI/images/icon_alert.png" alt="" ><span id="text_userAlert"></span><span id="span_policynotice"></span></p>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<!-- BTN : E -->
|
||||
</div>
|
||||
|
||||
<div id="ML_cert_orgtext_area2">
|
||||
<div id="ML_cert_detail_area02">
|
||||
<h6 class="blind">자세히 인증서 정보</h6>
|
||||
<div id="detail_text02">
|
||||
<table class="detail_tb">
|
||||
<caption class="blind">인증서 정보 자세히 보기</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="td_title" id="text_field"></th>
|
||||
<th id="text_content"></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody id="detail_tbody_text02">
|
||||
<!-- //contents here -->
|
||||
<tr id="tr_version">
|
||||
<!--<td class="td_title">버전</td>
|
||||
<td>'+data.version+'</td>-->
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<!-- info detail : S -->
|
||||
<div id="ML_cert_detail_area03">
|
||||
<div id="detail_text03">
|
||||
<span id="detail_cert_field" class="dtltxt03"></span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- info detail : E -->
|
||||
</div>
|
||||
</div> <!-- tab 전체 wrap-->
|
||||
<!-- Certificate org text : E -->
|
||||
<div class="ML_pw_detail_status_area" >
|
||||
<div class="ML_pw_detail_area">
|
||||
<!-- BTN -->
|
||||
<span class="btn_row">
|
||||
<span class="btn_cell_center">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_detail_confirm"><span id="text_confirm"></span></button></p>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content : E -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content AREA : E -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
@ -1,241 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Main.js"></script>
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Popup.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
console.log("ML4Web_Cs_Install.html/ML4Web_Cs_Install.html/ML4Web_Cs_Install.html");
|
||||
//openCSInstallDialog();
|
||||
|
||||
_createWindow();
|
||||
|
||||
initEventHandler();
|
||||
});
|
||||
|
||||
function _createWindow() {
|
||||
//-00. Main
|
||||
$("#ML_install").MLjquiWindow({
|
||||
autoOpen: true,
|
||||
title:'프로그램 설치',
|
||||
resizable: false,
|
||||
position: 'center',
|
||||
//showCloseButton:false,
|
||||
closeButtonSize: 0,
|
||||
isModal: true,
|
||||
modalOpacity: 0.3,
|
||||
modalZIndex: 9996,
|
||||
modalBackgroundZIndex: 9996,
|
||||
showCollapseButton: false,
|
||||
//maxHeight: 600,
|
||||
//maxWidth:420,
|
||||
minHeight: 180,
|
||||
//minWidth: 200,
|
||||
height: 180,
|
||||
width: 398,
|
||||
initContent: function () {
|
||||
$('#ML_install').MLjquiWindow('focus');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function openCSInstallDialog(){
|
||||
//console.log(mode);
|
||||
//TODO Develop
|
||||
//openAlertDialog("MagicLine NPIZ 프로그램을 설치하시겠습니까?");
|
||||
|
||||
/* var popOption = {
|
||||
mode: mode,
|
||||
title:"프로그램 설치",
|
||||
showCert:false,
|
||||
certData:null,
|
||||
onclick:"installProgram",
|
||||
contentKey:"install_cs",
|
||||
dialogHeight:"225px"
|
||||
};
|
||||
|
||||
DSDialog.openDialog(popOption, function(code,jsonObj){});*/
|
||||
}
|
||||
|
||||
function installProgram(){
|
||||
//alert("installProgram.....");
|
||||
$("#jqxLoader").MLjquiLoader({ width: 100, height: 60, imagePosition: 'top' });
|
||||
$('#jqxLoader').MLjquiLoader('open');
|
||||
|
||||
var downloadCount = 0;
|
||||
var installPageUrl = ML4WebApi.getProperty("cs_install_page_url");
|
||||
|
||||
try{
|
||||
if( downloadCount < 2 ){
|
||||
downloadCount++;
|
||||
var os_ver = ML4WebApi.getProperty("os");
|
||||
var installType = ML4WebApi.getProperty("cs_install_type");
|
||||
|
||||
if(installType == "download"){
|
||||
if( os_ver.indexOf("MAC")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_mac");
|
||||
}else if( os_ver.indexOf("UBUNTU64")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_ubuntu");
|
||||
}else if( os_ver.indexOf("UBUNTU32")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_ubuntu");
|
||||
}else if( os_ver.indexOf("FEDORA64")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_fedora");
|
||||
}else if( os_ver.indexOf("FEDORA32")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_fedora");
|
||||
}else {
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_win");
|
||||
}
|
||||
DSDialog.closeDialog(function(code, obj){});
|
||||
}else if(installType == "true"){
|
||||
window.top.location.href = installPageUrl;
|
||||
}
|
||||
}else{
|
||||
return;
|
||||
}
|
||||
}catch(e){
|
||||
if(installType == "download"){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_win");
|
||||
DSDialog.closeDialog(function(code, obj){});
|
||||
}else if(installType == "true"){
|
||||
window.top.location.href = installPageUrl;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function _initSlideEvent(){
|
||||
|
||||
$("#MLstrSlide").owlCarousel({
|
||||
autoPlay : false,
|
||||
navigation : false,
|
||||
// navigationText : ["prev","next"],
|
||||
slideSpeed : 300,
|
||||
pagination : false,
|
||||
paginationSpeed : 400,
|
||||
mouseDrag : false,
|
||||
touchDrag : false,
|
||||
// "singleItem:true" is a shortcut for:
|
||||
// items : 5,
|
||||
// itemsDesktop : [375,5],
|
||||
// itemsDesktopSmall : false,
|
||||
// itemsTablet: false,
|
||||
// itemsMobile : false
|
||||
singleItem : true
|
||||
});
|
||||
|
||||
// Custom Navigation Events(슬라이딩 효과)
|
||||
var owl = $("#MLstrSlide");
|
||||
|
||||
/* $(".next").click(function(){
|
||||
owl.trigger('owl.next');
|
||||
})
|
||||
$(".prev").click(function(){
|
||||
owl.trigger('owl.prev');
|
||||
})
|
||||
$(".jump").click(function(){
|
||||
owl.trigger('owl.jumpTo',5);
|
||||
})
|
||||
|
||||
// Slide L&R Button
|
||||
$(".customNavigation").click(function() {
|
||||
var X=$(this).attr('id');
|
||||
if(X==1) {
|
||||
$(this).children(".str_add_li").removeClass('pr');
|
||||
$(this).children(".str_add_li").addClass('ne');
|
||||
$(this).attr('id', '0');
|
||||
} else {
|
||||
$(".str_add_li").attr('class', 'str_add_li pr');
|
||||
$(this).children(".str_add_li").removeClass('ne');
|
||||
$(this).children(".str_add_li").addClass('pr');
|
||||
$(".customNavigation").attr('id', '0');
|
||||
$(this).attr('id', '1');
|
||||
}
|
||||
});*/
|
||||
|
||||
$(".customNavigation").children(".str_add_li").removeClass('ne');
|
||||
$(".customNavigation").children(".str_add_li").addClass('dis');
|
||||
}
|
||||
|
||||
function initEventHandler() {
|
||||
|
||||
//확인
|
||||
$('#btn_install_confirm').click(function () {
|
||||
//alert("Todo develope 확인 프로세스")
|
||||
installProgram();
|
||||
});
|
||||
|
||||
//취소
|
||||
$('#btn_install_cancle').click(function () {
|
||||
//alert("Todo develope 취소 프로세스")
|
||||
|
||||
if ( $("#ML_install").length > 0 ) {
|
||||
$('#ML_install').MLjquiWindow('destroy');
|
||||
}
|
||||
|
||||
if(ML4WebApi.getProperty("libType") == "0"){
|
||||
ML4WebUI.closeMainDialog('main');
|
||||
}else{
|
||||
var timer = setInterval(function(){
|
||||
//if(code==0){
|
||||
//스토리지 목록 재로드.
|
||||
ML4WebApi.setProperty("is_cs_install", false);
|
||||
|
||||
var default_stg = ML4WebApi.getProperty("defaultStorage");
|
||||
var dialogMode = "main";
|
||||
|
||||
ML4WebDraw.MakeStorageListDiv(dialogMode);
|
||||
|
||||
if(dialogMode == "main"){
|
||||
ML4WebDraw.initWebMainEvent();
|
||||
|
||||
if(default_stg!=null && default_stg != ""){
|
||||
$("#stg_"+default_stg).click();
|
||||
}else{
|
||||
ML4WebDraw.MakeCertiListDiv(null);
|
||||
}
|
||||
}else if(dialogMode == "mgmt"){
|
||||
initAdminMainEvent();
|
||||
|
||||
if(default_stg!=null && default_stg != ""){
|
||||
$("#stg_admin_"+default_stg).click();
|
||||
}else{
|
||||
makeAdminCertiListDiv(null);
|
||||
}
|
||||
}
|
||||
|
||||
clearInterval(timer);
|
||||
//}
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<!--<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">-->
|
||||
<body>
|
||||
<div id="ML_install" style="display:none;">
|
||||
<div id="ML_container">
|
||||
<div id="ML_cs_install_window">
|
||||
<div class="install_wrap">
|
||||
<img src="UI/images/setup_content.png" alt="아이콘"/>
|
||||
<span class="install_txt">MagicLine 설치 페이지로 이동합니다.</span>
|
||||
<div id="jqxLoader"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ML_btn_area">
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_install_confirm" onClick="#"><span>확인</span></button></p>
|
||||
<span class="w_space40"></span>
|
||||
<p class="b_grey_btn"><button type="button" id="btn_install_cancle" onClick="#" ><span>취소</span></button></p>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,203 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link id="ML_common_css" rel="stylesheet" type="text/css" href="../ML4Web/UI/css/ML_common.css"/>
|
||||
<link id="MLjquibase_css" rel="stylesheet" type="text/css" href="../ML4Web/UI/css/MLjquibase.css"/>
|
||||
<script type="text/javascript" src="../ML4Web/js/ext/json2.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/js/ext/jquery-1.10.2.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/js/ext/jquery-ui.min.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/js/ext/jquery.blockUI.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/js/ext/json2.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/UI/js/dialog/MLjquicore.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/UI/js/dialog/MLjqui_nec.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/UI/js/dialog/MLjquidata.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/UI/js/dialog/MLjquitabs.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/UI/js/dialog/MLjquiloader.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/UI/js/dialog/owl.carousel.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
var CS_URL;
|
||||
$(document).ready(function() {
|
||||
console.log("ML4Web_Cs_Install.html/ML4Web_Cs_Install.html/ML4Web_Cs_Install.html");
|
||||
|
||||
_createWindow();
|
||||
|
||||
initEventHandler();
|
||||
});
|
||||
function getOS(){
|
||||
try{
|
||||
var OsVersion = navigator.userAgent;
|
||||
OsVersion = OsVersion.toUpperCase();
|
||||
if( OsVersion.indexOf("NT 5.1") != -1 ) return "windows XP";
|
||||
else if( OsVersion.indexOf("NT 6.0") != -1 ) return "windows vista";
|
||||
else if( OsVersion.indexOf("NT 6.1") != -1 ) return "windows 7";
|
||||
else if( OsVersion.indexOf("NT 6.2") != -1 ) return "windows 8";
|
||||
else if( OsVersion.indexOf("NT 6.3") != -1 ) return "windows 8.1";
|
||||
else if( OsVersion.indexOf("NT 10.0") != -1 ) return "windows 10";
|
||||
else if( OsVersion.indexOf("IPAD") != -1 ) return "IOS";
|
||||
else if( OsVersion.indexOf("ANDROID") != -1 ) return "Android";
|
||||
else if( OsVersion.indexOf("BLACKBERRY") != -1 ) return "BlackBerry";
|
||||
else if( OsVersion.indexOf("MAC") != -1 ) return "MAC";
|
||||
else if( OsVersion.indexOf("SYMBIAN") != -1 ) return "Symbian";
|
||||
else if( OsVersion.indexOf("UBUNTU") != -1 ){
|
||||
if( OsVersion.indexOf("86_64") != -1 ){
|
||||
return "UBUNTU64";
|
||||
}else{
|
||||
return "UBUNTU32";
|
||||
}
|
||||
}else if( OsVersion.indexOf("FEDORA") != -1 ){
|
||||
if( OsVersion.indexOf("86_64") != -1 ){
|
||||
return "FEDORA64";
|
||||
}else{
|
||||
return "FEDORA32";
|
||||
}
|
||||
}
|
||||
else if( OsVersion.indexOf("LINUX") != -1 ){
|
||||
if( OsVersion.indexOf("86_64") != -1 ){
|
||||
return "LINUX64";
|
||||
}else{
|
||||
return "LINUX32";
|
||||
}
|
||||
}
|
||||
else return "Unknown";
|
||||
}catch( ex ) {
|
||||
return "Unknown";
|
||||
}
|
||||
}
|
||||
function CSInstallUrl(param){
|
||||
CS_URL = param;
|
||||
}
|
||||
function _createWindow() {
|
||||
//-00. Main
|
||||
$("#ML_install2").MLjquiWindow({
|
||||
autoOpen: true,
|
||||
title:'프로그램 설치',
|
||||
resizable: false,
|
||||
position: 'center',
|
||||
//showCloseButton:false,
|
||||
closeButtonSize: 0,
|
||||
isModal: true,
|
||||
modalOpacity: 0.3,
|
||||
modalZIndex: 99999,
|
||||
modalBackgroundZIndex: 99999,
|
||||
showCollapseButton: false,
|
||||
//maxHeight: 600,
|
||||
//maxWidth:420,
|
||||
minHeight: 180,
|
||||
//minWidth: 200,
|
||||
height: 180,
|
||||
width: 398,
|
||||
initContent: function () {
|
||||
$('#ML_install2').MLjquiWindow('focus');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function openCSInstallDialog(){
|
||||
//console.log(mode);
|
||||
//TODO Develop
|
||||
//openAlertDialog("MagicLine NPIZ 프로그램을 설치하시겠습니까?");
|
||||
|
||||
/* var popOption = {
|
||||
mode: mode,
|
||||
title:"프로그램 설치",
|
||||
showCert:false,
|
||||
certData:null,
|
||||
onclick:"installProgram",
|
||||
contentKey:"install_cs",
|
||||
dialogHeight:"225px"
|
||||
};
|
||||
|
||||
DSDialog.openDialog(popOption, function(code,jsonObj){});*/
|
||||
}
|
||||
|
||||
function installProgram(){
|
||||
//alert("installProgram.....");
|
||||
//$("#jqxLoader").MLjquiLoader({ width: 100, height: 60, imagePosition: 'top' });
|
||||
//$('#jqxLoader').MLjquiLoader('open');
|
||||
|
||||
var downloadCount = 0;
|
||||
var installPageUrl = CS_URL;
|
||||
try{
|
||||
if( downloadCount < 2 ){
|
||||
downloadCount++;
|
||||
var os_ver = getOS();
|
||||
var installType = ConfigObject.CS_INSTALL_TYPE;
|
||||
|
||||
if(installType == "download"){
|
||||
if( os_ver.indexOf("MAC")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_mac");
|
||||
}else if( os_ver.indexOf("UBUNTU64")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_ubuntu");
|
||||
}else if( os_ver.indexOf("UBUNTU32")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_ubuntu");
|
||||
}else if( os_ver.indexOf("FEDORA64")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_fedora");
|
||||
}else if( os_ver.indexOf("FEDORA32")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_fedora");
|
||||
}else {
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_win");
|
||||
}
|
||||
DSDialog.closeDialog(function(code, obj){});
|
||||
}else if(installType == "true"){
|
||||
window.top.location.href = ML4WebApi.getProperty("cs_install_page_url");
|
||||
}
|
||||
}else{
|
||||
return;
|
||||
}
|
||||
}catch(e){
|
||||
if(installType == "download"){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_win");
|
||||
DSDialog.closeDialog(function(code, obj){});
|
||||
}else if(installType == "true"){
|
||||
window.top.location.href = ML4WebApi.getProperty("cs_install_page_url");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
function initEventHandler() {
|
||||
|
||||
//확인
|
||||
$('#btn_install_confirm').click(function () {
|
||||
//alert("Todo develope 확인 프로세스")
|
||||
installProgram();
|
||||
});
|
||||
|
||||
//취소
|
||||
$('#btn_install_cancle').click(function () {
|
||||
//alert("Todo develope 취소 프로세스")
|
||||
$('#ML_install2').MLjquiWindow('destroy');
|
||||
window.location.href = '../ML4WebExample/index.jsp'
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="ML_install2">
|
||||
<div id="ML_container">
|
||||
<div id="ML_cs_install_window">
|
||||
<div class="install_wrap">
|
||||
<img src="../ML4Web/UI/images/setup_content.png" alt="아이콘"/>
|
||||
<span class="install_txt">MagicLine 설치 페이지로 이동합니다.</span>
|
||||
<div id="jqxLoader"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ML_btn_area">
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_install_confirm" onClick="#"><span>확인</span></button></p>
|
||||
<span class="w_space40"></span>
|
||||
<p class="b_grey_btn"><button type="button" id="btn_install_cancle" onClick="#" ><span>취소</span></button></p>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,188 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Main.js"></script>
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Popup.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
_createWindow();
|
||||
|
||||
initEventHandler();
|
||||
});
|
||||
|
||||
function _createWindow() {
|
||||
var jqxwidget3 = $('#ML_install');
|
||||
var offset3 = jqxwidget3.offset();
|
||||
//-00. Main
|
||||
$("#ML_install").MLjquiWindow({
|
||||
autoOpen: true,
|
||||
title:'프로그램 설치 안내',
|
||||
resizable: false,
|
||||
//position: 'center',
|
||||
position: {x: offset3.left + ($(window).width()/2) - 200, y: offset3.top + 200},
|
||||
showCloseButton:false,
|
||||
closeButtonSize: 0,
|
||||
isModal: true,
|
||||
modalOpacity: 0.3,
|
||||
modalZIndex: 99999,
|
||||
modalBackgroundZIndex: 99999,
|
||||
showCollapseButton: false,
|
||||
//maxHeight: 600,
|
||||
//maxWidth:420,
|
||||
minHeight: 180,
|
||||
//minWidth: 200,
|
||||
height: 180,
|
||||
width: 398,
|
||||
initContent: function () {
|
||||
$('#ML_install').MLjquiWindow('focus');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function installProgram(param){
|
||||
var downloadCount = 0;
|
||||
//var installPageUrl = ML4WebApi.getProperty("cs_install_page_url");
|
||||
|
||||
try{
|
||||
var installType = ML4WebApi.getProperty("cs_install_type");
|
||||
var os_ver = ML4WebApi.getProperty("os");
|
||||
|
||||
if(os_ver == ""){
|
||||
os_ver = ML4WebApi.detectOs();
|
||||
}
|
||||
|
||||
if(installType == "download"){
|
||||
if(os_ver.indexOf("LINUX64") > -1){
|
||||
if(param == "ubuntu"){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_ubuntu64");
|
||||
}else{
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_fedora64");
|
||||
}
|
||||
}else{
|
||||
if(param == "ubuntu"){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_ubuntu32");
|
||||
}else{
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_fedora32");
|
||||
}
|
||||
}
|
||||
|
||||
DSDialog.closeDialog(function(code, obj){});
|
||||
}else{
|
||||
window.top.location.href = installPageUrl;
|
||||
}
|
||||
}catch(e){
|
||||
if(installType == "download"){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_win");
|
||||
DSDialog.closeDialog(function(code, obj){});
|
||||
}else{
|
||||
window.top.location.href = installPageUrl;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function _initSlideEvent(){
|
||||
|
||||
$("#MLstrSlide").owlCarousel({
|
||||
autoPlay : false,
|
||||
navigation : false,
|
||||
// navigationText : ["prev","next"],
|
||||
slideSpeed : 300,
|
||||
pagination : false,
|
||||
paginationSpeed : 400,
|
||||
mouseDrag : false,
|
||||
touchDrag : false,
|
||||
// "singleItem:true" is a shortcut for:
|
||||
// items : 5,
|
||||
// itemsDesktop : [375,5],
|
||||
// itemsDesktopSmall : false,
|
||||
// itemsTablet: false,
|
||||
// itemsMobile : false
|
||||
singleItem : true
|
||||
});
|
||||
|
||||
// Custom Navigation Events(슬라이딩 효과)
|
||||
var owl = $("#MLstrSlide");
|
||||
|
||||
$(".customNavigation").children(".str_add_li").removeClass('ne');
|
||||
$(".customNavigation").children(".str_add_li").addClass('dis');
|
||||
}
|
||||
|
||||
function initEventHandler() {
|
||||
if(ML4WebApi.getProperty("libType") == "0"){
|
||||
$(".install_txt").html("최신 버전의 MagicLine이 아닙니다.<br/>최신 버전으로 설치합니다.");
|
||||
}
|
||||
|
||||
//Ubuntu 설치
|
||||
$('#btn_install_ubuntu').click(function () {
|
||||
if ($("#ML_install").length > 0) {
|
||||
$('#ML_install').MLjquiWindow('destroy');
|
||||
}
|
||||
|
||||
if(ML4WebApi.getProperty("libType") == "0"){
|
||||
ML4WebUI.closeMainDialog('main');
|
||||
}
|
||||
|
||||
installProgram('ubuntu');
|
||||
});
|
||||
|
||||
//Fedora 설치
|
||||
$('#btn_install_fedora').click(function () {
|
||||
if ($("#ML_install").length > 0) {
|
||||
$('#ML_install').MLjquiWindow('destroy');
|
||||
}
|
||||
|
||||
if(ML4WebApi.getProperty("libType") == "0"){
|
||||
ML4WebUI.closeMainDialog('main');
|
||||
}
|
||||
|
||||
installProgram('fedora');
|
||||
});
|
||||
|
||||
//취소
|
||||
$('#btn_install_cancle').click(function () {
|
||||
//alert("Todo develope 취소 프로세스")
|
||||
if ($("#ML_install").length > 0) {
|
||||
$('#ML_install').MLjquiWindow('destroy');
|
||||
}
|
||||
|
||||
if(ML4WebApi.getProperty("libType") == "0"){
|
||||
ML4WebUI.closeMainDialog('main');
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<!--<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">-->
|
||||
|
||||
<body>
|
||||
|
||||
<div id="ML_install" style="display:none;">
|
||||
<div id="ML_container">
|
||||
<div id="ML_cs_install_window">
|
||||
<div class="install_wrap">
|
||||
<img src="UI/images/setup_content2.png" style="vertical-align:top;" alt="아이콘"/>
|
||||
<span class="install_txt">최신 버전의 MagicLine이 아닙니다.<br/>최신 버전으로 설치합니다.<br/>취소시 디스크,보안매체를 이용할 수<br/>없습니다.</span>
|
||||
<!-- <div id="jqxLoader"></div> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ML_btn_area">
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_install_ubuntu" onClick="#"><span>우분투</span></button></p>
|
||||
<span class="w_space5"></span>
|
||||
<p class="b_blue_btn"><button type="button" id="btn_install_fedora" onClick="#"><span>페도라</span></button></p>
|
||||
<span class="w_space5"></span>
|
||||
<p class="b_grey_btn"><button type="button" id="btn_install_cancle" onClick="#" ><span>취소</span></button></p>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,287 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Main.js"></script>
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Popup.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
//console.log("ML4Web_Cs_Install.html/ML4Web_Cs_Install.html/ML4Web_Cs_Install.html");
|
||||
|
||||
//openCSInstallDialog();
|
||||
|
||||
_createWindow();
|
||||
|
||||
initEventHandler();
|
||||
});
|
||||
|
||||
function _createWindow() {
|
||||
//-00. Main
|
||||
$("#ML_install").MLjquiWindow({
|
||||
autoOpen: true,
|
||||
title:'프로그램 업데이트',
|
||||
resizable: false,
|
||||
position: 'center',
|
||||
showCloseButton:false,
|
||||
closeButtonSize: 0,
|
||||
isModal: true,
|
||||
modalOpacity: 0.3,
|
||||
modalZIndex: 9997,
|
||||
modalBackgroundZIndex: 9997,
|
||||
showCollapseButton: false,
|
||||
//maxHeight: 600,
|
||||
//maxWidth:420,
|
||||
minHeight: 180,
|
||||
//minWidth: 200,
|
||||
height: 180,
|
||||
width: 398,
|
||||
initContent: function () {
|
||||
$('#ML_install').MLjquiWindow('focus');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function openCSInstallDialog(){
|
||||
//console.log(mode);
|
||||
//TODO Develop
|
||||
//openAlertDialog("MagicLine NPIZ 프로그램을 설치하시겠습니까?");
|
||||
|
||||
/* var popOption = {
|
||||
mode: mode,
|
||||
title:"프로그램 설치",
|
||||
showCert:false,
|
||||
certData:null,
|
||||
onclick:"installProgram",
|
||||
contentKey:"install_cs",
|
||||
dialogHeight:"225px"
|
||||
};
|
||||
|
||||
DSDialog.openDialog(popOption, function(code,jsonObj){});*/
|
||||
}
|
||||
|
||||
function installProgram(){
|
||||
//alert("updateProgram.....");
|
||||
//$("#jqxLoader").MLjquiLoader({ width: 100, height: 60, imagePosition: 'top' });
|
||||
//$('#jqxLoader').MLjquiLoader('open');
|
||||
|
||||
var downloadCount = 0;
|
||||
var installPageUrl = ML4WebApi.getProperty("cs_install_page_url");
|
||||
|
||||
try{
|
||||
if( downloadCount < 2 ){
|
||||
downloadCount++;
|
||||
var os_ver = ML4WebApi.getProperty("os");
|
||||
var installType = ML4WebApi.getProperty("cs_install_type");
|
||||
|
||||
if(installType == "download"){
|
||||
if( os_ver.indexOf("MAC")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_mac");
|
||||
}else if( os_ver.indexOf("UBUNTU64")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_ubuntu");
|
||||
}else if( os_ver.indexOf("UBUNTU32")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_ubuntu");
|
||||
}else if( os_ver.indexOf("FEDORA64")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_fedora");
|
||||
}else if( os_ver.indexOf("FEDORA32")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_fedora");
|
||||
}else {
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_win");
|
||||
}
|
||||
DSDialog.closeDialog(function(code, obj){});
|
||||
}else{
|
||||
window.top.location.href = installPageUrl;
|
||||
}
|
||||
}else{
|
||||
return;
|
||||
}
|
||||
}catch(e){
|
||||
if(installType == "download"){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_win");
|
||||
DSDialog.closeDialog(function(code, obj){});
|
||||
}else{
|
||||
window.top.location.href = installPageUrl;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function _initSlideEvent(){
|
||||
|
||||
$("#MLstrSlide").owlCarousel({
|
||||
autoPlay : false,
|
||||
navigation : false,
|
||||
// navigationText : ["prev","next"],
|
||||
slideSpeed : 300,
|
||||
pagination : false,
|
||||
paginationSpeed : 400,
|
||||
mouseDrag : false,
|
||||
touchDrag : false,
|
||||
// "singleItem:true" is a shortcut for:
|
||||
// items : 5,
|
||||
// itemsDesktop : [375,5],
|
||||
// itemsDesktopSmall : false,
|
||||
// itemsTablet: false,
|
||||
// itemsMobile : false
|
||||
singleItem : true
|
||||
});
|
||||
|
||||
// Custom Navigation Events(슬라이딩 효과)
|
||||
var owl = $("#MLstrSlide");
|
||||
|
||||
/* $(".next").click(function(){
|
||||
owl.trigger('owl.next');
|
||||
})
|
||||
$(".prev").click(function(){
|
||||
owl.trigger('owl.prev');
|
||||
})
|
||||
$(".jump").click(function(){
|
||||
owl.trigger('owl.jumpTo',5);
|
||||
})
|
||||
|
||||
// Slide L&R Button
|
||||
$(".customNavigation").click(function() {
|
||||
var X=$(this).attr('id');
|
||||
if(X==1) {
|
||||
$(this).children(".str_add_li").removeClass('pr');
|
||||
$(this).children(".str_add_li").addClass('ne');
|
||||
$(this).attr('id', '0');
|
||||
} else {
|
||||
$(".str_add_li").attr('class', 'str_add_li pr');
|
||||
$(this).children(".str_add_li").removeClass('ne');
|
||||
$(this).children(".str_add_li").addClass('pr');
|
||||
$(".customNavigation").attr('id', '0');
|
||||
$(this).attr('id', '1');
|
||||
}
|
||||
});*/
|
||||
|
||||
$(".customNavigation").children(".str_add_li").removeClass('ne');
|
||||
$(".customNavigation").children(".str_add_li").addClass('dis');
|
||||
}
|
||||
|
||||
function initEventHandler() {
|
||||
if(ML4WebApi.getProperty("libType") == "0"){
|
||||
$(".install_txt").html("최신 버전의 MagicLine이 아닙니다.<br/>최신 버전으로 설치합니다.");
|
||||
}
|
||||
|
||||
//설치
|
||||
$('#btn_install_confirm').click(function () {
|
||||
if ($("#ML_install").length > 0) {
|
||||
$('#ML_install').MLjquiWindow('destroy');
|
||||
}
|
||||
|
||||
if(ML4WebApi.getProperty("libType") == "0"){
|
||||
ML4WebUI.closeMainDialog('main');
|
||||
}else{
|
||||
var timer = setInterval(function(){
|
||||
//if(code==0){
|
||||
//스토리지 목록 재로드.
|
||||
ML4WebApi.setProperty("is_cs_install", false);
|
||||
|
||||
var default_stg = ML4WebApi.getProperty("defaultStorage");
|
||||
var dialogMode = "main";
|
||||
|
||||
ML4WebDraw.MakeStorageListDiv(dialogMode);
|
||||
|
||||
if(dialogMode == "main"){
|
||||
ML4WebDraw.initWebMainEvent();
|
||||
|
||||
if(default_stg!=null && default_stg != ""){
|
||||
$("#stg_"+default_stg).click();
|
||||
}else{
|
||||
ML4WebDraw.MakeCertiListDiv(null);
|
||||
}
|
||||
}else if(dialogMode == "mgmt"){
|
||||
initAdminMainEvent();
|
||||
|
||||
if(default_stg!=null && default_stg != ""){
|
||||
$("#stg_admin_"+default_stg).click();
|
||||
}else{
|
||||
makeAdminCertiListDiv(null);
|
||||
}
|
||||
}
|
||||
|
||||
clearInterval(timer);
|
||||
//}
|
||||
}, 500);
|
||||
}
|
||||
|
||||
installProgram();
|
||||
});
|
||||
|
||||
//취소
|
||||
$('#btn_install_cancle').click(function () {
|
||||
//alert("Todo develope 취소 프로세스")
|
||||
|
||||
if ($("#ML_install").length > 0) {
|
||||
$('#ML_install').MLjquiWindow('destroy');
|
||||
}
|
||||
|
||||
if(ML4WebApi.getProperty("libType") == "0"){
|
||||
ML4WebUI.closeMainDialog('main');
|
||||
}else{
|
||||
var timer = setInterval(function(){
|
||||
//if(code==0){
|
||||
//스토리지 목록 재로드.
|
||||
ML4WebApi.setProperty("is_cs_install", false);
|
||||
|
||||
var default_stg = ML4WebApi.getProperty("defaultStorage");
|
||||
var dialogMode = "main";
|
||||
|
||||
ML4WebDraw.MakeStorageListDiv(dialogMode);
|
||||
|
||||
if(dialogMode == "main"){
|
||||
ML4WebDraw.initWebMainEvent();
|
||||
|
||||
if(default_stg!=null && default_stg != ""){
|
||||
$("#stg_"+default_stg).click();
|
||||
}else{
|
||||
ML4WebDraw.MakeCertiListDiv(null);
|
||||
}
|
||||
}else if(dialogMode == "mgmt"){
|
||||
initAdminMainEvent();
|
||||
|
||||
if(default_stg!=null && default_stg != ""){
|
||||
$("#stg_admin_"+default_stg).click();
|
||||
}else{
|
||||
makeAdminCertiListDiv(null);
|
||||
}
|
||||
}
|
||||
|
||||
clearInterval(timer);
|
||||
//}
|
||||
}, 500);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<!--<body oncontextmenu="return false" ondragstart="return false" onselectstart="return false">-->
|
||||
|
||||
<body>
|
||||
|
||||
<div id="ML_install" style="display:none;">
|
||||
<div id="ML_container">
|
||||
<div id="ML_cs_install_window">
|
||||
<div class="install_wrap">
|
||||
<img src="UI/images/setup_content2.png" style="vertical-align:top;" alt="아이콘"/>
|
||||
<span class="install_txt">최신 버전의 MagicLine이 아닙니다.<br/>최신 버전으로 설치합니다.<br/>취소시 디스크,보안매체를 이용할 수<br/>없습니다.</span>
|
||||
<!-- <div id="jqxLoader"></div> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="ML_btn_area">
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_install_confirm" onClick="#"><span>설치</span></button></p>
|
||||
<span class="w_space40"></span>
|
||||
<p class="b_grey_btn"><button type="button" id="btn_install_cancle" onClick="#" ><span>취소</span></button></p>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,204 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<link id="ML_common_css" rel="stylesheet" type="text/css" href="../ML4Web/UI/css/ML_common.css"/>
|
||||
<link id="MLjquibase_css" rel="stylesheet" type="text/css" href="../ML4Web/UI/css/MLjquibase.css"/>
|
||||
<script type="text/javascript" src="../ML4Web/js/ext/json2.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/js/ext/jquery-1.10.2.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/js/ext/jquery-ui.min.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/js/ext/jquery.blockUI.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/js/ext/json2.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/UI/js/dialog/MLjquicore.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/UI/js/dialog/MLjqui_nec.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/UI/js/dialog/MLjquidata.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/UI/js/dialog/MLjquitabs.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/UI/js/dialog/MLjquiloader.js"></script>
|
||||
<script type="text/javascript" src="../ML4Web/UI/js/dialog/owl.carousel.js"></script>
|
||||
<script type="text/javascript">
|
||||
var CS_URL;
|
||||
$(document).ready(function() {
|
||||
//console.log("ML4Web_Cs_Install.html/ML4Web_Cs_Install.html/ML4Web_Cs_Install.html");
|
||||
|
||||
//openCSInstallDialog();
|
||||
|
||||
_createWindow();
|
||||
|
||||
initEventHandler();
|
||||
});
|
||||
function getOS(){
|
||||
try{
|
||||
var OsVersion = navigator.userAgent;
|
||||
OsVersion = OsVersion.toUpperCase();
|
||||
if( OsVersion.indexOf("NT 5.1") != -1 ) return "windows XP";
|
||||
else if( OsVersion.indexOf("NT 6.0") != -1 ) return "windows vista";
|
||||
else if( OsVersion.indexOf("NT 6.1") != -1 ) return "windows 7";
|
||||
else if( OsVersion.indexOf("NT 6.2") != -1 ) return "windows 8";
|
||||
else if( OsVersion.indexOf("NT 6.3") != -1 ) return "windows 8.1";
|
||||
else if( OsVersion.indexOf("NT 10.0") != -1 ) return "windows 10";
|
||||
else if( OsVersion.indexOf("IPAD") != -1 ) return "IOS";
|
||||
else if( OsVersion.indexOf("ANDROID") != -1 ) return "Android";
|
||||
else if( OsVersion.indexOf("BLACKBERRY") != -1 ) return "BlackBerry";
|
||||
else if( OsVersion.indexOf("MAC") != -1 ) return "MAC";
|
||||
else if( OsVersion.indexOf("SYMBIAN") != -1 ) return "Symbian";
|
||||
else if( OsVersion.indexOf("UBUNTU") != -1 ){
|
||||
if( OsVersion.indexOf("86_64") != -1 ){
|
||||
return "UBUNTU64";
|
||||
}else{
|
||||
return "UBUNTU32";
|
||||
}
|
||||
}else if( OsVersion.indexOf("FEDORA") != -1 ){
|
||||
if( OsVersion.indexOf("86_64") != -1 ){
|
||||
return "FEDORA64";
|
||||
}else{
|
||||
return "FEDORA32";
|
||||
}
|
||||
}
|
||||
else if( OsVersion.indexOf("LINUX") != -1 ){
|
||||
if( OsVersion.indexOf("86_64") != -1 ){
|
||||
return "LINUX64";
|
||||
}else{
|
||||
return "LINUX32";
|
||||
}
|
||||
}
|
||||
else return "Unknown";
|
||||
}catch( ex ) {
|
||||
return "Unknown";
|
||||
}
|
||||
}
|
||||
function CSInstallUrl(param){
|
||||
CS_URL = param;
|
||||
}
|
||||
function _createWindow() {
|
||||
//-00. Main
|
||||
$("#ML_install2").MLjquiWindow({
|
||||
autoOpen: true,
|
||||
title:'프로그램 업데이트',
|
||||
resizable: false,
|
||||
position: 'center',
|
||||
//showCloseButton:false,
|
||||
closeButtonSize: 0,
|
||||
isModal: true,
|
||||
modalOpacity: 0.3,
|
||||
modalZIndex: 99999,
|
||||
modalBackgroundZIndex: 99999,
|
||||
showCollapseButton: false,
|
||||
//maxHeight: 600,
|
||||
//maxWidth:420,
|
||||
minHeight: 180,
|
||||
//minWidth: 200,
|
||||
height: 180,
|
||||
width: 398,
|
||||
initContent: function () {
|
||||
$('#ML_install2').MLjquiWindow('focus');
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function openCSInstallDialog(){
|
||||
//console.log(mode);
|
||||
//TODO Develop
|
||||
//openAlertDialog("MagicLine NPIZ 프로그램을 설치하시겠습니까?");
|
||||
|
||||
/* var popOption = {
|
||||
mode: mode,
|
||||
title:"프로그램 설치",
|
||||
showCert:false,
|
||||
certData:null,
|
||||
onclick:"installProgram",
|
||||
contentKey:"install_cs",
|
||||
dialogHeight:"225px"
|
||||
};
|
||||
|
||||
DSDialog.openDialog(popOption, function(code,jsonObj){});*/
|
||||
}
|
||||
|
||||
function installProgram(){
|
||||
//alert("installProgram.....");
|
||||
//$("#jqxLoader").MLjquiLoader({ width: 100, height: 60, imagePosition: 'top' });
|
||||
//$('#jqxLoader').MLjquiLoader('open');
|
||||
|
||||
var downloadCount = 0;
|
||||
var installPageUrl = CS_URL;
|
||||
try{
|
||||
if( downloadCount < 2 ){
|
||||
downloadCount++;
|
||||
var os_ver = ML4WebApi.detectOs();
|
||||
var installType = ConfigObject.CS_INSTALL_TYPE;
|
||||
|
||||
if(installType == "download"){
|
||||
if( os_ver.indexOf("MAC")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_mac");
|
||||
}else if( os_ver.indexOf("UBUNTU64")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_ubuntu");
|
||||
}else if( os_ver.indexOf("UBUNTU32")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_ubuntu");
|
||||
}else if( os_ver.indexOf("FEDORA64")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_fedora");
|
||||
}else if( os_ver.indexOf("FEDORA32")> -1 ){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_linux_fedora");
|
||||
}else {
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_win");
|
||||
}
|
||||
DSDialog.closeDialog(function(code, obj){});
|
||||
}else if(installType == "true"){
|
||||
window.top.location.href = ML4WebApi.getProperty("cs_install_page_url");
|
||||
}
|
||||
}else{
|
||||
return;
|
||||
}
|
||||
}catch(e){
|
||||
if(installType == "download"){
|
||||
document.location.href = ML4WebApi.getProperty("cs_download_win");
|
||||
DSDialog.closeDialog(function(code, obj){});
|
||||
}else if(installType == "true"){
|
||||
window.top.location.href = ML4WebApi.getProperty("cs_install_page_url");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
function initEventHandler() {
|
||||
|
||||
//확인
|
||||
$('#btn_install_confirm').click(function () {
|
||||
//alert("Todo develope 확인 프로세스")
|
||||
installProgram();
|
||||
});
|
||||
|
||||
//취소
|
||||
$('#btn_install_cancle').click(function () {
|
||||
//alert("Todo develope 취소 프로세스")
|
||||
$('#ML_install2').MLjquiWindow('destroy');
|
||||
window.location.href = '../ML4WebExample/index.jsp'
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="ML_install2">
|
||||
<div id="ML_container">
|
||||
<div id="ML_cs_install_window">
|
||||
<div class="install_wrap">
|
||||
<img src="../ML4Web/UI/images/setup_content2.png" style="vertical-align:top;" alt="아이콘"/>
|
||||
<span class="install_txt">최신 버전의 MagicLine이 아닙니다.<br/>최신 버전으로 설치합니다.<br/>취소시 디스크,보안매체를 이용할 수<br/>없습니다.</span>
|
||||
<div id="jqxLoader"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ML_btn_area">
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_install_confirm" onClick="#"><span>확인</span></button></p>
|
||||
<span class="w_space40"></span>
|
||||
<p class="b_grey_btn"><button type="button" id="btn_install_cancle" onClick="#" ><span>취소</span></button></p>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,207 +0,0 @@
|
||||
<!doctype html>
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title> 인증서 선택 </title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
|
||||
|
||||
<!-- Draw -->
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Draw.js"></script>
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Main.js"></script>
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Popup.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
//IE Caps Lock 체크 해제
|
||||
document.msCapsLockWarningOff = true;
|
||||
|
||||
var contextPath = '<%=request.getContextPath()%>';
|
||||
// moved to ML_Draw.js all of func
|
||||
$(document).ready(function(){
|
||||
// TODO : 초기화 함수 호출
|
||||
ML4WebDraw.loadCSS();
|
||||
ML4WebDraw.initDraw();
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="ML_window" style="display:none;">
|
||||
<div style="width:418px; float:left;"></div>
|
||||
<div id="ML_container" style="width:418px; float:left;"><!-- ML_container : S -->
|
||||
<div class="ML_content" style="width:418px;float:left;"><!-- ML_content : S -->
|
||||
<div class="ML_content-area" id="MagicLine" style="padding-top:5px;"><!-- ML_content-area : S -->
|
||||
<div id='ESignWindow'></div>
|
||||
<div class="ML_cp_AD" style="display:;"><img src="UI/images/ML5_banner.png" alt="MagicLine4Web 인증서 선택창 로고"></div>
|
||||
<div id="ML_dp_01" class="ML_sub_tit">인증서 저장 위치 선택
|
||||
<span class="ML_sub_tit_link">
|
||||
<span class="btn_cell_right">
|
||||
<p class="hp_btn"><button type="button" id='btn_browser_manual' style="width:160px;" title="새창열림"><span><img src="UI/images/icon_help.png" alt="">브라우저 인증서 사용방법</span></button></p>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<div class="ML_storage_box">
|
||||
<div class="ML_storage_box_sub">
|
||||
<!-- <form> -->
|
||||
<div class="MLstrSlide" id="MLstrSlide">
|
||||
<!-- // -->
|
||||
</div>
|
||||
<!-- </form> -->
|
||||
</div>
|
||||
<div class="customNavigation" id="0"><div class="str_add_li ne"><a class="next"><span class="btn_str_add"></span></a></div></div>
|
||||
<!-- Drive list : S -->
|
||||
<div id="driver_div" class="drive_position pos_05" style="display:none;">
|
||||
<!-- // -->
|
||||
</div>
|
||||
<!-- Drive list : E -->
|
||||
</div>
|
||||
<!-- TRACE #1 -->
|
||||
<!-- Certificate list : S -->
|
||||
<div id="ML_dp_02" class="ML_sub_tit">사용할 인증서 선택</div>
|
||||
<div id="ML_certlist_area" class="ML_cert_list_area">
|
||||
<div id="dataTable"></div>
|
||||
</div>
|
||||
<!-- BTN : S -->
|
||||
<span id="ML_dp_03" class="btn_row_s">
|
||||
<span class="btn_cell_left">
|
||||
<p id="flip" class="whtgrey_ws_btn"><button type="button" id=btn_deleteCert style="display:none; width:80px;"><span>인증서 삭제</span></button></p>
|
||||
<p id="flip" class="whtgrey_ws_btn"><button type="button" id="btn_CopyCert" style="display:none; width:80px;"><span>인증서 복사</span></button></p>
|
||||
<!-- <p id="flip" class="whtgrey_ws_btn2"><button type="button" id="btn_PFX"><span><img src="UI/images/icon_search.png" alt="pfx 찾기">PFX 인증서 가져오기</span></button></p> -->
|
||||
</span>
|
||||
<span class="btn_cell_right">
|
||||
<p id="btn_browser" class="whtgrey_ws_btn2"><button type="button" id="in_browser"><span id="get_cert"></span></button></p>
|
||||
</span>
|
||||
</span>
|
||||
<!-- BTN : E -->
|
||||
<!-- Certificate list : E -->
|
||||
|
||||
<div id="ML_dp_04" class="ML_sub_tit">인증서 비밀번호 입력</div>
|
||||
<div id="ML_status_area" class="ML_status_area">
|
||||
<div class="ML_pw_area">
|
||||
<div class="ML_cert_pw_area">
|
||||
<span class="ML_cert_pw_field">
|
||||
<!-- <input type="password" id="input_cert_pw" class="passwd_input" style="ime-mode:active;" placeholder="비밀번호를 입력하시오." autocomplete="off" value="" onKeypress="signEnterKeyEvent(event)"/> -->
|
||||
<!-- <input type="password" id="input_cert_pw" class="passwd_input" data-tk-kbdType="qwerty" title="인증서 비밀번호 입력" placeholder="비밀번호를 입력하시오." autocomplete="off" value="" onKeypress="signEnterKeyEvent(event)" npkencrypt="on" data-keypad-type="alpha" data-keypad-theme="default" data-keypad-useyn-type="toggle" data-keypad-useyn-input="keyboardOn" /> -->
|
||||
<input type="password" id="input_cert_pw" name="input_cert_pw" class="passwd_input" ds-kb-type="qwerty" ds-kb-focus="true" ds-kb-xy="[-100, 0]" data-tk-kbdType="qwerty" title="인증서 비밀번호 입력" placeholder="비밀번호를 입력하시오." autocomplete="off" value="" onKeypress="signEnterKeyEvent(event)" npkencrypt="on" data-keypad-type="alpha" data-keypad-theme="default" data-keypad-useyn-type="toggle" data-keypad-useyn-input="keyboardOn" />
|
||||
<span id="capslock" class="capslock_box">＜Caps Lock＞이 켜져 있습니다.</span>
|
||||
<!-- <span id="input_cert_pw_tk_btn">마우스입력</span> -->
|
||||
<span class="ML_cert_pw_key_box"><a href="#" id="keyboardOn" title="보안키보드"><div class="ML_cert_pw_keypad"></div></a></span>
|
||||
</span>
|
||||
</div>
|
||||
<!-- BTN -->
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_confirm_iframe"><span>확인</span></button></p>
|
||||
<span class="w_space10"></span>
|
||||
<p class="b_grey_btn"><button type="button" id="btn_cancel"><span>취소</span></button></p>
|
||||
<span class="w_space10"></span>
|
||||
<p class="b_grey_btn"><button type="button" id="btn_viewCert"><span class="MSG_cls" id="MSG_TS017">인증서 보기</span></button></p>
|
||||
</span>
|
||||
<!-- BTN -->
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- ML_content-area : E -->
|
||||
</div><!-- ML_content : E -->
|
||||
</div><!-- ML_container : E -->
|
||||
</div>
|
||||
<!-- 브라우저 메뉴얼에 타이틀바 없을 때 browser_menual3.png(250x558)
|
||||
타이틀바 있을 때 browser_menual.png(250x523) 사용 -->
|
||||
<!-- <div id="browser_manual" style="display:none;">
|
||||
<div class="ML_container">
|
||||
<div class="ML_content">
|
||||
<div class="ML_content-area">
|
||||
<img src="UI/images/browser_menual3.png" alt="브라우저 인증서 사용방법" class="MLjqui-window-close-button MLjqui-icon-close">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- 00. 인증서 Action Type 설정(MakeSignData, envelope, sign&envelope) -->
|
||||
<input type="hidden" id="certaction" value="" />
|
||||
|
||||
<!-- 수정 : 디폴트 스토리지 hdd일때 제일 앞의 디스크 선택 판단하기 위한 변수 저장 -->
|
||||
<input type="hidden" id="flagInit" value="0" />
|
||||
<input type="hidden" id="temp" value="" />
|
||||
|
||||
<!-- 01. Alert dialog -->
|
||||
<div id="popup_alert" class="ML_container_dialog" style="display:none;">
|
||||
<div class="ML_content">
|
||||
<div class="ML_content-area" style="padding-top:5px;">
|
||||
<div class="ML_pw_dialog_status_area">
|
||||
<div class="ML_pw_dialog_area">
|
||||
<div id="alert_msg" class="ML_pw_dialog_txt">비밀번호를 다시 입력하세요.</div>
|
||||
<!-- BTN -->
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_alert_confirm" onClick="DSAlert.closeAlert();"><span>확인</span></button></p>
|
||||
<!--<span class="w_space40"></span>
|
||||
<p class="b_grey_btn"><button type="button" onClick="selfClose();"><span>취소</span></button></p>-->
|
||||
</span>
|
||||
<!-- BTN -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 02. Common -->
|
||||
<div id="ML_Dialog_common" style="display:none;">
|
||||
<div class="ML_content">
|
||||
<div id="ML_content_area" class="ML_content-area" style="padding-top: 5px; padding-bottom: 0px">
|
||||
<!-- Content : S -->
|
||||
|
||||
<!-- Content : E -->
|
||||
</div>
|
||||
<div class="ML_content-area ML_pw_popup_area" style="padding-top: 5px;" id="btnArea">
|
||||
<!-- BTN -->
|
||||
<span class="btn_row" id="btn_row_area">
|
||||
<p class="b_blue_btn">
|
||||
<button type="button" id="btn_common_confirm" onClick="DSDialog.releaseDialog();">
|
||||
<span>확인</span>
|
||||
</button>
|
||||
</p>
|
||||
<span class="w_space40"></span>
|
||||
<p class="b_grey_btn">
|
||||
<button type="button" id="btn_common_cancle" onClick="DSDialog.closeDialog(function(code,obj){});" >
|
||||
<span>취소</span>
|
||||
</button>
|
||||
</p>
|
||||
</span>
|
||||
<!-- BTN -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 03. Cs install dialog -->
|
||||
<div id="ML_dialog_cs_install" style="display:none;">
|
||||
<div class="ML_content">
|
||||
<div id="ML_content_area_cs" class="ML_content-area" style="padding-top: 5px; padding-bottom: 0px">
|
||||
</div>
|
||||
<div class="ML_content-area ML_pw_popup_area" style="padding-top: 5px;" id="btnArea">
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn2">
|
||||
<button type="button" id="btn_common_confirm" onClick="DSDialog.releaseDialog();">
|
||||
<span>설치</span>
|
||||
</button>
|
||||
</p>
|
||||
<span class="w_space20"></span>
|
||||
<p class="b_blue_btn2">
|
||||
<button type="button" id="btn_common_run" onClick="DSDialog.runDialog();">
|
||||
<span>실행</span>
|
||||
</button>
|
||||
</p>
|
||||
<span class="w_space20"></span>
|
||||
<p class="b_grey_btn2">
|
||||
<button type="button" id="btn_common_cancle" onClick="DSDialog.closeDialog(function(code,obj){});" >
|
||||
<span>취소</span>
|
||||
</button>
|
||||
</p>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,445 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
|
||||
|
||||
<title>인증서 관리</title>
|
||||
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Main.js"></script>
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Mgmt.js"></script>
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Popup.js"></script>
|
||||
|
||||
<title>전자서명</title>
|
||||
</head>
|
||||
|
||||
<body vlink="gray">
|
||||
|
||||
<div id="ML_window_admin">
|
||||
<div id="ML_container">
|
||||
<!-- Content AREA : S -->
|
||||
<div class="ML_content">
|
||||
<div class="ML_content-area" id="MagicLine">
|
||||
<!-- Content : S -->
|
||||
<div class="ML_cp_AD" ><img src="UI/images/ML5_banner.png" alt="매직라인4"></div>
|
||||
<div id="ML_dp_01" class="ML_sub_tit">인증서 저장 위치 선택</div>
|
||||
<div class="ML_storage_box">
|
||||
<div class="ML_storage_box_sub">
|
||||
<!-- <div class="MLstrSlide_admin"> -->
|
||||
<div class="MLstrSlide" id="MLstrSlide">
|
||||
<!-- // -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="customNavigation" id="0"><div class="str_add_li ne"><a class="next"><span class="btn_str_add"></span></a></div></div>
|
||||
<!-- Drive list : S -->
|
||||
<div id="driver_admin_div" class="drive_position pos_05" style="display:none;">
|
||||
<!-- // -->
|
||||
</div>
|
||||
<!-- Drive list : E -->
|
||||
</div>
|
||||
<!-- Certificate list : S -->
|
||||
<div id="ML_dp_02" class="ML_sub_tit">사용할 인증서 선택</div>
|
||||
<div class="ML_cert_list_area" id="ML_certlist_area">
|
||||
<div id="dataTable_admin"></div>
|
||||
</div>
|
||||
<!-- Certificate list : E -->
|
||||
<div class="ML_sub_tit">인증서 관리 메뉴</div>
|
||||
<div class="ML_admin_box">
|
||||
<div class="ML_admin_menu_dft">
|
||||
<div class="ML_admin_menu_area">
|
||||
<ul>
|
||||
<li class="ad_cert_copy"><a href="#" id="btn_cert_copy"><span>인증서복사</span></a></li>
|
||||
<li class="ad_cert_view"><a href="#" id="btn_cert_view"><span>인증서보기</span></a></li>
|
||||
<li class="ad_cert_del"><a href="#" id="btn_cert_del"><span>인증서삭제</span></a></li>
|
||||
<li class="ad_cert_pass_change"><a href="#" id="btn_cert_pass_change"><span>암호변경</span></a></li>
|
||||
<li class="ad_cert_import"><a href="#" id="btn_cert_import"><span>가져오기</span></a></li>
|
||||
<li class="ad_cert_send"><a href="#" id="btn_cert_export"><span>내보내기</span></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- BTN -->
|
||||
<div class="ML_btn_area">
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_mgmt_confirm" onClick="#"><span>닫기</span></button></p>
|
||||
<!-- <span class="w_space40"></span>
|
||||
<p class="b_grey_btn"><button type="button" id="btn_mgmt_cancle" onClick="#" ><span>취소</span></button></p>-->
|
||||
</span>
|
||||
</div>
|
||||
<!-- BTN -->
|
||||
<!-- Content : E -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content AREA : E -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
//sub dialog 깜빡임 방지.
|
||||
$("#popup_mgmt_alert").hide();
|
||||
$('#ML_Dialog_mgmt_common').hide();
|
||||
|
||||
funProcInit();
|
||||
initEventHandler();
|
||||
mgmtInit();
|
||||
|
||||
//key event
|
||||
$(this).keydown(function(e){
|
||||
if(e.keyCode == "9"){
|
||||
var targetElement = $(document.activeElement).attr("id");
|
||||
var parentElement = $(document.activeElement).parent().attr("id");
|
||||
|
||||
console.log("targetElement.id === " + targetElement);
|
||||
console.log("parentElement.id === " + parentElement);
|
||||
|
||||
if(targetElement == "stg_smartcert" ){
|
||||
var selection = $("#dataTable").MLjquiDataTable('getSelection');
|
||||
if(selection && selection.length>0){
|
||||
console.log("ifififififififififififif");
|
||||
//$("#dataTable").focus();
|
||||
//$("#dataTable").css("border","solid 1px red");
|
||||
}else{
|
||||
console.log("elseelseelseelseelseelse");
|
||||
//$("#btn_viewCert").focus();
|
||||
//$("#btn_viewCert").css("border","solid 1px red");
|
||||
}
|
||||
}else if(targetElement==null || targetElement=='undefined'){
|
||||
|
||||
}
|
||||
} else if (e.keyCode == "27"){
|
||||
console.log("Esc keydown Esc keydown Esc keydown Esc keydown");
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function funProcInit() {
|
||||
_createWindow();
|
||||
|
||||
//스토리지 목록 초기화
|
||||
ML4WebDraw.MakeStorageListDiv('mgmt');
|
||||
}
|
||||
|
||||
function mgmtInit() {
|
||||
//디폴트 스토리지 선택.
|
||||
var default_stg = ML4WebApi.getProperty("defaultStorage");
|
||||
if(default_stg!=null && default_stg != ""){
|
||||
$("#stg_admin_"+default_stg).click();
|
||||
}else{
|
||||
//EmptyCertDiv();
|
||||
ML4WebDraw.MakeCertiListDiv(null);
|
||||
}
|
||||
|
||||
//메세지 초기화
|
||||
MessageVO.applyMessage($('[id^="MSG_"]'));
|
||||
}
|
||||
|
||||
|
||||
|
||||
function initEventHandler() {
|
||||
var libType = ML4WebApi.getProperty('libType');
|
||||
var browser = ML4WebApi.getProperty('browser');
|
||||
|
||||
if(browser == 'MSIE 8' || browser == 'MSIE 9'){
|
||||
$('.ad_cert_send').hide();
|
||||
}
|
||||
|
||||
initAdminMainEvent();
|
||||
|
||||
//인증서복사
|
||||
$('#btn_cert_copy').click(function () {
|
||||
ML4WebLog.log("btn_cert_copy click()...");
|
||||
var selection = $("#dataTable_admin").MLjquiDataTable('getSelection');
|
||||
if(selection && selection.length>0){
|
||||
openCopySelectStorageDialog(selection[0]);
|
||||
}else{
|
||||
ML4WebLog.log($.i18n.prop("ES021"));
|
||||
//openMgmtAlertDialog($.i18n.prop("ES021"));
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES021"), null);
|
||||
}
|
||||
});
|
||||
|
||||
//인증서보기
|
||||
$('#btn_cert_view').click(function () {
|
||||
ML4WebLog.log("btn_cert_view click()...");
|
||||
var selection = $("#dataTable_admin").MLjquiDataTable('getSelection');
|
||||
if(selection && selection.length>0){
|
||||
for(var i=0 ; i<selection.length ; i++){
|
||||
var rowData = selection[i];
|
||||
//ML4WebLog.log("viewCert.click() rowData === " + JSON.stringify(rowData));
|
||||
|
||||
openCertViewDialog(rowData);
|
||||
}
|
||||
}else{
|
||||
ML4WebLog.log($.i18n.prop("ES021"));
|
||||
//openAlertDialog($.i18n.prop("ES021"));
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES021"), null);
|
||||
}
|
||||
});
|
||||
|
||||
//인증서삭제
|
||||
$('#btn_cert_del').click(function () {
|
||||
ML4WebLog.log("btn_cert_del click()...");
|
||||
var selection = $("#dataTable_admin").MLjquiDataTable('getSelection');
|
||||
|
||||
if(selection && selection.length>0){
|
||||
//openCertDeleteDialog(selection[0]);
|
||||
//openCertDeleteDialog('mgmt', selection[0]);
|
||||
var stgKey = ML4WebApi.getProperty('selectedStorage').key;
|
||||
deleteCertNonePwd('mgmt', stgKey, selection[0]);
|
||||
}else{
|
||||
ML4WebLog.log($.i18n.prop("ES021"));
|
||||
//openMgmtAlertDialog($.i18n.prop("ES021"));
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES021"), null);
|
||||
}
|
||||
});
|
||||
|
||||
//암호변경
|
||||
$('#btn_cert_pass_change').click(function () {
|
||||
ML4WebLog.log("btn_cert_pass_change click()...");
|
||||
|
||||
var selection = $("#dataTable_admin").MLjquiDataTable('getSelection');
|
||||
|
||||
if(selection && selection.length>0){
|
||||
openCertPassChangeDialog(selection[0]);
|
||||
}else{
|
||||
ML4WebLog.log($.i18n.prop("ES021"));
|
||||
//openMgmtAlertDialog($.i18n.prop("ES021"));
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES021"), null);
|
||||
}
|
||||
});
|
||||
|
||||
//가져오기 : Drag & Drop!!!
|
||||
$('#btn_cert_import').click(function () {
|
||||
ML4WebLog.log("btn_cert_import click()...");
|
||||
|
||||
//openSearchPfxDialog();
|
||||
|
||||
//var libType = obj.pfxOpt[0].libType;
|
||||
if(libType==1 && browser!='MSIE 8'){
|
||||
openSearchPfxDialog();//인증서찾기창
|
||||
}else{
|
||||
openSearchPfxByCDialog();//인증서찾기창
|
||||
}
|
||||
});
|
||||
|
||||
//내보내기 : Pure Javascript Download!!!
|
||||
$('#btn_cert_export').click(function () {
|
||||
ML4WebLog.log("btn_cert_export click()...");
|
||||
var selection = $("#dataTable_admin").MLjquiDataTable('getSelection');
|
||||
if(selection && selection.length>0){
|
||||
for(var i=0 ; i<selection.length ; i++){
|
||||
var rowData = selection[i];
|
||||
//ML4WebLog.log("viewCert.click() rowData === " + JSON.stringify(rowData));
|
||||
openExportPfxDialog(rowData);
|
||||
}
|
||||
}else{
|
||||
ML4WebLog.log($.i18n.prop("ES021"));
|
||||
//openMgmtAlertDialog($.i18n.prop("ES021"));
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES021"), null);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
//확인
|
||||
$('#btn_mgmt_confirm').click(function () {
|
||||
ML4WebLog.log("btn_mgmt_confirm click()...");
|
||||
//$('#ML_window_admin').MLjquiWindow('close');
|
||||
closeCertDialog('mgmt');
|
||||
});
|
||||
|
||||
//취소
|
||||
$('#btn_mgmt_cancle').unbind().click(function () {
|
||||
ML4WebLog.log("btn_mgmt_cancle click()...");
|
||||
|
||||
closeCertDialog('mgmt');
|
||||
});
|
||||
}
|
||||
|
||||
function _createWindow() {
|
||||
var isBanner = ML4WebApi.getProperty("adminBanner");
|
||||
var window_admin_height = 558;
|
||||
|
||||
if(!isBanner){
|
||||
$(".ML_cp_AD").hide();
|
||||
window_admin_height = 498;
|
||||
}
|
||||
|
||||
//-00. Mgmt
|
||||
$('#ML_window_admin').MLjquiWindow({
|
||||
title:'인증서 관리',
|
||||
resizable: false,
|
||||
position: 'center',
|
||||
showCloseButton:false,
|
||||
// closeButtonSize: 35,
|
||||
// closeButtonAction:'destroy',
|
||||
isModal: true,
|
||||
modalOpacity: 0.3,
|
||||
modalZIndex: 9999,
|
||||
modalBackgroundZIndex: 9999,
|
||||
showCollapseButton: false,
|
||||
keyboardCloseKey: 0,
|
||||
maxHeight: 600, maxWidth:420,
|
||||
minHeight: 200, minWidth: 200,
|
||||
height: window_admin_height, width: 418,
|
||||
initContent: function () {
|
||||
$('#ML_window_admin').MLjquiWindow('focus');
|
||||
}
|
||||
});
|
||||
|
||||
//-01. Alert
|
||||
$('#popup_mgmt_alert').MLjquiWindow({
|
||||
title:'알림',
|
||||
resizable: false,
|
||||
position: 'center',
|
||||
closeButtonSize: 35,
|
||||
// isModal: false,
|
||||
// modalOpacity: 0.3,
|
||||
// modalZIndex: 99999,
|
||||
// modalBackgroundZIndex: 99999,
|
||||
zIndex:999999,
|
||||
showCollapseButton: false,
|
||||
keyboardCloseKey: 0,
|
||||
maxHeight: 600, maxWidth:420,
|
||||
minHeight: 200, minWidth: 200,
|
||||
height: 148, width: 368,
|
||||
initContent: function () {
|
||||
$('#popup_mgmt_alert').MLjquiWindow('close');
|
||||
}
|
||||
});
|
||||
//$('#popup_mgmt_alert').attr("display","block");
|
||||
|
||||
//-02. Common
|
||||
$('#ML_Dialog_mgmt_common').MLjquiWindow({
|
||||
// autoOpen: false,
|
||||
title:'알림',
|
||||
resizable: false,
|
||||
position: 'center',
|
||||
showCloseButton:false,
|
||||
// closeButtonSize: 35,
|
||||
// draggable:false,
|
||||
isModal: true,
|
||||
modalOpacity: 0.3,
|
||||
modalZIndex: 99999,
|
||||
modalBackgroundZIndex: 99999,
|
||||
showCollapseButton: false,
|
||||
keyboardCloseKey: 0,
|
||||
width: 398,
|
||||
initContent: function () {
|
||||
$('#ML_Dialog_mgmt_common').MLjquiWindow('close');
|
||||
}
|
||||
});
|
||||
//$('#ML_Dialog_mgmt_common').attr("display","block");
|
||||
|
||||
|
||||
}
|
||||
|
||||
function _initSlideEvent(){
|
||||
$("#MLstrSlide_admin").owlCarousel({
|
||||
autoPlay : false,
|
||||
navigation : false,
|
||||
// navigationText : ["prev","next"],
|
||||
slideSpeed : 300,
|
||||
pagination : false,
|
||||
paginationSpeed : 400,
|
||||
mouseDrag : false,
|
||||
touchDrag : false,
|
||||
// "singleItem:true" is a shortcut for:
|
||||
// items : 5,
|
||||
// itemsDesktop : [375,5],
|
||||
// itemsDesktopSmall : false,
|
||||
// itemsTablet: false,
|
||||
// itemsMobile : false
|
||||
singleItem : true
|
||||
});
|
||||
|
||||
// Custom Navigation Events(슬라이딩 효과)
|
||||
var owl = $("#MLstrSlide_admin");
|
||||
|
||||
/* $(".next").click(function(){
|
||||
owl.trigger('owl.next');
|
||||
})
|
||||
$(".prev").click(function(){
|
||||
owl.trigger('owl.prev');
|
||||
})
|
||||
$(".jump").click(function(){
|
||||
owl.trigger('owl.jumpTo',5);
|
||||
})
|
||||
|
||||
// Slide L&R Button
|
||||
$(".customNavigation").click(function() {
|
||||
var X=$(this).attr('id');
|
||||
if(X==1) {
|
||||
$(this).children(".str_add_li").removeClass('pr');
|
||||
$(this).children(".str_add_li").addClass('ne');
|
||||
$(this).attr('id', '0');
|
||||
} else {
|
||||
$(".str_add_li").attr('class', 'str_add_li pr');
|
||||
$(this).children(".str_add_li").removeClass('ne');
|
||||
$(this).children(".str_add_li").addClass('pr');
|
||||
$(".customNavigation").attr('id', '0');
|
||||
$(this).attr('id', '1');
|
||||
}
|
||||
});*/
|
||||
|
||||
$(".customNavigation").children(".str_add_li").removeClass('ne');
|
||||
$(".customNavigation").children(".str_add_li").addClass('dis');
|
||||
}
|
||||
|
||||
function openAdminAlertDialog(msg){
|
||||
$('#alert_msg').html(msg);
|
||||
$('#popup_alert').MLjquiWindow('open');
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
<!-- 01. Alert dialog -->
|
||||
<div id="popup_mgmt_alert" class="ML_container_dialog">
|
||||
<!-- Content AREA : S -->
|
||||
<div class="ML_content">
|
||||
<div class="ML_content-area" style="padding-top:5px;">
|
||||
<!-- Content : S -->
|
||||
<div class="ML_pw_dialog_status_area">
|
||||
<div class="ML_pw_dialog_area">
|
||||
<div id="mgmt_alert_msg" class="ML_pw_dialog_txt">비밀번호를 다시 입력하세요.</div>
|
||||
<!-- BTN -->
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" name="btn_confirm" id="btn_alert_confirm" onClick="DSAlert.closeAlert();"><span>확인</span></button></p>
|
||||
<!-- <span class="w_space40"></span>
|
||||
<p class="b_grey_btn"><button type="button" onClick="selfClose();"><span>취소</span></button></p>-->
|
||||
</span>
|
||||
<!-- BTN -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content : E -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content AREA : E -->
|
||||
</div>
|
||||
|
||||
<!-- 02. Common -->
|
||||
<div id="ML_Dialog_mgmt_common">
|
||||
<!-- Content AREA : S -->
|
||||
<div class="ML_content">
|
||||
<div id="ML_mgmt_content_area" class="ML_content-area" style="padding-top:5px;padding-bottom:0px">
|
||||
|
||||
</div>
|
||||
<div class="ML_content-area ML_pw_popup_area" style="padding-top:5px;">
|
||||
<!-- BTN -->
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_common_confirm" onClick="DSDialog.releaseDialog();"><span>확인</span></button></p>
|
||||
<span class="w_space40"></span>
|
||||
<p class="b_grey_btn"><button type="button" id="btn_common_cancle" onClick="DSDialog.closeDialog(function(code, obj){});" ><span>취소</span></button></p>
|
||||
</span>
|
||||
<!-- BTN -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content AREA : E -->
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,212 +0,0 @@
|
||||
<!doctype html>
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title> 인증서 선택 </title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
|
||||
|
||||
<!-- Draw -->
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Draw.js"></script>
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Main.js"></script>
|
||||
<script type="text/javascript" src="UI/js/ML4Web_Popup.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
var contextPath = '<%=request.getContextPath()%>';
|
||||
//moved to ML_Draw.js all of func
|
||||
$(document).ready(function(){
|
||||
// TODO : 초기화 함수 호출
|
||||
ML4WebDraw.loadCSS();
|
||||
ML4WebSaveCertDraw.initDraw();
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="ML_window" style="display:none;">
|
||||
<div style="width:418px; float:left;"></div>
|
||||
<div id="ML_container" style="width:418px; float:left;"><!-- ML_container : S -->
|
||||
<div class="ML_content" style="width:418px;float:left;"><!-- ML_content : S -->
|
||||
<div class="ML_content-area" id="MagicLine" style="padding-top:5px;"><!-- ML_content-area : S -->
|
||||
<div class="ML_cp_AD" style="display:;"><img src="UI/images/ML5_banner.png" alt="MagicLine4Web 인증서 선택창 로고"></div>
|
||||
<div id="ML_dp_01" class="ML_sub_tit">인증서 저장 위치 선택
|
||||
</div>
|
||||
<div class="ML_storage_box">
|
||||
<div class="ML_storage_box_sub">
|
||||
<form>
|
||||
<div class="MLstrSlide" id="MLstrSlide">
|
||||
<!-- // -->
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<div class="customNavigation" id="0"><div class="str_add_li ne"><a class="next"><span class="btn_str_add"></span></a></div></div>
|
||||
<!-- Drive list : S -->
|
||||
<div id="driver_div" class="drive_position pos_05" style="display:none;">
|
||||
<!-- // -->
|
||||
</div>
|
||||
<!-- Drive list : E -->
|
||||
</div>
|
||||
<!-- TRACE #1 -->
|
||||
<!-- Certificate list : S -->
|
||||
<div id="ML_dp_02" class="ML_sub_tit">인증서 정보</div>
|
||||
<div id="ML_certlist_area" class="ML_cert_list_area">
|
||||
<div id="dataTable"></div>
|
||||
</div>
|
||||
<!-- BTN : S -->
|
||||
<span id="ML_dp_03" class="btn_row_s">
|
||||
<!-- <span class="w_space8"></span>
|
||||
<span class="btn_cell_right">
|
||||
<p class="whtgrey_btn">
|
||||
<button type="button" id="btn_pwChgCert">
|
||||
<span><img src="UI/images/icon_pw_chg.png" alt="인증서 암호변경"><span class="MSG_cls" id="MSG_TS007">인증서 암호변경</span></span>
|
||||
</button>
|
||||
</p>
|
||||
</span> -->
|
||||
<span class="w_space8"></span>
|
||||
<span class="btn_cell_right">
|
||||
|
||||
<!-- <p class="whtgrey_ws_btn">
|
||||
<button type="button" id="btn_viewCert">
|
||||
<span><img src="UI/images/icon_detail.png" alt="인증서 보기"><span class="MSG_cls" id="MSG_TS017">인증서 보기</span></span>
|
||||
</button>
|
||||
</p> -->
|
||||
</span>
|
||||
<span class="w_space8"></span>
|
||||
<span class="btn_cell_right">
|
||||
<!-- <p id="btn_browser" class="whtgrey_ws_btn2"><button type="button" id="in_browser"><span id="get_cert"></span></button></p> -->
|
||||
</span>
|
||||
<span class="btn_cell_right">
|
||||
<!-- <p id="flip" class="whtgrey_ws_btn"><button type="button" id="btn_deleteCert"><span><img src="UI/images/icon_del.png" alt="인증서 삭제">인증서 삭제</span></button></p> -->
|
||||
<!-- <p id="flip" class="whtgrey_ws_btn2"><button type="button" id="btn_PFX"><span><img src="UI/images/icon_search.png" alt="pfx 찾기">PFX 인증서 가져오기</span></button></p> -->
|
||||
</span>
|
||||
</span>
|
||||
<!-- BTN : E -->
|
||||
<!-- Certificate list : E -->
|
||||
|
||||
<div id="ML_dp_04" class="ML_sub_tit">인증서 비밀번호 입력</div>
|
||||
<div id="ML_status_area" class="ML_status_area">
|
||||
<div class="ML_pw_area">
|
||||
<div class="ML_cert_pw_area">
|
||||
<span class="ML_cert_pw_field">
|
||||
<!-- <input type="password" id="input_cert_pw" class="passwd_input" style="ime-mode:active;" placeholder="비밀번호를 입력하시오." autocomplete="off" value="" onKeypress="signEnterKeyEvent(event)"/> -->
|
||||
<input type="password" id="input_cert_pw_save" class="passwd_input" data-tk-kbdType="qwerty" placeholder="비밀번호를 입력하시오." autocomplete="off" value="" onKeypress="saveCertEnterKeyEvent(event)" npkencrypt="on" data-keypad-type="alpha" data-keypad-theme="default" data-keypad-useyn-type="toggle" data-keypad-useyn-input="keyboardOn" />
|
||||
<!-- <span id="input_cert_pw_tk_btn">마우스입력</span> -->
|
||||
<span class="ML_cert_pw_key_box"><a href="#" id="keyboardOn" alt="보안키보드"><div class="ML_cert_pw_keypad"></div></a></span>
|
||||
</span>
|
||||
</div>
|
||||
<!-- BTN -->
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_confirm_saveCert"><span>저장</span></button></p>
|
||||
<span class="w_space10"></span>
|
||||
<p class="b_grey_btn"><button type="button" id="btn_cancel"><span>취소</span></button></p>
|
||||
<span class="w_space10"></span>
|
||||
<p class="b_grey_btn"><button type="button" id="btn_viewCert"><span class="MSG_cls" id="MSG_TS017">인증서 보기</span></button></p>
|
||||
</span>
|
||||
<!-- BTN -->
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- ML_content-area : E -->
|
||||
</div><!-- ML_content : E -->
|
||||
</div><!-- ML_container : E -->
|
||||
</div>
|
||||
<!-- 브라우저 메뉴얼에 타이틀바 없을 때 browser_menual3.png(250x558)
|
||||
타이틀바 있을 때 browser_menual.png(250x523) 사용 -->
|
||||
<!-- <div id="browser_manual" style="display:none;">
|
||||
<div class="ML_container">
|
||||
<div class="ML_content">
|
||||
<div class="ML_content-area">
|
||||
<img src="UI/images/browser_menual3.png" alt="브라우저 인증서 사용방법" class="MLjqui-window-close-button MLjqui-icon-close">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- 00. 인증서 Action Type 설정(MakeSignData, envelope, sign&envelope) -->
|
||||
<input type="hidden" id="certaction" value="" />
|
||||
|
||||
<!-- 수정 : 디폴트 스토리지 hdd일때 제일 앞의 디스크 선택 판단하기 위한 변수 저장 -->
|
||||
<input type="hidden" id="flagInit" value="0" />
|
||||
<input type="hidden" id="temp" value="" />
|
||||
|
||||
<!-- 01. Alert dialog -->
|
||||
<div id="popup_alert" class="ML_container_dialog" style="display:none;">
|
||||
<div class="ML_content">
|
||||
<div class="ML_content-area" style="padding-top:5px;">
|
||||
<div class="ML_pw_dialog_status_area">
|
||||
<div class="ML_pw_dialog_area">
|
||||
<div id="alert_msg" class="ML_pw_dialog_txt">비밀번호를 다시 입력하세요.</div>
|
||||
<!-- BTN -->
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn"><button type="button" id="btn_alert_confirm" onClick="DSAlert.closeAlert();"><span>확인</span></button></p>
|
||||
<!--<span class="w_space40"></span>
|
||||
<p class="b_grey_btn"><button type="button" onClick="selfClose();"><span>취소</span></button></p>-->
|
||||
</span>
|
||||
<!-- BTN -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 02. Common -->
|
||||
<div id="ML_Dialog_common" style="display:none;">
|
||||
<div class="ML_content">
|
||||
<div id="ML_content_area" class="ML_content-area" style="padding-top: 5px; padding-bottom: 0px">
|
||||
<!-- Content : S -->
|
||||
|
||||
<!-- Content : E -->
|
||||
</div>
|
||||
<div class="ML_content-area ML_pw_popup_area" style="padding-top: 5px;" id="btnArea">
|
||||
<!-- BTN -->
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn">
|
||||
<button type="button" id="btn_common_confirm" onClick="DSDialog.releaseDialog();">
|
||||
<span>확인</span>
|
||||
</button>
|
||||
</p>
|
||||
<span class="w_space40"></span>
|
||||
<p class="b_grey_btn">
|
||||
<button type="button" id="btn_common_cancle" onClick="DSDialog.closeDialog(function(code,obj){});" >
|
||||
<span>취소</span>
|
||||
</button>
|
||||
</p>
|
||||
</span>
|
||||
<!-- BTN -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 03. Cs install dialog -->
|
||||
<div id="ML_dialog_cs_install" style="display:none;">
|
||||
<div class="ML_content">
|
||||
<div id="ML_content_area_cs" class="ML_content-area" style="padding-top: 5px; padding-bottom: 0px">
|
||||
</div>
|
||||
<div class="ML_content-area ML_pw_popup_area" style="padding-top: 5px;" id="btnArea">
|
||||
<span class="btn_row">
|
||||
<p class="b_blue_btn2">
|
||||
<button type="button" id="btn_common_confirm" onClick="DSDialog.releaseDialog();">
|
||||
<span>설치</span>
|
||||
</button>
|
||||
</p>
|
||||
<span class="w_space20"></span>
|
||||
<p class="b_blue_btn2">
|
||||
<button type="button" id="btn_common_run" onClick="DSDialog.runDialog();">
|
||||
<span>실행</span>
|
||||
</button>
|
||||
</p>
|
||||
<span class="w_space20"></span>
|
||||
<p class="b_grey_btn2">
|
||||
<button type="button" id="btn_common_cancle" onClick="DSDialog.closeDialog(function(code,obj){});" >
|
||||
<span>취소</span>
|
||||
</button>
|
||||
</p>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id='ESignWindow'></div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,71 +0,0 @@
|
||||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="format-detection" content="telephone=no">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
|
||||
<script type="text/javascript" src="../js/ext/jquery-1.10.2.js"></script>
|
||||
<!-- <script type="text/javascript" src="../js/ext/jquery-1.8.3.min.js"></script> -->
|
||||
<script type="text/javascript" src="../js/ext/jquery-ui.min.js"></script>
|
||||
<script type="text/javascript">
|
||||
function detectOS() {
|
||||
try{
|
||||
var OsVersion = navigator.userAgent;
|
||||
OsVersion = OsVersion.toUpperCase();
|
||||
if( OsVersion.indexOf("NT 5.1") != -1 ) return "windows XP";
|
||||
else if( OsVersion.indexOf("NT 6.0") != -1 ) return "windows vista";
|
||||
else if( OsVersion.indexOf("NT 6.1") != -1 ) return "windows 7";
|
||||
else if( OsVersion.indexOf("NT 6.2") != -1 ) return "windows 8";
|
||||
else if( OsVersion.indexOf("NT 6.3") != -1 ) return "windows 8.1";
|
||||
else if( OsVersion.indexOf("NT 10.0") != -1 ) return "windows 10";
|
||||
else if( OsVersion.indexOf("MAC") != -1 ) return "MAC";
|
||||
else if( OsVersion.indexOf("UBUNTU") != -1 ){
|
||||
if( OsVersion.indexOf("86_64") != -1 ){
|
||||
return "UBUNTU64";
|
||||
}else{
|
||||
return "UBUNTU32";
|
||||
}
|
||||
}else if( OsVersion.indexOf("FEDORA") != -1 ){
|
||||
if( OsVersion.indexOf("86_64") != -1 ){
|
||||
return "FEDORA64";
|
||||
}else{
|
||||
return "FEDORA32";
|
||||
}
|
||||
}
|
||||
else if( OsVersion.indexOf("LINUX") != -1 ){
|
||||
if( OsVersion.indexOf("86_64") != -1 ){
|
||||
return "LINUX64";
|
||||
}else{
|
||||
return "LINUX32";
|
||||
}
|
||||
}
|
||||
else return "Unknown";
|
||||
}catch( ex ) {
|
||||
return "Unknown";
|
||||
}
|
||||
}
|
||||
|
||||
function fnStartCs(obj){
|
||||
var os = detectOS();
|
||||
|
||||
if(os !== "windows XP"){
|
||||
var urlScheme = "NTSMagicLineNP://";
|
||||
|
||||
if(navigator.msLaunchUri){ // 앱센터 존재 여부 확인(WIN 8+ on IE 10+)
|
||||
navigator.msLaunchUri(urlScheme, function(){}, function(){});
|
||||
}else{
|
||||
obj.src = urlScheme;
|
||||
}
|
||||
}else{
|
||||
location.href = "NTSMagicLineNP://";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<img src="./images/call.gif" alt="제품 설치 확인중입니다." />
|
||||
<iframe id="startCs" name="startCs" onload="fnStartCs(this)" style="display:none"></iframe>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,423 +0,0 @@
|
||||
/******************* storage Select *******************/
|
||||
.ML_cp_AD {padding:10px 9px 0; margin:0; }
|
||||
.ML_cp_AD img {vertical-align:top; margin:0; padding:0}
|
||||
/* .ML_storage_box_sub {width:375px; margin-left:11px;}
|
||||
.customNavigation{display:none;} */
|
||||
.ML_storage_box {position:relative; margin:0 9px; height:75px; border:1px solid #a8a8a8;}
|
||||
.ML_storage_box_sub {position:relative; width:375px; /* margin-left:11px; */ overflow:hidden;}
|
||||
.MLstrSlide {width:375px; margin:0;height:75px;overflow:hidden;z-index:10;}
|
||||
/* .MLstrSlide_admin {width:375px; margin:0;height:75px;overflow:hidden;z-index:10;} */
|
||||
#wrap_stg_01 {left:0px;}
|
||||
#wrap_stg_02 {left:375px;}
|
||||
.customNavigation{position:absolute;top:0;right:0; width:22px; height:75px;background:#fff;}
|
||||
/* .ML_storage_area {margin:0; width:375px; height:75px; display:block;}
|
||||
.ML_storage_area ul {height:74px; text-align:center;} */
|
||||
|
||||
<!-- 스토리지 목록의 크기 조정 -->
|
||||
.ML_storage_area {position:absolute; float:left; width:375px; margin:0;height:75px; display:block;}
|
||||
.ML_storage_area ul {height:75px; text-align:center;overflow:hidden;}
|
||||
.ML_storage_area li {float:left;background:;}
|
||||
.ML_storage_area li a{display:block; width:75px; height:75px; overflow:hidden; color:#34373b; font-size:11px; font-weight:bold; letter-spacing:-1px; background:url(../images/storage_icon.png) no-repeat; cursor:pointer; vertical-align:text-bottom; /*text-indent:-5000px;*/}
|
||||
.ML_storage_area li span{display:inline-block; padding-top:55px}
|
||||
|
||||
|
||||
/* positioning */
|
||||
<!-- 스토리지 색상, 마우스오버했을 때 색상 조정 -->
|
||||
|
||||
|
||||
.ML_storage_area li.ML_storage_smartcert a {width:75px; height:75px; background-position: 0 -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert a:hover {background-position: -75px -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert a:focus {background-position: -75px -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert.on a{background-position: -225px -150px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_smartcert.off a{background-position: -300px -150px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_smartcert.ins a{background-position: -375px -150px; color:#bebebe;}
|
||||
|
||||
.ML_storage_area li.ML_storage_token a {width:75px; height:75px; background-position: 0 -225px;}
|
||||
.ML_storage_area li.ML_storage_token a:hover {background-position: -75px -225px;}
|
||||
.ML_storage_area li.ML_storage_token a:focus {background-position: -75px -225px;}
|
||||
.ML_storage_area li.ML_storage_token.on a{background-position: -225px -225px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_token.off a{background-position: -300px -225px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_token.ins a{background-position: -375px -225px; color:#bebebe;}
|
||||
|
||||
.ML_storage_area li.ML_storage_browser a {width:75px; height:75px; background-position: 0 -75px;}
|
||||
.ML_storage_area li.ML_storage_browser a:hover {background-position: -75px -75px;}
|
||||
.ML_storage_area li.ML_storage_browser a:focus {background-position: -75px -75px;}
|
||||
.ML_storage_area li.ML_storage_browser.on a{background-position: -225px -75px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_browser.off a{background-position: -300px -75px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_browser.ins a{background-position: -375px -75px; color:#bebebe;}
|
||||
|
||||
.ML_storage_area li.ML_storage_phone a {width:75px; height:75px; background-position: 0 -300px;}
|
||||
.ML_storage_area li.ML_storage_phone a:hover {background-position: -75px -300px;}
|
||||
.ML_storage_area li.ML_storage_phone a:focus {background-position: -75px -300px;}
|
||||
.ML_storage_area li.ML_storage_phone.on a{background-position: -225px -300px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_phone.off a{background-position: -300px -300px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_phone.ins a{background-position: -375px -300px; color:#bebebe;}
|
||||
|
||||
.ML_storage_area li.ML_storage_hdd a {width:75px; height:75px; background-position: 0 0;}
|
||||
.ML_storage_area li.ML_storage_hdd a:hover {background-position: -75px 0;}
|
||||
.ML_storage_area li.ML_storage_hdd a:focus {background-position: -75px 0;}
|
||||
.ML_storage_area li.ML_storage_hdd.on a{background-position: -225px 0; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_hdd.off a{background-position: -300px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_hdd.ins a{background-position: -375px 0; color:#bebebe;}
|
||||
|
||||
.ML_storage_area li.ML_storage_sch a {width:75px; height:75px; background-position: 0 -375px;}
|
||||
.ML_storage_area li.ML_storage_sch a:hover {background-position: -75px -375px;}
|
||||
.ML_storage_area li.ML_storage_sch a:focus {background-position: -75px -375px;}
|
||||
.ML_storage_area li.ML_storage_sch.on a{background-position: -225px -375px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_sch.off a{background-position: -300px -375px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_sch.ins a{background-position: -375px -375px; color:#bebebe;}
|
||||
|
||||
.ML_storage_area li.ML_storage_shdd a {width:75px; height:75px; background-position: 0 -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd a:hover {background-position: -75px -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd a:focus {background-position: -75px -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd.on a{background-position: -225px -450px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_shdd.off a{background-position: -300px -450px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_shdd.ins a{background-position: -375px -450px; color:#bebebe;}
|
||||
|
||||
.ML_storage_area li.ML_storage_cloud a {width:75px; height:75px; background-position: 0 -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud a:hover {background-position: -75px -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud a:focus {background-position: -75px -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud.on a{background-position: -225px -525px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_cloud.off a{background-position: -300px -525px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_cloud.ins a{background-position: -375px -525px; color:#bebebe;}
|
||||
|
||||
.ML_storage_area {*zoom:1;}
|
||||
.ML_storage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
.ML_storage_area {*zoom:1;}
|
||||
.ML_storage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
|
||||
/******************* import/export storage Select *******************/
|
||||
.ML_iestorage_box {position:relative; margin:0 0 10px;; height:170px; border:1px solid #a8a8a8; overflow-y:scroll; overflow-x:hidden;}
|
||||
.ML_iestorage_area {margin:0; width:375px; height:75px; display:block;}
|
||||
.ML_iestorage_area ul {height:74px; text-align:center; padding:0 8px;}
|
||||
.ML_iestorage_area li {float:left;background:;padding:5px 5px;}
|
||||
.ML_iestorage_area li a{display:block; width:75px; height:75px; overflow:hidden; color:#34373b; font-size:11px; font-weight:bold; letter-spacing:-1px; background:url(../images/iestorage_icon.png) no-repeat; cursor:pointer; vertical-align:text-bottom; /*text-indent:-5000px;*/}
|
||||
.ML_iestorage_area li span{display:inline-block; padding-top:55px}
|
||||
|
||||
/* import/export storage positioning */
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a {width:75px; height:75px; background-position: 0 -150px;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a:hover {background-position: -75px -150px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a:focus {background-position: -150px -150px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.on a{background-position: -225px -150px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.off a{background-position: -300px -150px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.ins a{background-position: -375px -150px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a {width:75px; height:75px; background-position: 0 -225px;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a:hover {background-position: -75px -225px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a:focus {background-position: -150px -225px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.on a{background-position: -225px -225px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.off a{background-position: -300px -225px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.ins a{background-position: -375px -225px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a {width:75px; height:75px; background-position: 0 -75px;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a:hover {background-position: -75px -75px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a:focus {background-position: -150px -75px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.on a{background-position: -225px -75px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.off a{background-position: -300px -75px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.ins a{background-position: -375px -75px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a {width:75px; height:75px; background-position: 0 -300px;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a:hover {background-position: -75px -300px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a:focus {background-position: -150px -300px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.on a{background-position: -225px -300px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.off a{background-position: -300px -300px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.ins a{background-position: -375px -300px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a {width:75px; height:75px; background-position: 0 0;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a:hover {background-position: -75px 0; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a:focus {background-position: -150px 0; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.on a{background-position: -225px 0; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.off a{background-position: -300px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.ins a{background-position: -375px 0; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a {width:75px; height:75px; background-position: 0 -375px;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a:hover {background-position: -75px -375px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a:focus {background-position: -150px -375px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.on a{background-position: -225px -375px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.off a{background-position: -300px -375px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.ins a{background-position: -375px -375px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a {width:75px; height:75px; background-position: 0 -450px;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a:hover {background-position: -75px -450px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a:focus {background-position: -150px -450px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.on a{background-position: -225px -450px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.off a{background-position: -300px -450px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.ins a{background-position: -375px -450px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a {width:75px; height:75px; background-position: 0 -525px;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a:hover {background-position: -75px -525px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a:focus {background-position: -150px -525px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.on a{background-position: -225px -525px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.off a{background-position: -300px -525px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.ins a{background-position: -375px -525px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a {width:75px; height:75px; background-position: 0 -600px;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a:hover {background-position: -75px -600px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a:focus {background-position: -150px -600px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.on a{background-position: -225px -600px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.off a{background-position: -300px -600px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.ins a{background-position: -375px -600px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a {width:75px; height:75px; background-position: 0 -675px;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a:hover {background-position: -75px -675px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a:focus {background-position: -150px -675px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.on a{background-position: -225px -675px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.off a{background-position: -300px -675px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.ins a{background-position: -375px -675px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a {width:75px; height:75px; background-position: 0 -750px;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a:hover {background-position: -75px -750px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a:focus {background-position: -150px -750px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.on a{background-position: -225px -750px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.off a{background-position: -300px -750px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.ins a{background-position: -375px -750px; color:#cdcdcd;}
|
||||
|
||||
.ML_iestorage_area {*zoom:1;}
|
||||
.ML_iestorage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
.drive_position {position:absolute; margin:0; cursor:pointer; z-index:1000000;}
|
||||
.drive_position ul {position:; right:0; top:0; padding:0 0 !important; background:#fff; background:#fefefe;
|
||||
/*border: 1px solid #a8a8a8;*/
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); /* IE6-9 */
|
||||
}
|
||||
.drive_position ul li {display:inline-block;position:relative;}
|
||||
/* style all links */
|
||||
.drive_position li a { height:35px !important; line-height:35px !important; background:none !important; color:#fff !important; text-indent:10px !important;}
|
||||
.drive_position li a {color:#000 !important; font-size:12px !important; display:block !important;}
|
||||
.drive_position li a:hover, .drive_position a:focus, .drive_position a:active {background:#e0e0e0 !important;}
|
||||
|
||||
/* style sub menu width */
|
||||
.wdh_150 {width:150px !important;}
|
||||
.wdh_210 {width:210px !important;}
|
||||
|
||||
/* style sub level links */
|
||||
.drive_position li:last-child a {border-bottom:none !important;}
|
||||
.drive_position.pos_01 {top:36px; left:75px;}
|
||||
.drive_position.pos_02 {top:36px; left:150px;}
|
||||
.drive_position.pos_03 {top:36px; left:225px;}
|
||||
.drive_position.pos_04 {top:36px; left:100px;}
|
||||
.drive_position.pos_05 {top:36px; left:150px;}
|
||||
.drive_position.iepos_01 {top:36px; left:75px;}
|
||||
.drive_position.iepos_02 {top:36px; left:150px;}
|
||||
.drive_position.iepos_03 {top:36px; left:50px;}
|
||||
.drive_position.iepos_04 {top:36px; left:125px;}
|
||||
.drive_position.iepos_05 {top:111px; left:75px;}
|
||||
.drive_position.iepos_06 {top:111px; left:150px;}
|
||||
.drive_position.iepos_07 {top:111px; left:50px;}
|
||||
.drive_position.iepos_08 {top:111px; left:125px;}
|
||||
.drive_position.iepos_09 {bottom:36px; left:75px;}
|
||||
.drive_position.iepos_10 {bottom:36px; left:150px;}
|
||||
.drive_position.iepos_11 {bottom:36px; left:50px;}
|
||||
.drive_position.iepos_12 {bottom:36px; left:125px;}
|
||||
|
||||
#str_df {display:inline;}
|
||||
#str_ex {display:inline;}
|
||||
|
||||
.ML_storage_box .str_add_li {margin:0; position:absolute; right:0; top:0; display:inline-block; width:22px; height:75px; text-align:right; border-left:1px solid #a8a8a8; cursor:pointer; }
|
||||
.ML_storage_box .str_add_li.ne{background:url(../images/icon_next.png) no-repeat 4px 30px;}
|
||||
.ML_storage_box .str_add_li.pr {background:url(../images/icon_prev.png) no-repeat 4px 30px;}
|
||||
.ML_storage_box .str_add_li.dis {background:url(../images/icon_next_dis.png) no-repeat 4px 30px;}
|
||||
.btn_str_add{display:block; width:22px; height:75px; margin:0;}
|
||||
|
||||
.str_add {position:relative; margin-top:30px; margin-left:4px; width:16px; height:16px; background:url(../images/icon_next.png) no-repeat; cursor:pointer;}
|
||||
|
||||
/******************* admin_menu Select *******************/
|
||||
.ML_admin_box {margin:0 9px; padding:0 1px; height:57px; border:1px solid #a8a8a8;}
|
||||
.ML_admin_menu_dft {float:left;}
|
||||
.ML_admin_menu_dft {*zoom:1;}
|
||||
.ML_admin_menu_dft:after{display:block; content:'';clear:both;}
|
||||
.ML_admin_menu_area {height:57px; vertical-align:top;}
|
||||
.ML_admin_menu_area ul {width:398px; height:57px; text-align:center; overflow:hidden}
|
||||
.ML_admin_menu_area li {float:left;}
|
||||
.ML_admin_menu_area li.cer_sch {width:25px; text-align:right; padding-top:5px;}
|
||||
.ML_admin_menu_area li a{display:block; width:66px; height:57px; vertical-align:text-bottom; color:#34373b; font-size:11px; font-weight:bold; letter-spacing:-1px; overflow:hidden; background:url(../images/admin_icon.png) no-repeat; cursor:pointer}
|
||||
.ML_admin_menu_area li span{display:inline-block; padding-top:39px}
|
||||
|
||||
/* admin_positioning */
|
||||
.ML_admin_menu_area li.ad_cert_copy a {width:66px; height:57px; background-position: 0 0;}
|
||||
.ML_admin_menu_area li.ad_cert_copy a:hover {background-position: -66px 0; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_copy a:focus {background-position: -132px 0; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.on a{background-position: -198px 0;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.off a{background-position: -264px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.ins a{background-position: -330px 0; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_view a {width:66px; height:57px; background-position: 0 -57px;}
|
||||
.ML_admin_menu_area li.ad_cert_view a:hover {background-position: -66px -57px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_view a:focus {background-position: -132px -57px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_view.on a{background-position: -180px -57px;}
|
||||
.ML_admin_menu_area li.ad_cert_view.off a{background-position: -264px -57px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_view.ins a{background-position: -330px -57px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_del a {width:66px; height:57px; background-position: 0 -114px;}
|
||||
.ML_admin_menu_area li.ad_cert_del a:hover {background-position: -66px -114px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_del a:focus {background-position: -132px -114px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_del.on a{background-position: -198px -114px;}
|
||||
.ML_admin_menu_area li.ad_cert_del.off a{background-position: -264px -114px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_del.ins a{background-position: -330px -114px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a {width:66px; height:57px; background-position: 0 -171px;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a:hover {background-position: -66px -171px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a:focus {background-position: -132px -171px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.on a{background-position: -198px -171px;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.off a{background-position: -264px -171px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.ins a{background-position: -330px -171px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_import a {width:66px; height:57px; background-position: 0 -228px;}
|
||||
.ML_admin_menu_area li.ad_cert_import a:hover {background-position: -66px -228px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_import a:focus {background-position: -132px -228px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_import.on a{background-position: -198px -228px;}
|
||||
.ML_admin_menu_area li.ad_cert_import.off a{background-position: -264px -228px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_import.ins a{background-position: -330px -228px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_send a {width:66px; height:57px; background-position: 0 -285px;}
|
||||
.ML_admin_menu_area li.ad_cert_send a:hover {background-position: -66px -285px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_send a:focus {background-position: -132px -285px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_send.on a{background-position: -198px -285px;}
|
||||
.ML_admin_menu_area li.ad_cert_send.off a{background-position: -264px -285px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_send.ins a{background-position: -330px -285px; color:#cdcdcd;}
|
||||
|
||||
|
||||
.dv_sl {position:relative; margin-top:30px; margin-left:4px; width:16px; height:16px; background:url(../images/icon_next.png) no-repeat; cursor:pointer;}
|
||||
.dv_sl ul {position:absolute; right:0; top:25px; padding:0 0 !important; width:150px; height:70px; background:#fff; z-index:1;
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); IE6-9 */
|
||||
}
|
||||
.dv_sl ul li {display:inline-block;position:relative;}
|
||||
/* style all links */
|
||||
.dv_sl li a {width:150px !important; height:35px !important; line-height:35px !important; background:none !important; color:#fff !important; text-indent:0 !important;}
|
||||
.dv_sl li a {color:#000 !important; font-size:12px !important; display:block !important;}
|
||||
.dv_sl li a:hover, .dv_sl a:focus, .dv_sl a:active {background:#e0e0e0 !important;}
|
||||
/* style sub level links */
|
||||
.dv_sl li:last-child a {border-bottom:none !important;}
|
||||
|
||||
.ML_cert_list_area {margin:0 9px; height:150px;}
|
||||
.ML_cert_list_pwc_area {margin:0 9px; height:125px;}
|
||||
.ML_cert_list_pwchg_area {margin:11px 10px 0; height:98px; overflow: auto;}
|
||||
.ML_cert_list_del_area {margin:11px 10px 0; height:203px; overflow: auto;}
|
||||
.ML_cert_list_pfx_area {margin:11px 10px 0; height:213px; overflow: auto;}
|
||||
.ML_cert_list_sign_area {margin:11px 10px 0;}
|
||||
.ML_cert_list {margin:0 0 8px; padding:5px 0; height:56px; color:#616161; font-size:12px; line-height:16px; background:#f4f4f4;}
|
||||
.ML_cert_list:hover {}
|
||||
.ML_cert_list.list_on {background:#efe8cf url(../images/btn_check.png) no-repeat right bottom ;}
|
||||
.ML_cert_nor {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_normalcy.png) no-repeat;}
|
||||
.ML_cert_exp {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_expire.png) no-repeat;}
|
||||
.ML_cert_no {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_no.png) no-repeat;}
|
||||
.ML_cert_txt {float:left; padding:5px 0 0 10px;}
|
||||
.ML_cert_btn {position:absolute; right:0; margin-top:5px; width:20px; height:20px; background:url(../images/certlist_menu_icon.png) no-repeat; cursor:pointer}
|
||||
|
||||
.ML_cert_orgtext_area {margin:0 10px; height:270px; background:#fdfdfd; border:1px solid #a8a8a8; overflow: auto;}
|
||||
#orgtext{padding:10px 10px; line-height:18px;}
|
||||
#orgtext .orgtit{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#orgtext .orgtxt{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
#ML_cert_orgtext_area1 {margin:-1px 10px 0; padding:10px 0; height:340px; background:#fdfdfd; border:1px solid #a8a8a8; z-index:2;}
|
||||
#ML_cert_detail_area01 {margin:0 8px; height:298px; border:1px solid #e0e0e0; background:#fafafa; overflow:auto;}
|
||||
.ML_cert_detail_btn {height:30px; text-align:center; margin:0 10px; padding:10px 10px;}
|
||||
#detail_text01{padding:10px 10px; line-height:18px;}
|
||||
#detail_text01 .dtltit01{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text01 .dtltxt01{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
#ML_cert_orgtext_area2 {margin:-1px 10px 0; padding:10px 0; height:340px; background:#fdfdfd; border:1px solid #a8a8a8; z-index:2;}
|
||||
#ML_cert_detail_area02 {margin:0 8px; height:265px; background:#fafafa;}
|
||||
#detail_text02{line-height:18px;}
|
||||
#detail_text02 .dtltit02{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text02 .dtltxt02{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
|
||||
#ML_cert_detail_area03 {margin:8px 8px 0; height:67px; border:1px solid #e0e0e0; background:#fafafa; overflow: auto;}
|
||||
#detail_text03{padding:10px 0; line-height:18px;}
|
||||
#detail_text03 .dtltit03{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text03 .dtltxt03{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
|
||||
.ML_cert_btn ul {position:absolute; right:0; top:25px; width:150px; height:70px; background:#415161; z-index:1;
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); IE6-9 */
|
||||
}
|
||||
.ML_cert_btn ul li {display:inline-block;position:relative;}
|
||||
/* sub navigation */
|
||||
.ML_cert_btn li ul {background:#415161;position:absolute;left:0;top:35px;width:200px;}
|
||||
.ML_cert_btn li li {position:relative; margin:0;display:block;}
|
||||
.ML_cert_btn li li ul {position:absolute;top:0;left:200px;margin:0;}
|
||||
/* style all links */
|
||||
.ML_cert_btn a {width:150px; line-height:35px;padding:0 12px; font-size:12px;}
|
||||
.ML_cert_btn a {color:#fff; font-size:12px; display:block;}
|
||||
.ML_cert_btn a:hover, .ML_cert_btn a:focus, .ML_cert_btn a:active {background:#566777;}
|
||||
/* style sub level links */
|
||||
.ML_cert_btn li li a { border-bottom:solid 1px #222;margin:0 10px;padding:0;}
|
||||
.ML_cert_btn li li:last-child a {border-bottom:none;}
|
||||
/* show arrows for dropdowns
|
||||
.ML_cert_btn li.dropdown > a {background-image:url('../img/arrow-down.png');background-position:right 20px;background-repeat:no-repeat;}
|
||||
.ML_cert_btn li li.dropdown > a { background-image:url('../img/arrow-right.png');background-position:right 16px;background-repeat:no-repeat;} */
|
||||
|
||||
.certi_name {display:block; color:#34373b; font-size:12px; font-weight:bold;}
|
||||
.certi_issuOrg {display:block; font-size:11px;}
|
||||
.certi_expDate {display:block; font-size:11px;}
|
||||
.certi_CIDI {display:inline-block;}
|
||||
.certi_nocert {display:block; color:#222; line-height:48px; font-size:14px; font-weight:bold;}
|
||||
|
||||
.ML_cert_list {*zoom:1;}
|
||||
.ML_cert_list:after{display:block; content:'';clear:both;}
|
||||
|
||||
.ML_cert_list_blank {height:1px;}
|
||||
#ML_cert_info {position:absolute; top:12px; background:#414243 url(../images/option_icon.png) no-repeat 10px 9px; width:336px; height:35px; padding:0 10px 0 34px; margin:0 0 0 10px; line-height:35px; color:#fff; text-align:left; overflow:hidden; border-radius:5px 5px 0 0; z-index:9;
|
||||
box-shadow:0 -2px 4px #d0d0d0;
|
||||
-moz-box-shadow:0 -2px 4px #d0d0d0; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 -2px 4px #d0d0d0; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 -2px 4px #d0d0d0; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 -2px 4px #d0d0d0; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#a2a2a2", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
|
||||
.ML_status_area {}
|
||||
.ML_pw_area {height:65px; background:#fafafa; text-align:center; margin:0 9px; z-index:10;}
|
||||
.ML_pw_chg_status_area {position:relative; bottom:0; height:169px;}
|
||||
.ML_pw_chg_area {position:absolute; bottom:0; width:360px; height:135px; background:#fafafa; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_del_status_area {position:relative; bottom:0; height:64px;}
|
||||
.ML_pw_del_area {position:absolute; bottom:0; width:360px; height:30px; background:#fafafa; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_pfx_status_area {position:relative; bottom:0; height:100px;}
|
||||
.ML_pw_pfx_area {position:absolute; top:0; width:360px; height:80px; text-align:center; margin:8px 10px 4px; padding:5px 10px; z-index:10;}
|
||||
.ML_pw_detail_status_area {position:relative; bottom:0; height:64px;}
|
||||
.ML_pw_detail_area {position:absolute; bottom:0; width:100%; height:30px; text-align:center; margin:8px 0 4px; padding:10px 0; z-index:10;}
|
||||
.ML_pw_dialog_status_area {}
|
||||
.ML_pw_dialog_area {min-height:65px; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_dialog_txt {min-height:22px; margin-bottom:20px; font-size:14px; line-height:22px; color:#222;}
|
||||
|
||||
/* .ML_cert_pw_area {margin:0 0 10px; height:30px; text-align:left;} */
|
||||
.ML_cert_pw_area {margin:0 0 10px; height:30px; text-align:left;position:relative;}
|
||||
.ML_status_area_chg {margin-top:10px;}
|
||||
.ML_cert_pw_tit {display:inline-block; line-height:25px; color:#2a2a2a; padding-right:5px; font-size:12px;}
|
||||
.ML_cert_pw_tit_chg {display:inline-block; width:115px; line-height:25px; font-size:12px; color:#2a2a2a; padding-right:5px; text-align:right; font-size:12px;}
|
||||
.ML_cert_pw_field_chg {display:inline-block;}
|
||||
.ML_cert_pw_tit_pfx {display:inline-block; width:90px; line-height:25px; font-size:12px; color:#2a2a2a; padding-right:5px; text-align:left; font-size:12px;}
|
||||
.ML_cert_pw_field {display:inline-block; vertical-align:top; width:100%;}
|
||||
.ML_cert_pw_key_box {position:absolute;top:0;right:0;}
|
||||
.ML_cert_pw_keypad {display:block; width:30px; height:30px; background:url(../images/btn_key.png)no-repeat 2px 2px;}
|
||||
.ML_cert_popup_tit {display:inline-block; width:105px; line-height:25px; color:#2a2a2a; padding-right:5px; font-size:12px; text-align:right;}
|
||||
.f_wh_210 {width:210px;}
|
||||
.f_wh_224 {width:224px;}
|
||||
.f_wh_227 {width:227px;}
|
||||
.f_wh_240 {width:240px;}
|
||||
.f_wh_255 {width:255px;}
|
||||
.f_wh_259 {width:259px;}
|
||||
.f_wh_274 {width:274px;}
|
||||
.f_wh_370 {width:360px;}
|
||||
.f_wh_400 {width:400px;}
|
||||
.ML_cert_secure_key {display:inline; width:25px; height:25px;}
|
||||
.ML_cert_secure_key img { vertical-align:top; margin:0; padding:0}
|
||||
|
||||
.ML_cert_file_area {margin:0 0 10px; height:30px; position:relative; text-align:left; overflow:hidden;}
|
||||
.ML_cert_file_area2 {margin:14px 0 10px; height:143px; position:relative; text-align:left; overflow:hidden;}
|
||||
.ML_cert_file_btn {display:inline-block; width:30px; height:30px; background:url(../images/btn_folder.png) no-repeat 2px 2px; position:absolute; top:0; right:0; cursor:pointer;}
|
||||
.ML_cert_file_btn:hover {display:inline-block; width:30px; height:30px; background:url(../images/btn_folder_ovr.png) no-repeat 2px 2px; position:absolute; top:0; right:0; cursor:pointer;}
|
||||
.ML_cert_file_btn:focus {display:inline-block; width:30px; height:30px; background:url(../images/btn_folder_ovr.png) no-repeat 2px 2px; position:absolute; top:0; right:0; cursor:pointer;}
|
||||
.ML_cert_file_btn_fcs {display:inline-block; width:28px; height:28px; background:url(../images/btn_folder.png) no-repeat 2px 2px; position:absolute; top:0; right:0; cursor:pointer; }
|
||||
.ML_cert_file_add {width:25px; height:25px; opacity:0; filter:alpha(opacity:0); background:url(../images/btn_folder.png) no-repeat; cursor:pointer;}
|
||||
.ML_cert_file_add:hover {width:25px; height:25px; background:url(../images/btn_folder_ovr.png) no-repeat; cursor:pointer;}
|
||||
.ML_cert_file_add:focus {width:25px; height:25px; opacity:0; filter:alpha(opacity:0); background:url(../images/btn_folder_ovr.png) no-repeat; cursor:pointer;}
|
||||
|
||||
.input_wrap{display:inline-block; height:28px; padding:1px; vertical-align:top;background:#ddd;}
|
||||
|
||||
.ML_cert_status {margin:0 0 10px; height:25px; border:1px solid #ddd; text-align:left;}
|
||||
.ML_cert_status .status_txt {padding-left:10px; line-height:25px;}
|
||||
|
||||
@ -1,754 +0,0 @@
|
||||
@charset "utf-8";
|
||||
|
||||
|
||||
/******************* common *******************/
|
||||
html,body{height:100%}
|
||||
*{margin:0;padding:0;font-family:"맑은고딕",Malgun Gothic,"돋움",Dotum,"굴림",Gulim,Helvetica,"애플고딕",AppleGothic,Sans-serif;-webkit-text-size-adjust:none}
|
||||
body{background:#fff;color:#5e5e5e;word-wrap:break-word;word-break:break-all}
|
||||
body,input,select,textarea{font-size:12px}
|
||||
textarea{border:1px solid #bcbcbc}
|
||||
li{list-style:none}
|
||||
table{border-collapse:collapse}
|
||||
img,fieldset{border:none}
|
||||
a{text-decoration:none;cursor:pointer}
|
||||
label{cursor:pointer}
|
||||
strong{font-weight:normal}
|
||||
em,address{font-style:normal}
|
||||
input{outline-style:none;}
|
||||
input:-ms-input-placeholder { color: gray; }
|
||||
input::-webkit-input-placeholder { color: gray; }
|
||||
input::-moz-placeholder { color: gray; }
|
||||
input::-moz-placeholder { color: gray; }
|
||||
|
||||
|
||||
input[type='checkbox']{vertical-align:middle;border:0;border-radius:0}
|
||||
input[type='checkbox']:focus{border: 1px solid #0e4eb2;outline: 1px solid #0e4eb2;}
|
||||
|
||||
/*
|
||||
input[type='checkbox']{background:url(../images/checkbox_nor.png)no-repeat; height:22px; width:22px; background-size:22px 22px;-webkit-background-size:22px 22px; -webkit-appearance:none}
|
||||
input[type='checkbox']:checked{background:#fff; width:22px; height:22px; background:url(../images/checkbox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative}
|
||||
input[type='checkbox']:checked:after {content:' '; display:block; width:22px; height:22px; background:url(../images/checkbox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative;}
|
||||
*/
|
||||
input[type='radio']{vertical-align:middle;}
|
||||
/*
|
||||
input[type='radio']{background:url(../images/radiobox_nor.png)no-repeat; height:22px; width:22px; background-size:22px 22px;-webkit-background-size:22px 22px; -webkit-appearance:none}
|
||||
input[type='radio']:checked{background:#fff; width:22px; height:22px; background:url(../images/radiobox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative}
|
||||
input[type='radio']:checked:after {content:' '; display:block; width:22px; height:22px; background:url(../images/radiobox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative;}
|
||||
*/
|
||||
|
||||
.text_redB{PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #f52828; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-TOP: 2px}
|
||||
.text_red_10 {PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #f52828; FONT-SIZE: 10px; PADDING-TOP: 2px}
|
||||
.text_black{PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #000000; FONT-SIZE: 11px; PADDING-TOP: 2px; line-height: 18px}
|
||||
.text_grey24{PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #666666; FONT-SIZE: 11px; PADDING-TOP: 2px; line-height: 24px}
|
||||
.text_blackB{PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-TOP: 2px}
|
||||
.text_orangeB{COLOR: #ee6a02; FONT-SIZE: 14px; FONT-WEIGHT: bold}
|
||||
.text_orange{COLOR: #ee6a02; FONT-SIZE: 12px}
|
||||
.text_grayB{FONT-SIZE: 12px; FONT-WEIGHT: bold}
|
||||
.text_gray2B{COLOR: #363636; FONT-SIZE: 12px; FONT-WEIGHT: bold}
|
||||
.text_gray{FONT-SIZE: 12px}
|
||||
.text_gray_c9c9c9{COLOR: #c9c9c9; FONT-SIZE: 12px}
|
||||
.ali_left{TEXT-ALIGN: left; PADDING-LEFT: 13px}
|
||||
.ali_right{TEXT-ALIGN:right;PADDING-RIGHT:50px}
|
||||
|
||||
.w_space4{padding-left:4px}
|
||||
.w_space5{padding-left:5px}
|
||||
.w_space8{padding-left:8px}
|
||||
.w_space10{padding-left:10px}
|
||||
.w_space12{padding-left:12px}
|
||||
.w_space15{padding-left:15px}
|
||||
.w_space18{padding-left:18px}
|
||||
.w_space20{padding-left:20px}
|
||||
.w_space25{padding-left:25px}
|
||||
.w_space30{padding-left:30px}
|
||||
.w_space35{padding-left:35px}
|
||||
.w_space40{padding-left:40px}
|
||||
.w_space50{padding-left:50px}
|
||||
.w_space80{padding-left:80px}
|
||||
|
||||
|
||||
/******************* layout *******************/
|
||||
|
||||
#ML_container{background:#fdfdfd; width:418px; height:558px; font-size:12px;border:none;
|
||||
}
|
||||
#ML_container_popup{background:#fdfdfd; width:398px; font-size:12px;border:none;
|
||||
}
|
||||
.ML_pw_popup_area {text-align:center; margin:8px 10px 4px; padding:11px 0; z-index:10;}
|
||||
.ML_alert_popup_area {text-align:center; margin:0 10px 4px; padding:11px 0; z-index:10;}
|
||||
.ML_container_pfx{background:#fdfdfd;height:290px; width:400px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_container_dialog{background:#fdfdfd;min-height:130px; width:350px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_container_popup{background:#fdfdfd;height:180px; width:400px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_container_certview{background:#fdfdfd;height:400px; width:380px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_header{height:35px;position:relative;z-index:1; background:#e4e4e4;}
|
||||
.ML_header_sdw{height:30px;position:relative;z-index:1; background:#28353f;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_content{}
|
||||
.ML_content .ML_content-area{}
|
||||
.ML_footer{height:15px;}
|
||||
|
||||
/* header */
|
||||
.hd_area{ text-align:right;}
|
||||
.hd_area .head_tit{position:absolute; display:inline-block; left:0; padding-left:10px; color:#34373b; font-size:16px; font-weight:bold; line-height:30px;}
|
||||
.hd_area .head_close{position:relative; display:inline-block; width:27px; height:27px; padding:8px 8px 0 0; right:0; background:#b2b2b2;}
|
||||
.hd_area .head_close:hover{background:#a0a0a0;}
|
||||
.hd_area .head_close img{}
|
||||
|
||||
/* Title */
|
||||
.ML_sub_tit {margin:10px 8px 9px;color:#34373b; font-size:12px; font-weight:bold;}
|
||||
.ML_sub_tit_link {display:inline-block; color:#34373b; font-size:12px; font-weight:bold; float:right; text-align:right;}
|
||||
.ML_sub_tit_link a {color:#727272;}
|
||||
.ML_sub_tit_link a:hover {color:#3d6fb7;}
|
||||
.ML_sub_tit_link a:focus {color:#3d6fb7;}
|
||||
|
||||
.ML_sub_tit_bt {margin:6px 8px 9px;color:#34373b; font-size:12px; font-weight:bold;line-height:20px;}
|
||||
.hp_btn{text-align:center;line-height:16px;}
|
||||
.hp_btn button{width:140px;height:20px;padding:1px;border-radius:2px;border:1px solid #a8a8a8; cursor:pointer; background: #f4f4f4;}
|
||||
.hp_btn button span{display:block;height:22px;border-radius:2px; font-size:11px;font-weight:bold;color:#1672e4}
|
||||
.hp_btn img{vertical-align:middle; padding-right:3px; margin-top:-2px;}
|
||||
.hp_btn button:hover{background:#dbdbdb;}
|
||||
.hp_btn button:focus{background:#dbdbdb;}
|
||||
|
||||
/* Install */
|
||||
#ML_container_install{background:#fdfdfd; width:398px; font-size:12px;border:none;
|
||||
}
|
||||
.install_wrap{padding:10px 0 0 20px; vertical-align:top;}
|
||||
.install_wrap img{display:inline-block; padding:0 20px 0 0; vertical-align:middle;}
|
||||
.install_txt{display:inline-block; width:220px; color:#193b65; font-weight:bold; font-size:12px; line-height:20px;vertical-align:middle;}
|
||||
.loadbar{width:152px; height:21px; margin-left:60px; display:block; }
|
||||
.loadbar_txt{display:block; color:#193b65; margin:10px 0 0 64px; font-weight:bold; }
|
||||
.loadbar_txt2{display:block; color:#193b65; font-weight:bold; }
|
||||
|
||||
/******************* storage Select *******************/
|
||||
.ML_cp_AD {padding:10px 9px 0; margin:0; }
|
||||
.ML_cp_AD img {vertical-align:top; margin:0; padding:0}
|
||||
/* .ML_storage_box_sub {width:375px; margin-left:11px;}
|
||||
.customNavigation{display:none;} */
|
||||
.ML_storage_box {position:relative; margin:0 9px; height:75px; border:1px solid #a8a8a8;}
|
||||
.ML_storage_box_sub {position:relative; width:375px; /* margin-left:11px; */ overflow:hidden;}
|
||||
.MLstrSlide {width:375px; margin:0;height:75px;overflow:hidden;z-index:10;}
|
||||
/* .MLstrSlide_admin {width:375px; margin:0;height:75px;overflow:hidden;z-index:10;} */
|
||||
#wrap_stg_01 {left:0px;}
|
||||
#wrap_stg_02 {left:375px;}
|
||||
.customNavigation{position:absolute;top:0;right:0; width:22px; height:75px;background:#fff;}
|
||||
/* .ML_storage_area {margin:0; width:375px; height:75px; display:block;}
|
||||
.ML_storage_area ul {height:74px; text-align:center;} */
|
||||
.ML_storage_area {position:absolute; float:left; width:375px; margin:0;height:75px; display:block;}
|
||||
.ML_storage_area ul {height:75px; text-align:center;overflow:hidden;}
|
||||
.ML_storage_area li {float:left;background:;}
|
||||
.ML_storage_area li a{display:block; width:75px; height:75px; overflow:hidden; color:#34373b; font-size:11px; font-weight:bold; letter-spacing:-1px; background:url(../images/storage_icon.png) no-repeat; cursor:pointer; vertical-align:text-bottom; /*text-indent:-5000px;*/}
|
||||
.ML_storage_area li span{display:inline-block; padding-top:55px}
|
||||
|
||||
/* positioning */
|
||||
.ML_storage_area li.ML_storage_smartcert a {width:75px; height:75px; background-position: 0 -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert a:hover {background-position: -75px -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert a:focus {background-position: -75px -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert.on a{background-position: -225px -150px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_smartcert.off a{background-position: -300px -150px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_smartcert.ins a{background-position: -375px -150px; color:#cdcdcd;}
|
||||
.ML_storage_area li.ML_storage_token a {width:75px; height:75px; background-position: 0 -225px;}
|
||||
.ML_storage_area li.ML_storage_token a:hover {background-position: -75px -225px;}
|
||||
.ML_storage_area li.ML_storage_token a:focus {background-position: -75px -225px;}
|
||||
.ML_storage_area li.ML_storage_token.on a{background-position: -225px -225px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_token.off a{background-position: -300px -225px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_token.ins a{background-position: -375px -225px; color:#cdcdcd;}
|
||||
.ML_storage_area li.ML_storage_browser a {width:75px; height:75px; background-position: 0 -75px;}
|
||||
.ML_storage_area li.ML_storage_browser a:hover {background-position: -75px -75px;}
|
||||
.ML_storage_area li.ML_storage_browser a:focus {background-position: -75px -75px;}
|
||||
.ML_storage_area li.ML_storage_browser.on a{background-position: -225px -75px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_browser.off a{background-position: -300px -75px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_browser.ins a{background-position: -375px -75px; color:#cdcdcd;}
|
||||
.ML_storage_area li.ML_storage_phone a {width:75px; height:75px; background-position: 0 -300px;}
|
||||
.ML_storage_area li.ML_storage_phone a:hover {background-position: -75px -300px;}
|
||||
.ML_storage_area li.ML_storage_phone a:focus {background-position: -75px -300px;}
|
||||
.ML_storage_area li.ML_storage_phone.on a{background-position: -225px -300px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_phone.off a{background-position: -300px -300px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_phone.ins a{background-position: -375px -300px; color:#cdcdcd;}
|
||||
.ML_storage_area li.ML_storage_hdd a {width:75px; height:75px; background-position: 0 0;}
|
||||
.ML_storage_area li.ML_storage_hdd a:hover {background-position: -75px 0;}
|
||||
.ML_storage_area li.ML_storage_hdd a:focus {background-position: -75px 0;}
|
||||
.ML_storage_area li.ML_storage_hdd.on a{background-position: -225px 0; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_hdd.off a{background-position: -300px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_hdd.ins a{background-position: -375px 0; color:#cdcdcd;}
|
||||
.ML_storage_area li.ML_storage_sch a {width:75px; height:75px; background-position: 0 -375px;}
|
||||
.ML_storage_area li.ML_storage_sch a:hover {background-position: -75px -375px;}
|
||||
.ML_storage_area li.ML_storage_sch a:focus {background-position: -75px -375px;}
|
||||
.ML_storage_area li.ML_storage_sch.on a{background-position: -225px -375px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_sch.off a{background-position: -300px -375px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_sch.ins a{background-position: -375px -375px; color:#cdcdcd;}
|
||||
.ML_storage_area li.ML_storage_shdd a {width:75px; height:75px; background-position: 0 -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd a:hover {background-position: -75px -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd a:focus {background-position: -75px -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd.on a{background-position: -225px -450px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_shdd.off a{background-position: -300px -450px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_shdd.ins a{background-position: -375px -450px;}
|
||||
.ML_storage_area li.ML_storage_cloud a {width:75px; height:75px; background-position: 0 -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud a:hover {background-position: -75px -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud a:focus {background-position: -75px -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud.on a{background-position: -225px -525px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_cloud.off a{background-position: -300px -525px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_cloud.ins a{background-position: -375px -525px; color:#cdcdcd;}
|
||||
|
||||
.ML_storage_area {*zoom:1;}
|
||||
.ML_storage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
.ML_storage_area {*zoom:1;}
|
||||
.ML_storage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
/*#MSG_TS703{padding-top:49px; display: inline-block;}*/
|
||||
|
||||
/******************* import/export storage Select *******************/
|
||||
.ML_iestorage_box {position:relative; margin:0 0 10px;; height:170px; border:1px solid #a8a8a8; overflow-y:scroll; overflow-x:hidden;}
|
||||
.ML_iestorage_area {margin:0; width:375px; height:75px; display:block;}
|
||||
.ML_iestorage_area ul {height:74px; text-align:center; padding:0 8px;}
|
||||
.ML_iestorage_area li {float:left;background:;padding:5px 5px;}
|
||||
.ML_iestorage_area li a{display:block; width:75px; height:75px; overflow:hidden; color:#34373b; font-size:11px; font-weight:bold; letter-spacing:-1px; background:url(../images/iestorage_icon.png) no-repeat; cursor:pointer; vertical-align:text-bottom; /*text-indent:-5000px;*/}
|
||||
.ML_iestorage_area li span{display:inline-block; padding-top:55px}
|
||||
|
||||
/* import/export storage positioning */
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a {width:75px; height:75px; background-position: 0 -150px;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a:hover {background-position: -75px -150px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a:focus {background-position: -150px -150px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.on a{background-position: -225px -150px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.off a{background-position: -300px -150px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.ins a{background-position: -375px -150px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a {width:75px; height:75px; background-position: 0 -225px;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a:hover {background-position: -75px -225px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a:focus {background-position: -150px -225px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.on a{background-position: -225px -225px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.off a{background-position: -300px -225px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.ins a{background-position: -375px -225px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a {width:75px; height:75px; background-position: 0 -75px;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a:hover {background-position: -75px -75px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a:focus {background-position: -150px -75px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.on a{background-position: -225px -75px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.off a{background-position: -300px -75px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.ins a{background-position: -375px -75px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a {width:75px; height:75px; background-position: 0 -300px;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a:hover {background-position: -75px -300px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a:focus {background-position: -150px -300px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.on a{background-position: -225px -300px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.off a{background-position: -300px -300px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.ins a{background-position: -375px -300px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a {width:75px; height:75px; background-position: 0 0;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a:hover {background-position: -75px 0; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a:focus {background-position: -150px 0; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.on a{background-position: -225px 0; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.off a{background-position: -300px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.ins a{background-position: -375px 0; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a {width:75px; height:75px; background-position: 0 -375px;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a:hover {background-position: -75px -375px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a:focus {background-position: -150px -375px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.on a{background-position: -225px -375px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.off a{background-position: -300px -375px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.ins a{background-position: -375px -375px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a {width:75px; height:75px; background-position: 0 -450px;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a:hover {background-position: -75px -450px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a:focus {background-position: -150px -450px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.on a{background-position: -225px -450px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.off a{background-position: -300px -450px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.ins a{background-position: -375px -450px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a {width:75px; height:75px; background-position: 0 -525px;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a:hover {background-position: -75px -525px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a:focus {background-position: -150px -525px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.on a{background-position: -225px -525px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.off a{background-position: -300px -525px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.ins a{background-position: -375px -525px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a {width:75px; height:75px; background-position: 0 -600px;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a:hover {background-position: -75px -600px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a:focus {background-position: -150px -600px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.on a{background-position: -225px -600px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.off a{background-position: -300px -600px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.ins a{background-position: -375px -600px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a {width:75px; height:75px; background-position: 0 -675px;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a:hover {background-position: -75px -675px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a:focus {background-position: -150px -675px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.on a{background-position: -225px -675px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.off a{background-position: -300px -675px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.ins a{background-position: -375px -675px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a {width:75px; height:75px; background-position: 0 -750px;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a:hover {background-position: -75px -750px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a:focus {background-position: -150px -750px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.on a{background-position: -225px -750px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.off a{background-position: -300px -750px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.ins a{background-position: -375px -750px; color:#cdcdcd;}
|
||||
|
||||
.ML_iestorage_area {*zoom:1;}
|
||||
.ML_iestorage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
.drive_position {position:absolute; margin:0; cursor:pointer; z-index:1000000;}
|
||||
.drive_position ul {position:; right:0; top:0; padding:0 0 !important; background:#fff; background:#fefefe;
|
||||
/*border: 1px solid #a8a8a8;*/
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); /* IE6-9 */
|
||||
overflow-y:auto;
|
||||
overflow-x:hidden;
|
||||
max-height:200px;
|
||||
}
|
||||
.drive_position ul li {display:inline-block;position:relative;}
|
||||
/* style all links */
|
||||
.drive_position li a { height:35px !important; line-height:35px !important; background:none !important; color:#fff !important; text-indent:10px !important;}
|
||||
.drive_position li a {color:#000 !important; font-size:12px !important; display:block !important;}
|
||||
.drive_position li a:hover, .drive_position a:focus, .drive_position a:active {background:#e0e0e0 !important;}
|
||||
|
||||
/* style sub menu width */
|
||||
.wdh_150 {width:150px !important;}
|
||||
.wdh_210 {width:210px !important;}
|
||||
.wdh_220 {width:220px !important;}
|
||||
|
||||
/* style sub level links */
|
||||
.drive_position li:last-child a {border-bottom:none !important;}
|
||||
.drive_position.pos_01 {top:36px; left:75px;}
|
||||
.drive_position.pos_02 {top:36px; left:150px;}
|
||||
.drive_position.pos_03 {top:36px; left:225px;}
|
||||
.drive_position.pos_04 {top:36px; left:100px;}
|
||||
.drive_position.pos_05 {top:36px; left:150px;}
|
||||
.drive_position.iepos_01 {top:36px; left:75px;}
|
||||
.drive_position.iepos_02 {top:36px; left:150px;}
|
||||
.drive_position.iepos_03 {top:36px; left:50px;}
|
||||
.drive_position.iepos_04 {top:36px; left:125px;}
|
||||
.drive_position.iepos_05 {top:111px; left:75px;}
|
||||
.drive_position.iepos_06 {top:111px; left:150px;}
|
||||
.drive_position.iepos_07 {top:111px; left:50px;}
|
||||
.drive_position.iepos_08 {top:111px; left:125px;}
|
||||
.drive_position.iepos_09 {bottom:36px; left:75px;}
|
||||
.drive_position.iepos_10 {bottom:36px; left:150px;}
|
||||
.drive_position.iepos_11 {bottom:36px; left:50px;}
|
||||
.drive_position.iepos_12 {bottom:36px; left:125px;}
|
||||
|
||||
#str_df {display:inline;}
|
||||
#str_ex {display:inline;}
|
||||
|
||||
.ML_storage_box .str_add_li {margin:0; position:absolute; right:0; top:0; display:inline-block; width:22px; height:75px; text-align:right; border-left:1px solid #a8a8a8; cursor:pointer; }
|
||||
.ML_storage_box .str_add_li.ne{background:url(../images/icon_next.png) no-repeat 4px 30px;}
|
||||
.ML_storage_box .str_add_li.pr {background:url(../images/icon_prev.png) no-repeat 4px 30px;}
|
||||
.ML_storage_box .str_add_li.dis {background:url(../images/icon_next_dis.png) no-repeat 4px 30px;}
|
||||
.btn_str_add{display:block; width:22px; height:75px; margin:0;}
|
||||
|
||||
.str_add {position:relative; margin-top:30px; margin-left:4px; width:16px; height:16px; background:url(../images/icon_next.png) no-repeat; cursor:pointer;}
|
||||
|
||||
|
||||
/******************* admin_menu Select *******************/
|
||||
.ML_admin_box {margin:0 9px; padding:0 1px; height:57px; border:1px solid #a8a8a8;}
|
||||
.ML_admin_menu_dft {float:left;}
|
||||
.ML_admin_menu_dft {*zoom:1;}
|
||||
.ML_admin_menu_dft:after{display:block; content:'';clear:both;}
|
||||
.ML_admin_menu_area {height:57px; vertical-align:top;}
|
||||
.ML_admin_menu_area ul {width:398px; height:57px; text-align:center; overflow:hidden}
|
||||
.ML_admin_menu_area li {float:left;}
|
||||
.ML_admin_menu_area li.cer_sch {width:25px; text-align:right; padding-top:5px;}
|
||||
.ML_admin_menu_area li a{display:block; width:66px; height:57px; vertical-align:text-bottom; color:#34373b; font-size:11px; font-weight:bold; letter-spacing:-1px; overflow:hidden; background:url(../images/admin_icon.png) no-repeat; cursor:pointer}
|
||||
.ML_admin_menu_area li span{display:inline-block; padding-top:39px}
|
||||
|
||||
/* admin_positioning */
|
||||
.ML_admin_menu_area li.ad_cert_copy a {width:66px; height:57px; background-position: 0 0;}
|
||||
.ML_admin_menu_area li.ad_cert_copy a:hover {background-position: -66px 0; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_copy a:focus {background-position: -132px 0; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.on a{background-position: -198px 0;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.off a{background-position: -264px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.ins a{background-position: -330px 0; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_view a {width:66px; height:57px; background-position: 0 -57px;}
|
||||
.ML_admin_menu_area li.ad_cert_view a:hover {background-position: -66px -57px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_view a:focus {background-position: -132px -57px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_view.on a{background-position: -180px -57px;}
|
||||
.ML_admin_menu_area li.ad_cert_view.off a{background-position: -264px -57px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_view.ins a{background-position: -330px -57px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_del a {width:66px; height:57px; background-position: 0 -114px;}
|
||||
.ML_admin_menu_area li.ad_cert_del a:hover {background-position: -66px -114px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_del a:focus {background-position: -132px -114px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_del.on a{background-position: -198px -114px;}
|
||||
.ML_admin_menu_area li.ad_cert_del.off a{background-position: -264px -114px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_del.ins a{background-position: -330px -114px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a {width:66px; height:57px; background-position: 0 -171px;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a:hover {background-position: -66px -171px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a:focus {background-position: -132px -171px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.on a{background-position: -198px -171px;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.off a{background-position: -264px -171px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.ins a{background-position: -330px -171px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_import a {width:66px; height:57px; background-position: 0 -228px;}
|
||||
.ML_admin_menu_area li.ad_cert_import a:hover {background-position: -66px -228px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_import a:focus {background-position: -132px -228px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_import.on a{background-position: -198px -228px;}
|
||||
.ML_admin_menu_area li.ad_cert_import.off a{background-position: -264px -228px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_import.ins a{background-position: -330px -228px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_send a {width:66px; height:57px; background-position: 0 -285px;}
|
||||
.ML_admin_menu_area li.ad_cert_send a:hover {background-position: -66px -285px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_send a:focus {background-position: -132px -285px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_send.on a{background-position: -198px -285px;}
|
||||
.ML_admin_menu_area li.ad_cert_send.off a{background-position: -264px -285px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_send.ins a{background-position: -330px -285px; color:#cdcdcd;}
|
||||
|
||||
|
||||
.dv_sl {position:relative; margin-top:30px; margin-left:4px; width:16px; height:16px; background:url(../images/icon_next.png) no-repeat; cursor:pointer;}
|
||||
.dv_sl ul {position:absolute; right:0; top:25px; padding:0 0 !important; width:150px; height:70px; background:#fff; z-index:1;
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); IE6-9 */
|
||||
}
|
||||
.dv_sl ul li {display:inline-block;position:relative;}
|
||||
/* style all links */
|
||||
.dv_sl li a {width:150px !important; height:35px !important; line-height:35px !important; background:none !important; color:#fff !important; text-indent:0 !important;}
|
||||
.dv_sl li a {color:#000 !important; font-size:12px !important; display:block !important;}
|
||||
.dv_sl li a:hover, .dv_sl a:focus, .dv_sl a:active {background:#e0e0e0 !important;}
|
||||
/* style sub level links */
|
||||
.dv_sl li:last-child a {border-bottom:none !important;}
|
||||
|
||||
.ML_cert_list_area {margin:0 9px; height:150px;}
|
||||
.ML_cert_list_pwc_area {margin:0 9px; height:125px;}
|
||||
.ML_cert_list_pwchg_area {margin:11px 10px 0; height:98px; overflow: auto;}
|
||||
.ML_cert_list_del_area {margin:11px 10px 0; height:203px; overflow: auto;}
|
||||
.ML_cert_list_pfx_area {margin:11px 10px 0; height:213px; overflow: auto;}
|
||||
.ML_cert_list_sign_area {margin:11px 10px 0;}
|
||||
.ML_cert_list {margin:0 0 8px; padding:5px 0; height:56px; color:#616161; font-size:12px; line-height:16px; background:#f4f4f4;}
|
||||
.ML_cert_list:hover {}
|
||||
.ML_cert_list.list_on {background:#efe8cf url(../images/btn_check.png) no-repeat right bottom ;}
|
||||
.ML_cert_nor {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_normalcy.png) no-repeat;}
|
||||
.ML_cert_exp {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_expire.png) no-repeat;}
|
||||
.ML_cert_no {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_no.png) no-repeat;}
|
||||
.ML_cert_txt {float:left; padding:5px 0 0 10px;}
|
||||
.ML_cert_btn {position:absolute; right:0; margin-top:5px; width:20px; height:20px; background:url(../images/certlist_menu_icon.png) no-repeat; cursor:pointer}
|
||||
|
||||
.ML_cert_orgtext_area {margin:0 10px; height:270px; background:#fdfdfd; border:1px solid #a8a8a8; overflow: auto;}
|
||||
#orgtext{padding:10px 10px; line-height:18px;}
|
||||
#orgtext .orgtit{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#orgtext .orgtxt{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
#ML_cert_orgtext_area1 {margin:-1px 10px 0; padding:10px 0; height:340px; background:#fdfdfd; border:1px solid #a8a8a8; z-index:2;}
|
||||
#ML_cert_detail_area01 {margin:0 8px; height:298px; border:1px solid #e0e0e0; background:#fafafa; overflow:auto;}
|
||||
.ML_cert_detail_btn {height:30px; text-align:center; margin:0 10px; padding:10px 10px;}
|
||||
#detail_text01{padding:10px 10px; line-height:18px;}
|
||||
#detail_text01 .dtltit01{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text01 .dtltxt01{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
#ML_cert_orgtext_area2 {margin:-1px 10px 0; padding:10px 0; height:340px; background:#fdfdfd; border:1px solid #a8a8a8; z-index:2;}
|
||||
#ML_cert_detail_area02 {margin:0 8px; height:265px; background:#fafafa;}
|
||||
#detail_text02{line-height:18px;}
|
||||
#detail_text02 .dtltit02{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text02 .dtltxt02{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
|
||||
#ML_cert_detail_area03 {margin:8px 8px 0; height:67px; border:1px solid #e0e0e0; background:#fafafa; overflow: auto;}
|
||||
#detail_text03{padding:10px 0; line-height:18px;}
|
||||
#detail_text03 .dtltit03{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text03 .dtltxt03{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
|
||||
.ML_cert_btn ul {position:absolute; right:0; top:25px; width:150px; height:70px; background:#415161; z-index:1;
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); IE6-9 */
|
||||
}
|
||||
.ML_cert_btn ul li {display:inline-block;position:relative;}
|
||||
/* sub navigation */
|
||||
.ML_cert_btn li ul {background:#415161;position:absolute;left:0;top:35px;width:200px;}
|
||||
.ML_cert_btn li li {position:relative; margin:0;display:block;}
|
||||
.ML_cert_btn li li ul {position:absolute;top:0;left:200px;margin:0;}
|
||||
/* style all links */
|
||||
.ML_cert_btn a {width:150px; line-height:35px;padding:0 12px; font-size:12px;}
|
||||
.ML_cert_btn a {color:#fff; font-size:12px; display:block;}
|
||||
.ML_cert_btn a:hover, .ML_cert_btn a:focus, .ML_cert_btn a:active {background:#566777;}
|
||||
/* style sub level links */
|
||||
.ML_cert_btn li li a { border-bottom:solid 1px #222;margin:0 10px;padding:0;}
|
||||
.ML_cert_btn li li:last-child a {border-bottom:none;}
|
||||
/* show arrows for dropdowns
|
||||
.ML_cert_btn li.dropdown > a {background-image:url('../img/arrow-down.png');background-position:right 20px;background-repeat:no-repeat;}
|
||||
.ML_cert_btn li li.dropdown > a { background-image:url('../img/arrow-right.png');background-position:right 16px;background-repeat:no-repeat;} */
|
||||
|
||||
.certi_name {display:block; color:#34373b; font-size:12px; font-weight:bold;}
|
||||
.certi_issuOrg {display:block; font-size:11px;}
|
||||
.certi_expDate {display:block; font-size:11px;}
|
||||
.certi_CIDI {display:inline-block;}
|
||||
.certi_nocert {display:block; color:#222; line-height:48px; font-size:14px; font-weight:bold;}
|
||||
|
||||
.ML_cert_list {*zoom:1;}
|
||||
.ML_cert_list:after{display:block; content:'';clear:both;}
|
||||
|
||||
.ML_cert_list_blank {height:1px;}
|
||||
#ML_cert_info {position:absolute; top:12px; background:#414243 url(../images/option_icon.png) no-repeat 10px 9px; width:336px; height:35px; padding:0 10px 0 34px; margin:0 0 0 10px; line-height:35px; color:#fff; text-align:left; overflow:hidden; border-radius:5px 5px 0 0; z-index:9;
|
||||
box-shadow:0 -2px 4px #d0d0d0;
|
||||
-moz-box-shadow:0 -2px 4px #d0d0d0; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 -2px 4px #d0d0d0; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 -2px 4px #d0d0d0; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 -2px 4px #d0d0d0; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#a2a2a2", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
|
||||
.ML_status_area {}
|
||||
.ML_pw_area {height:65px; background:#fafafa; text-align:center; margin:0 9px; z-index:10;}
|
||||
.ML_pw_chg_status_area {position:relative; bottom:0; height:169px;}
|
||||
.ML_pw_chg_area {position:absolute; bottom:0; width:360px; height:135px; background:#fafafa; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_del_status_area {position:relative; bottom:0; height:64px;}
|
||||
.ML_pw_del_area {position:absolute; bottom:0; width:360px; height:30px; background:#fafafa; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_pfx_status_area {position:relative; bottom:0; height:100px;}
|
||||
.ML_pw_pfx_area {position:absolute; top:0; width:360px; height:80px; text-align:center; margin:8px 10px 4px; padding:5px 10px; z-index:10;}
|
||||
.ML_pw_detail_status_area {position:relative; bottom:0; height:64px;}
|
||||
.ML_pw_detail_area {position:absolute; bottom:0; width:100%; height:30px; text-align:center; margin:8px 0 4px; padding:10px 0; z-index:10;}
|
||||
.ML_pw_dialog_status_area {}
|
||||
.ML_pw_dialog_area {min-height:65px; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_dialog_txt {min-height:22px; margin-bottom:20px; font-size:14px; line-height:22px; color:#222;}
|
||||
|
||||
/* .ML_cert_pw_area {margin:0 0 10px; height:30px; text-align:left;} */
|
||||
.ML_cert_pw_area {margin:0 0 7px; height:30px; text-align:left;position:relative;}
|
||||
.ML_status_area_chg {margin-top:10px;}
|
||||
.ML_cert_pw_tit {display:inline-block; line-height:25px; color:#2a2a2a; padding-right:5px; font-size:12px;}
|
||||
.ML_cert_pw_tit_chg {display:inline-block; width:115px; line-height:25px; font-size:12px; color:#2a2a2a; padding-right:5px; text-align:right; font-size:12px;}
|
||||
.ML_cert_pw_field_chg {display:inline-block;}
|
||||
.ML_cert_pw_tit_pfx {display:inline-block; width:90px; line-height:25px; font-size:12px; color:#2a2a2a; padding-right:5px; text-align:left; font-size:12px;}
|
||||
.ML_cert_pw_field {display:inline-block; vertical-align:top; width:100%;}
|
||||
.ML_cert_pw_key_box {position:absolute;top:0;right:0;}
|
||||
.ML_cert_pw_keypad {display:block; width:30px; height:30px; background:url(../images/btn_key.png) 2px 2px; background-repeat:no-repeat;}
|
||||
.ML_cert_popup_tit {display:inline-block; width:105px; line-height:25px; color:#2a2a2a; padding-right:5px; font-size:12px; text-align:right;}
|
||||
.ML_cert_popup_tit_copy {display:inline-block; width:75px; line-height:25px; color:#2a2a2a; padding-right:5px; font-size:12px; text-align:center;}
|
||||
.f_wh_210 {width:210px;}
|
||||
.f_wh_224 {width:224px;}
|
||||
.f_wh_227 {width:227px;}
|
||||
.f_wh_240 {width:240px;}
|
||||
.f_wh_255 {width:255px;}
|
||||
.f_wh_259 {width:259px;}
|
||||
.f_wh_274 {width:274px;}
|
||||
.f_wh_370 {width:360px;}
|
||||
.f_wh_400 {width:400px;}
|
||||
.ML_cert_secure_key {display:inline; width:25px; height:25px;}
|
||||
.ML_cert_secure_key img { vertical-align:top; margin:0; padding:0}
|
||||
|
||||
.ML_cert_file_area {margin:0 0 5px; height:30px; position:relative; text-align:left; overflow:hidden;}
|
||||
.ML_cert_file_area2 {margin:14px 0 10px; height:143px; position:relative; text-align:left; overflow:hidden;}
|
||||
.ML_cert_file_btn {display:inline-block; width:30px; height:30px; background:url(../images/btn_folder.png) no-repeat 2px 2px; position:absolute; top:0; right:0; cursor:pointer;}
|
||||
.ML_cert_file_btn:hover {display:inline-block; width:30px; height:30px; background:url(../images/btn_folder_ovr.png) no-repeat 2px 2px; position:absolute; top:0; right:0; cursor:pointer;}
|
||||
.ML_cert_file_btn:focus {display:inline-block; width:30px; height:30px; background:url(../images/btn_folder_ovr.png) no-repeat 2px 2px; position:absolute; top:0; right:0; cursor:pointer;}
|
||||
.ML_cert_file_btn_fcs {display:inline-block; width:28px; height:28px; background:url(../images/btn_folder.png) no-repeat 2px 2px; position:absolute; top:0; right:0; cursor:pointer; }
|
||||
.ML_cert_file_add {width:25px; height:25px; opacity:0; filter:alpha(opacity:0); background:url(../images/btn_folder.png) no-repeat; cursor:pointer;}
|
||||
.ML_cert_file_add:hover {width:25px; height:25px; background:url(../images/btn_folder_ovr.png) no-repeat; cursor:pointer;}
|
||||
.ML_cert_file_add:focus {width:25px; height:25px; opacity:0; filter:alpha(opacity:0); background:url(../images/btn_folder_ovr.png) no-repeat; cursor:pointer;}
|
||||
|
||||
.input_wrap{display:inline-block; height:28px; padding:1px; vertical-align:top;background:#ddd;}
|
||||
|
||||
.ML_cert_status {margin:0 0 10px; height:25px; border:1px solid #ddd; text-align:left;}
|
||||
.ML_cert_status .status_txt {padding-left:10px; line-height:25px;}
|
||||
|
||||
/* Input-box */
|
||||
.passwd_input{width:100%; height:28px; text-indent:10px; background:#ffffff; border:1px solid #a8a8a8; line-height:28px; }
|
||||
.passwd_input:hover{border:1px solid #87c9ff;}
|
||||
.passwd_input:focus{background:#fffbe6; border:1px solid #1672e4;}
|
||||
|
||||
.capslock_box{position:relative; bottom:-20px; background: #ffffff; border:1px solid #000000; padding:10px; display:none;}
|
||||
.capslock_box:after, .capslock_box:before{bottom: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
|
||||
.capslock_box:after{border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 9px; margin-left: -9px;}
|
||||
.capslock_box:before{border-color: rgba(0, 0, 0, 0); border-bottom-color: #000000; border-width: 10px; margin-left: -10px;}
|
||||
|
||||
.add_capslock_box{position:relative; bottom:-20px; left:30px; background: #ffffff; border:1px solid #000000; padding:10px; display:none;}
|
||||
.add_capslock_box:after, .add_capslock_box:before{bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
|
||||
.add_capslock_box:after{border-color: rgba(255, 255, 255, 0); border-bottom-color: #ffffff; border-width: 9px; margin-left: -9px;}
|
||||
.add_capslock_box:before{border-color: rgba(0, 0, 0, 0); border-bottom-color: #000000; border-width: 10px; margin-left: -10px;}
|
||||
|
||||
/* buttom */
|
||||
.ML_btn_area {background:#fafafa; text-align:center; margin:10px 9px 0; z-index:10;}
|
||||
.btn_row {width:100%; display:block;}
|
||||
.btn_row p{display:inline;}
|
||||
.btn_row_c {width:100%; display:block; margin-top:20px;}
|
||||
.btn_row_c p{display:inline;}
|
||||
.btn_row_s {margin:7px 9px;display:block; text-align:right;}
|
||||
.btn_row_s p{display:inline;}
|
||||
.btn_cell_left {display:inline; vertical-align:top; text-align:left; float:left;}
|
||||
.btn_cell_left:after {content:""; display:table; clear:both;}
|
||||
.btn_cell_center {width:100%; display:inline;vertical-align:top;}
|
||||
.btn_cell_right {width:100%; display:inline;vertical-align:top; text-align:right;}
|
||||
.MSG_cls{display:inline !important;}
|
||||
|
||||
.whtgrey_btn{text-align:center;}
|
||||
.whtgrey_btn button{width:128px;height:22px;padding:1px;border-radius:2px;border:1px solid #a8a8a8; cursor:pointer; background: #f4f4f4;}
|
||||
.whtgrey_btn button span{display:block;height:22px;border-radius:2px; font-size:11px;font-weight:bold;color:#34373b}
|
||||
.whtgrey_btn img{vertical-align:middle; padding-right:3px;}
|
||||
.whtgrey_btn button:hover{background:#dbdbdb;}
|
||||
.whtgrey_btn button:focus{background:#dbdbdb;}
|
||||
|
||||
.whtgrey_ws_btn{text-align:center;}
|
||||
.whtgrey_ws_btn button{width:73px;height:22px;padding:1px;border-radius:2px;border:1px solid #a8a8a8; cursor:pointer; background: #f4f4f4;}
|
||||
.whtgrey_ws_btn button span{display:block;height:22px;border-radius:2px; font-size:11px;font-weight:bold;color:#34373b}
|
||||
.whtgrey_ws_btn img{vertical-align:middle; padding-right:3px;}
|
||||
.whtgrey_ws_btn button:hover{background:#dbdbdb;}
|
||||
.whtgrey_ws_btn button:focus{background:#dbdbdb;}
|
||||
|
||||
.whtgrey_ws_btn2{text-align:center;}
|
||||
.whtgrey_ws_btn2 button{width:150px;height:22px;padding:1px;border-radius:2px;border:1px solid #a8a8a8; cursor:pointer; background: #f4f4f4;}
|
||||
.whtgrey_ws_btn2 button span{display:block;height:22px;border-radius:2px; font-size:11px;font-weight:bold;color:#34373b}
|
||||
.whtgrey_ws_btn2 img{vertical-align:middle; padding-right:3px;}
|
||||
.whtgrey_ws_btn2 button:hover{background:#dbdbdb;}
|
||||
.whtgrey_ws_btn2 button:focus{background:#dbdbdb;}
|
||||
|
||||
.b_blue_btn{text-align:center}
|
||||
.b_blue_btn button{width:116px;height:30px;border-radius:2px;border:1px solid #0456bb;cursor:pointer; background:#1672e4;}
|
||||
.b_blue_btn button span{display:block;height:30px;border-radius:2px; line-height:26px; font-size:12px;font-weight:bold;color:#fff;}
|
||||
.b_blue_btn button:hover{background:#1466cd;}
|
||||
.b_blue_btn button:focus{background:#1466cd;}
|
||||
|
||||
.b_blue_btn2{text-align:center}
|
||||
.b_blue_btn2 button{width:97px;height:30px;border-radius:2px;border:1px solid #0456bb;cursor:pointer; background:#1672e4;}
|
||||
.b_blue_btn2 button span{display:block;height:30px;border-radius:2px; line-height:26px; font-size:12px;font-weight:bold;color:#fff;}
|
||||
.b_blue_btn2 button:hover{background:#1466cd;}
|
||||
.b_blue_btn2 button:focus{background:#1466cd;}
|
||||
|
||||
.b_grey_btn{text-align:center}
|
||||
.b_grey_btn button{width:116px;height:30px;border-radius:2px;border:1px solid #a8a8a8;cursor:pointer; background:#dedede;}
|
||||
.b_grey_btn button span{display:block;height:30px;border-radius:2px; line-height:26px; font-size:12px;font-weight:bold;color:#424242;}
|
||||
.b_grey_btn button:hover{background:#c7c7c7;}
|
||||
.b_grey_btn button:focus{background:#c7c7c7;}
|
||||
|
||||
.b_grey_btn2{text-align:center}
|
||||
.b_grey_btn2 button{width:97px;height:30px;border-radius:2px;border:1px solid #a8a8a8;cursor:pointer; background:#dedede;}
|
||||
.b_grey_btn2 button span{display:block;height:30px;border-radius:2px; line-height:26px; font-size:12px;font-weight:bold;color:#424242;}
|
||||
.b_grey_btn2 button:hover{background:#c7c7c7;}
|
||||
.b_grey_btn2 button:focus{background:#c7c7c7;}
|
||||
|
||||
.w_dkblue_btn{text-align:center}
|
||||
.w_dkblue_btn button{width:200px;height:30px;border-radius:2px;border:1px solid #1e3046;cursor:pointer; background:#284870;}
|
||||
.w_dkblue_btn button span{display:block;height:30px;border-radius:2px; line-height:26px; font-size:11px;font-weight:bold;color:#fff;}
|
||||
.w_dkblue_btn button:hover{background:#1f3959;}
|
||||
.w_dkblue_btn button:focus{background:#1f3959;}
|
||||
|
||||
.copyCert_box{height:20px; z-index:99999; position:absolute; background: #ffffff; border:1px solid #000000; padding:2px 2px 0px 4px;}
|
||||
.copyCert_box:after{content: ""; position: absolute; border-bottom: 7px solid #ffffff; border-right: 5px solid transparent; border-left: 5px solid transparent; top: -6px; left: 5px;}
|
||||
.copyCert_box:before{content: ""; position: absolute; border-bottom: 7px solid #000000; border-right: 5px solid transparent; border-left: 5px solid transparent; top: -8px; left: 5px;}
|
||||
|
||||
/* tabs */
|
||||
#ML_tabs {margin-top:10px;}
|
||||
.tabs{margin:0 10px; z-index:1;}
|
||||
.tabs li {display:inline-block; font-size:12px; }
|
||||
.tabs a {width:80px; padding:9px 10px;display:inline-block; text-align:center; background:#f4f4f4;color:#34373b;text-decoration:none; border:1px solid #a8a8a8;}
|
||||
.tabs a.active {background:#fdfdfd;color:#34373b; font-weight:bold; border-bottom:1px solid #fdfdfd;}
|
||||
|
||||
|
||||
/* table */
|
||||
.detail_tb{width:100%; border:1px solid #b6b6b6; padding:5px 5px; background-color:#f6f6f6;}
|
||||
.detail_tb thead, .detail_tb tbody{display:block; float:left; }
|
||||
.detail_tb thead {background-color:#c8c8c8;}
|
||||
.detail_tb thead tr th {height:20px; line-height:20px;}
|
||||
.detail_tb tbody {min-height:10px; max-height:230px; overflow-y:auto; overflow-x:hidden;}
|
||||
.detail_tb tbody {border-top:1px solid #b6b6b6;}
|
||||
.detail_tb tbody tr th{padding:5px 5px; text-align:left; border:1px solid #b6b6b6;}
|
||||
.detail_tb tbody td, .detail_tb thead th{border-right:1px solid #b6b6b6;}
|
||||
.detail_tb thead th:first-child{width:100px; padding:5px 5px;}
|
||||
.detail_tb thead th{width:230px; padding:5px 5px;}
|
||||
.detail_tb tbody td {padding:5px 5px; background:#fff; }
|
||||
.detail_tb tbody td:first-child{width:110px; padding:5px 5px; background:#f6f6f6;}
|
||||
.detail_tb tbody td:last-child{ border-right:none;padding:5px 5px;background:#fff;}
|
||||
.detail_tb tbody tr {border-bottom:1px solid #b6b6b6; height:20px;}
|
||||
.detail_tb tbody tr:last-child{border-bottom:none;}
|
||||
.detail_tb thead th:last-child{border-right:none;padding:5px 5px;}
|
||||
|
||||
/*.detail_tb{width:100%; border:1px solid #b6b6b6; padding:5px 5px; background-color:#f6f6f6;}
|
||||
.detail_tb thead tr{ background-color:#c8c8c8; }
|
||||
.detail_tb thead tr th{padding:5px 5px; text-align:left; border:1px solid #b6b6b6;}
|
||||
.detail_tb tbody tr td{padding:5px 5px; text-align:left; border:1px solid #b6b6b6;}
|
||||
.td_title{width:30%;}*/
|
||||
|
||||
/* footer */
|
||||
.ft_area{font:Verdana, Geneva, sans-serif; font-size:9px; letter-spacing:-1; line-height:15px; text-align:right}
|
||||
.ft_area .ft_ver{position:absolute; left:0; padding-left:10px;}
|
||||
.ft_area .ft_copy{position:relative; right:0; padding-right:10px;}
|
||||
|
||||
/* PFX */
|
||||
.pfx_info{padding:10px 10px 5px 10px; background:#f5f5f5; font-size:11px; font-weight:bold;}
|
||||
.pfx_br_chk{text-align:right; padding:0 0 12px;}
|
||||
.pfx_btn_row_c {width:100%; display:block; margin-top:10px;}
|
||||
|
||||
/* Loader */
|
||||
.ML_loader {width:150px; text-align:center; padding:7px 0;
|
||||
border: 1px solid transparent;
|
||||
background:#fff;
|
||||
border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_loader img {}
|
||||
.ML_loader span {display:inline-block; padding-top:4px; font-size:11px; color:#333; font-weight:bold;}
|
||||
|
||||
/* 수정 및 추가된 css*/
|
||||
.save_to_br_chk{text-align:right; padding:0 0 12px;}
|
||||
.ML_br_cert_pw_area {margin:0 0 10px; height:30px; text-align:left;}
|
||||
.inner_head{background-color:#c8c8c8;}
|
||||
|
||||
/* innerTable */
|
||||
#ML_cert_inner_area02 {margin:14px 0 10px; height:265px; background:#fafafa;}
|
||||
.inner_tb{margin:0 0 18px; width:100%; border:1px solid #b6b6b6; padding:5px 5px; background-color:#f6f6f6;}
|
||||
/* .inner_tb thead, .inner_tb tbody{display:block; float:left; }
|
||||
.inner_tb thead {background-color:#c8c8c8;}
|
||||
.inner_tb thead tr th {} */
|
||||
.inner_tb tbody {overflow-y:auto; overflow-x:hidden;}
|
||||
.inner_tb tbody {border-top:1px solid #b6b6b6;}
|
||||
.inner_tb tbody tr th{padding:5px 5px; text-align:center; border:1px solid #b6b6b6;}
|
||||
.inner_tb tbody td, .inner_tb thead th{border-right:1px solid #b6b6b6;}
|
||||
.inner_tb thead th:first-child{width:320px; padding:5px 5px;}
|
||||
.inner_tb thead th:last-child{width:210px; padding:5px 5px;}
|
||||
.inner_tb thead th{width:237px; padding:5px 5px;}
|
||||
.inner_tb tbody td {padding:5px 5px; background:#fff; width:237px;}
|
||||
.inner_tb tbody td:first-child{width:700px; padding:5px 5px; background:#f6f6f6;}
|
||||
.inner_tb tbody td:last-child{width:210px; border-right:none; padding:5px 5px; background:#fff;}
|
||||
.inner_tb tbody tr {border-bottom:1px solid #b6b6b6; height:20px;}
|
||||
.inner_tb tbody tr:last-child{border-bottom:none;}
|
||||
.inner_tb thead th:last-child{border-right:none;padding:5px 5px;}
|
||||
|
||||
/* innerTable PFX*/
|
||||
.inner_tb_pfx{margin:0 0 18px; width:100%; border:1px solid #b6b6b6; padding:5px 5px; background-color:#f6f6f6;}
|
||||
.inner_tb_pfx tbody {overflow-y:auto; overflow-x:hidden;}
|
||||
.inner_tb_pfx tbody {border-top:1px solid #b6b6b6;}
|
||||
.inner_tb_pfx tbody tr th{padding:5px 5px; text-align:center; border:1px solid #b6b6b6;}
|
||||
.inner_tb_pfx tbody td {border-right:1px solid #b6b6b6;}
|
||||
.inner_tb_pfx tbody td {padding:5px 5px; background:#fff; width:237px;}
|
||||
.inner_tb_pfx tbody td:first-child{width:100px; padding:5px 5px; background:#f6f6f6;}
|
||||
.inner_tb_pfx tbody td:last-child{width:400px; border-right:none; padding:5px 5px; background:#fff;}
|
||||
.inner_tb_pfx tbody tr {border-bottom:1px solid #b6b6b6; height:20px;}
|
||||
.inner_tb_pfx tbody tr:last-child{border-bottom:none;}
|
||||
.inner_tb_pfx thead th:last-child{border-right:none;padding:5px 5px;}
|
||||
|
||||
.blind {
|
||||
font-size: 1;
|
||||
position: absolute;
|
||||
top: -999999px;
|
||||
}
|
||||
@ -1,670 +0,0 @@
|
||||
@charset "utf-8";
|
||||
|
||||
|
||||
/******************* common *******************/
|
||||
html,body{height:100%}
|
||||
*{margin:0;padding:0;font-family:"맑은고딕",Malgun Gothic,"돋움",Dotum,"굴림",Gulim,Helvetica,Sans-serif;-webkit-text-size-adjust:none}
|
||||
body{background:#fff;color:#5e5e5e;word-wrap:break-word;word-break:break-all}
|
||||
body,input,select,textarea{}
|
||||
textarea{border:1px solid #bcbcbc}
|
||||
li{list-style:none}
|
||||
table{border-collapse:collapse}
|
||||
img,fieldset{border:none}
|
||||
a{text-decoration:none;cursor:pointer}
|
||||
label{cursor:pointer}
|
||||
strong{font-weight:normal}
|
||||
em,address{font-style:normal}
|
||||
input{outline-style:none;}
|
||||
|
||||
|
||||
/*
|
||||
input[type='checkbox']{vertical-align:middle;border:0;border-radius:0}
|
||||
input[type='checkbox']{background:url(../images/checkbox_nor.png)no-repeat; height:22px; width:22px; background-size:22px 22px;-webkit-background-size:22px 22px; -webkit-appearance:none}
|
||||
input[type='checkbox']:checked{background:#fff; width:22px; height:22px; background:url(../images/checkbox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative}
|
||||
input[type='checkbox']:checked:after {content:' '; display:block; width:22px; height:22px; background:url(../images/checkbox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative;}
|
||||
input[type='radio']{vertical-align:middle;}
|
||||
input[type='radio']{background:url(../images/radiobox_nor.png)no-repeat; height:22px; width:22px; background-size:22px 22px;-webkit-background-size:22px 22px; -webkit-appearance:none}
|
||||
input[type='radio']:checked{background:#fff; width:22px; height:22px; background:url(../images/radiobox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative}
|
||||
input[type='radio']:checked:after {content:' '; display:block; width:22px; height:22px; background:url(../images/radiobox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative;}
|
||||
|
||||
input[type='radio']{vertical-align:middle;}
|
||||
input[type='radio']{background:#fff; border:solid 1px #bebebe; border-radius:15px 15px; height:20px; width:20px; -webkit-appearance:none;}
|
||||
input[type='radio']:checked{background:#fff; border:solid 1px #bebebe; border-radius:15px 15px;}
|
||||
input[type='radio']:checked:after {content:' '; display:block; width:14px; height:14px; background:url(../images/check_radio.png); position:relative; top:2px; left:2px; border-radius:12px 12px;}
|
||||
*/
|
||||
|
||||
.text_redB{PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #f52828; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-TOP: 2px}
|
||||
.text_red_10 {PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #f52828; FONT-SIZE: 10px; PADDING-TOP: 2px}
|
||||
.text_black{PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #000000; FONT-SIZE: 11px; PADDING-TOP: 2px; line-height: 18px}
|
||||
.text_grey24{PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #666666; FONT-SIZE: 11px; PADDING-TOP: 2px; line-height: 24px}
|
||||
.text_blackB{PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-TOP: 2px}
|
||||
.text_orangeB{COLOR: #ee6a02; FONT-SIZE: 14px; FONT-WEIGHT: bold}
|
||||
.text_orange{COLOR: #ee6a02; FONT-SIZE: 12px}
|
||||
.text_grayB{FONT-SIZE: 12px; FONT-WEIGHT: bold}
|
||||
.text_gray2B{COLOR: #363636; FONT-SIZE: 12px; FONT-WEIGHT: bold}
|
||||
.text_gray{FONT-SIZE: 12px}
|
||||
.text_gray_c9c9c9{COLOR: #c9c9c9; FONT-SIZE: 12px}
|
||||
.ali_left{TEXT-ALIGN: left; PADDING-LEFT: 13px}
|
||||
.ali_right{TEXT-ALIGN:right;PADDING-RIGHT:50px}
|
||||
|
||||
.w_space4{padding-left:4px}
|
||||
.w_space5{padding-left:5px}
|
||||
.w_space8{padding-left:8px}
|
||||
.w_space10{padding-left:10px}
|
||||
.w_space12{padding-left:12px}
|
||||
.w_space15{padding-left:15px}
|
||||
.w_space18{padding-left:18px}
|
||||
.w_space20{padding-left:20px}
|
||||
.w_space25{padding-left:25px}
|
||||
.w_space30{padding-left:30px}
|
||||
.w_space35{padding-left:35px}
|
||||
/*.w_space40{padding-left:40px}*/
|
||||
.w_space40{padding-left:4%}
|
||||
.w_space50{padding-left:50px}
|
||||
.w_space80{padding-left:80px}
|
||||
|
||||
/******************* Display *******************/
|
||||
#ML_dp_01 {display:none;}
|
||||
#ML_dp_02 {display:none;}
|
||||
#ML_dp_03 {display:none;}
|
||||
#ML_dp_04 {display:none;}
|
||||
#ML_dp_05 {}
|
||||
|
||||
#ML_status_area { position:fixed; bottom:50px; width:100%; background:#fff; height:50px;}
|
||||
|
||||
/******************* layout *******************/
|
||||
#ML_window{height: 100% !important; width: 100% !important; min-height:100% !important; min-width:100% !important; max-height:100% !important; max-width:100% !important;}
|
||||
#ML_window_admin{height: 100% !important; width: 100% !important; min-height:100% !important; min-width:100% !important; max-height:100% !important; max-width:100% !important;}
|
||||
#ML_cert_sign_window{height: 100% !important; width: 100% !important; min-height:100% !important; min-width:100% !important; max-height:100% !important; max-width:100% !important;}
|
||||
.MLjqui-window{border:0 !important;box-shadow:none !important; border-radius:0 !important;}
|
||||
.MLjqui-rc-t{
|
||||
-moz-border-radius-topleft:0 !important;
|
||||
-webkit-border-top-left-radius:0 !important;
|
||||
border-top-left-radius:0 !important;
|
||||
-moz-border-radius-topright:0 !important;
|
||||
-webkit-border-top-right-radius:0 !important;
|
||||
border-top-right-radius0 !important;
|
||||
}
|
||||
|
||||
/******************* MLjqui-custom *******************/
|
||||
.MLjqui-widget-header{
|
||||
width:100% !important;
|
||||
height:60px !important;
|
||||
line-height:60px !important;
|
||||
font-size: !important;
|
||||
padding-left:!important;
|
||||
}
|
||||
.MLjqui-window-header{position:fixed !important; top:0; left:0; z-index:9999999;}
|
||||
.MLjqui-widget-header-DSdatatable {display:none !important;}
|
||||
.MLjqui-window-close-button-background{ display:none;}
|
||||
#contentdataTable {width:100% !important;}
|
||||
#contenttabledataTable {}
|
||||
.MLjqui-grid-table-DSdatatable {width:100% !important;}
|
||||
.MLjqui-grid-table-DSdatatable td{border-bottom:1px solid #a8a8a8 !important;}
|
||||
/*.MLjqui-grid-table-DSdatatable tr:last-child td{border-bottom:0 !important;}*/
|
||||
|
||||
#ML_container{background:#fdfdfd; width:100% !important; height:100% !important; margin-bottom:-80px !important; font-size:12px;border:none;
|
||||
}
|
||||
#ML_container_popup{background:#fdfdfd; width:100%; font-size:12px;border:none;
|
||||
}
|
||||
.ML_pw_popup_area {text-align:center; margin:8px 10px 4px; padding:11px 0; z-index:10;}
|
||||
.ML_container_pfx{background:#fdfdfd;height:260px; width:100%;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_container_dialog{background:#fdfdfd;min-height:220px; width:100%;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_container_popup{background:#fdfdfd;height:180px; width:400px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_container_certview{background:#fdfdfd;height:400px; width:380px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_header{height:35px;position:relative;z-index:1; background:#e4e4e4;}
|
||||
.ML_header_sdw{height:30px;position:relative;z-index:1; background:#28353f;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_content{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -1px;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
.ML_content .ML_content-area{padding-top:46px; padding-bottom:75px}
|
||||
.ML_footer{height:15px;}
|
||||
|
||||
/* header */
|
||||
.hd_area{ text-align:right;}
|
||||
.hd_area .head_tit{position:absolute; display:inline-block; left:0; padding-left:10px; color:#34373b; font-size:1.6em; font-weight:bold; line-height:35px;}
|
||||
.hd_area .head_close{position:relative; display:inline-block; width:27px; height:27px; padding:8px 8px 0 0; right:0; background:#b2b2b2;}
|
||||
.hd_area .head_close:hover{background:#a0a0a0;}
|
||||
.hd_area .head_close img{}
|
||||
|
||||
/* Title */
|
||||
.ML_sub_tit {margin:0 8px;color:#34373b; font-size:1.3em; font-weight:bold; }
|
||||
|
||||
/* Install */
|
||||
#ML_container_install{background:#fdfdfd; width:398px; font-size:12px;border:none;
|
||||
}
|
||||
.install_wrap{padding:0 0 0 20px; height:116px; vertical-align:top;}
|
||||
.install_wrap img{display:inline-block; padding:0 20px; vertical-align:middle;}
|
||||
.install_txt{display:inline-block; color:#193b65; font-weight:bold; font-size:14px; line-height:24px;}
|
||||
.loadbar{width:152px; height:21px; margin-left:60px; display:block; }
|
||||
.loadbar_txt{display:block; color:#193b65; margin:10px 0 0 64px; font-weight:bold; }
|
||||
.loadbar_txt2{display:block; color:#193b65; font-weight:bold; }
|
||||
|
||||
/******************* DATA Table *******************/
|
||||
.MLjqui-widget-content-DSdatatable{
|
||||
width:100% !important;
|
||||
border:0 !important;
|
||||
|
||||
}
|
||||
|
||||
/******************* storage Select *******************/
|
||||
.ML_cp_AD {padding:10px 9px 0; margin:0; display:none;}
|
||||
.ML_cp_AD img {vertical-align:top; margin:0; padding:0}
|
||||
.ML_storage_box {position:fixed; top:46px; width:100%; margin:0; height:75px; border-top:1px solid #a8a8a8; border-bottom:1px solid #a8a8a8; background:#f7f7f7; z-index:9999999;}
|
||||
.ML_storage_area {margin:0; width:396px; height:75px; display:block;}
|
||||
.ML_storage_area ul {height:75px; text-align:center;}
|
||||
.ML_storage_area li {float:left;background:;}
|
||||
.ML_storage_area li a{display:block; width:75px; height:75px; overflow:hidden; color:#34373b; font-size:0.80em; font-weight:bold; letter-spacing:-1px; background:url(../images/storage_icon.png) no-repeat; cursor:pointer; vertical-align:text-bottom; /*text-indent:-5000px;*/}
|
||||
.ML_storage_area li span{display:inline-block; padding-top:55px}
|
||||
|
||||
|
||||
/* positioning */
|
||||
.ML_storage_area li.ML_storage_smartcert a {width:75px; height:75px; background-position: 0 -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert a:hover {background-position: -75px -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert a:focus {background-position: -148px -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert.on a{background-position: -148px -150px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_smartcert.off a{background-position: -264px -150px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_smartcert.ins a{background-position: -330px -150px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_token a {width:75px; height:75px; background-position: 0 -225px;}
|
||||
.ML_storage_area li.ML_storage_token a:hover {background-position: -66px -225px;}
|
||||
.ML_storage_area li.ML_storage_token a:focus {background-position: -132px -225px;}
|
||||
.ML_storage_area li.ML_storage_token.on a{background-position: -198px -225px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_token.off a{background-position: -264px -225px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_token.ins a{background-position: -330px -225px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_browser a {width:75px; height:75px; background-position: 0 -75px;}
|
||||
.ML_storage_area li.ML_storage_browser a:hover {background-position: -75px -75px;}
|
||||
.ML_storage_area li.ML_storage_browser a:focus {background-position: -148px -75px;}
|
||||
.ML_storage_area li.ML_storage_browser.on a{background-position: -148px -75px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_browser.off a{background-position: -264px -75px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_browser.ins a{background-position: -330px -75px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_phone a {width:75px; height:75px; background-position: 0 -300px;}
|
||||
.ML_storage_area li.ML_storage_phone a:hover {background-position: -66px -300px;}
|
||||
.ML_storage_area li.ML_storage_phone a:focus {background-position: -132px -300px;}
|
||||
.ML_storage_area li.ML_storage_phone.on a{background-position: -198px -300px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_phone.off a{background-position: -264px -300px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_phone.ins a{background-position: -330px -300px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_hdd a {width:66px; height:75px; background-position: 0 0;}
|
||||
.ML_storage_area li.ML_storage_hdd a:hover {background-position: -66px 0;}
|
||||
.ML_storage_area li.ML_storage_hdd a:focus {background-position: -132px 0;}
|
||||
.ML_storage_area li.ML_storage_hdd.on a{background-position: -198px 0; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_hdd.off a{background-position: -264px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_hdd.ins a{background-position: -330px 0; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_sch a {width:66px; height:75px; background-position: 0 -375px;}
|
||||
.ML_storage_area li.ML_storage_sch a:hover {background-position: -66px -375px;}
|
||||
.ML_storage_area li.ML_storage_sch a:focus {background-position: -132px -375px;}
|
||||
.ML_storage_area li.ML_storage_sch.on a{background-position: -198px -375px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_sch.off a{background-position: -264px -375px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_sch.ins a{background-position: -330px -375px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_shdd a {width:66px; height:75px; background-position: 0 -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd a:hover {background-position: -66px -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd a:focus {background-position: -132px -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd.on a{background-position: -198px -450px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_shdd.off a{background-position: -264px -450px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_shdd.ins a{background-position: -330px -450px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_cloud a {width:66px; height:75px; background-position: 0 -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud a:hover {background-position: -66px -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud a:focus {background-position: -132px -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud.on a{background-position: -198px -525px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_cloud.off a{background-position: -264px -525px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_cloud.ins a{background-position: -330px -525px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_unisign a {width:66px; height:75px; background-position: 0 -525px;}
|
||||
.ML_storage_area li.ML_storage_unisign a:hover {background-position: -66px -525px;}
|
||||
.ML_storage_area li.ML_storage_unisign a:focus {background-position: -132px -525px;}
|
||||
.ML_storage_area li.ML_storage_unisign.on a{background-position: -198px -525px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_unisign.off a{background-position: -264px -525px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_unisign.ins a{background-position: -330px -525px; color:#bebebe;}
|
||||
|
||||
.ML_storage_area {*zoom:1;}
|
||||
.ML_storage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
.ML_storage_area {*zoom:1;}
|
||||
.ML_storage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
|
||||
/******************* import/export storage Select *******************/
|
||||
.ML_iestorage_box {position:relative; margin:0 0 10px;; height:290px; border:1px solid #a8a8a8; overflow-y:scroll; overflow-x:hidden; width:100%}
|
||||
.ML_iestorage_area {margin:0 auto; width:100%; height:75px; display:block;}
|
||||
.ML_iestorage_area ul {height:74px; text-align:center; padding:0 8px; width:100%;}
|
||||
.ML_iestorage_area li {float:left; padding:2%; width:20%; height:75px;}
|
||||
.ML_iestorage_area li a{display:block; width:20%; height:75px; overflow:hidden; color:#34373b; font-size:1em; font-weight:bold; letter-spacing:-1px; background:url(../images/iestorage_icon.png) no-repeat; cursor:pointer; vertical-align:text-bottom; /*text-indent:-5000px;*/}
|
||||
.ML_iestorage_area li span{display:inline-block; padding-top:55px}
|
||||
|
||||
/* import/export storage positioning */
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a {width:75px; height:75px; background-position: 0 -150px;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a:hover {background-position: -75px -150px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a:focus {background-position: -150px -150px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.on a{background-position: -225px -150px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.off a{background-position: -300px -150px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.ins a{background-position: -375px -150px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a {width:75px; height:75px; background-position: 0 -225px;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a:hover {background-position: -75px -225px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a:focus {background-position: -150px -225px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.on a{background-position: -225px -225px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.off a{background-position: -300px -225px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.ins a{background-position: -375px -225px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a {width:75px; height:75px; background-position: 0 -75px;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a:hover {background-position: -75px -75px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a:focus {background-position: -150px -75px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.on a{background-position: -225px -75px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.off a{background-position: -300px -75px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.ins a{background-position: -375px -75px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a {width:75px; height:75px; background-position: 0 -300px;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a:hover {background-position: -75px -300px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a:focus {background-position: -150px -300px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.on a{background-position: -225px -300px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.off a{background-position: -300px -300px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.ins a{background-position: -375px -300px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a {width:75px; height:75px; background-position: 0 0;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a:hover {background-position: -75px 0; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a:focus {background-position: -150px 0; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.on a{background-position: -225px 0; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.off a{background-position: -300px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.ins a{background-position: -375px 0; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a {width:75px; height:75px; background-position: 0 -375px;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a:hover {background-position: -75px -375px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a:focus {background-position: -150px -375px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.on a{background-position: -225px -375px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.off a{background-position: -300px -375px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.ins a{background-position: -375px -375px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a {width:75px; height:75px; background-position: 0 -450px;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a:hover {background-position: -75px -450px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a:focus {background-position: -150px -450px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.on a{background-position: -225px -450px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.off a{background-position: -300px -450px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.ins a{background-position: -375px -450px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a {width:75px; height:75px; background-position: 0 -525px;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a:hover {background-position: -75px -525px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a:focus {background-position: -150px -525px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.on a{background-position: -225px -525px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.off a{background-position: -300px -525px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.ins a{background-position: -375px -525px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a {width:75px; height:75px; background-position: 0 -600px;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a:hover {background-position: -75px -600px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a:focus {background-position: -150px -600px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.on a{background-position: -225px -600px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.off a{background-position: -300px -600px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.ins a{background-position: -375px -600px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a {width:75px; height:75px; background-position: 0 -675px;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a:hover {background-position: -75px -675px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a:focus {background-position: -150px -675px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.on a{background-position: -225px -675px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.off a{background-position: -300px -675px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.ins a{background-position: -375px -675px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a {width:75px; height:75px; background-position: 0 -750px;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a:hover {background-position: -75px -750px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a:focus {background-position: -150px -750px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.on a{background-position: -225px -750px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.off a{background-position: -300px -750px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.ins a{background-position: -375px -750px; color:#cdcdcd;}
|
||||
|
||||
|
||||
.ML_iestorage_area {*zoom:1;}
|
||||
.ML_iestorage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
.drive_position {position:absolute; margin:0; cursor:pointer; z-index:1000000;}
|
||||
.drive_position ul {position:; right:0; top:0; padding:0 0 !important; width:150px; background:#fff;
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); IE6-9 */
|
||||
}
|
||||
.drive_position ul li {display:inline-block;position:relative;}
|
||||
/* style all links */
|
||||
.drive_position li a {width:150px !important; height:35px !important; line-height:35px !important; background:none !important; color:#fff !important; text-indent:10px !important;}
|
||||
.drive_position li a {color:#000 !important; font-size:12px !important; display:block !important;}
|
||||
.drive_position li a:hover, .drive_position a:focus, .drive_position a:active {background:#e0e0e0 !important;}
|
||||
/* style sub level links */
|
||||
.drive_position li:last-child a {border-bottom:none !important;}
|
||||
.drive_position.pos_01 {top:36px; left:75px;}
|
||||
.drive_position.pos_02 {top:36px; left:150px;}
|
||||
.drive_position.pos_03 {top:36px; left:225px;}
|
||||
.drive_position.pos_04 {top:36px; left:75px;}
|
||||
.drive_position.pos_05 {top:36px; left:150px;}
|
||||
.drive_position.iepos_01 {top:36px; left:75px;}
|
||||
.drive_position.iepos_02 {top:36px; left:150px;}
|
||||
.drive_position.iepos_03 {top:36px; left:50px;}
|
||||
.drive_position.iepos_04 {top:36px; left:125px;}
|
||||
.drive_position.iepos_05 {top:111px; left:75px;}
|
||||
.drive_position.iepos_06 {top:111px; left:150px;}
|
||||
.drive_position.iepos_07 {top:111px; left:50px;}
|
||||
.drive_position.iepos_08 {top:111px; left:125px;}
|
||||
.drive_position.iepos_09 {bottom:36px; left:75px;}
|
||||
.drive_position.iepos_10 {bottom:36px; left:150px;}
|
||||
.drive_position.iepos_11 {bottom:36px; left:50px;}
|
||||
.drive_position.iepos_12 {bottom:36px; left:125px;}
|
||||
|
||||
#str_df {display:inline;}
|
||||
#str_ex {display:inline;}
|
||||
|
||||
.ML_storage_box .str_add_li {margin:0; position:absolute; right:0; top:0; display:none; width:22px; height:75px; text-align:right; border-left:1px solid #a8a8a8; cursor:pointer; }
|
||||
.ML_storage_box .str_add_li.ne{background:url(../images/icon_next.png) no-repeat 4px 30px;}
|
||||
.ML_storage_box .str_add_li.pr {background:url(../images/icon_prev.png) no-repeat 4px 30px;}
|
||||
.ML_storage_box .str_add_li.dis {background:url(../images/icon_next_dis.png) no-repeat 4px 30px;}
|
||||
.btn_str_add{display:block; width:22px; height:75px; margin:0;}
|
||||
|
||||
.str_add {position:relative; margin-top:30px; margin-left:4px; width:16px; height:16px; background:url(../images/icon_next.png) no-repeat; cursor:pointer;}
|
||||
|
||||
|
||||
/******************* admin_menu Select *******************/
|
||||
.ML_admin_box {margin:0 9px; padding:0 1px; height:57px; border:1px solid #a8a8a8;}
|
||||
.ML_admin_menu_dft {float:left;}
|
||||
.ML_admin_menu_dft {*zoom:1;}
|
||||
.ML_admin_menu_dft:after{display:block; content:'';clear:both;}
|
||||
.ML_admin_menu_area {height:57px; vertical-align:top;}
|
||||
.ML_admin_menu_area ul {width:398px; height:57px; text-align:center; overflow:hidden}
|
||||
.ML_admin_menu_area li {float:left;}
|
||||
.ML_admin_menu_area li.cer_sch {width:25px; text-align:right; padding-top:5px;}
|
||||
.ML_admin_menu_area li a{display:block; width:66px; height:57px; vertical-align:text-bottom; color:#34373b; font-size:11px; font-weight:bold; letter-spacing:-1px; overflow:hidden; background:url(../images/admin_icon.png) no-repeat; cursor:pointer}
|
||||
.ML_admin_menu_area li span{display:inline-block; padding-top:39px}
|
||||
|
||||
/* admin_positioning */
|
||||
.ML_admin_menu_area li.ad_cert_copy a {width:66px; height:57px; background-position: 0 0;}
|
||||
.ML_admin_menu_area li.ad_cert_copy a:hover {background-position: -66px 0; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_copy a:focus {background-position: -132px 0; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.on a{background-position: -198px 0;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.off a{background-position: -264px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.ins a{background-position: -330px 0; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_view a {width:66px; height:57px; background-position: 0 -57px;}
|
||||
.ML_admin_menu_area li.ad_cert_view a:hover {background-position: -66px -57px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_view a:focus {background-position: -132px -57px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_view.on a{background-position: -180px -57px;}
|
||||
.ML_admin_menu_area li.ad_cert_view.off a{background-position: -264px -57px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_view.ins a{background-position: -330px -57px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_del a {width:66px; height:57px; background-position: 0 -114px;}
|
||||
.ML_admin_menu_area li.ad_cert_del a:hover {background-position: -66px -114px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_del a:focus {background-position: -132px -114px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_del.on a{background-position: -198px -114px;}
|
||||
.ML_admin_menu_area li.ad_cert_del.off a{background-position: -264px -114px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_del.ins a{background-position: -330px -114px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a {width:66px; height:57px; background-position: 0 -171px;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a:hover {background-position: -66px -171px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a:focus {background-position: -132px -171px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.on a{background-position: -198px -171px;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.off a{background-position: -264px -171px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.ins a{background-position: -330px -171px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_import a {width:66px; height:57px; background-position: 0 -228px;}
|
||||
.ML_admin_menu_area li.ad_cert_import a:hover {background-position: -66px -228px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_import a:focus {background-position: -132px -228px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_import.on a{background-position: -198px -228px;}
|
||||
.ML_admin_menu_area li.ad_cert_import.off a{background-position: -264px -228px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_import.ins a{background-position: -330px -228px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_send a {width:66px; height:57px; background-position: 0 -285px;}
|
||||
.ML_admin_menu_area li.ad_cert_send a:hover {background-position: -66px -285px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_send a:focus {background-position: -132px -285px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_send.on a{background-position: -198px -285px;}
|
||||
.ML_admin_menu_area li.ad_cert_send.off a{background-position: -264px -285px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_send.ins a{background-position: -330px -285px; color:#cdcdcd;}
|
||||
|
||||
|
||||
.dv_sl {position:relative; margin-top:30px; margin-left:4px; width:16px; height:16px; background:url(../images/icon_next.png) no-repeat; cursor:pointer;}
|
||||
.dv_sl ul {position:absolute; right:0; top:25px; padding:0 0 !important; width:150px; height:70px; background:#fff; z-index:1;
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); IE6-9 */
|
||||
}
|
||||
.dv_sl ul li {display:inline-block;position:relative;}
|
||||
/* style all links */
|
||||
.dv_sl li a {width:150px !important; height:35px !important; line-height:35px !important; background:none !important; color:#fff !important; text-indent:0 !important;}
|
||||
.dv_sl li a {color:#000 !important; font-size:12px !important; display:block !important;}
|
||||
.dv_sl li a:hover, .dv_sl a:focus, .dv_sl a:active {background:#e0e0e0 !important;}
|
||||
/* style sub level links */
|
||||
.dv_sl li:last-child a {border-bottom:none !important;}
|
||||
|
||||
.ML_cert_list_area {margin:125px 0 0 0; overflow: hidden;}
|
||||
.ML_cert_list_pwchg_area {margin:11px 10px 0; height:98px; overflow: auto;}
|
||||
.ML_cert_list_del_area {margin:11px 10px 0; height:203px; overflow: auto;}
|
||||
.ML_cert_list_pfx_area {margin:11px 10px 0; height:213px; overflow: auto;}
|
||||
.ML_cert_list_sign_area {margin:11px 10px 0;}
|
||||
.ML_cert_list {margin:0 0 8px; padding:5px 0; height:56px; color:#616161; font-size:12px; line-height:16px; background:#f4f4f4;}
|
||||
.ML_cert_list:hover {}
|
||||
.ML_cert_list.list_on {background:#efe8cf url(../images/btn_check.png) no-repeat right bottom ;}
|
||||
.ML_cert_nor {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_normalcy_mobile.png) no-repeat; background-size:46px 56px;}
|
||||
.ML_cert_exp {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_expire_mobile.png) no-repeat; background-size:46px 56px;}
|
||||
.ML_cert_no {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_no_mobile.png) no-repeat; background-size:46px 56px;}
|
||||
.ML_cert_txt {float:left; padding:5px 0 0 10px;}
|
||||
.ML_cert_btn {position:absolute; right:0; margin-top:5px; width:20px; height:20px; background:url(../images/certlist_menu_icon.png) no-repeat; cursor:pointer}
|
||||
|
||||
.ML_cert_orgtext_area {margin:10px 10px; height:420px; background:#fdfdfd; border:1px solid #a8a8a8; overflow: auto;}
|
||||
#orgtext{padding:10px 10px; line-height:18px;}
|
||||
#orgtext .orgtit{display:block; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#orgtext .orgtxt{display:block; padding:0 8px; text-align:justify; font-size:1.2em; line-height:1.8em;}
|
||||
|
||||
#ML_cert_orgtext_area1 {margin:-1px 10px 0; padding:10px 0; height:380px; background:#fdfdfd; border:1px solid #a8a8a8; z-index:2;}
|
||||
#ML_cert_detail_area01 {margin:0 8px; height:330px; border:1px solid #e0e0e0; background:#fafafa; overflow:auto;}
|
||||
.ML_cert_detail_btn {height:30px; text-align:center; margin:0 10px; padding:10px 10px;}
|
||||
#detail_text01{padding:10px 10px; line-height:18px;}
|
||||
#detail_text01 .dtltit01{display:block; font-size:1.2em; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text01 .dtltxt01{display:block; padding:0 8px; text-align:justify; font-size:1.2em; line-height:1.6em}
|
||||
|
||||
#ML_cert_orgtext_area2 {margin:-1px 10px 0; padding:10px 0; background:#fdfdfd; border:1px solid #a8a8a8; z-index:2;}
|
||||
#ML_cert_detail_area02 {margin:0 8px; background:#fafafa;}
|
||||
#detail_text02{line-height:18px;}
|
||||
#detail_text02 .dtltit02{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text02 .dtltxt02{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
|
||||
#ML_cert_detail_area03 {margin:8px 8px 0; height:67px; border:1px solid #e0e0e0; background:#fafafa; overflow: auto;}
|
||||
#detail_text03{padding:10px 0; line-height:18px;}
|
||||
#detail_text03 .dtltit03{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text03 .dtltxt03{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
|
||||
.ML_cert_btn ul {position:absolute; right:0; top:25px; width:150px; height:70px; background:#415161; z-index:1;
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); IE6-9 */
|
||||
}
|
||||
.ML_cert_btn ul li {display:inline-block;position:relative;}
|
||||
/* sub navigation */
|
||||
.ML_cert_btn li ul {background:#415161;position:absolute;left:0;top:35px;width:200px;}
|
||||
.ML_cert_btn li li {position:relative; margin:0;display:block;}
|
||||
.ML_cert_btn li li ul {position:absolute;top:0;left:200px;margin:0;}
|
||||
/* style all links */
|
||||
.ML_cert_btn a {width:150px; line-height:35px;padding:0 12px; font-size:12px;}
|
||||
.ML_cert_btn a {color:#fff; font-size:12px; display:block;}
|
||||
.ML_cert_btn a:hover, .ML_cert_btn a:focus, .ML_cert_btn a:active {background:#566777;}
|
||||
/* style sub level links */
|
||||
.ML_cert_btn li li a { border-bottom:solid 1px #222;margin:0 10px;padding:0;}
|
||||
.ML_cert_btn li li:last-child a {border-bottom:none;}
|
||||
/* show arrows for dropdowns
|
||||
.ML_cert_btn li.dropdown > a {background-image:url('../img/arrow-down.png');background-position:right 20px;background-repeat:no-repeat;}
|
||||
.ML_cert_btn li li.dropdown > a { background-image:url('../img/arrow-right.png');background-position:right 16px;background-repeat:no-repeat;} */
|
||||
|
||||
.certi_name {display:block; color:#34373b; font-size:1.2em; font-weight:bold;}
|
||||
.certi_issuOrg {display:block; font-size:1.1em;}
|
||||
.certi_expDate {display:block; font-size:1.1em;}
|
||||
.certi_CIDI {display:inline-block;}
|
||||
.certi_nocert {display:block; color:#222; line-height:48px; font-size:14px; font-weight:bold;}
|
||||
|
||||
.ML_cert_list {*zoom:1;}
|
||||
.ML_cert_list:after{display:block; content:'';clear:both;}
|
||||
|
||||
.ML_cert_list_blank {height:1px;}
|
||||
#ML_cert_info {position:absolute; top:12px; background:#414243 url(../images/option_icon.png) no-repeat 10px 9px; width:336px; height:35px; padding:0 10px 0 34px; margin:0 0 0 10px; line-height:35px; color:#fff; text-align:left; overflow:hidden; border-radius:5px 5px 0 0; z-index:9;
|
||||
box-shadow:0 -2px 4px #d0d0d0;
|
||||
-moz-box-shadow:0 -2px 4px #d0d0d0; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 -2px 4px #d0d0d0; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 -2px 4px #d0d0d0; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 -2px 4px #d0d0d0; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#a2a2a2", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
|
||||
.ML_status_area {padding-top:10px;}
|
||||
.ML_pw_area {height:50px; z-index:10; padding:0 5px; }
|
||||
.ML_pw_chg_status_area {position:relative; bottom:0; height:169px;}
|
||||
.ML_pw_chg_area {position:absolute; bottom:0; width:360px; height:135px; background:#fafafa; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_del_status_area {position:relative; bottom:0; height:64px;}
|
||||
.ML_pw_del_area {position:absolute; bottom:0; width:360px; height:30px; background:#fafafa; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_pfx_status_area {position:relative; bottom:0; height:190px;}
|
||||
.ML_pw_pfx_area {height:80px; z-index:10; padding:10px;}
|
||||
.ML_pw_detail_status_area {position:relative; bottom:0; height:64px;}
|
||||
.ML_pw_detail_area {position:absolute; bottom:0; width:100%; height:30px; text-align:center;padding:10px 0; z-index:10;}
|
||||
.ML_pw_dialog_status_area {}
|
||||
.ML_pw_dialog_area {min-height:65px; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_dialog_txt {min-height:22px; margin-bottom:20px; font-size:1.4em; line-height:22px; color:#222;}
|
||||
|
||||
.ML_cert_pw_area {margin:0 0 10px; height:40px; text-align:left; padding:0 6px 0 6px;position:relative; overflow:hidden;}
|
||||
.ML_status_area_chg {margin-top:10px;}
|
||||
.ML_cert_pw_tit {display:inline-block; line-height:25px; color:#2a2a2a; padding-right:5px; font-size:1.2em; width:35%; text-align:right;}
|
||||
.ML_cert_pw_tit_chg {display:inline-block; width:115px; line-height:25px; font-size:1.2em; color:#2a2a2a; padding-right:5px; text-align:right; }
|
||||
.ML_cert_pw_field_chg {display:inline-block;}
|
||||
.ML_cert_pw_tit_pfx {display:inline-block; width:35%; line-height:25px; font-size:1.2em; color:#2a2a2a; padding-right:5px; text-align:right;}
|
||||
.ML_cert_pw_field {display:inline-block; vertical-align:top; width:100%;}
|
||||
.ML_cert_pw_keypad {display:inline-block; width:30px; height:30px; background:url(../images/btn_key.png)no-repeat 2px 2px;}
|
||||
.ML_cert_popup_tit {display:inline-block; width:105px; line-height:25px; color:#2a2a2a; padding-right:5px; font-size:1.2em; text-align:right;}
|
||||
.f_wh_210 {width:210px;}
|
||||
.f_wh_227 {width:227px;}
|
||||
.f_wh_240 {width:240px;}
|
||||
.f_wh_255 {width:255px;}
|
||||
.f_wh_274 {width:274px;}
|
||||
.f_wh_370 {width:360px;}
|
||||
.f_wh_400 {width:400px;}
|
||||
|
||||
.f_wh_per_50 {width:50%;}
|
||||
.f_wh_per_55 {width:55%;}
|
||||
.f_wh_per_60 {width:60%;}
|
||||
.f_wh_per_65 {width:65%;}
|
||||
|
||||
.ML_cert_secure_key {display:inline; width:25px; height:25px;}
|
||||
.ML_cert_secure_key img { vertical-align:top; margin:0; padding:0}
|
||||
|
||||
.ML_cert_file_area {margin:10px; height:30px; position:relative; text-align:left; overflow:hidden; padding:10px;}
|
||||
.ML_cert_file_btn {display:inline-block; width:30px; height:30px; background:url(../images/btn_folder.png) no-repeat 2px 2px; position:absolute; top:12px; right:0;}
|
||||
.ML_cert_file_add {width:25px; height:25px; opacity:0; filter:alpha(opacity:0); background:url(../images/btn_folder.png) no-repeat;}
|
||||
|
||||
.input_wrap{display:inline-block; height:28px; padding:1px; vertical-align:top;background:#ddd;}
|
||||
|
||||
.ML_cert_status {margin:0 0 10px; height:25px; border:1px solid #ddd; text-align:left;}
|
||||
.ML_cert_status .status_txt {padding-left:10px; line-height:25px;}
|
||||
|
||||
/* Input-box */
|
||||
.passwd_input{width:100%; height:36px; text-indent:10px; background:#ffffff; border:1px solid #a8a8a8; line-height:36px;}
|
||||
.passwd_input:hover{border:1px solid #87c9ff; }
|
||||
.passwd_input:focus{background:#fffbe6; border:1px solid #1672e4;}
|
||||
|
||||
/* buttom */
|
||||
.ML_btn_area {background:#fafafa; text-align:center; margin:10px 9px 0; z-index:10;}
|
||||
.btn_row {display:block; padding:0 5px; background:#fff;}
|
||||
#btn_row_top { padding-top:20px}
|
||||
.btn_row p{display:inline;}
|
||||
.btn_row p.b_blue_btn button{ float:none;}
|
||||
.btn_row_c {width:100%; display:block; margin-top:20px;}
|
||||
.btn_row_c p{display:inline;}
|
||||
.btn_row_s {margin:7px 9px;display:block; text-align:right;}
|
||||
.btn_row_s p{display:inline;}
|
||||
.btn_cell_left {width:100%; display:inline;vertical-align:top; text-align:left;}
|
||||
.btn_cell_center {width:100%; display:inline;vertical-align:top;}
|
||||
.btn_cell_right {width:100%; display:inline;vertical-align:top; text-align:right;}
|
||||
.MSG_cls{display:inline !important;}
|
||||
|
||||
.whtgrey_btn{text-align:center;}
|
||||
.whtgrey_btn button{width:45%; height:36px;padding:1px;border-radius:2px;border:1px solid #a8a8a8; cursor:pointer; background: #f4f4f4;}
|
||||
.whtgrey_btn button span{display:block;height:36px;border-radius:2px; font-size:1em;font-weight:bold;color:#34373b; line-height:34px;}
|
||||
.whtgrey_btn img{vertical-align: text-top; padding-right:3px;}
|
||||
.whtgrey_btn button:hover{background:#dbdbdb;}
|
||||
|
||||
.whtgrey_ws_btn{text-align:center;}
|
||||
.whtgrey_ws_btn button{width:100px;height:22px;padding:1px;border-radius:2px;border:1px solid #a8a8a8; cursor:pointer; background: #f4f4f4;}
|
||||
.whtgrey_ws_btn button span{display:block;height:22px;border-radius:2px; font-size:11px;font-weight:bold;color:#34373b}
|
||||
.whtgrey_ws_btn img{vertical-align:middle; padding-right:3px;}
|
||||
.whtgrey_ws_btn button:hover{background:#dbdbdb;}
|
||||
|
||||
.b_blue_btn{text-align:center; }
|
||||
.b_blue_btn button{ float:left; width:30%;height:40px;border-radius:2px;border:1px solid #0456bb;cursor:pointer; background:#1672e4;}
|
||||
.b_blue_btn button span{display:block;height:40px;border-radius:2px; line-height:40px; font-size:1.2em;font-weight:bold;color:#fff;}
|
||||
.b_blue_btn button:hover{background:#1466cd;}
|
||||
|
||||
.b_grey_btn{text-align:center;}
|
||||
.b_grey_btn button{ width:30%;height:40px;border-radius:2px;border:1px solid #a8a8a8;cursor:pointer; background:#dedede;}
|
||||
.b_grey_btn button span{display:block;height:40px;border-radius:2px; line-height:40px; font-size:1.2em;font-weight:bold;color:#424242;}
|
||||
.b_grey_btn button:hover{background:#c7c7c7;}
|
||||
|
||||
/* tabs */
|
||||
#ML_tabs {margin-top:10px;}
|
||||
.tabs{margin:0 10px; z-index:1;}
|
||||
.tabs li {display:inline-block; font-size:1.4em; }
|
||||
.tabs a {width:80px; padding:9px 10px;display:inline-block; text-align:center; background:#f4f4f4;color:#34373b;text-decoration:none; border:1px solid #a8a8a8;}
|
||||
.tabs a.active {background:#fdfdfd;color:#34373b; font-weight:bold; border-bottom:1px solid #fdfdfd;}
|
||||
|
||||
|
||||
/* table */
|
||||
.detail_tb{width:100%; border:1px solid #b6b6b6; padding:5px 5px; background-color:#f6f6f6;}
|
||||
.detail_tb thead, .detail_tb tbody{}
|
||||
.detail_tb thead {background-color:#c8c8c8;}
|
||||
.detail_tb thead tr {}
|
||||
.detail_tb thead tr th {height:20px; line-height:20px; font-size:1.1em}
|
||||
.detail_tb tbody {}
|
||||
.detail_tb tbody {border-top:1px solid #b6b6b6;}
|
||||
.detail_tb tbody tr th{padding:5px 5px; text-align:left; border:1px solid #b6b6b6; font-size:1.1em}
|
||||
.detail_tb tbody td, .detail_tb thead th{border-right:1px solid #b6b6b6;}
|
||||
.detail_tb thead th:first-child{ padding:5px 5px; width:30%;}
|
||||
.detail_tb thead th:last-child{padding:5px 5px; border-right:none;padding:5px 5px;}
|
||||
.detail_tb tbody td:first-child{padding:5px 5px; width:30;}
|
||||
.detail_tb tbody td:last-child{border-right:none; padding:5px 5px;background:#fff; width:70%;}
|
||||
.detail_tb tbody tr {border-bottom:1px solid #b6b6b6; height:20px;font-size:1.1em }
|
||||
.detail_tb tbody tr:last-child{border-bottom:none;}
|
||||
.td_title{ font-size:1.1em}
|
||||
|
||||
/*.detail_tb{width:100%; border:1px solid #b6b6b6; padding:5px 5px; background-color:#f6f6f6;}
|
||||
.detail_tb thead tr{ background-color:#c8c8c8; }
|
||||
.detail_tb thead tr th{padding:5px 5px; text-align:left; border:1px solid #b6b6b6;}
|
||||
.detail_tb tbody tr td{padding:5px 5px; text-align:left; border:1px solid #b6b6b6;}
|
||||
.td_title{width:30%;}*/
|
||||
|
||||
/* footer */
|
||||
.ft_area{font:Verdana, Geneva, sans-serif; font-size:9px; letter-spacing:-1; line-height:15px; text-align:right}
|
||||
.ft_area .ft_ver{position:absolute; left:0; padding-left:10px;}
|
||||
.ft_area .ft_copy{position:relative; right:0; padding-right:10px;}
|
||||
|
||||
.blind {
|
||||
font-size: 1;
|
||||
position: absolute;
|
||||
top: -999999px;
|
||||
}
|
||||
@ -1,742 +0,0 @@
|
||||
@charset "utf-8";
|
||||
|
||||
|
||||
/******************* common *******************/
|
||||
html,body{height:100%}
|
||||
*{margin:0;padding:0;font-family:"맑은고딕",Malgun Gothic,"돋움",Dotum,"굴림",Gulim,Helvetica,"애플고딕",AppleGothic,Sans-serif;-webkit-text-size-adjust:none}
|
||||
body{background:#fff;color:#5e5e5e;word-wrap:break-word;word-break:break-all}
|
||||
body,input,select,textarea{font-size:12px}
|
||||
textarea{border:1px solid #bcbcbc}
|
||||
li{list-style:none}
|
||||
table{border-collapse:collapse}
|
||||
img,fieldset{border:none}
|
||||
a{text-decoration:none;cursor:pointer}
|
||||
label{cursor:pointer}
|
||||
strong{font-weight:normal}
|
||||
em,address{font-style:normal}
|
||||
input{outline-style:none;}
|
||||
input:-ms-input-placeholder { color: gray; }
|
||||
input::-webkit-input-placeholder { color: gray; }
|
||||
input::-moz-placeholder { color: gray; }
|
||||
input::-moz-placeholder { color: gray; }
|
||||
|
||||
|
||||
input[type='checkbox']{vertical-align:middle;border:0;border-radius:0}
|
||||
input[type='checkbox']:focus{border: 1px solid #0e4eb2;outline: 1px solid #0e4eb2;}
|
||||
|
||||
/*
|
||||
input[type='checkbox']{background:url(../images/checkbox_nor.png)no-repeat; height:22px; width:22px; background-size:22px 22px;-webkit-background-size:22px 22px; -webkit-appearance:none}
|
||||
input[type='checkbox']:checked{background:#fff; width:22px; height:22px; background:url(../images/checkbox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative}
|
||||
input[type='checkbox']:checked:after {content:' '; display:block; width:22px; height:22px; background:url(../images/checkbox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative;}
|
||||
*/
|
||||
input[type='radio']{vertical-align:middle;}
|
||||
/*
|
||||
input[type='radio']{background:url(../images/radiobox_nor.png)no-repeat; height:22px; width:22px; background-size:22px 22px;-webkit-background-size:22px 22px; -webkit-appearance:none}
|
||||
input[type='radio']:checked{background:#fff; width:22px; height:22px; background:url(../images/radiobox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative}
|
||||
input[type='radio']:checked:after {content:' '; display:block; width:22px; height:22px; background:url(../images/radiobox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative;}
|
||||
*/
|
||||
|
||||
.text_redB{PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #f52828; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-TOP: 2px}
|
||||
.text_red_10 {PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #f52828; FONT-SIZE: 10px; PADDING-TOP: 2px}
|
||||
.text_black{PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #000000; FONT-SIZE: 11px; PADDING-TOP: 2px; line-height: 18px}
|
||||
.text_grey24{PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #666666; FONT-SIZE: 11px; PADDING-TOP: 2px; line-height: 24px}
|
||||
.text_blackB{PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-TOP: 2px}
|
||||
.text_orangeB{COLOR: #ee6a02; FONT-SIZE: 14px; FONT-WEIGHT: bold}
|
||||
.text_orange{COLOR: #ee6a02; FONT-SIZE: 12px}
|
||||
.text_grayB{FONT-SIZE: 12px; FONT-WEIGHT: bold}
|
||||
.text_gray2B{COLOR: #363636; FONT-SIZE: 12px; FONT-WEIGHT: bold}
|
||||
.text_gray{FONT-SIZE: 12px}
|
||||
.text_gray_c9c9c9{COLOR: #c9c9c9; FONT-SIZE: 12px}
|
||||
.ali_left{TEXT-ALIGN: left; PADDING-LEFT: 13px}
|
||||
.ali_right{TEXT-ALIGN:right;PADDING-RIGHT:50px}
|
||||
|
||||
.w_space4{padding-left:4px}
|
||||
.w_space5{padding-left:5px}
|
||||
.w_space8{padding-left:8px}
|
||||
.w_space10{padding-left:10px}
|
||||
.w_space12{padding-left:12px}
|
||||
.w_space15{padding-left:15px}
|
||||
.w_space18{padding-left:18px}
|
||||
.w_space20{padding-left:20px}
|
||||
.w_space25{padding-left:25px}
|
||||
.w_space30{padding-left:30px}
|
||||
.w_space35{padding-left:35px}
|
||||
.w_space40{padding-left:40px}
|
||||
.w_space50{padding-left:50px}
|
||||
.w_space80{padding-left:80px}
|
||||
|
||||
|
||||
/******************* layout *******************/
|
||||
|
||||
#ML_container{background:#fdfdfd; width:418px; height:558px; font-size:12px;border:none;
|
||||
}
|
||||
#ML_container_popup{background:#fdfdfd; width:398px; font-size:12px;border:none;
|
||||
}
|
||||
.ML_pw_popup_area {text-align:center; margin:8px 10px 4px; padding:11px 0; z-index:10;}
|
||||
.ML_alert_popup_area {text-align:center; margin:0 10px 4px; padding:11px 0; z-index:10;}
|
||||
.ML_container_pfx{background:#fdfdfd;height:290px; width:400px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_container_dialog{background:#fdfdfd;min-height:130px; width:350px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_container_popup{background:#fdfdfd;height:180px; width:400px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_container_certview{background:#fdfdfd;height:400px; width:380px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_header{height:35px;position:relative;z-index:1; background:#e4e4e4;}
|
||||
.ML_header_sdw{height:30px;position:relative;z-index:1; background:#28353f;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_content{}
|
||||
.ML_content .ML_content-area{}
|
||||
.ML_footer{height:15px;}
|
||||
|
||||
/* header */
|
||||
.hd_area{ text-align:right;}
|
||||
.hd_area .head_tit{position:absolute; display:inline-block; left:0; padding-left:10px; color:#34373b; font-size:16px; font-weight:bold; line-height:30px;}
|
||||
.hd_area .head_close{position:relative; display:inline-block; width:27px; height:27px; padding:8px 8px 0 0; right:0; background:#b2b2b2;}
|
||||
.hd_area .head_close:hover{background:#a0a0a0;}
|
||||
.hd_area .head_close img{}
|
||||
|
||||
/* Title */
|
||||
.ML_sub_tit {margin:10px 8px 9px;color:#34373b; font-size:12px; font-weight:bold;}
|
||||
.ML_sub_tit_link {display:inline-block; color:#34373b; font-size:12px; font-weight:bold; float:right; text-align:right;}
|
||||
.ML_sub_tit_link a {color:#727272;}
|
||||
.ML_sub_tit_link a:hover {color:#3d6fb7;}
|
||||
.ML_sub_tit_link a:focus {color:#3d6fb7;}
|
||||
|
||||
.ML_sub_tit_bt {margin:6px 8px 9px;color:#34373b; font-size:12px; font-weight:bold;line-height:20px;}
|
||||
.hp_btn{text-align:center;line-height:16px;}
|
||||
.hp_btn button{width:140px;height:20px;padding:1px;border-radius:2px;border:1px solid #a8a8a8; cursor:pointer; background: #f4f4f4;}
|
||||
.hp_btn button span{display:block;height:22px;border-radius:2px; font-size:11px;font-weight:bold;color:#1672e4}
|
||||
.hp_btn img{vertical-align:middle; padding-right:3px; margin-top:-2px;}
|
||||
.hp_btn button:hover{background:#dbdbdb;}
|
||||
.hp_btn button:focus{background:#dbdbdb;}
|
||||
|
||||
/* Install */
|
||||
#ML_container_install{background:#fdfdfd; width:398px; font-size:12px;border:none;
|
||||
}
|
||||
.install_wrap{padding:10px 0 0 20px; vertical-align:top;}
|
||||
.install_wrap img{display:inline-block; padding:0 20px 0 0; vertical-align:middle;}
|
||||
.install_txt{display:inline-block; width:220px; color:#193b65; font-weight:bold; font-size:12px; line-height:20px;vertical-align:middle;}
|
||||
.loadbar{width:152px; height:21px; margin-left:60px; display:block; }
|
||||
.loadbar_txt{display:block; color:#193b65; margin:10px 0 0 64px; font-weight:bold; }
|
||||
.loadbar_txt2{display:block; color:#193b65; font-weight:bold; }
|
||||
|
||||
/******************* storage Select *******************/
|
||||
.ML_cp_AD {padding:10px 9px 0; margin:0; }
|
||||
.ML_cp_AD img {vertical-align:top; margin:0; padding:0}
|
||||
.ML_storage_box_sub {width:396px; margin-left:1px;}
|
||||
.customNavigation{display:none;}
|
||||
.ML_storage_box {position:relative; margin:0 9px; height:75px; border:1px solid #a8a8a8;}
|
||||
.ML_storage_area {margin:0; width:396px; height:75px; display:block;}
|
||||
.ML_storage_area ul {height:74px; text-align:center;}
|
||||
.ML_storage_area li {float:left;background:;}
|
||||
.ML_storage_area li a{display:block; width:66px; height:75px; overflow:hidden; color:#34373b; font-size:0.80em; font-weight:bold; letter-spacing:-1px; background:url(../images/storage_icon_6by.png) no-repeat; cursor:pointer; vertical-align:text-bottom; /*text-indent:-5000px;*/}
|
||||
.ML_storage_area li span{display:inline-block; padding-top:55px}
|
||||
|
||||
/* positioning */
|
||||
.ML_storage_area li.ML_storage_smartcert a {width:66px; height:75px; background-position: 0 -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert a:hover {background-position: -66px -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert a:focus {background-position: -132px -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert.on a{background-position: -198px -150px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_smartcert.off a{background-position: -264px -150px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_smartcert.ins a{background-position: -330px -150px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_token a {width:66px; height:75px; background-position: 0 -225px;}
|
||||
.ML_storage_area li.ML_storage_token a:hover {background-position: -66px -225px;}
|
||||
.ML_storage_area li.ML_storage_token a:focus {background-position: -132px -225px;}
|
||||
.ML_storage_area li.ML_storage_token.on a{background-position: -198px -225px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_token.off a{background-position: -264px -225px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_token.ins a{background-position: -330px -225px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_browser a {width:66px; height:75px; background-position: 0 -75px;}
|
||||
.ML_storage_area li.ML_storage_browser a:hover {background-position: -66px -75px;}
|
||||
.ML_storage_area li.ML_storage_browser a:focus {background-position: -132px -75px;}
|
||||
.ML_storage_area li.ML_storage_browser.on a{background-position: -198px -75px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_browser.off a{background-position: -264px -75px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_browser.ins a{background-position: -330px -75px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_phone a {width:66px; height:75px; background-position: 0 -300px;}
|
||||
.ML_storage_area li.ML_storage_phone a:hover {background-position: -66px -300px;}
|
||||
.ML_storage_area li.ML_storage_phone a:focus {background-position: -132px -300px;}
|
||||
.ML_storage_area li.ML_storage_phone.on a{background-position: -198px -300px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_phone.off a{background-position: -264px -300px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_phone.ins a{background-position: -330px -300px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_hdd a {width:66px; height:75px; background-position: 0 0;}
|
||||
.ML_storage_area li.ML_storage_hdd a:hover {background-position: -66px 0;}
|
||||
.ML_storage_area li.ML_storage_hdd a:focus {background-position: -132px 0;}
|
||||
.ML_storage_area li.ML_storage_hdd.on a{background-position: -198px 0; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_hdd.off a{background-position: -264px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_hdd.ins a{background-position: -330px 0; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_sch a {width:66px; height:75px; background-position: 0 -375px;}
|
||||
.ML_storage_area li.ML_storage_sch a:hover {background-position: -66px -375px;}
|
||||
.ML_storage_area li.ML_storage_sch a:focus {background-position: -132px -375px;}
|
||||
.ML_storage_area li.ML_storage_sch.on a{background-position: -198px -375px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_sch.off a{background-position: -264px -375px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_sch.ins a{background-position: -330px -375px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_shdd a {width:66px; height:75px; background-position: 0 -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd a:hover {background-position: -66px -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd a:focus {background-position: -132px -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd.on a{background-position: -198px -450px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_shdd.off a{background-position: -264px -450px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_shdd.ins a{background-position: -330px -450px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_cloud a {width:66px; height:75px; background-position: 0 -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud a:hover {background-position: -66px -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud a:focus {background-position: -132px -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud.on a{background-position: -198px -525px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_cloud.off a{background-position: -264px -525px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_cloud.ins a{background-position: -330px -525px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_unisign a {width:66px; height:75px; background-position: 0 -525px;}
|
||||
.ML_storage_area li.ML_storage_unisign a:hover {background-position: -66px -525px;}
|
||||
.ML_storage_area li.ML_storage_unisign a:focus {background-position: -132px -525px;}
|
||||
.ML_storage_area li.ML_storage_unisign.on a{background-position: -198px -525px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_unisign.off a{background-position: -264px -525px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_unisign.ins a{background-position: -330px -525px; color:#bebebe;}
|
||||
|
||||
|
||||
.ML_storage_area {*zoom:1;}
|
||||
.ML_storage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
.ML_storage_area {*zoom:1;}
|
||||
.ML_storage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
/*#MSG_TS703{padding-top:49px; display: inline-block;}*/
|
||||
|
||||
/******************* import/export storage Select *******************/
|
||||
.ML_iestorage_box {position:relative; margin:0 0 10px;; height:170px; border:1px solid #a8a8a8; overflow-y:scroll; overflow-x:hidden;}
|
||||
.ML_iestorage_area {margin:0; width:375px; height:75px; display:block;}
|
||||
.ML_iestorage_area ul {height:74px; text-align:center; padding:0 8px;}
|
||||
.ML_iestorage_area li {float:left;background:;padding:5px 5px;}
|
||||
.ML_iestorage_area li a{display:block; width:75px; height:75px; overflow:hidden; color:#34373b; font-size:11px; font-weight:bold; letter-spacing:-1px; background:url(../images/iestorage_icon.png) no-repeat; cursor:pointer; vertical-align:text-bottom; /*text-indent:-5000px;*/}
|
||||
.ML_iestorage_area li span{display:inline-block; padding-top:55px}
|
||||
|
||||
/* import/export storage positioning */
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a {width:75px; height:75px; background-position: 0 -150px;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a:hover {background-position: -75px -150px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a:focus {background-position: -150px -150px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.on a{background-position: -225px -150px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.off a{background-position: -300px -150px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.ins a{background-position: -375px -150px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a {width:75px; height:75px; background-position: 0 -225px;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a:hover {background-position: -75px -225px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a:focus {background-position: -150px -225px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.on a{background-position: -225px -225px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.off a{background-position: -300px -225px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.ins a{background-position: -375px -225px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a {width:75px; height:75px; background-position: 0 -75px;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a:hover {background-position: -75px -75px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a:focus {background-position: -150px -75px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.on a{background-position: -225px -75px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.off a{background-position: -300px -75px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.ins a{background-position: -375px -75px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a {width:75px; height:75px; background-position: 0 -300px;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a:hover {background-position: -75px -300px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a:focus {background-position: -150px -300px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.on a{background-position: -225px -300px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.off a{background-position: -300px -300px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.ins a{background-position: -375px -300px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a {width:75px; height:75px; background-position: 0 0;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a:hover {background-position: -75px 0; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a:focus {background-position: -150px 0; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.on a{background-position: -225px 0; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.off a{background-position: -300px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.ins a{background-position: -375px 0; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a {width:75px; height:75px; background-position: 0 -375px;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a:hover {background-position: -75px -375px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a:focus {background-position: -150px -375px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.on a{background-position: -225px -375px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.off a{background-position: -300px -375px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.ins a{background-position: -375px -375px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a {width:75px; height:75px; background-position: 0 -450px;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a:hover {background-position: -75px -450px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a:focus {background-position: -150px -450px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.on a{background-position: -225px -450px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.off a{background-position: -300px -450px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.ins a{background-position: -375px -450px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a {width:75px; height:75px; background-position: 0 -525px;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a:hover {background-position: -75px -525px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a:focus {background-position: -150px -525px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.on a{background-position: -225px -525px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.off a{background-position: -300px -525px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.ins a{background-position: -375px -525px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a {width:75px; height:75px; background-position: 0 -600px;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a:hover {background-position: -75px -600px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a:focus {background-position: -150px -600px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.on a{background-position: -225px -600px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.off a{background-position: -300px -600px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.ins a{background-position: -375px -600px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a {width:75px; height:75px; background-position: 0 -675px;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a:hover {background-position: -75px -675px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a:focus {background-position: -150px -675px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.on a{background-position: -225px -675px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.off a{background-position: -300px -675px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.ins a{background-position: -375px -675px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a {width:75px; height:75px; background-position: 0 -750px;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a:hover {background-position: -75px -750px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a:focus {background-position: -150px -750px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.on a{background-position: -225px -750px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.off a{background-position: -300px -750px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.ins a{background-position: -375px -750px; color:#cdcdcd;}
|
||||
|
||||
.ML_iestorage_area {*zoom:1;}
|
||||
.ML_iestorage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
.drive_position {position:absolute; margin:0; cursor:pointer; z-index:1000000;}
|
||||
.drive_position ul {position:; right:0; top:0; padding:0 0 !important; background:#fff; background:#fefefe;
|
||||
/*border: 1px solid #a8a8a8;*/
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); /* IE6-9 */
|
||||
overflow-y:auto;
|
||||
overflow-x:hidden;
|
||||
max-height:200px;
|
||||
}
|
||||
.drive_position ul li {display:inline-block;position:relative;}
|
||||
/* style all links */
|
||||
.drive_position li a { height:35px !important; line-height:35px !important; background:none !important; color:#fff !important; text-indent:10px !important;}
|
||||
.drive_position li a {color:#000 !important; font-size:12px !important; display:block !important;}
|
||||
.drive_position li a:hover, .drive_position a:focus, .drive_position a:active {background:#e0e0e0 !important;}
|
||||
|
||||
/* style sub menu width */
|
||||
.wdh_150 {width:150px !important;}
|
||||
.wdh_210 {width:210px !important;}
|
||||
|
||||
/* style sub level links */
|
||||
.drive_position li:last-child a {border-bottom:none !important;}
|
||||
.drive_position.pos_01 {top:36px; left:75px;}
|
||||
.drive_position.pos_02 {top:36px; left:120px;}
|
||||
.drive_position.pos_03 {top:36px; left:185px;}
|
||||
.drive_position.pos_04 {top:36px; left:50px;}
|
||||
.drive_position.pos_05 {top:36px; left:150px;}
|
||||
.drive_position.iepos_01 {top:36px; left:75px;}
|
||||
.drive_position.iepos_02 {top:36px; left:150px;}
|
||||
.drive_position.iepos_03 {top:36px; left:50px;}
|
||||
.drive_position.iepos_04 {top:36px; left:125px;}
|
||||
.drive_position.iepos_05 {top:111px; left:75px;}
|
||||
.drive_position.iepos_06 {top:111px; left:150px;}
|
||||
.drive_position.iepos_07 {top:111px; left:50px;}
|
||||
.drive_position.iepos_08 {top:111px; left:125px;}
|
||||
.drive_position.iepos_09 {bottom:36px; left:75px;}
|
||||
.drive_position.iepos_10 {bottom:36px; left:150px;}
|
||||
.drive_position.iepos_11 {bottom:36px; left:50px;}
|
||||
.drive_position.iepos_12 {bottom:36px; left:125px;}
|
||||
|
||||
#str_df {display:inline;}
|
||||
#str_ex {display:inline;}
|
||||
|
||||
.ML_storage_box .str_add_li {margin:0; position:absolute; right:0; top:0; display:inline-block; width:22px; height:75px; text-align:right; border-left:1px solid #a8a8a8; cursor:pointer; }
|
||||
.ML_storage_box .str_add_li.ne{background:url(../images/icon_next.png) no-repeat 4px 30px;}
|
||||
.ML_storage_box .str_add_li.pr {background:url(../images/icon_prev.png) no-repeat 4px 30px;}
|
||||
.ML_storage_box .str_add_li.dis {background:url(../images/icon_next_dis.png) no-repeat 4px 30px;}
|
||||
.btn_str_add{display:block; width:22px; height:75px; margin:0;}
|
||||
|
||||
.str_add {position:relative; margin-top:30px; margin-left:4px; width:16px; height:16px; background:url(../images/icon_next.png) no-repeat; cursor:pointer;}
|
||||
|
||||
|
||||
/******************* admin_menu Select *******************/
|
||||
.ML_admin_box {margin:0 9px; padding:0 1px; height:57px; border:1px solid #a8a8a8;}
|
||||
.ML_admin_menu_dft {float:left;}
|
||||
.ML_admin_menu_dft {*zoom:1;}
|
||||
.ML_admin_menu_dft:after{display:block; content:'';clear:both;}
|
||||
.ML_admin_menu_area {height:57px; vertical-align:top;}
|
||||
.ML_admin_menu_area ul {width:398px; height:57px; text-align:center; overflow:hidden}
|
||||
.ML_admin_menu_area li {float:left;}
|
||||
.ML_admin_menu_area li.cer_sch {width:25px; text-align:right; padding-top:5px;}
|
||||
.ML_admin_menu_area li a{display:block; width:66px; height:57px; vertical-align:text-bottom; color:#34373b; font-size:11px; font-weight:bold; letter-spacing:-1px; overflow:hidden; background:url(../images/admin_icon.png) no-repeat; cursor:pointer}
|
||||
.ML_admin_menu_area li span{display:inline-block; padding-top:39px}
|
||||
|
||||
/* admin_positioning */
|
||||
.ML_admin_menu_area li.ad_cert_copy a {width:66px; height:57px; background-position: 0 0;}
|
||||
.ML_admin_menu_area li.ad_cert_copy a:hover {background-position: -66px 0; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_copy a:focus {background-position: -132px 0; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.on a{background-position: -198px 0;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.off a{background-position: -264px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.ins a{background-position: -330px 0; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_view a {width:66px; height:57px; background-position: 0 -57px;}
|
||||
.ML_admin_menu_area li.ad_cert_view a:hover {background-position: -66px -57px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_view a:focus {background-position: -132px -57px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_view.on a{background-position: -180px -57px;}
|
||||
.ML_admin_menu_area li.ad_cert_view.off a{background-position: -264px -57px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_view.ins a{background-position: -330px -57px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_del a {width:66px; height:57px; background-position: 0 -114px;}
|
||||
.ML_admin_menu_area li.ad_cert_del a:hover {background-position: -66px -114px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_del a:focus {background-position: -132px -114px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_del.on a{background-position: -198px -114px;}
|
||||
.ML_admin_menu_area li.ad_cert_del.off a{background-position: -264px -114px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_del.ins a{background-position: -330px -114px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a {width:66px; height:57px; background-position: 0 -171px;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a:hover {background-position: -66px -171px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a:focus {background-position: -132px -171px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.on a{background-position: -198px -171px;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.off a{background-position: -264px -171px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.ins a{background-position: -330px -171px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_import a {width:66px; height:57px; background-position: 0 -228px;}
|
||||
.ML_admin_menu_area li.ad_cert_import a:hover {background-position: -66px -228px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_import a:focus {background-position: -132px -228px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_import.on a{background-position: -198px -228px;}
|
||||
.ML_admin_menu_area li.ad_cert_import.off a{background-position: -264px -228px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_import.ins a{background-position: -330px -228px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_send a {width:66px; height:57px; background-position: 0 -285px;}
|
||||
.ML_admin_menu_area li.ad_cert_send a:hover {background-position: -66px -285px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_send a:focus {background-position: -132px -285px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_send.on a{background-position: -198px -285px;}
|
||||
.ML_admin_menu_area li.ad_cert_send.off a{background-position: -264px -285px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_send.ins a{background-position: -330px -285px; color:#cdcdcd;}
|
||||
|
||||
|
||||
.dv_sl {position:relative; margin-top:30px; margin-left:4px; width:16px; height:16px; background:url(../images/icon_next.png) no-repeat; cursor:pointer;}
|
||||
.dv_sl ul {position:absolute; right:0; top:25px; padding:0 0 !important; width:150px; height:70px; background:#fff; z-index:1;
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); IE6-9 */
|
||||
}
|
||||
.dv_sl ul li {display:inline-block;position:relative;}
|
||||
/* style all links */
|
||||
.dv_sl li a {width:150px !important; height:35px !important; line-height:35px !important; background:none !important; color:#fff !important; text-indent:0 !important;}
|
||||
.dv_sl li a {color:#000 !important; font-size:12px !important; display:block !important;}
|
||||
.dv_sl li a:hover, .dv_sl a:focus, .dv_sl a:active {background:#e0e0e0 !important;}
|
||||
/* style sub level links */
|
||||
.dv_sl li:last-child a {border-bottom:none !important;}
|
||||
|
||||
.ML_cert_list_area {margin:0 9px; height:150px;}
|
||||
.ML_cert_list_pwc_area {margin:0 9px; height:125px;}
|
||||
.ML_cert_list_pwchg_area {margin:11px 10px 0; height:98px; overflow: auto;}
|
||||
.ML_cert_list_del_area {margin:11px 10px 0; height:203px; overflow: auto;}
|
||||
.ML_cert_list_pfx_area {margin:11px 10px 0; height:213px; overflow: auto;}
|
||||
.ML_cert_list_sign_area {margin:11px 10px 0;}
|
||||
.ML_cert_list {margin:0 0 8px; padding:5px 0; height:56px; color:#616161; font-size:12px; line-height:16px; background:#f4f4f4;}
|
||||
.ML_cert_list:hover {}
|
||||
.ML_cert_list.list_on {background:#efe8cf url(../images/btn_check.png) no-repeat right bottom ;}
|
||||
.ML_cert_nor {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_normalcy.png) no-repeat;}
|
||||
.ML_cert_exp {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_expire.png) no-repeat;}
|
||||
.ML_cert_no {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_no.png) no-repeat;}
|
||||
.ML_cert_txt {float:left; padding:5px 0 0 10px;}
|
||||
.ML_cert_btn {position:absolute; right:0; margin-top:5px; width:20px; height:20px; background:url(../images/certlist_menu_icon.png) no-repeat; cursor:pointer}
|
||||
|
||||
.ML_cert_orgtext_area {margin:0 10px; height:270px; background:#fdfdfd; border:1px solid #a8a8a8; overflow: auto;}
|
||||
#orgtext{padding:10px 10px; line-height:18px;}
|
||||
#orgtext .orgtit{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#orgtext .orgtxt{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
#ML_cert_orgtext_area1 {margin:-1px 10px 0; padding:10px 0; height:340px; background:#fdfdfd; border:1px solid #a8a8a8; z-index:2;}
|
||||
#ML_cert_detail_area01 {margin:0 8px; height:298px; border:1px solid #e0e0e0; background:#fafafa; overflow:auto;}
|
||||
.ML_cert_detail_btn {height:30px; text-align:center; margin:0 10px; padding:10px 10px;}
|
||||
#detail_text01{padding:10px 10px; line-height:18px;}
|
||||
#detail_text01 .dtltit01{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text01 .dtltxt01{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
#ML_cert_orgtext_area2 {margin:-1px 10px 0; padding:10px 0; height:340px; background:#fdfdfd; border:1px solid #a8a8a8; z-index:2;}
|
||||
#ML_cert_detail_area02 {margin:0 8px; height:265px; background:#fafafa;}
|
||||
#detail_text02{line-height:18px;}
|
||||
#detail_text02 .dtltit02{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text02 .dtltxt02{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
|
||||
#ML_cert_detail_area03 {margin:8px 8px 0; height:67px; border:1px solid #e0e0e0; background:#fafafa; overflow: auto;}
|
||||
#detail_text03{padding:10px 0; line-height:18px;}
|
||||
#detail_text03 .dtltit03{display:block; font-size:14px; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text03 .dtltxt03{display:block; padding:0 8px; text-align:justify;}
|
||||
|
||||
|
||||
.ML_cert_btn ul {position:absolute; right:0; top:25px; width:150px; height:70px; background:#415161; z-index:1;
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); IE6-9 */
|
||||
}
|
||||
.ML_cert_btn ul li {display:inline-block;position:relative;}
|
||||
/* sub navigation */
|
||||
.ML_cert_btn li ul {background:#415161;position:absolute;left:0;top:35px;width:200px;}
|
||||
.ML_cert_btn li li {position:relative; margin:0;display:block;}
|
||||
.ML_cert_btn li li ul {position:absolute;top:0;left:200px;margin:0;}
|
||||
/* style all links */
|
||||
.ML_cert_btn a {width:150px; line-height:35px;padding:0 12px; font-size:12px;}
|
||||
.ML_cert_btn a {color:#fff; font-size:12px; display:block;}
|
||||
.ML_cert_btn a:hover, .ML_cert_btn a:focus, .ML_cert_btn a:active {background:#566777;}
|
||||
/* style sub level links */
|
||||
.ML_cert_btn li li a { border-bottom:solid 1px #222;margin:0 10px;padding:0;}
|
||||
.ML_cert_btn li li:last-child a {border-bottom:none;}
|
||||
/* show arrows for dropdowns
|
||||
.ML_cert_btn li.dropdown > a {background-image:url('../img/arrow-down.png');background-position:right 20px;background-repeat:no-repeat;}
|
||||
.ML_cert_btn li li.dropdown > a { background-image:url('../img/arrow-right.png');background-position:right 16px;background-repeat:no-repeat;} */
|
||||
|
||||
.certi_name {display:block; color:#34373b; font-size:12px; font-weight:bold;}
|
||||
.certi_issuOrg {display:block; font-size:11px;}
|
||||
.certi_expDate {display:block; font-size:11px;}
|
||||
.certi_CIDI {display:inline-block;}
|
||||
.certi_nocert {display:block; color:#222; line-height:48px; font-size:14px; font-weight:bold;}
|
||||
|
||||
.ML_cert_list {*zoom:1;}
|
||||
.ML_cert_list:after{display:block; content:'';clear:both;}
|
||||
|
||||
.ML_cert_list_blank {height:1px;}
|
||||
#ML_cert_info {position:absolute; top:12px; background:#414243 url(../images/option_icon.png) no-repeat 10px 9px; width:336px; height:35px; padding:0 10px 0 34px; margin:0 0 0 10px; line-height:35px; color:#fff; text-align:left; overflow:hidden; border-radius:5px 5px 0 0; z-index:9;
|
||||
box-shadow:0 -2px 4px #d0d0d0;
|
||||
-moz-box-shadow:0 -2px 4px #d0d0d0; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 -2px 4px #d0d0d0; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 -2px 4px #d0d0d0; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 -2px 4px #d0d0d0; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#a2a2a2", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
|
||||
.ML_status_area {}
|
||||
.ML_pw_area {height:65px; background:#fafafa; text-align:center; margin:0 9px; z-index:10;}
|
||||
.ML_pw_chg_status_area {position:relative; bottom:0; height:169px;}
|
||||
.ML_pw_chg_area {position:absolute; bottom:0; width:360px; height:135px; background:#fafafa; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_del_status_area {position:relative; bottom:0; height:64px;}
|
||||
.ML_pw_del_area {position:absolute; bottom:0; width:360px; height:30px; background:#fafafa; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_pfx_status_area {position:relative; bottom:0; height:100px;}
|
||||
.ML_pw_pfx_area {position:absolute; top:0; width:360px; height:80px; text-align:center; margin:8px 10px 4px; padding:5px 10px; z-index:10;}
|
||||
.ML_pw_detail_status_area {position:relative; bottom:0; height:64px;}
|
||||
.ML_pw_detail_area {position:absolute; bottom:0; width:100%; height:30px; text-align:center; margin:8px 0 4px; padding:10px 0; z-index:10;}
|
||||
.ML_pw_dialog_status_area {}
|
||||
.ML_pw_dialog_area {min-height:65px; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_dialog_txt {min-height:22px; margin-bottom:20px; font-size:14px; line-height:22px; color:#222;}
|
||||
|
||||
/* .ML_cert_pw_area {margin:0 0 10px; height:30px; text-align:left;} */
|
||||
.ML_cert_pw_area {margin:0 0 7px; height:30px; text-align:left;position:relative;}
|
||||
.ML_status_area_chg {margin-top:10px;}
|
||||
.ML_cert_pw_tit {display:inline-block; line-height:25px; color:#2a2a2a; padding-right:5px; font-size:12px;}
|
||||
.ML_cert_pw_tit_chg {display:inline-block; width:115px; line-height:25px; font-size:12px; color:#2a2a2a; padding-right:5px; text-align:right; font-size:12px;}
|
||||
.ML_cert_pw_field_chg {display:inline-block;}
|
||||
.ML_cert_pw_tit_pfx {display:inline-block; width:90px; line-height:25px; font-size:12px; color:#2a2a2a; padding-right:5px; text-align:left; font-size:12px;}
|
||||
.ML_cert_pw_field {display:inline-block; vertical-align:top; width:100%;}
|
||||
.ML_cert_pw_key_box {position:absolute;top:0;right:0;}
|
||||
.ML_cert_pw_keypad {display:block; width:30px; height:30px; background:url(../images/btn_key.png)no-repeat 2px 2px;}
|
||||
.ML_cert_popup_tit {display:inline-block; width:105px; line-height:25px; color:#2a2a2a; padding-right:5px; font-size:12px; text-align:right;}
|
||||
.ML_cert_popup_tit_copy {display:inline-block; width:75px; line-height:25px; color:#2a2a2a; padding-right:5px; font-size:12px; text-align:center;}
|
||||
.f_wh_210 {width:210px;}
|
||||
.f_wh_224 {width:224px;}
|
||||
.f_wh_227 {width:227px;}
|
||||
.f_wh_240 {width:240px;}
|
||||
.f_wh_255 {width:255px;}
|
||||
.f_wh_259 {width:259px;}
|
||||
.f_wh_274 {width:274px;}
|
||||
.f_wh_370 {width:360px;}
|
||||
.f_wh_400 {width:400px;}
|
||||
.ML_cert_secure_key {display:inline; width:25px; height:25px;}
|
||||
.ML_cert_secure_key img { vertical-align:top; margin:0; padding:0}
|
||||
|
||||
.ML_cert_file_area {margin:0 0 5px; height:30px; position:relative; text-align:left; overflow:hidden;}
|
||||
.ML_cert_file_area2 {margin:14px 0 10px; height:143px; position:relative; text-align:left; overflow:hidden;}
|
||||
.ML_cert_file_btn {display:inline-block; width:30px; height:30px; background:url(../images/btn_folder.png) no-repeat 2px 2px; position:absolute; top:0; right:0; cursor:pointer;}
|
||||
.ML_cert_file_btn:hover {display:inline-block; width:30px; height:30px; background:url(../images/btn_folder_ovr.png) no-repeat 2px 2px; position:absolute; top:0; right:0; cursor:pointer;}
|
||||
.ML_cert_file_btn:focus {display:inline-block; width:30px; height:30px; background:url(../images/btn_folder_ovr.png) no-repeat 2px 2px; position:absolute; top:0; right:0; cursor:pointer;}
|
||||
.ML_cert_file_btn_fcs {display:inline-block; width:28px; height:28px; background:url(../images/btn_folder.png) no-repeat 2px 2px; position:absolute; top:0; right:0; cursor:pointer; }
|
||||
.ML_cert_file_add {width:25px; height:25px; opacity:0; filter:alpha(opacity:0); background:url(../images/btn_folder.png) no-repeat; cursor:pointer;}
|
||||
.ML_cert_file_add:hover {width:25px; height:25px; background:url(../images/btn_folder_ovr.png) no-repeat; cursor:pointer;}
|
||||
.ML_cert_file_add:focus {width:25px; height:25px; opacity:0; filter:alpha(opacity:0); background:url(../images/btn_folder_ovr.png) no-repeat; cursor:pointer;}
|
||||
|
||||
.input_wrap{display:inline-block; height:28px; padding:1px; vertical-align:top;background:#ddd;}
|
||||
|
||||
.ML_cert_status {margin:0 0 10px; height:25px; border:1px solid #ddd; text-align:left;}
|
||||
.ML_cert_status .status_txt {padding-left:10px; line-height:25px;}
|
||||
|
||||
/* Input-box */
|
||||
.passwd_input{width:100%; height:28px; text-indent:10px; background:#ffffff; border:1px solid #a8a8a8; line-height:28px; }
|
||||
.passwd_input:hover{border:1px solid #87c9ff;}
|
||||
.passwd_input:focus{background:#fffbe6; border:1px solid #1672e4;}
|
||||
|
||||
/* buttom */
|
||||
.ML_btn_area {background:#fafafa; text-align:center; margin:10px 9px 0; z-index:10;}
|
||||
.btn_row {width:100%; display:block;}
|
||||
.btn_row p{display:inline;}
|
||||
.btn_row_c {width:100%; display:block; margin-top:20px;}
|
||||
.btn_row_c p{display:inline;}
|
||||
.btn_row_s {margin:7px 9px;display:block; text-align:right;}
|
||||
.btn_row_s p{display:inline;}
|
||||
.btn_cell_left {display:inline; vertical-align:top; text-align:left; float:left;}
|
||||
.btn_cell_left:after {content:""; display:table; clear:both;}
|
||||
.btn_cell_center {width:100%; display:inline;vertical-align:top;}
|
||||
.btn_cell_right {width:100%; display:inline;vertical-align:top; text-align:right;}
|
||||
.MSG_cls{display:inline !important;}
|
||||
|
||||
.whtgrey_btn{text-align:center;}
|
||||
.whtgrey_btn button{width:128px;height:22px;padding:1px;border-radius:2px;border:1px solid #a8a8a8; cursor:pointer; background: #f4f4f4;}
|
||||
.whtgrey_btn button span{display:block;height:22px;border-radius:2px; font-size:11px;font-weight:bold;color:#34373b}
|
||||
.whtgrey_btn img{vertical-align:middle; padding-right:3px;}
|
||||
.whtgrey_btn button:hover{background:#dbdbdb;}
|
||||
.whtgrey_btn button:focus{background:#dbdbdb;}
|
||||
|
||||
.whtgrey_ws_btn{text-align:center;}
|
||||
.whtgrey_ws_btn button{width:100px;height:22px;padding:1px;border-radius:2px;border:1px solid #a8a8a8; cursor:pointer; background: #f4f4f4;}
|
||||
.whtgrey_ws_btn button span{display:block;height:22px;border-radius:2px; font-size:11px;font-weight:bold;color:#34373b}
|
||||
.whtgrey_ws_btn img{vertical-align:middle; padding-right:3px;}
|
||||
.whtgrey_ws_btn button:hover{background:#dbdbdb;}
|
||||
.whtgrey_ws_btn button:focus{background:#dbdbdb;}
|
||||
|
||||
.whtgrey_ws_btn2{text-align:center;}
|
||||
.whtgrey_ws_btn2 button{width:150px;height:22px;padding:1px;border-radius:2px;border:1px solid #a8a8a8; cursor:pointer; background: #f4f4f4;}
|
||||
.whtgrey_ws_btn2 button span{display:block;height:22px;border-radius:2px; font-size:11px;font-weight:bold;color:#34373b}
|
||||
.whtgrey_ws_btn2 img{vertical-align:middle; padding-right:3px;}
|
||||
.whtgrey_ws_btn2 button:hover{background:#dbdbdb;}
|
||||
.whtgrey_ws_btn2 button:focus{background:#dbdbdb;}
|
||||
|
||||
.b_blue_btn{text-align:center}
|
||||
.b_blue_btn button{width:116px;height:30px;border-radius:2px;border:1px solid #0456bb;cursor:pointer; background:#1672e4;}
|
||||
.b_blue_btn button span{display:block;height:30px;border-radius:2px; line-height:26px; font-size:12px;font-weight:bold;color:#fff;}
|
||||
.b_blue_btn button:hover{background:#1466cd;}
|
||||
.b_blue_btn button:focus{background:#1466cd;}
|
||||
|
||||
.b_blue_btn2{text-align:center}
|
||||
.b_blue_btn2 button{width:97px;height:30px;border-radius:2px;border:1px solid #0456bb;cursor:pointer; background:#1672e4;}
|
||||
.b_blue_btn2 button span{display:block;height:30px;border-radius:2px; line-height:26px; font-size:12px;font-weight:bold;color:#fff;}
|
||||
.b_blue_btn2 button:hover{background:#1466cd;}
|
||||
.b_blue_btn2 button:focus{background:#1466cd;}
|
||||
|
||||
.b_grey_btn{text-align:center}
|
||||
.b_grey_btn button{width:116px;height:30px;border-radius:2px;border:1px solid #a8a8a8;cursor:pointer; background:#dedede;}
|
||||
.b_grey_btn button span{display:block;height:30px;border-radius:2px; line-height:26px; font-size:12px;font-weight:bold;color:#424242;}
|
||||
.b_grey_btn button:hover{background:#c7c7c7;}
|
||||
.b_grey_btn button:focus{background:#c7c7c7;}
|
||||
|
||||
.b_grey_btn2{text-align:center}
|
||||
.b_grey_btn2 button{width:97px;height:30px;border-radius:2px;border:1px solid #a8a8a8;cursor:pointer; background:#dedede;}
|
||||
.b_grey_btn2 button span{display:block;height:30px;border-radius:2px; line-height:26px; font-size:12px;font-weight:bold;color:#424242;}
|
||||
.b_grey_btn2 button:hover{background:#c7c7c7;}
|
||||
.b_grey_btn2 button:focus{background:#c7c7c7;}
|
||||
|
||||
.w_dkblue_btn{text-align:center}
|
||||
.w_dkblue_btn button{width:200px;height:30px;border-radius:2px;border:1px solid #1e3046;cursor:pointer; background:#284870;}
|
||||
.w_dkblue_btn button span{display:block;height:30px;border-radius:2px; line-height:26px; font-size:11px;font-weight:bold;color:#fff;}
|
||||
.w_dkblue_btn button:hover{background:#1f3959;}
|
||||
.w_dkblue_btn button:focus{background:#1f3959;}
|
||||
|
||||
.copyCert_box{height:20px; z-index:99999; position:absolute; background: #ffffff; border:1px solid #000000; padding:2px 2px 0px 4px;}
|
||||
.copyCert_box:after{content: ""; position: absolute; border-bottom: 7px solid #ffffff; border-right: 5px solid transparent; border-left: 5px solid transparent; top: -6px; left: 5px;}
|
||||
.copyCert_box:before{content: ""; position: absolute; border-bottom: 7px solid #000000; border-right: 5px solid transparent; border-left: 5px solid transparent; top: -8px; left: 5px;}
|
||||
|
||||
/* tabs */
|
||||
#ML_tabs {margin-top:10px;}
|
||||
.tabs{margin:0 10px; z-index:1;}
|
||||
.tabs li {display:inline-block; font-size:12px; }
|
||||
.tabs a {width:80px; padding:9px 10px;display:inline-block; text-align:center; background:#f4f4f4;color:#34373b;text-decoration:none; border:1px solid #a8a8a8;}
|
||||
.tabs a.active {background:#fdfdfd;color:#34373b; font-weight:bold; border-bottom:1px solid #fdfdfd;}
|
||||
|
||||
|
||||
/* table */
|
||||
.detail_tb{width:100%; border:1px solid #b6b6b6; padding:5px 5px; background-color:#f6f6f6;}
|
||||
.detail_tb thead, .detail_tb tbody{display:block; float:left; }
|
||||
.detail_tb thead {background-color:#c8c8c8;}
|
||||
.detail_tb thead tr th {height:20px; line-height:20px;}
|
||||
.detail_tb tbody {min-height:10px; max-height:230px; overflow-y:auto; overflow-x:hidden;}
|
||||
.detail_tb tbody {border-top:1px solid #b6b6b6;}
|
||||
.detail_tb tbody tr th{padding:5px 5px; text-align:left; border:1px solid #b6b6b6;}
|
||||
.detail_tb tbody td, .detail_tb thead th{border-right:1px solid #b6b6b6;}
|
||||
.detail_tb thead th:first-child{width:100px; padding:5px 5px;}
|
||||
.detail_tb thead th{width:230px; padding:5px 5px;}
|
||||
.detail_tb tbody td {padding:5px 5px; background:#fff; }
|
||||
.detail_tb tbody td:first-child{width:110px; padding:5px 5px; background:#f6f6f6;}
|
||||
.detail_tb tbody td:last-child{ border-right:none;padding:5px 5px;background:#fff;}
|
||||
.detail_tb tbody tr {border-bottom:1px solid #b6b6b6; height:20px;}
|
||||
.detail_tb tbody tr:last-child{border-bottom:none;}
|
||||
.detail_tb thead th:last-child{border-right:none;padding:5px 5px;}
|
||||
|
||||
/*.detail_tb{width:100%; border:1px solid #b6b6b6; padding:5px 5px; background-color:#f6f6f6;}
|
||||
.detail_tb thead tr{ background-color:#c8c8c8; }
|
||||
.detail_tb thead tr th{padding:5px 5px; text-align:left; border:1px solid #b6b6b6;}
|
||||
.detail_tb tbody tr td{padding:5px 5px; text-align:left; border:1px solid #b6b6b6;}
|
||||
.td_title{width:30%;}*/
|
||||
|
||||
/* footer */
|
||||
.ft_area{font:Verdana, Geneva, sans-serif; font-size:9px; letter-spacing:-1; line-height:15px; text-align:right}
|
||||
.ft_area .ft_ver{position:absolute; left:0; padding-left:10px;}
|
||||
.ft_area .ft_copy{position:relative; right:0; padding-right:10px;}
|
||||
|
||||
/* PFX */
|
||||
.pfx_info{padding:10px 10px 5px 10px; background:#f5f5f5; font-size:11px; font-weight:bold;}
|
||||
.pfx_br_chk{text-align:right; padding:0 0 12px;}
|
||||
.pfx_btn_row_c {width:100%; display:block; margin-top:10px;}
|
||||
|
||||
/* Loader */
|
||||
.ML_loader {width:150px; text-align:center; padding:7px 0;
|
||||
border: 1px solid transparent;
|
||||
background:#fff;
|
||||
border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_loader img {}
|
||||
.ML_loader span {display:inline-block; padding-top:4px; font-size:11px; color:#333; font-weight:bold;}
|
||||
|
||||
/* 수정 및 추가된 css*/
|
||||
.save_to_br_chk{text-align:right; padding:0 0 12px;}
|
||||
.ML_br_cert_pw_area {margin:0 0 10px; height:30px; text-align:left;}
|
||||
.inner_head{background-color:#c8c8c8;}
|
||||
|
||||
/* innerTable */
|
||||
#ML_cert_inner_area02 {margin:14px 0 10px; height:265px; background:#fafafa;}
|
||||
.inner_tb{margin:0 0 18px; width:100%; border:1px solid #b6b6b6; padding:5px 5px; background-color:#f6f6f6;}
|
||||
/* .inner_tb thead, .inner_tb tbody{display:block; float:left; }
|
||||
.inner_tb thead {background-color:#c8c8c8;}
|
||||
.inner_tb thead tr th {} */
|
||||
.inner_tb tbody {overflow-y:auto; overflow-x:hidden;}
|
||||
.inner_tb tbody {border-top:1px solid #b6b6b6;}
|
||||
.inner_tb tbody tr th{padding:5px 5px; text-align:center; border:1px solid #b6b6b6;}
|
||||
.inner_tb tbody td, .inner_tb thead th{border-right:1px solid #b6b6b6;}
|
||||
.inner_tb thead th:first-child{width:320px; padding:5px 5px;}
|
||||
.inner_tb thead th:last-child{width:210px; padding:5px 5px;}
|
||||
.inner_tb thead th{width:237px; padding:5px 5px;}
|
||||
.inner_tb tbody td {padding:5px 5px; background:#fff; width:237px;}
|
||||
.inner_tb tbody td:first-child{width:700px; padding:5px 5px; background:#f6f6f6;}
|
||||
.inner_tb tbody td:last-child{width:210px; border-right:none; padding:5px 5px; background:#fff;}
|
||||
.inner_tb tbody tr {border-bottom:1px solid #b6b6b6; height:20px;}
|
||||
.inner_tb tbody tr:last-child{border-bottom:none;}
|
||||
.inner_tb thead th:last-child{border-right:none;padding:5px 5px;}
|
||||
|
||||
/* innerTable PFX*/
|
||||
.inner_tb_pfx{margin:0 0 18px; width:100%; border:1px solid #b6b6b6; padding:5px 5px; background-color:#f6f6f6;}
|
||||
.inner_tb_pfx tbody {overflow-y:auto; overflow-x:hidden;}
|
||||
.inner_tb_pfx tbody {border-top:1px solid #b6b6b6;}
|
||||
.inner_tb_pfx tbody tr th{padding:5px 5px; text-align:center; border:1px solid #b6b6b6;}
|
||||
.inner_tb_pfx tbody td {border-right:1px solid #b6b6b6;}
|
||||
.inner_tb_pfx tbody td {padding:5px 5px; background:#fff; width:237px;}
|
||||
.inner_tb_pfx tbody td:first-child{width:100px; padding:5px 5px; background:#f6f6f6;}
|
||||
.inner_tb_pfx tbody td:last-child{width:400px; border-right:none; padding:5px 5px; background:#fff;}
|
||||
.inner_tb_pfx tbody tr {border-bottom:1px solid #b6b6b6; height:20px;}
|
||||
.inner_tb_pfx tbody tr:last-child{border-bottom:none;}
|
||||
.inner_tb_pfx thead th:last-child{border-right:none;padding:5px 5px;}
|
||||
|
||||
.blind {
|
||||
font-size: 1;
|
||||
position: absolute;
|
||||
top: -999999px;
|
||||
}
|
||||
@ -1,670 +0,0 @@
|
||||
@charset "utf-8";
|
||||
|
||||
|
||||
/******************* common *******************/
|
||||
html,body{height:100%}
|
||||
*{margin:0;padding:0;font-family:"맑은고딕",Malgun Gothic,"돋움",Dotum,"굴림",Gulim,Helvetica,Sans-serif;-webkit-text-size-adjust:none}
|
||||
body{background:#fff;color:#5e5e5e;word-wrap:break-word;word-break:break-all}
|
||||
body,input,select,textarea{}
|
||||
textarea{border:1px solid #bcbcbc}
|
||||
li{list-style:none}
|
||||
table{border-collapse:collapse}
|
||||
img,fieldset{border:none}
|
||||
a{text-decoration:none;cursor:pointer}
|
||||
label{cursor:pointer}
|
||||
strong{font-weight:normal}
|
||||
em,address{font-style:normal}
|
||||
input{outline-style:none;}
|
||||
|
||||
|
||||
/*
|
||||
input[type='checkbox']{vertical-align:middle;border:0;border-radius:0}
|
||||
input[type='checkbox']{background:url(../images/checkbox_nor.png)no-repeat; height:22px; width:22px; background-size:22px 22px;-webkit-background-size:22px 22px; -webkit-appearance:none}
|
||||
input[type='checkbox']:checked{background:#fff; width:22px; height:22px; background:url(../images/checkbox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative}
|
||||
input[type='checkbox']:checked:after {content:' '; display:block; width:22px; height:22px; background:url(../images/checkbox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative;}
|
||||
input[type='radio']{vertical-align:middle;}
|
||||
input[type='radio']{background:url(../images/radiobox_nor.png)no-repeat; height:22px; width:22px; background-size:22px 22px;-webkit-background-size:22px 22px; -webkit-appearance:none}
|
||||
input[type='radio']:checked{background:#fff; width:22px; height:22px; background:url(../images/radiobox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative}
|
||||
input[type='radio']:checked:after {content:' '; display:block; width:22px; height:22px; background:url(../images/radiobox_chk.png)no-repeat; background-size:22px 22px;-webkit-background-size:22px 22px; position:relative;}
|
||||
|
||||
input[type='radio']{vertical-align:middle;}
|
||||
input[type='radio']{background:#fff; border:solid 1px #bebebe; border-radius:15px 15px; height:20px; width:20px; -webkit-appearance:none;}
|
||||
input[type='radio']:checked{background:#fff; border:solid 1px #bebebe; border-radius:15px 15px;}
|
||||
input[type='radio']:checked:after {content:' '; display:block; width:14px; height:14px; background:url(../images/check_radio.png); position:relative; top:2px; left:2px; border-radius:12px 12px;}
|
||||
*/
|
||||
|
||||
.text_redB{PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #f52828; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-TOP: 2px}
|
||||
.text_red_10 {PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #f52828; FONT-SIZE: 10px; PADDING-TOP: 2px}
|
||||
.text_black{PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #000000; FONT-SIZE: 11px; PADDING-TOP: 2px; line-height: 18px}
|
||||
.text_grey24{PADDING-BOTTOM: 2px; PADDING-LEFT: 0px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #666666; FONT-SIZE: 11px; PADDING-TOP: 2px; line-height: 24px}
|
||||
.text_blackB{PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; PADDING-RIGHT: 2px; FONT-FAMILY: verdana; COLOR: #000000; FONT-SIZE: 11px; FONT-WEIGHT: bold; PADDING-TOP: 2px}
|
||||
.text_orangeB{COLOR: #ee6a02; FONT-SIZE: 14px; FONT-WEIGHT: bold}
|
||||
.text_orange{COLOR: #ee6a02; FONT-SIZE: 12px}
|
||||
.text_grayB{FONT-SIZE: 12px; FONT-WEIGHT: bold}
|
||||
.text_gray2B{COLOR: #363636; FONT-SIZE: 12px; FONT-WEIGHT: bold}
|
||||
.text_gray{FONT-SIZE: 12px}
|
||||
.text_gray_c9c9c9{COLOR: #c9c9c9; FONT-SIZE: 12px}
|
||||
.ali_left{TEXT-ALIGN: left; PADDING-LEFT: 13px}
|
||||
.ali_right{TEXT-ALIGN:right;PADDING-RIGHT:50px}
|
||||
|
||||
.w_space4{padding-left:4px}
|
||||
.w_space5{padding-left:5px}
|
||||
.w_space8{padding-left:8px}
|
||||
.w_space10{padding-left:10px}
|
||||
.w_space12{padding-left:12px}
|
||||
.w_space15{padding-left:15px}
|
||||
.w_space18{padding-left:18px}
|
||||
.w_space20{padding-left:20px}
|
||||
.w_space25{padding-left:25px}
|
||||
.w_space30{padding-left:30px}
|
||||
.w_space35{padding-left:35px}
|
||||
.w_space40{padding-left:4px}
|
||||
.w_space50{padding-left:50px}
|
||||
.w_space80{padding-left:80px}
|
||||
|
||||
/******************* Display *******************/
|
||||
#ML_dp_01 {display:none;}
|
||||
#ML_dp_02 {display:none;}
|
||||
#ML_dp_03 {display:none;}
|
||||
#ML_dp_04 {display:none;}
|
||||
#ML_dp_05 {}
|
||||
|
||||
#ML_status_area {width:100%; background:#fff; height:50px;}
|
||||
|
||||
/******************* layout *******************/
|
||||
#ML_window{}
|
||||
.MLjqui-window{}
|
||||
.MLjqui-rc-t{
|
||||
-moz-border-radius-topleft:0 !important;
|
||||
-webkit-border-top-left-radius:0 !important;
|
||||
border-top-left-radius:0 !important;
|
||||
-moz-border-radius-topright:0 !important;
|
||||
-webkit-border-top-right-radius:0 !important;
|
||||
border-top-right-radius0 !important;
|
||||
}
|
||||
|
||||
/******************* MLjqui-custom *******************/
|
||||
.MLjqui-widget-header{
|
||||
width:100% !important;
|
||||
height:60px !important;
|
||||
line-height:60px !important;
|
||||
font-size: !important;
|
||||
padding-left:!important;
|
||||
}
|
||||
/* .MLjqui-window-header{z-index:9999999;} */
|
||||
.MLjqui-window-header{position:absolute !important; left:0; z-index:9999999;}
|
||||
.MLjqui-widget-header-DSdatatable {display:none !important;}
|
||||
.MLjqui-window-close-button-background{ display:none;}
|
||||
#contentdataTable {width:100% !important;}
|
||||
#contenttabledataTable {}
|
||||
.MLjqui-grid-table-DSdatatable {width:100% !important;}
|
||||
.MLjqui-grid-table-DSdatatable td{border-bottom:1px solid #a8a8a8 !important;}
|
||||
/*.MLjqui-grid-table-DSdatatable tr:last-child td{border-bottom:0 !important;}*/
|
||||
|
||||
#ML_container{background:#fdfdfd; width:100% !important; height:100% !important; margin-bottom:-80px !important; border:none;
|
||||
}
|
||||
#ML_container_popup{background:#fdfdfd; width:100%; font-size:12px;border:none;
|
||||
}
|
||||
.ML_pw_popup_area {text-align:center; margin:8px 10px 4px; padding:11px 0; z-index:10;}
|
||||
.ML_container_pfx{background:#fdfdfd;height:215px; width:380px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_container_dialog{background:#fdfdfd;min-height:160px; width:320px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_container_popup{background:#fdfdfd;height:180px; width:400px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_container_certview{background:#fdfdfd;height:400px; width:380px;border:1px solid #a8a8a8; border-radius:5px;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_header{height:35px;position:relative;z-index:1; background:#e4e4e4;}
|
||||
.ML_header_sdw{height:30px;position:relative;z-index:1; background:#28353f;
|
||||
box-shadow:0 4px 4px #777;
|
||||
-moz-box-shadow:0 4px 4px #777; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 4px 4px #777; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 4px 4px #777; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 4px 4px #777; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#777", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
.ML_content{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -1px;
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
}
|
||||
.ML_content .ML_content-area{padding-top:46px; }
|
||||
.ML_footer{height:15px;}
|
||||
|
||||
/* header */
|
||||
.hd_area{ text-align:right;}
|
||||
.hd_area .head_tit{position:absolute; display:inline-block; left:0; padding-left:10px; color:#34373b; font-size:1.0em; font-weight:bold; line-height:35px;}
|
||||
.hd_area .head_close{position:relative; display:inline-block; width:27px; height:27px; padding:8px 8px 0 0; right:0; background:#b2b2b2;}
|
||||
.hd_area .head_close:hover{background:#a0a0a0;}
|
||||
.hd_area .head_close img{}
|
||||
|
||||
/* Title */
|
||||
.ML_sub_tit {margin:0 8px;color:#34373b; font-size:1.3em; font-weight:bold; display:none;}
|
||||
|
||||
/* Install */
|
||||
#ML_container_install{background:#fdfdfd; width:398px; font-size:12px;border:none;
|
||||
}
|
||||
.install_wrap{padding:0 0 0 20px; height:116px; vertical-align:top;}
|
||||
.install_wrap img{display:inline-block; padding:0 20px; vertical-align:middle;}
|
||||
.install_txt{display:inline-block; color:#193b65; font-weight:bold; font-size:14px; line-height:24px;}
|
||||
.loadbar{width:152px; height:21px; margin-left:60px; display:block; }
|
||||
.loadbar_txt{display:block; color:#193b65; margin:10px 0 0 64px; font-weight:bold; }
|
||||
.loadbar_txt2{display:block; color:#193b65; font-weight:bold; }
|
||||
|
||||
/******************* DATA Table *******************/
|
||||
.MLjqui-widget-content-DSdatatable{
|
||||
width:100% !important;
|
||||
border:0 !important;
|
||||
|
||||
}
|
||||
|
||||
/******************* storage Select *******************/
|
||||
.ML_cp_AD {padding:10px 9px 0; margin:0; }
|
||||
.ML_cp_AD img {vertical-align:top; margin:0; padding:0}
|
||||
.ML_storage_box_sub {width:396px; margin-left:1px;}
|
||||
.customNavigation{display:none;}
|
||||
.ML_storage_box {position:relative; margin:0 0px; margin-top:40px; height:75px; border:1px solid #a8a8a8;}
|
||||
.ML_storage_area {margin:0; width:396px; height:75px; display:block;}
|
||||
.ML_storage_area ul {height:74px; text-align:center;}
|
||||
.ML_storage_area li {float:left;background:;}
|
||||
.ML_storage_area li a{display:block; width:66px; height:75px; overflow:hidden; color:#34373b; font-size:0.80em; font-weight:bold; letter-spacing:-1px; background:url(../images/storage_icon_6by.png) no-repeat; cursor:pointer; vertical-align:text-bottom; /*text-indent:-5000px;*/}
|
||||
.ML_storage_area li span{display:inline-block; padding-top:55px}
|
||||
|
||||
/* positioning */
|
||||
.ML_storage_area li.ML_storage_smartcert a {width:66px; height:75px; background-position: 0 -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert a:hover {background-position: -66px -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert a:focus {background-position: -132px -150px;}
|
||||
.ML_storage_area li.ML_storage_smartcert.on a{background-position: -198px -150px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_smartcert.off a{background-position: -264px -150px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_smartcert.ins a{background-position: -330px -150px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_token a {width:66px; height:75px; background-position: 0 -225px;}
|
||||
.ML_storage_area li.ML_storage_token a:hover {background-position: -66px -225px;}
|
||||
.ML_storage_area li.ML_storage_token a:focus {background-position: -132px -225px;}
|
||||
.ML_storage_area li.ML_storage_token.on a{background-position: -198px -225px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_token.off a{background-position: -264px -225px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_token.ins a{background-position: -330px -225px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_browser a {width:66px; height:75px; background-position: 0 -75px;}
|
||||
.ML_storage_area li.ML_storage_browser a:hover {background-position: -66px -75px;}
|
||||
.ML_storage_area li.ML_storage_browser a:focus {background-position: -132px -75px;}
|
||||
.ML_storage_area li.ML_storage_browser.on a{background-position: -198px -75px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_browser.off a{background-position: -264px -75px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_browser.ins a{background-position: -330px -75px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_phone a {width:66px; height:75px; background-position: 0 -300px;}
|
||||
.ML_storage_area li.ML_storage_phone a:hover {background-position: -66px -300px;}
|
||||
.ML_storage_area li.ML_storage_phone a:focus {background-position: -132px -300px;}
|
||||
.ML_storage_area li.ML_storage_phone.on a{background-position: -198px -300px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_phone.off a{background-position: -264px -300px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_phone.ins a{background-position: -330px -300px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_hdd a {width:66px; height:75px; background-position: 0 0;}
|
||||
.ML_storage_area li.ML_storage_hdd a:hover {background-position: -66px 0;}
|
||||
.ML_storage_area li.ML_storage_hdd a:focus {background-position: -132px 0;}
|
||||
.ML_storage_area li.ML_storage_hdd.on a{background-position: -198px 0; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_hdd.off a{background-position: -264px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_hdd.ins a{background-position: -330px 0; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_sch a {width:66px; height:75px; background-position: 0 -375px;}
|
||||
.ML_storage_area li.ML_storage_sch a:hover {background-position: -66px -375px;}
|
||||
.ML_storage_area li.ML_storage_sch a:focus {background-position: -132px -375px;}
|
||||
.ML_storage_area li.ML_storage_sch.on a{background-position: -198px -375px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_sch.off a{background-position: -264px -375px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_sch.ins a{background-position: -330px -375px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_shdd a {width:66px; height:75px; background-position: 0 -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd a:hover {background-position: -66px -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd a:focus {background-position: -132px -450px;}
|
||||
.ML_storage_area li.ML_storage_shdd.on a{background-position: -198px -450px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_shdd.off a{background-position: -264px -450px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_shdd.ins a{background-position: -330px -450px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_cloud a {width:66px; height:75px; background-position: 0 -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud a:hover {background-position: -66px -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud a:focus {background-position: -132px -525px;}
|
||||
.ML_storage_area li.ML_storage_cloud.on a{background-position: -198px -525px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_cloud.off a{background-position: -264px -525px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_cloud.ins a{background-position: -330px -525px; color:#bebebe;}
|
||||
.ML_storage_area li.ML_storage_unisign a {width:66px; height:75px; background-position: 0 -525px;}
|
||||
.ML_storage_area li.ML_storage_unisign a:hover {background-position: -66px -525px;}
|
||||
.ML_storage_area li.ML_storage_unisign a:focus {background-position: -132px -525px;}
|
||||
.ML_storage_area li.ML_storage_unisign.on a{background-position: -198px -525px; color:#fff;}
|
||||
.ML_storage_area li.ML_storage_unisign.off a{background-position: -264px -525px; color:#cdcdcd; cursor:default;}
|
||||
.ML_storage_area li.ML_storage_unisign.ins a{background-position: -330px -525px; color:#bebebe;}
|
||||
|
||||
|
||||
|
||||
.ML_storage_area {*zoom:1;}
|
||||
.ML_storage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
.ML_storage_area {*zoom:1;}
|
||||
.ML_storage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
|
||||
/******************* import/export storage Select *******************/
|
||||
.ML_iestorage_box {position:relative; margin:0 0 10px;; height:290px; border:1px solid #a8a8a8; overflow-y:scroll; overflow-x:hidden; width:100%}
|
||||
.ML_iestorage_area {margin:0 auto; width:100%; height:75px; display:block;}
|
||||
.ML_iestorage_area ul {height:74px; text-align:center; padding:0 8px; width:100%;}
|
||||
.ML_iestorage_area li {float:left; padding:2%; width:20%; height:75px;}
|
||||
.ML_iestorage_area li a{display:block; width:20%; height:75px; overflow:hidden; color:#34373b; font-size:1em; font-weight:bold; letter-spacing:-1px; background:url(../images/storage_icon.png) no-repeat; cursor:pointer; vertical-align:text-bottom; /*text-indent:-5000px;*/}
|
||||
.ML_iestorage_area li span{display:inline-block; padding-top:55px}
|
||||
|
||||
/* import/export storage positioning */
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a {width:75px; height:75px; background-position: 0 -150px;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a:hover {background-position: -75px -150px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert a:focus {background-position: -150px -150px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.on a{background-position: -225px -150px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.off a{background-position: -300px -150px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_smartcert.ins a{background-position: -375px -150px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a {width:75px; height:75px; background-position: 0 -225px;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a:hover {background-position: -75px -225px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_token a:focus {background-position: -150px -225px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.on a{background-position: -225px -225px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.off a{background-position: -300px -225px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_token.ins a{background-position: -375px -225px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a {width:75px; height:75px; background-position: 0 -75px;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a:hover {background-position: -75px -75px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser a:focus {background-position: -150px -75px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.on a{background-position: -225px -75px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.off a{background-position: -300px -75px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_browser.ins a{background-position: -375px -75px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a {width:75px; height:75px; background-position: 0 -300px;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a:hover {background-position: -75px -300px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone a:focus {background-position: -150px -300px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.on a{background-position: -225px -300px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.off a{background-position: -300px -300px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_phone.ins a{background-position: -375px -300px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a {width:75px; height:75px; background-position: 0 0;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a:hover {background-position: -75px 0; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd a:focus {background-position: -150px 0; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.on a{background-position: -225px 0; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.off a{background-position: -300px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_hdd.ins a{background-position: -375px 0; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a {width:75px; height:75px; background-position: 0 -375px;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a:hover {background-position: -75px -375px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch a:focus {background-position: -150px -375px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.on a{background-position: -225px -375px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.off a{background-position: -300px -375px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_sch.ins a{background-position: -375px -375px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a {width:75px; height:75px; background-position: 0 -450px;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a:hover {background-position: -75px -450px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb a:focus {background-position: -150px -450px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.on a{background-position: -225px -450px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.off a{background-position: -300px -450px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_usb.ins a{background-position: -375px -450px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a {width:75px; height:75px; background-position: 0 -525px;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a:hover {background-position: -75px -525px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc a:focus {background-position: -150px -525px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.on a{background-position: -225px -525px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.off a{background-position: -300px -525px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_pc.ins a{background-position: -375px -525px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a {width:75px; height:75px; background-position: 0 -600px;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a:hover {background-position: -75px -600px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd a:focus {background-position: -150px -600px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.on a{background-position: -225px -600px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.off a{background-position: -300px -600px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_sd.ins a{background-position: -375px -600px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a {width:75px; height:75px; background-position: 0 -675px;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a:hover {background-position: -75px -675px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd a:focus {background-position: -150px -675px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.on a{background-position: -225px -675px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.off a{background-position: -300px -675px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_shdd.ins a{background-position: -375px -675px; color:#cdcdcd;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a {width:75px; height:75px; background-position: 0 -750px;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a:hover {background-position: -75px -750px; color:#1672e4;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud a:focus {background-position: -150px -750px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.on a{background-position: -225px -750px; color:#fff;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.off a{background-position: -300px -750px; color:#cdcdcd; cursor:default;}
|
||||
.ML_iestorage_area li.ML_iestorage_cloud.ins a{background-position: -375px -750px; color:#cdcdcd;}
|
||||
|
||||
|
||||
.ML_iestorage_area {*zoom:1;}
|
||||
.ML_iestorage_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
.drive_position {position:absolute; margin:0; cursor:pointer; z-index:1000000;}
|
||||
.drive_position ul {position:; right:0; top:0; padding:0 0 !important; width:150px; background:#fff;
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); IE6-9 */
|
||||
}
|
||||
.drive_position ul li {display:inline-block;position:relative;}
|
||||
/* style all links */
|
||||
.drive_position li a {width:150px !important; height:35px !important; line-height:35px !important; background:none !important; color:#fff !important; text-indent:10px !important;}
|
||||
.drive_position li a {color:#000 !important; font-size:12px !important; display:block !important;}
|
||||
.drive_position li a:hover, .drive_position a:focus, .drive_position a:active {background:#e0e0e0 !important;}
|
||||
/* style sub level links */
|
||||
.drive_position li:last-child a {border-bottom:none !important;}
|
||||
.drive_position.pos_01 {top:36px; left:75px;}
|
||||
.drive_position.pos_02 {top:36px; left:150px;}
|
||||
.drive_position.pos_03 {top:36px; left:225px;}
|
||||
.drive_position.pos_04 {top:36px; left:75px;}
|
||||
.drive_position.pos_05 {top:36px; left:150px;}
|
||||
.drive_position.iepos_01 {top:36px; left:75px;}
|
||||
.drive_position.iepos_02 {top:36px; left:150px;}
|
||||
.drive_position.iepos_03 {top:36px; left:50px;}
|
||||
.drive_position.iepos_04 {top:36px; left:125px;}
|
||||
.drive_position.iepos_05 {top:111px; left:75px;}
|
||||
.drive_position.iepos_06 {top:111px; left:150px;}
|
||||
.drive_position.iepos_07 {top:111px; left:50px;}
|
||||
.drive_position.iepos_08 {top:111px; left:125px;}
|
||||
.drive_position.iepos_09 {bottom:36px; left:75px;}
|
||||
.drive_position.iepos_10 {bottom:36px; left:150px;}
|
||||
.drive_position.iepos_11 {bottom:36px; left:50px;}
|
||||
.drive_position.iepos_12 {bottom:36px; left:125px;}
|
||||
|
||||
#str_df {display:inline;}
|
||||
#str_ex {display:inline;}
|
||||
|
||||
.ML_storage_box .str_add_li {margin:0; position:absolute; right:0; top:0; display:none; width:22px; height:75px; text-align:right; border-left:1px solid #a8a8a8; cursor:pointer; }
|
||||
.ML_storage_box .str_add_li.ne{background:url(../images/icon_next.png) no-repeat 4px 30px;}
|
||||
.ML_storage_box .str_add_li.pr {background:url(../images/icon_prev.png) no-repeat 4px 30px;}
|
||||
.ML_storage_box .str_add_li.dis {background:url(../images/icon_next_dis.png) no-repeat 4px 30px;}
|
||||
.btn_str_add{display:block; width:22px; height:75px; margin:0;}
|
||||
|
||||
.str_add {position:relative; margin-top:30px; margin-left:4px; width:16px; height:16px; background:url(../images/icon_next.png) no-repeat; cursor:pointer;}
|
||||
|
||||
|
||||
/******************* admin_menu Select *******************/
|
||||
.ML_admin_box {margin:0 9px; padding:0 1px; height:57px; border:1px solid #a8a8a8;}
|
||||
.ML_admin_menu_dft {float:left;}
|
||||
.ML_admin_menu_dft {*zoom:1;}
|
||||
.ML_admin_menu_dft:after{display:block; content:'';clear:both;}
|
||||
.ML_admin_menu_area {height:57px; vertical-align:top;}
|
||||
.ML_admin_menu_area ul {width:398px; height:57px; text-align:center; overflow:hidden}
|
||||
.ML_admin_menu_area li {float:left;}
|
||||
.ML_admin_menu_area li.cer_sch {width:25px; text-align:right; padding-top:5px;}
|
||||
.ML_admin_menu_area li a{display:block; width:66px; height:57px; vertical-align:text-bottom; color:#34373b; font-size:11px; font-weight:bold; letter-spacing:-1px; overflow:hidden; background:url(../images/admin_icon.png) no-repeat; cursor:pointer}
|
||||
.ML_admin_menu_area li span{display:inline-block; padding-top:39px}
|
||||
|
||||
/* admin_positioning */
|
||||
.ML_admin_menu_area li.ad_cert_copy a {width:66px; height:57px; background-position: 0 0;}
|
||||
.ML_admin_menu_area li.ad_cert_copy a:hover {background-position: -66px 0; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_copy a:focus {background-position: -132px 0; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.on a{background-position: -198px 0;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.off a{background-position: -264px 0; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_copy.ins a{background-position: -330px 0; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_view a {width:66px; height:57px; background-position: 0 -57px;}
|
||||
.ML_admin_menu_area li.ad_cert_view a:hover {background-position: -66px -57px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_view a:focus {background-position: -132px -57px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_view.on a{background-position: -180px -57px;}
|
||||
.ML_admin_menu_area li.ad_cert_view.off a{background-position: -264px -57px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_view.ins a{background-position: -330px -57px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_del a {width:66px; height:57px; background-position: 0 -114px;}
|
||||
.ML_admin_menu_area li.ad_cert_del a:hover {background-position: -66px -114px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_del a:focus {background-position: -132px -114px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_del.on a{background-position: -198px -114px;}
|
||||
.ML_admin_menu_area li.ad_cert_del.off a{background-position: -264px -114px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_del.ins a{background-position: -330px -114px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a {width:66px; height:57px; background-position: 0 -171px;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a:hover {background-position: -66px -171px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change a:focus {background-position: -132px -171px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.on a{background-position: -198px -171px;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.off a{background-position: -264px -171px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_pass_change.ins a{background-position: -330px -171px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_import a {width:66px; height:57px; background-position: 0 -228px;}
|
||||
.ML_admin_menu_area li.ad_cert_import a:hover {background-position: -66px -228px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_import a:focus {background-position: -132px -228px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_import.on a{background-position: -198px -228px;}
|
||||
.ML_admin_menu_area li.ad_cert_import.off a{background-position: -264px -228px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_import.ins a{background-position: -330px -228px; color:#cdcdcd;}
|
||||
.ML_admin_menu_area li.ad_cert_send a {width:66px; height:57px; background-position: 0 -285px;}
|
||||
.ML_admin_menu_area li.ad_cert_send a:hover {background-position: -66px -285px; color:#1672e4;}
|
||||
.ML_admin_menu_area li.ad_cert_send a:focus {background-position: -132px -285px; color:#0e51a5;}
|
||||
.ML_admin_menu_area li.ad_cert_send.on a{background-position: -198px -285px;}
|
||||
.ML_admin_menu_area li.ad_cert_send.off a{background-position: -264px -285px; color:#cdcdcd; cursor:default;}
|
||||
.ML_admin_menu_area li.ad_cert_send.ins a{background-position: -330px -285px; color:#cdcdcd;}
|
||||
|
||||
|
||||
.dv_sl {position:relative; margin-top:30px; margin-left:4px; width:16px; height:16px; background:url(../images/icon_next.png) no-repeat; cursor:pointer;}
|
||||
.dv_sl ul {position:absolute; right:0; top:25px; padding:0 0 !important; width:150px; height:70px; background:#fff; z-index:1;
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); IE6-9 */
|
||||
}
|
||||
.dv_sl ul li {display:inline-block;position:relative;}
|
||||
/* style all links */
|
||||
.dv_sl li a {width:150px !important; height:35px !important; line-height:35px !important; background:none !important; color:#fff !important; text-indent:0 !important;}
|
||||
.dv_sl li a {color:#000 !important; font-size:12px !important; display:block !important;}
|
||||
.dv_sl li a:hover, .dv_sl a:focus, .dv_sl a:active {background:#e0e0e0 !important;}
|
||||
/* style sub level links */
|
||||
.dv_sl li:last-child a {border-bottom:none !important;}
|
||||
|
||||
.ML_cert_list_area {margin:0; overflow: auto;}
|
||||
.ML_cert_list_pwchg_area {margin:11px 10px 0; height:98px; overflow: auto;}
|
||||
.ML_cert_list_del_area {margin:11px 10px 0; height:203px; overflow: auto;}
|
||||
.ML_cert_list_pfx_area {margin:11px 10px 0; height:213px; overflow: auto;}
|
||||
.ML_cert_list_sign_area {margin:11px 10px 0;}
|
||||
.ML_cert_list {margin:0 0 8px; padding:5px 0; height:56px; color:#616161; font-size:12px; line-height:16px; background:#f4f4f4;}
|
||||
.ML_cert_list:hover {}
|
||||
.ML_cert_list.list_on {background:#efe8cf url(../images/btn_check.png) no-repeat right bottom ;}
|
||||
.ML_cert_nor {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_normalcy_mobile.png) no-repeat; background-size:46px 56px;}
|
||||
.ML_cert_exp {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_expire_mobile.png) no-repeat; background-size:46px 56px;}
|
||||
.ML_cert_no {float:left; margin-left:16px; width:46px; height:56px; background:url(../images/ML_cert_no_mobile.png) no-repeat; background-size:46px 56px;}
|
||||
.ML_cert_txt {float:left; padding:5px 0 0 10px;}
|
||||
.ML_cert_btn {position:absolute; right:0; margin-top:5px; width:20px; height:20px; background:url(../images/certlist_menu_icon.png) no-repeat; cursor:pointer}
|
||||
|
||||
.ML_cert_orgtext_area {margin:10px 10px; height:300px; background:#fdfdfd; border:1px solid #a8a8a8; overflow: auto;}
|
||||
#orgtext{padding:10px 10px; line-height:18px;}
|
||||
#orgtext .orgtit{display:block; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#orgtext .orgtxt{display:block; padding:0 8px; text-align:justify; font-size:0.8em; line-height:1.8em;}
|
||||
|
||||
#ML_cert_orgtext_area1 {margin:-1px 10px 0; padding:10px 0; height:320px; background:#fdfdfd; border:1px solid #a8a8a8; z-index:2;}
|
||||
#ML_cert_detail_area01 {margin:0 8px; height:270px; border:1px solid #e0e0e0; background:#fafafa; overflow:auto;}
|
||||
.ML_cert_detail_btn {height:30px; text-align:center; margin:0 10px; padding:10px 10px;}
|
||||
#detail_text01{padding:10px 10px; line-height:18px;}
|
||||
#detail_text01 .dtltit01{display:block; font-size:0.9em; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text01 .dtltxt01{display:block; padding:0 8px; text-align:justify; font-size:0.8em; line-height:1.6em}
|
||||
|
||||
#ML_cert_orgtext_area2 {margin:-1px 10px 0; padding:10px 0; height:320px; background:#fdfdfd; border:1px solid #a8a8a8; z-index:2;}
|
||||
#ML_cert_detail_area02 {margin:0 8px; height:244px; background:#fafafa; overflow:auto;}
|
||||
#detail_text02{line-height:18px;}
|
||||
#detail_text02 .dtltit02{display:block; font-size:0.9em; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text02 .dtltxt02{display:block; padding:0 8px; text-align:justify; font-size:0.8em;}
|
||||
|
||||
|
||||
#ML_cert_detail_area03 {margin:8px 8px 0; height:67px; border:1px solid #e0e0e0; background:#fafafa; overflow: auto;}
|
||||
#detail_text03{padding:10px 0; line-height:18px;}
|
||||
#detail_text03 .dtltit03{display:block; font-size:0.9em; font-weight:bold; color:#222; padding-bottom:8px;}
|
||||
#detail_text03 .dtltxt03{display:block; padding:0 8px; text-align:justify; font-size:0.8em;}
|
||||
|
||||
|
||||
.ML_cert_btn ul {position:absolute; right:0; top:25px; width:150px; height:70px; background:#415161; z-index:1;
|
||||
box-shadow:0 2px 8px rgba(0, 0, 0, 0.45);
|
||||
-moz-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* FF3.6+ */
|
||||
-webkitbox-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 2px 8px rgba(0, 0, 0, 0.45); /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#000000", direction=40,strength=4 ); IE6-9 */
|
||||
}
|
||||
.ML_cert_btn ul li {display:inline-block;position:relative;}
|
||||
/* sub navigation */
|
||||
.ML_cert_btn li ul {background:#415161;position:absolute;left:0;top:35px;width:200px;}
|
||||
.ML_cert_btn li li {position:relative; margin:0;display:block;}
|
||||
.ML_cert_btn li li ul {position:absolute;top:0;left:200px;margin:0;}
|
||||
/* style all links */
|
||||
.ML_cert_btn a {width:150px; line-height:35px;padding:0 12px; font-size:12px;}
|
||||
.ML_cert_btn a {color:#fff; font-size:12px; display:block;}
|
||||
.ML_cert_btn a:hover, .ML_cert_btn a:focus, .ML_cert_btn a:active {background:#566777;}
|
||||
/* style sub level links */
|
||||
.ML_cert_btn li li a { border-bottom:solid 1px #222;margin:0 10px;padding:0;}
|
||||
.ML_cert_btn li li:last-child a {border-bottom:none;}
|
||||
/* show arrows for dropdowns
|
||||
.ML_cert_btn li.dropdown > a {background-image:url('../img/arrow-down.png');background-position:right 20px;background-repeat:no-repeat;}
|
||||
.ML_cert_btn li li.dropdown > a { background-image:url('../img/arrow-right.png');background-position:right 16px;background-repeat:no-repeat;} */
|
||||
|
||||
.certi_name {display:block; color:#34373b; font-size:1.2em; font-weight:bold;}
|
||||
.certi_issuOrg {display:block; font-size:1.1em;}
|
||||
.certi_expDate {display:block; font-size:1.1em;}
|
||||
.certi_CIDI {display:inline-block;}
|
||||
.certi_nocert {display:block; color:#222; line-height:48px; font-size:14px; font-weight:bold;}
|
||||
|
||||
.ML_cert_list {*zoom:1;}
|
||||
.ML_cert_list:after{display:block; content:'';clear:both;}
|
||||
|
||||
.ML_cert_list_blank {height:1px;}
|
||||
#ML_cert_info {position:absolute; top:12px; background:#414243 url(../images/option_icon.png) no-repeat 10px 9px; width:336px; height:35px; padding:0 10px 0 34px; margin:0 0 0 10px; line-height:35px; color:#fff; text-align:left; overflow:hidden; border-radius:5px 5px 0 0; z-index:9;
|
||||
box-shadow:0 -2px 4px #d0d0d0;
|
||||
-moz-box-shadow:0 -2px 4px #d0d0d0; /* FF3.6+ */
|
||||
-webkitbox-shadow:0 -2px 4px #d0d0d0; /* Chrome,Safari4+ */
|
||||
-o-box-shadow:0 -2px 4px #d0d0d0; /* Opera 11.10+ */
|
||||
-ms-box-shadow:0 -2px 4px #d0d0d0; /* IE10+ */
|
||||
/* filter: progid:DXImageTransform.Microsoft.Shadow( color="#a2a2a2", direction=40,strength=6 ); IE6-9 */
|
||||
}
|
||||
|
||||
.ML_status_area {padding-top:10px;}
|
||||
.ML_pw_area {height:50px; z-index:10; padding:0 5px; }
|
||||
.ML_pw_chg_status_area {position:relative; bottom:0; height:169px;}
|
||||
.ML_pw_chg_area {position:absolute; bottom:0; width:360px; height:135px; background:#fafafa; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_del_status_area {position:relative; bottom:0; height:64px;}
|
||||
.ML_pw_del_area {position:absolute; bottom:0; width:360px; height:30px; background:#fafafa; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_pfx_status_area {position:relative; bottom:0; height:190px;}
|
||||
.ML_pw_pfx_area {height:80px; z-index:10; padding:10px;}
|
||||
.ML_pw_detail_status_area {position:relative; bottom:0; height:54px;}
|
||||
.ML_pw_detail_area {position:absolute; bottom:0; width:100%; height:30px; text-align:center;padding:10px 0; z-index:10;}
|
||||
.ML_pw_dialog_status_area {width:320px}
|
||||
.ML_pw_dialog_area {min-height:65px; text-align:center; margin:8px 10px 4px; padding:11px 10px; z-index:10;}
|
||||
.ML_pw_dialog_txt {min-height:22px; margin-bottom:20px; font-size:0.9em; line-height:22px; color:#222;}
|
||||
|
||||
.ML_cert_pw_area {margin:0 0 10px; height:40px; text-align:left; padding:0 6px 0 6px;position:relative; overflow:hidden;}
|
||||
.ML_status_area_chg {margin-top:10px;}
|
||||
.ML_cert_pw_tit {display:inline-block; line-height:36px; color:#2a2a2a; padding-right:5px; font-size:0.9em; width:110px; text-align:right;}
|
||||
.ML_cert_pw_tit_chg {display:inline-block; width:115px; line-height:25px; font-size:1.2em; color:#2a2a2a; padding-right:5px; text-align:right; }
|
||||
.ML_cert_pw_field_chg {display:inline-block;}
|
||||
.ML_cert_pw_tit_pfx {display:inline-block; width:112px; line-height:36px; font-size:0.9em; color:#2a2a2a; padding-right:5px; text-align:right;}
|
||||
.ML_cert_pw_field {display:inline-block; vertical-align:top; width:100%;}
|
||||
.ML_cert_pw_keypad {display:inline-block; width:30px; height:30px; background:url(../images/btn_key.png)no-repeat 2px 2px;}
|
||||
.ML_cert_popup_tit {display:inline-block; width:105px; line-height:25px; color:#2a2a2a; padding-right:5px; font-size:1.2em; text-align:right;}
|
||||
.f_wh_210 {width:210px;}
|
||||
.f_wh_227 {width:227px;}
|
||||
.f_wh_240 {width:240px;}
|
||||
.f_wh_255 {width:255px;}
|
||||
.f_wh_265 {width:265px;}
|
||||
.f_wh_274 {width:274px;}
|
||||
.f_wh_297 {width:297px;}
|
||||
.f_wh_310 {width:310px;}
|
||||
.f_wh_370 {width:360px;}
|
||||
.f_wh_400 {width:400px;}
|
||||
|
||||
.f_wh_per_50 {width:50%;}
|
||||
.f_wh_per_55 {width:55%;}
|
||||
.f_wh_per_60 {width:60%;}
|
||||
.f_wh_per_65 {width:65%;}
|
||||
|
||||
.ML_cert_secure_key {display:inline; width:25px; height:25px;}
|
||||
.ML_cert_secure_key img { vertical-align:top; margin:0; padding:0}
|
||||
|
||||
.ML_cert_file_area {margin:0; height:40px; position:relative; text-align:left; overflow:hidden; padding:10px 6px;}
|
||||
.ML_cert_file_btn {display:inline-block; width:30px; height:30px; background:url(../images/btn_folder.png) no-repeat 2px 2px; position:absolute; top:14px; right:0;}
|
||||
.ML_cert_file_add {width:25px; height:25px; opacity:0; filter:alpha(opacity:0); background:url(../images/btn_folder.png) no-repeat;}
|
||||
|
||||
.input_wrap{display:inline-block; height:28px; padding:1px; vertical-align:top;background:#ddd;}
|
||||
|
||||
.ML_cert_status {margin:0 0 10px; height:25px; border:1px solid #ddd; text-align:left;}
|
||||
.ML_cert_status .status_txt {padding-left:10px; line-height:25px;}
|
||||
|
||||
/* Input-box */
|
||||
.passwd_input{width:100%; height:36px; text-indent:10px; background:#ffffff; border:1px solid #a8a8a8; line-height:36px; font-size:0.9em;}
|
||||
.passwd_input:hover{border:1px solid #87c9ff; placeholder:none;}
|
||||
.passwd_input:focus{background:#fffbe6; border:1px solid #1672e4;}
|
||||
.file_input{width:100%; height:36px; text-indent:10px; background:#f5f5f5; border:1px solid #a8a8a8; line-height:36px; font-size:0.9em;}
|
||||
|
||||
/* buttom */
|
||||
.ML_btn_area {background:#fafafa; text-align:center; margin:10px 9px 0; z-index:10;}
|
||||
.btn_row {display:block; padding:0 5px; background:#fff;}
|
||||
#btn_row_top { padding-top:20px}
|
||||
.btn_row p{display:inline;}
|
||||
.btn_row p.b_blue_btn button{ float:none;}
|
||||
.btn_row_c {width:100%; display:block; margin-top:20px;}
|
||||
.btn_row_c p{display:inline;}
|
||||
.btn_row_s {margin:7px 9px;display:block; text-align:right;}
|
||||
.btn_row_s p{display:inline;}
|
||||
.btn_cell_left {width:100%; display:inline;vertical-align:top; text-align:left;}
|
||||
.btn_cell_center {width:100%; display:inline;vertical-align:top;}
|
||||
.btn_cell_right {width:100%; display:inline;vertical-align:top; text-align:right;}
|
||||
.MSG_cls{display:inline !important;}
|
||||
|
||||
.whtgrey_btn{text-align:center;}
|
||||
.whtgrey_btn button{width:45%; height:36px;padding:1px;border-radius:2px;border:1px solid #a8a8a8; cursor:pointer; background: #f4f4f4;}
|
||||
.whtgrey_btn button span{display:block;height:36px;border-radius:2px; font-size:1.1em;font-weight:bold;color:#34373b; line-height:34px;}
|
||||
.whtgrey_btn img{vertical-align: text-top; padding-right:3px;}
|
||||
.whtgrey_btn button:hover{background:#dbdbdb;}
|
||||
|
||||
.whtgrey_ws_btn{text-align:center;}
|
||||
.whtgrey_ws_btn button{width:100px;height:22px;padding:1px;border-radius:2px;border:1px solid #a8a8a8; cursor:pointer; background: #f4f4f4;}
|
||||
.whtgrey_ws_btn button span{display:block;height:22px;border-radius:2px; font-size:1em;font-weight:bold;color:#34373b}
|
||||
.whtgrey_ws_btn img{vertical-align:middle; padding-right:3px;}
|
||||
.whtgrey_ws_btn button:hover{background:#dbdbdb;}
|
||||
|
||||
.b_blue_btn{text-align:center; }
|
||||
.b_blue_btn button{ float:left; width:28%;height:40px;border-radius:2px;border:1px solid #0456bb;cursor:pointer; background:#1672e4;}
|
||||
.b_blue_btn button span{display:block;height:40px;border-radius:2px; line-height:40px; font-size:1.3em;font-weight:bold;color:#fff;}
|
||||
.b_blue_btn button:hover{background:#1466cd;}
|
||||
|
||||
.b_grey_btn{text-align:center;}
|
||||
.b_grey_btn button{width:28%;height:40px;border-radius:2px;border:1px solid #a8a8a8;cursor:pointer; background:#dedede;}
|
||||
.b_grey_btn button span{display:block;height:40px;border-radius:2px; line-height:40px; font-size:1.3em;font-weight:bold;color:#424242;}
|
||||
.b_grey_btn button:hover{background:#c7c7c7;}
|
||||
|
||||
/* tabs */
|
||||
#ML_tabs {margin-top:10px;}
|
||||
.tabs{margin:0 10px; z-index:1;}
|
||||
.tabs li {display:inline-block; font-size:0.9em; }
|
||||
.tabs a {width:80px; padding:9px 10px;display:inline-block; text-align:center; background:#f4f4f4;color:#34373b;text-decoration:none; border:1px solid #a8a8a8;}
|
||||
.tabs a.active {background:#fdfdfd;color:#34373b; font-weight:bold; border-bottom:1px solid #fdfdfd;}
|
||||
|
||||
|
||||
/* table */
|
||||
.detail_tb{width:100%; border:1px solid #b6b6b6; padding:5px 5px; background-color:#f6f6f6;}
|
||||
.detail_tb thead, .detail_tb tbody{display:block; float:left;}
|
||||
.detail_tb thead {background-color:#c8c8c8;font-size:0.8em}
|
||||
.detail_tb thead tr {}
|
||||
.detail_tb thead tr th {height:20px; line-height:20px;}
|
||||
.detail_tb tbody {border-top:1px solid #b6b6b6; height:210px; overflow-y:auto; overflow-x:hidden;}
|
||||
.detail_tb tbody {border-top:1px solid #b6b6b6; font-size:0.7em}
|
||||
.detail_tb tbody tr th{padding:5px 5px; text-align:left; border:1px solid #b6b6b6;}
|
||||
.detail_tb tbody td, .detail_tb thead th{border-right:1px solid #b6b6b6;}
|
||||
.detail_tb thead th:first-child{ padding:5px 5px; width:96px;}
|
||||
.detail_tb thead th {width:234px; padding:5px 5px;}
|
||||
.detail_tb thead th:last-child{border-right:none;}
|
||||
.detail_tb tbody td:first-child{padding:5px 5px; width:100px;}
|
||||
.detail_tb tbody td:last-child{border-right:none; padding:5px 5px;background:#fff; width:70%;}
|
||||
.detail_tb tbody tr {border-bottom:1px solid #b6b6b6; height:20px;}
|
||||
.detail_tb tbody tr:last-child{border-bottom:none;}
|
||||
.td_title{ font-size:1.1em}
|
||||
|
||||
/*.detail_tb{width:100%; border:1px solid #b6b6b6; padding:5px 5px; background-color:#f6f6f6;}
|
||||
.detail_tb thead tr{ background-color:#c8c8c8; }
|
||||
.detail_tb thead tr th{padding:5px 5px; text-align:left; border:1px solid #b6b6b6;}
|
||||
.detail_tb tbody tr td{padding:5px 5px; text-align:left; border:1px solid #b6b6b6;}
|
||||
.td_title{width:30%;}*/
|
||||
|
||||
/* footer */
|
||||
.ft_area{font:Verdana, Geneva, sans-serif; font-size:9px; letter-spacing:-1; line-height:15px; text-align:right}
|
||||
.ft_area .ft_ver{position:absolute; left:0; padding-left:10px;}
|
||||
.ft_area .ft_copy{position:relative; right:0; padding-right:10px;}
|
||||
@ -1,352 +0,0 @@
|
||||
@charset "utf-8";
|
||||
|
||||
|
||||
/******************* common *******************/
|
||||
html,body{height:100%}
|
||||
*{margin:0;padding:0;font-family:"맑은고딕",Malgun Gothic,"돋움",Dotum,"굴림",Gulim,Helvetica,"애플고딕",AppleGothic,Sans-serif;-webkit-text-size-adjust:none}
|
||||
body{background:#fff;color:#5e5e5e;word-wrap:break-word;word-break:break-all}
|
||||
body,input,select,textarea{font-size:12px}
|
||||
textarea{border:1px solid #bcbcbc}
|
||||
li{list-style:none}
|
||||
table{border-collapse:collapse}
|
||||
img,fieldset{border:none}
|
||||
a{text-decoration:none;cursor:pointer}
|
||||
label{cursor:pointer}
|
||||
strong{font-weight:normal}
|
||||
em,address{font-style:normal}
|
||||
input{outline-style:none;}
|
||||
|
||||
/******************* key Select *******************/
|
||||
.ML_key_box {position:relative; margin:0; background:;}
|
||||
|
||||
.ML_key_box .ML_key_caps a {position:absolute; top:107px; left:4px; width:45px; height:30px; background:url(../images/key/caps.gif) no-repeat; text-indent:-5000px; cursor:pointer;}
|
||||
.ML_key_box .ML_key_caps a:hover {background:url(../images/key/caps_ovr.gif) no-repeat;}
|
||||
.ML_key_box .ML_key_shift a {position:absolute; top:141px; left:4px; width:98px; height:30px; background:url(../images/key/shift.gif) no-repeat; text-indent:-5000px; cursor:pointer;}
|
||||
.ML_key_box .ML_key_shift a:hover {background:url(../images/key/shift_ovr.gif) no-repeat;}
|
||||
.ML_key_box .ML_key_space a {position:absolute; top:141px; left:106px; width:351px; height:30px; background:url(../images/key/space.gif) no-repeat; text-indent:-5000px; cursor:pointer;}
|
||||
.ML_key_box .ML_key_space a:hover {background:url(../images/key/space_ovr.gif) no-repeat;}
|
||||
.ML_key_box .ML_key_enter a {position:absolute; top:107px; right:4px; width:84px; height:64px; background:url(../images/key/enter.gif) no-repeat; text-indent:-5000px; cursor:pointer;}
|
||||
.ML_key_box .ML_key_enter a:hover {background:url(../images/key/enter_ovr.gif) no-repeat;}
|
||||
.ML_key_box .ML_key_reset a {position:absolute; top:73px; right:4px; width:65px; height:30px; background:url(../images/key/reset.gif) no-repeat; text-indent:-5000px; cursor:pointer;}
|
||||
.ML_key_box .ML_key_reset a:hover {background:url(../images/key/reset_ovr.gif) no-repeat;}
|
||||
.ML_key_box .ML_key_back a {position:absolute; top:5px; right:4px; width:30px; height:30px; background:url(../images/key/back.gif) no-repeat; text-indent:-5000px; cursor:pointer;}
|
||||
.ML_key_box .ML_key_back a:hover {background:url(../images/key/back_ovr.gif) no-repeat;}
|
||||
|
||||
.ML_key_area {margin:0 2px 2px; padding-top:2px; width:544px; height:170px; border-top:1px solid #d9d9d9;}
|
||||
.ML_key_area ul {text-align:center;}
|
||||
.ML_key_area li {float:left;margin:2px;background:;}
|
||||
.ML_key_area li a{display:block; width:30px; height:30px; overflow:hidden; color:#34373b; font-size:11px; font-weight:bold; letter-spacing:-1px; background:url(../images/key/nor/keylay.png) no-repeat; cursor:pointer; vertical-align:center; text-indent:-5000px;}
|
||||
.ML_key_area li span{display:inline-block;}
|
||||
|
||||
/* positioning */
|
||||
.ML_key_area li.gap1 {width:30px; height:30px;}
|
||||
.ML_key_area li.gap2 {width:15px; height:30px;}
|
||||
.ML_key_area li.gap3 {width:45px; height:30px;}
|
||||
.ML_key_area li.ML_key_blank a {width:30px; height:30px; background-position: -150px -180px;}
|
||||
|
||||
.ML_key_area li.ML_key_num1{width:506px; height:30px; background:url(../images/key/nor/key_num1.png) no-repeat;}
|
||||
.ML_key_area li.ML_key_num2{width:506px; height:30px; background:url(../images/key/nor/key_num2.png) no-repeat;}
|
||||
.ML_key_area li.ML_key_num3{width:438px; height:30px; background:url(../images/key/nor/key_num3.png) no-repeat;}
|
||||
.ML_key_area li.ML_key_num4{width:404px; height:30px; background:url(../images/key/nor/key_num4.png) no-repeat;}
|
||||
|
||||
.ML_key_area li.ML_key_ac a {width:30px; height:30px; background-position: 0 0;}
|
||||
.ML_key_area li.ML_key_ac a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_1 a {width:30px; height:30px; background-position: -30px 0;}
|
||||
.ML_key_area li.ML_key_1 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_2 a {width:30px; height:30px; background-position: -60px 0;}
|
||||
.ML_key_area li.ML_key_2 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_3 a {width:30px; height:30px; background-position: -90px 0;}
|
||||
.ML_key_area li.ML_key_3 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_4 a {width:30px; height:30px; background-position: -120px 0;}
|
||||
.ML_key_area li.ML_key_4 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_5 a {width:30px; height:30px; background-position: -150px 0;}
|
||||
.ML_key_area li.ML_key_5 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_6 a {width:30px; height:30px; background-position: -180px 0;}
|
||||
.ML_key_area li.ML_key_6 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_7 a {width:30px; height:30px; background-position: 0 -30px;}
|
||||
.ML_key_area li.ML_key_7 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_8 a {width:30px; height:30px; background-position: -30px -30px;}
|
||||
.ML_key_area li.ML_key_8 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_9 a {width:30px; height:30px; background-position: -60px -30px;}
|
||||
.ML_key_area li.ML_key_9 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_0 a {width:30px; height:30px; background-position: -90px -30px;}
|
||||
.ML_key_area li.ML_key_0 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_hp a {width:30px; height:30px; background-position: -120px -30px;}
|
||||
.ML_key_area li.ML_key_hp a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_eq a {width:30px; height:30px; background-position: -150px -30px;}
|
||||
.ML_key_area li.ML_key_eq a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_q a {width:30px; height:30px; background-position: -180px -30px;}
|
||||
.ML_key_area li.ML_key_q a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_w a {width:30px; height:30px; background-position: 0 -60px;}
|
||||
.ML_key_area li.ML_key_w a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_e a {width:30px; height:30px; background-position: -30px -60px;}
|
||||
.ML_key_area li.ML_key_e a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_r a {width:30px; height:30px; background-position: -60px -60px;}
|
||||
.ML_key_area li.ML_key_r a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_t a {width:30px; height:30px; background-position: -90px -60px;}
|
||||
.ML_key_area li.ML_key_t a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_y a {width:30px; height:30px; background-position: -120px -60px;}
|
||||
.ML_key_area li.ML_key_y a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_u a {width:30px; height:30px; background-position: -150px -60px;}
|
||||
.ML_key_area li.ML_key_u a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_i a {width:30px; height:30px; background-position: -180px -60px;}
|
||||
.ML_key_area li.ML_key_i a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_o a {width:30px; height:30px; background-position: 0 -90px;}
|
||||
.ML_key_area li.ML_key_o a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_p a {width:30px; height:30px; background-position: -30px -90px;}
|
||||
.ML_key_area li.ML_key_p a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_sb1 a {width:30px; height:30px; background-position: -60px -90px;}
|
||||
.ML_key_area li.ML_key_sb1 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_sb2 a {width:30px; height:30px; background-position: -90px -90px;}
|
||||
.ML_key_area li.ML_key_sb2 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_bs a {width:30px; height:30px; background-position: -120px -90px;}
|
||||
.ML_key_area li.ML_key_bs a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_a a {width:30px; height:30px; background-position: -150px -90px;}
|
||||
.ML_key_area li.ML_key_a a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_s a {width:30px; height:30px; background-position: -180px -90px;}
|
||||
.ML_key_area li.ML_key_s a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_d a {width:30px; height:30px; background-position: 0 -120px;}
|
||||
.ML_key_area li.ML_key_d a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_f a {width:30px; height:30px; background-position: -30px -120px;}
|
||||
.ML_key_area li.ML_key_f a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_g a {width:30px; height:30px; background-position: -60px -120px;}
|
||||
.ML_key_area li.ML_key_g a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_h a {width:30px; height:30px; background-position: -90px -120px;}
|
||||
.ML_key_area li.ML_key_h a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_j a {width:30px; height:30px; background-position: -120px -120px;}
|
||||
.ML_key_area li.ML_key_j a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_k a {width:30px; height:30px; background-position: -150px -120px;}
|
||||
.ML_key_area li.ML_key_k a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_l a {width:30px; height:30px; background-position: -180px -120px;}
|
||||
.ML_key_area li.ML_key_l a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_sc a {width:30px; height:30px; background-position: 0 -150px;}
|
||||
.ML_key_area li.ML_key_sc a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_as a {width:30px; height:30px; background-position: -30px -150px;}
|
||||
.ML_key_area li.ML_key_as a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_z a {width:30px; height:30px; background-position: -60px -150px;}
|
||||
.ML_key_area li.ML_key_z a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_x a {width:30px; height:30px; background-position: -90px -150px;}
|
||||
.ML_key_area li.ML_key_x a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_c a {width:30px; height:30px; background-position: -120px -150px;}
|
||||
.ML_key_area li.ML_key_c a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_v a {width:30px; height:30px; background-position: -150px -150px;}
|
||||
.ML_key_area li.ML_key_v a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_b a {width:30px; height:30px; background-position: -180px -150px;}
|
||||
.ML_key_area li.ML_key_b a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_n a {width:30px; height:30px; background-position: 0 -180px;}
|
||||
.ML_key_area li.ML_key_n a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_m a {width:30px; height:30px; background-position: -30px -180px;}
|
||||
.ML_key_area li.ML_key_m a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_cm a {width:30px; height:30px; background-position: -60px -180px;}
|
||||
.ML_key_area li.ML_key_cm a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_pr a {width:30px; height:30px; background-position: -90px -180px;}
|
||||
.ML_key_area li.ML_key_pr a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_fs a {width:30px; height:30px; background-position: -120px -180px;}
|
||||
.ML_key_area li.ML_key_fs a:hover {background-position: -75px -150px;}
|
||||
|
||||
.ML_key_area li a.sf{display:block; width:30px; height:30px; overflow:hidden; color:#34373b; font-size:11px; font-weight:bold; letter-spacing:-1px; background:url(../images/key/shift/keylay.png) no-repeat; cursor:pointer; vertical-align:center; text-indent:-5000px;}
|
||||
.ML_key_area li.ML_key_ac a.sf {width:30px; height:30px; background-position: 0 0;}
|
||||
.ML_key_area li.ML_key_ac a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_1 a.sf {width:30px; height:30px; background-position: -30px 0;}
|
||||
.ML_key_area li.ML_key_1 a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_2 a.sf {width:30px; height:30px; background-position: -60px 0;}
|
||||
.ML_key_area li.ML_key_2 a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_3 a.sf {width:30px; height:30px; background-position: -90px 0;}
|
||||
.ML_key_area li.ML_key_3 a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_4 a.sf {width:30px; height:30px; background-position: -120px 0;}
|
||||
.ML_key_area li.ML_key_4 a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_5 a.sf {width:30px; height:30px; background-position: -150px 0;}
|
||||
.ML_key_area li.ML_key_5 a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_6 a.sf {width:30px; height:30px; background-position: -180px 0;}
|
||||
.ML_key_area li.ML_key_6 a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_7 a.sf {width:30px; height:30px; background-position: 0 -30px;}
|
||||
.ML_key_area li.ML_key_7 a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_8 a.sf {width:30px; height:30px; background-position: -30px -30px;}
|
||||
.ML_key_area li.ML_key_8 a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_9 a.sf {width:30px; height:30px; background-position: -60px -30px;}
|
||||
.ML_key_area li.ML_key_9 a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_0 a.sf {width:30px; height:30px; background-position: -90px -30px;}
|
||||
.ML_key_area li.ML_key_0 a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_hp a.sf {width:30px; height:30px; background-position: -120px -30px;}
|
||||
.ML_key_area li.ML_key_hp a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_eq a.sf {width:30px; height:30px; background-position: -150px -30px;}
|
||||
.ML_key_area li.ML_key_eq a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_q a.sf {width:30px; height:30px; background-position: -180px -30px;}
|
||||
.ML_key_area li.ML_key_q a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_w a.sf {width:30px; height:30px; background-position: 0 -60px;}
|
||||
.ML_key_area li.ML_key_w a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_e a.sf {width:30px; height:30px; background-position: -30px -60px;}
|
||||
.ML_key_area li.ML_key_e a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_r a.sf {width:30px; height:30px; background-position: -60px -60px;}
|
||||
.ML_key_area li.ML_key_r a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_t a.sf {width:30px; height:30px; background-position: -90px -60px;}
|
||||
.ML_key_area li.ML_key_t a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_y a.sf {width:30px; height:30px; background-position: -120px -60px;}
|
||||
.ML_key_area li.ML_key_y a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_u a.sf {width:30px; height:30px; background-position: -150px -60px;}
|
||||
.ML_key_area li.ML_key_u a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_i a.sf {width:30px; height:30px; background-position: -180px -60px;}
|
||||
.ML_key_area li.ML_key_i a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_o a.sf {width:30px; height:30px; background-position: 0 -90px;}
|
||||
.ML_key_area li.ML_key_o a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_p a.sf {width:30px; height:30px; background-position: -30px -90px;}
|
||||
.ML_key_area li.ML_key_p a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_sb1 a.sf {width:30px; height:30px; background-position: -60px -90px;}
|
||||
.ML_key_area li.ML_key_sb1 a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_sb2 a.sf {width:30px; height:30px; background-position: -90px -90px;}
|
||||
.ML_key_area li.ML_key_sb2 a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_bs a.sf {width:30px; height:30px; background-position: -120px -90px;}
|
||||
.ML_key_area li.ML_key_bs a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_a a.sf {width:30px; height:30px; background-position: -150px -90px;}
|
||||
.ML_key_area li.ML_key_a a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_s a.sf {width:30px; height:30px; background-position: -180px -90px;}
|
||||
.ML_key_area li.ML_key_s a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_d a.sf {width:30px; height:30px; background-position: 0 -120px;}
|
||||
.ML_key_area li.ML_key_d a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_f a.sf {width:30px; height:30px; background-position: -30px -120px;}
|
||||
.ML_key_area li.ML_key_f a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_g a.sf {width:30px; height:30px; background-position: -60px -120px;}
|
||||
.ML_key_area li.ML_key_g a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_h a.sf {width:30px; height:30px; background-position: -90px -120px;}
|
||||
.ML_key_area li.ML_key_h a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_j a.sf {width:30px; height:30px; background-position: -120px -120px;}
|
||||
.ML_key_area li.ML_key_j a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_k a.sf {width:30px; height:30px; background-position: -150px -120px;}
|
||||
.ML_key_area li.ML_key_k a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_l a.sf {width:30px; height:30px; background-position: -180px -120px;}
|
||||
.ML_key_area li.ML_key_l a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_sc a.sf {width:30px; height:30px; background-position: 0 -150px;}
|
||||
.ML_key_area li.ML_key_sc a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_as a.sf {width:30px; height:30px; background-position: -30px -150px;}
|
||||
.ML_key_area li.ML_key_as a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_z a.sf {width:30px; height:30px; background-position: -60px -150px;}
|
||||
.ML_key_area li.ML_key_z a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_x a.sf {width:30px; height:30px; background-position: -90px -150px;}
|
||||
.ML_key_area li.ML_key_x a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_c a.sf {width:30px; height:30px; background-position: -120px -150px;}
|
||||
.ML_key_area li.ML_key_c a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_v a.sf {width:30px; height:30px; background-position: -150px -150px;}
|
||||
.ML_key_area li.ML_key_v a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_b a.sf {width:30px; height:30px; background-position: -180px -150px;}
|
||||
.ML_key_area li.ML_key_b a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_n a.sf {width:30px; height:30px; background-position: 0 -180px;}
|
||||
.ML_key_area li.ML_key_n a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_m a.sf {width:30px; height:30px; background-position: -30px -180px;}
|
||||
.ML_key_area li.ML_key_m a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_cm a.sf {width:30px; height:30px; background-position: -60px -180px;}
|
||||
.ML_key_area li.ML_key_cm a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_pr a.sf {width:30px; height:30px; background-position: -90px -180px;}
|
||||
.ML_key_area li.ML_key_pr a.sf:hover {background-position: -75px -150px;}
|
||||
.ML_key_area li.ML_key_fs a.sf {width:30px; height:30px; background-position: -120px -180px;}
|
||||
.ML_key_area li.ML_key_fs a.sf:hover {background-position: -75px -150px;}
|
||||
|
||||
.ML_key_area {*zoom:1;}
|
||||
.ML_key_area li:after{display:block; content:'';clear:both;}
|
||||
|
||||
.ML_key_area_upper {position:absolute; top:0; left:0; margin:0 2px 2px; padding-top:2px; width:544px; height:170px; /*background:rgba(0,0,0,0.3);*/}
|
||||
.ML_key_area_upper li {float:left;margin:2px;background:;}
|
||||
.ML_key_area_upper li a{display:block; width:30px; height:30px; overflow:hidden; color:#34373b; font-size:11px; font-weight:bold; letter-spacing:-1px; cursor:pointer; vertical-align:center; text-indent:-5000px;}
|
||||
.ML_key_area_upper li a:hover {background:url(../images/key/key_upper.png) no-repeat;}
|
||||
/* positioning */
|
||||
.ML_key_area_upper li.gap1 {width:30px; height:30px;}
|
||||
.ML_key_area_upper li.gap2 {width:15px; height:30px;}
|
||||
.ML_key_area_upper li.gap3 {width:45px; height:30px;}
|
||||
.ML_key_area_upper li.ML_key_blank a {width:30px; height:30px; background-position: -150px -180px;}
|
||||
|
||||
.ML_key_area_upper li.ML_key_ac a {width:30px; height:30px; background-position: 0 0;}
|
||||
.ML_key_area_upper li.ML_key_ac a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_1 a {width:30px; height:30px; background-position: -30px 0;}
|
||||
.ML_key_area_upper li.ML_key_1 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_2 a {width:30px; height:30px; background-position: -60px 0;}
|
||||
.ML_key_area_upper li.ML_key_2 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_3 a {width:30px; height:30px; background-position: -90px 0;}
|
||||
.ML_key_area_upper li.ML_key_3 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_4 a {width:30px; height:30px; background-position: -120px 0;}
|
||||
.ML_key_area_upper li.ML_key_4 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_5 a {width:30px; height:30px; background-position: -150px 0;}
|
||||
.ML_key_area_upper li.ML_key_5 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_6 a {width:30px; height:30px; background-position: -180px 0;}
|
||||
.ML_key_area_upper li.ML_key_6 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_7 a {width:30px; height:30px; background-position: 0 -30px;}
|
||||
.ML_key_area_upper li.ML_key_7 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_8 a {width:30px; height:30px; background-position: -30px -30px;}
|
||||
.ML_key_area_upper li.ML_key_8 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_9 a {width:30px; height:30px; background-position: -60px -30px;}
|
||||
.ML_key_area_upper li.ML_key_9 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_0 a {width:30px; height:30px; background-position: -90px -30px;}
|
||||
.ML_key_area_upper li.ML_key_0 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_hp a {width:30px; height:30px; background-position: -120px -30px;}
|
||||
.ML_key_area_upper li.ML_key_hp a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_eq a {width:30px; height:30px; background-position: -150px -30px;}
|
||||
.ML_key_area_upper li.ML_key_eq a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_q a {width:30px; height:30px; background-position: -180px -30px;}
|
||||
.ML_key_area_upper li.ML_key_q a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_w a {width:30px; height:30px; background-position: 0 -60px;}
|
||||
.ML_key_area_upper li.ML_key_w a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_e a {width:30px; height:30px; background-position: -30px -60px;}
|
||||
.ML_key_area_upper li.ML_key_e a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_r a {width:30px; height:30px; background-position: -60px -60px;}
|
||||
.ML_key_area_upper li.ML_key_r a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_t a {width:30px; height:30px; background-position: -90px -60px;}
|
||||
.ML_key_area_upper li.ML_key_t a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_y a {width:30px; height:30px; background-position: -120px -60px;}
|
||||
.ML_key_area_upper li.ML_key_y a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_u a {width:30px; height:30px; background-position: -150px -60px;}
|
||||
.ML_key_area_upper li.ML_key_u a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_i a {width:30px; height:30px; background-position: -180px -60px;}
|
||||
.ML_key_area_upper li.ML_key_i a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_o a {width:30px; height:30px; background-position: 0 -90px;}
|
||||
.ML_key_area_upper li.ML_key_o a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_p a {width:30px; height:30px; background-position: -30px -90px;}
|
||||
.ML_key_area_upper li.ML_key_p a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_sb1 a {width:30px; height:30px; background-position: -60px -90px;}
|
||||
.ML_key_area_upper li.ML_key_sb1 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_sb2 a {width:30px; height:30px; background-position: -90px -90px;}
|
||||
.ML_key_area_upper li.ML_key_sb2 a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_bs a {width:30px; height:30px; background-position: -120px -90px;}
|
||||
.ML_key_area_upper li.ML_key_bs a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_a a {width:30px; height:30px; background-position: -150px -90px;}
|
||||
.ML_key_area_upper li.ML_key_a a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_s a {width:30px; height:30px; background-position: -180px -90px;}
|
||||
.ML_key_area_upper li.ML_key_s a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_d a {width:30px; height:30px; background-position: 0 -120px;}
|
||||
.ML_key_area_upper li.ML_key_d a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_f a {width:30px; height:30px; background-position: -30px -120px;}
|
||||
.ML_key_area_upper li.ML_key_f a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_g a {width:30px; height:30px; background-position: -60px -120px;}
|
||||
.ML_key_area_upper li.ML_key_g a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_h a {width:30px; height:30px; background-position: -90px -120px;}
|
||||
.ML_key_area_upper li.ML_key_h a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_j a {width:30px; height:30px; background-position: -120px -120px;}
|
||||
.ML_key_area_upper li.ML_key_j a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_k a {width:30px; height:30px; background-position: -150px -120px;}
|
||||
.ML_key_area_upper li.ML_key_k a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_l a {width:30px; height:30px; background-position: -180px -120px;}
|
||||
.ML_key_area_upper li.ML_key_l a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_sc a {width:30px; height:30px; background-position: 0 -150px;}
|
||||
.ML_key_area_upper li.ML_key_sc a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_as a {width:30px; height:30px; background-position: -30px -150px;}
|
||||
.ML_key_area_upper li.ML_key_as a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_z a {width:30px; height:30px; background-position: -60px -150px;}
|
||||
.ML_key_area_upper li.ML_key_z a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_x a {width:30px; height:30px; background-position: -90px -150px;}
|
||||
.ML_key_area_upper li.ML_key_x a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_c a {width:30px; height:30px; background-position: -120px -150px;}
|
||||
.ML_key_area_upper li.ML_key_c a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_v a {width:30px; height:30px; background-position: -150px -150px;}
|
||||
.ML_key_area_upper li.ML_key_v a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_b a {width:30px; height:30px; background-position: -180px -150px;}
|
||||
.ML_key_area_upper li.ML_key_b a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_n a {width:30px; height:30px; background-position: 0 -180px;}
|
||||
.ML_key_area_upper li.ML_key_n a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_m a {width:30px; height:30px; background-position: -30px -180px;}
|
||||
.ML_key_area_upper li.ML_key_m a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_cm a {width:30px; height:30px; background-position: -60px -180px;}
|
||||
.ML_key_area_upper li.ML_key_cm a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_pr a {width:30px; height:30px; background-position: -90px -180px;}
|
||||
.ML_key_area_upper li.ML_key_pr a:hover {background-position: -75px -150px;}
|
||||
.ML_key_area_upper li.ML_key_fs a {width:30px; height:30px; background-position: -120px -180px;}
|
||||
.ML_key_area_upper li.ML_key_fs a:hover {background-position: -75px -150px;}
|
||||
|
||||
.ML_key_area_upper {*zoom:1;}
|
||||
.ML_key_area_upper li:after{display:block; content:'';clear:both;}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,166 +0,0 @@
|
||||
/*
|
||||
* Core Owl Carousel CSS File
|
||||
* v1.3.2
|
||||
*/
|
||||
|
||||
/* clearfix */
|
||||
.owl-carousel .owl-wrapper:after {
|
||||
content: ".";
|
||||
display: block;
|
||||
clear: both;
|
||||
visibility: hidden;
|
||||
line-height: 0;
|
||||
height: 0;
|
||||
}
|
||||
/* display none until init */
|
||||
.owl-carousel{
|
||||
display: none;
|
||||
position: relative;
|
||||
-ms-touch-action: pan-y;
|
||||
}
|
||||
.owl-carousel .owl-wrapper{
|
||||
display: none;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
-webkit-transform: translate3d(0px, 0px, 0px);
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer{
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.owl-carousel .owl-wrapper-outer.autoHeight{
|
||||
-webkit-transition: height 500ms ease-in-out;
|
||||
-moz-transition: height 500ms ease-in-out;
|
||||
-ms-transition: height 500ms ease-in-out;
|
||||
-o-transition: height 500ms ease-in-out;
|
||||
transition: height 500ms ease-in-out;
|
||||
}
|
||||
|
||||
.owl-carousel .owl-item{
|
||||
float: left;
|
||||
}
|
||||
.owl-controls .owl-page,
|
||||
.owl-controls .owl-buttons div{
|
||||
cursor: pointer;
|
||||
}
|
||||
.owl-controls {
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/* mouse grab icon */
|
||||
.grabbing {
|
||||
cursor:url(../images/grabbing.png) 8 8, move;
|
||||
}
|
||||
|
||||
/* fix */
|
||||
.owl-carousel .owl-wrapper,
|
||||
.owl-carousel .owl-item{
|
||||
-webkit-backface-visibility: hidden;
|
||||
-moz-backface-visibility: hidden;
|
||||
-ms-backface-visibility: hidden;
|
||||
-webkit-transform: translate3d(0,0,0);
|
||||
-moz-transform: translate3d(0,0,0);
|
||||
-ms-transform: translate3d(0,0,0);
|
||||
}
|
||||
|
||||
/*
|
||||
* Owl Carousel Owl Demo Theme
|
||||
* v1.3.2
|
||||
*/
|
||||
|
||||
.owl-theme .owl-controls{
|
||||
position: absolute;
|
||||
left: 308px;
|
||||
margin-top: -35px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Styling Next and Prev buttons */
|
||||
|
||||
.owl-theme .owl-controls .owl-buttons div{
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
margin: 5px;
|
||||
padding: 3px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
background: #869791;
|
||||
filter: Alpha(Opacity=50);/*IE7 fix*/
|
||||
opacity: 0.5;
|
||||
}
|
||||
/* Clickable class fix problem with hover on touch devices */
|
||||
/* Use it for non-touch hover action */
|
||||
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
|
||||
filter: Alpha(Opacity=100);/*IE7 fix*/
|
||||
opacity: 1;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*¹öÆ° À̹ÌÁö ±³Ã¼*/
|
||||
.owl-theme .owl-controls .owl-buttons_img div{
|
||||
color: #FFF;
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
margin: 5px;
|
||||
padding: 3px 10px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Styling Pagination*/
|
||||
|
||||
.owl-theme .owl-controls .owl-page{
|
||||
display: inline-block;
|
||||
zoom: 1;
|
||||
*display: inline;/*IE7 life-saver */
|
||||
}
|
||||
.owl-theme .owl-controls .owl-page span{
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
margin: 5px 7px;
|
||||
filter: Alpha(Opacity=100);/*IE7 fix*/
|
||||
opacity: 1;
|
||||
-webkit-border-radius: 20px;
|
||||
-moz-border-radius: 20px;
|
||||
border-radius: 20px;
|
||||
background: #404654;
|
||||
}
|
||||
|
||||
.owl-theme .owl-controls .owl-page.active span,
|
||||
.owl-theme .owl-controls.clickable .owl-page:hover span{
|
||||
background: #2a9eff;
|
||||
filter: Alpha(Opacity=100);/*IE7 fix*/
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* If PaginationNumbers is true */
|
||||
|
||||
.owl-theme .owl-controls .owl-page span.owl-numbers{
|
||||
height: auto;
|
||||
width: auto;
|
||||
color: #FFF;
|
||||
padding: 2px 10px;
|
||||
font-size: 12px;
|
||||
-webkit-border-radius: 30px;
|
||||
-moz-border-radius: 30px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
/* preloading images */
|
||||
.owl-item.loading{
|
||||
min-height: 150px;
|
||||
background: url(AjaxLoader.gif) no-repeat center center
|
||||
}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 44 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 9.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 23 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 8.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 7.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 48 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -1,977 +0,0 @@
|
||||
function initAdminMainEvent(){
|
||||
ML4WebLog.log("ML4Web_Mgmt.js - initAdminMainEvent() called...");
|
||||
|
||||
//인증서 관리창 스토리지 선택
|
||||
$('[id^="stg_admin_"]').click(function () {
|
||||
var stg_id = this.id.split("stg_admin_")[1];
|
||||
ML4WebLog.log("admin storage selected.... storageId = "+stg_id)
|
||||
|
||||
//UI driver 선택창 위치 조정
|
||||
var stg_idx = $(this).attr("stgIdx");
|
||||
$('#driver_admin_div').removeClass("pos_01").removeClass("pos_02").removeClass("pos_03").removeClass("pos_04").removeClass("pos_05");
|
||||
$('#driver_admin_div').addClass("pos_0"+stg_idx);
|
||||
|
||||
//UI css selection 처리....
|
||||
$('[class^="ML_storage_"]').removeClass("on");
|
||||
$(this).parent().addClass("on");
|
||||
|
||||
//인증서 목록 무조건 초기화
|
||||
makeAdminCertiListDiv(null);
|
||||
|
||||
// 드라이버 선택창 닫기
|
||||
closeAdminDriverDialog();
|
||||
|
||||
//UI 관리 기능 셋팅
|
||||
setMgmtFuncBtn(stg_id);
|
||||
|
||||
// if(stg_id=="pfx"){
|
||||
//파일탐색기 열기...
|
||||
// openSearchPfxMgmtDialog();//인증서찾기창
|
||||
// }else {
|
||||
ML4WebUI.selectStorageInfo(stg_id, function(resultCode, jsonObj){
|
||||
// ML4WebApi.selectStorageInfo(stg_id, function(resultCode, jsonObj){
|
||||
ML4WebLog.log("[Callback]selectStorage() .... resultCode === "+resultCode);
|
||||
|
||||
if( resultCode == 0) {
|
||||
if(jsonObj == null || $.isEmptyObject(jsonObj)){
|
||||
ML4WebLog.log( "[click]옵션없음 인증서 목록 조회해라....");
|
||||
var certOpt = {"storageName":stg_id};
|
||||
|
||||
ML4WebUI.getStorageCertList(certOpt, function(resultCode, jsonObj) {
|
||||
// ML4WebApi.getStorageCertList(certOpt, function(resultCode, jsonObj) {
|
||||
if( resultCode == 0) {//성공
|
||||
// ML4WebLog.log("[SUCCESS!!!] Result === " + JSON.stringify(jsonObj));
|
||||
makeAdminCertiListDiv(jsonObj.cert_list);
|
||||
}else{ //실패
|
||||
ML4WebLog.log("[ERROR!!! - "+resultCode+" ] errCode === " + jsonObj.errCode + ", errMsg === " + jsonObj.errMsg);
|
||||
makeAdminCertiListDiv(null);
|
||||
//EmptyCertDiv();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
ML4WebLog.log("[SUCCESS!!!] Select Drive. Result === " + JSON.stringify(jsonObj));
|
||||
// ML4WebLog.log( "[click]옵션있으니 드라이브 선택처리해라... drivers.length === " + jsonObj.drivers.length);
|
||||
openAdminDriverDialog(stg_id, jsonObj);
|
||||
}
|
||||
} else{
|
||||
ML4WebLog.log("[ERROR!!! - "+resultCode+" ] errCode === " + jsonObj.errCode + ", errMsg === " + jsonObj.errMsg);
|
||||
EmptyCertDiv();
|
||||
}
|
||||
});
|
||||
// }
|
||||
});
|
||||
}
|
||||
|
||||
function setMgmtFuncBtn(stgId){
|
||||
//mgmtAll, copy, delete, import, export, changePw
|
||||
var dialogName = ML4WebUI.getDialogName();
|
||||
ML4WebLog.log("ML4Web_Mgmt.js - setMgmtFuncBtn() dialogName ===" + dialogName);
|
||||
|
||||
$(".ad_cert_copy").addClass("off");
|
||||
$(".ad_cert_del").addClass("off");
|
||||
$(".ad_cert_pass_change").addClass("off");
|
||||
$(".ad_cert_import").addClass("off");
|
||||
$(".ad_cert_send").addClass("off");
|
||||
|
||||
var classArr = [$(".ad_cert_copy"), $(".ad_cert_view"), $(".ad_cert_del"), $(".ad_cert_pass_change"), $(".ad_cert_import"), $(".ad_cert_send")];
|
||||
|
||||
if(dialogName=="copy"){
|
||||
classArr = [$(".ad_cert_view"), $(".ad_cert_copy")];
|
||||
}else if(dialogName=="delete"){
|
||||
classArr = [$(".ad_cert_view"), $(".ad_cert_del")];
|
||||
}else if(dialogName=="import"){
|
||||
classArr = [$(".ad_cert_view"), $(".ad_cert_import")];
|
||||
}else if(dialogName=="export"){
|
||||
classArr = [$(".ad_cert_view"), $(".ad_cert_send")];
|
||||
}else if(dialogName=="changePw"){
|
||||
classArr = [$(".ad_cert_view"), $(".ad_cert_pass_change")];
|
||||
}
|
||||
|
||||
if(stgId=="token"){
|
||||
for(var i=0;i<classArr.length;i++){
|
||||
classArr[i].addClass("off");
|
||||
}
|
||||
$(".ad_cert_view").removeClass("off");
|
||||
}else{
|
||||
for(var i=0;i<classArr.length;i++){
|
||||
classArr[i].removeClass("off");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function makeAdminCertiListDiv(listObj) {
|
||||
//ML4WebLog.log("makeAdminCertiListDiv() called... listObj === " + JSON.stringify(listObj));
|
||||
|
||||
var source = makeSourceData(listObj); //main.js fn
|
||||
var dataAdapter = new $.MLjqui.dataAdapter(source);
|
||||
|
||||
var dt_width = 398;
|
||||
var dt_height = 150;
|
||||
|
||||
//모바일 화면 적용 패치
|
||||
var os_ver = ML4WebApi.getProperty("os");
|
||||
if(os_ver=="Android" || os_ver=="IPHONE" || os_ver=="BlackBerry"){
|
||||
dt_width = "100%";
|
||||
dt_height = (($(window).height()) - 238);
|
||||
}else if(os_ver=="IPAD"){
|
||||
|
||||
}
|
||||
|
||||
$("#dataTable_admin").MLjquiDataTable(
|
||||
{
|
||||
theme:"DSdatatable",
|
||||
width: dt_width,
|
||||
height: dt_height,
|
||||
columnsHeight:25,
|
||||
altRows: true, // 행 백그라운드 교차 //
|
||||
autoRowHeight: false,
|
||||
sortable: true,
|
||||
pageable: false,
|
||||
source: dataAdapter,
|
||||
enableHover: true,
|
||||
columnsResize: true,
|
||||
columns: [
|
||||
{ text: '구분', dataField: 'Policy', width: 80, align: 'center',
|
||||
cellsRenderer: function (row, column, value, rowData) {
|
||||
var image = "<div style='display:inline-block; padding-right:5px;'>";
|
||||
|
||||
var imgurl = '';
|
||||
var isExpired = ML4WebUtil.isDateExpired(rowData.enddatetime);
|
||||
if(isExpired){
|
||||
imgurl = 'UI/images/icon_cert_expire.png';
|
||||
}else{
|
||||
imgurl = 'UI/images/icon_cert_default.png';
|
||||
}
|
||||
|
||||
var img = '<img width="16" height="16" style="display:block;" src="' + imgurl + '"/>';
|
||||
image += img;
|
||||
//image += "</div><span style='display:inline-block; vertical-align:top; padding-top:2px;'>" + rowData.Policy + "</span>";
|
||||
image += "</div><span style='display:inline-block; vertical-align:top; padding-top:2px;' title='" + rowData.Policy + "'>" + rowData.Policy + "</span>";
|
||||
return image;
|
||||
}
|
||||
},
|
||||
{ text: '사용자', dataField: 'Cn', width: 160, align: 'center',
|
||||
cellsRenderer: function (row, column, value, rowData) {
|
||||
var tooltip = "<span style='display:inline-block; vertical-align:top; padding-top:2px;' title='" + rowData.Cn + "'>" + rowData.Cn + "</span>";
|
||||
return tooltip;
|
||||
}
|
||||
},
|
||||
{ text: '만료일', dataField: 'enddate', width: 78, cellsAlign: 'center', align: 'center', cellsFormat: 'd' },
|
||||
{ text: '발급자', dataField: 'Issuer', cellsAlign: 'left', align: 'center', cellsFormat: 'c2' }
|
||||
],
|
||||
ready:function(){
|
||||
if(listObj!=null && listObj.length>0){
|
||||
$("#dataTable_admin").MLjquiDataTable('selectRow', 0);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
if (listObj!=null && $.isEmptyObject($("#dataTable_admin").MLjquiDataTable('selectRow')) && listObj.length>0){
|
||||
$("#dataTable_admin").MLjquiDataTable('selectRow', 0);
|
||||
}
|
||||
|
||||
//table row(인증서) 선택 event catch
|
||||
$("#dataTable_admin").on('rowSelect', function(e){
|
||||
var args = e.args;
|
||||
var index = args.index;
|
||||
var rowData = args.row;
|
||||
var rowKey = args.key;
|
||||
// ML4WebLog.log("dataTable.rowSelect.args === " +args);
|
||||
// ML4WebLog.log("dataTable.rowSelect.index === " +index);
|
||||
// ML4WebLog.log("dataTable.rowSelect.rowData === " + JSON.stringify(rowData));
|
||||
// ML4WebLog.log("dataTable.rowSelect.rowKey === " +rowKey);
|
||||
});
|
||||
}
|
||||
|
||||
function openAdminDriverDialog(id, obj){
|
||||
var str = '';
|
||||
str += '<ul class="drive_position_menu">';
|
||||
if( id=="pfx" ){
|
||||
|
||||
}else if( id=="hdd" ){
|
||||
for(var i=0; i<obj.hddOpt.length ; i++){
|
||||
str += ' <li id="'+id+'_driver_'+i+'" ><a href="#" >'+obj.hddOpt[i].diskname+'</a></li>';
|
||||
}
|
||||
}else if( id=="token" ){
|
||||
//{"tokenOpt":[{"tokenname":"A-Token","driver":"C","driverPath":"C:/", "tokenpasswd":""},{"tokenname":"B-Token","driver":"D","driverPath":"D:/", "tokenpasswd":""}]}
|
||||
for(var i=0; i<obj.tokenOpt.length ; i++){
|
||||
str += ' <li id="'+id+'_driver_'+i+'" ><a href="#" >'+obj.tokenOpt[i].tokenname+'</a></li>';
|
||||
}
|
||||
}else if( id=="mobile" ){
|
||||
//{"phoneOpt":[{"servicename":"ubikey","serviceOpt":{"version":"V2.0.1","popupURL":"http://aaa.co.kr","UbikeyWParam":"aaa1","UbikeylParam":"aaa2"}},{"servicename":"mobiSign","serviceOpt":{"mobileKeyURL":"http://bbb.co.kr"}}]}
|
||||
for(var i=0; i<obj.phoneOpt.length ; i++){
|
||||
str += ' <li id="'+id+'_driver_'+i+'" ><a href="#" >'+obj.phoneOpt[i].servicename+'</a></li>';
|
||||
}
|
||||
}else if( id=="smartcert" ){
|
||||
//{"smartCertOpt":{"servicename":"dreamCS","serviceOpt":{"USIMServerIP":"","USIMServerPort":"","USIMSiteDomain":"","USIMRaonSiteCode":"","USIMInstallURL":"","USIMTokenInstallURL":""}}}
|
||||
for(var i=0; i<obj.smartCertOpt.length ; i++){
|
||||
str += ' <li id="'+id+'_driver_'+i+'" ><a href="#" >'+obj.smartCertOpt[i].servicename+'</a></li>';
|
||||
}
|
||||
}else if( id=="cloud" ){
|
||||
//{"cloudOpt":[{"servicename":"Dropbox","id":"dreamuser","passwd":"dreampw"},{"servicename":"google","id":"dreamuser","passwd":"dreampw"}]}
|
||||
for(var i=0; i<obj.cloudOpt.length ; i++){
|
||||
str += ' <li id="'+id+'_driver_'+i+'" ><a href="#" >'+obj.cloudOpt[i].servicename+'</a></li>';
|
||||
}
|
||||
}
|
||||
str += '</ul>';
|
||||
|
||||
$('#driver_admin_div').empty().html(str);
|
||||
$('#driver_admin_div').show();
|
||||
|
||||
//event binding
|
||||
ML4WebLog.log("[driver select storage option]event binding prepared... "+id+" === " + JSON.stringify(obj))
|
||||
if( id=="pfx" ){
|
||||
|
||||
}else if( id=="hdd" ){
|
||||
for(var i=0; i<obj.hddOpt.length ; i++){
|
||||
$("#"+id+"_driver_"+i).bind("click", function () {
|
||||
//var strVal = '{"diskname":"'+$(this).find("a").html()+'\\"}';
|
||||
var strVal = '{"diskname":"'+$(this).find("a").html()+'"}';
|
||||
selectAdminDriver(id, strVal);
|
||||
});
|
||||
}
|
||||
}else if( id=="token" ){
|
||||
|
||||
for(var i=0; i<obj.tokenOpt.length ; i++){
|
||||
var optVal = JSON.stringify(obj.tokenOpt[i]);
|
||||
document.getElementById(id+"_driver_"+i).setAttribute("optStr", optVal);
|
||||
|
||||
$("#"+id+"_driver_"+i).bind("click", function () {
|
||||
//selectDriver(id, this.getAttribute("optStr"));
|
||||
var toeknOptStr = this.getAttribute("optStr");
|
||||
|
||||
if(toeknOptStr!=null && toeknOptStr.length!=0){
|
||||
var toeknOpt = JSON.parse(toeknOptStr);
|
||||
|
||||
if(toeknOpt.driverPath==null || toeknOpt.driverPath.length==0){
|
||||
var smartCertURL = ML4WebApi.getProperty('cs_smartcert_installurl');
|
||||
var smartCertSize = ML4WebApi.getProperty('cs_smartcert_size');
|
||||
|
||||
window.open(smartCertURL,'_blank','scrollbars=no,toolbar=no,resizable=no,'+smartCertSize+',left=0,top=0');
|
||||
}else{
|
||||
selectAdminDriver(id, toeknOptStr);
|
||||
}
|
||||
}else{
|
||||
// 설치 드라이버가 없는 경우
|
||||
}
|
||||
});
|
||||
}
|
||||
}else if( id=="mobile" ){
|
||||
for(var i=0; i<obj.phoneOpt.length ; i++){
|
||||
var optVal = JSON.stringify(obj.phoneOpt[i]);
|
||||
$("#"+id+"_driver_"+i).bind("click", function () {
|
||||
selectAdminDriver(id, optVal);
|
||||
});
|
||||
}
|
||||
}else if( id=="smartcert" ){
|
||||
for(var i=0; i<obj.smartCertOpt.length ; i++){
|
||||
var optVal = JSON.stringify(obj.smartCertOpt[i]);
|
||||
$("#"+id+"_driver_"+i).bind("click", function () {
|
||||
selectAdminDriver(id, optVal);
|
||||
});
|
||||
}
|
||||
}else if( id=="cloud" ){
|
||||
for(var i=0; i<obj.cloudOpt.length ; i++){
|
||||
var optVal = JSON.stringify(obj.cloudOpt[i]);
|
||||
$("#"+id+"_driver_"+i).bind("click", function () {
|
||||
selectAdminDriver(id, optVal);
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function closeAdminDriverDialog(){
|
||||
ML4WebLog.log("closeAdminDriverDialog() called... ");
|
||||
|
||||
$('#driver_admin_div').hide();
|
||||
}
|
||||
|
||||
function selectAdminDriver(key, optVal){
|
||||
ML4WebLog.log("selectAdminDriver() called... "+key+" === " + optVal);
|
||||
|
||||
var certOpt = {"storageName":key};
|
||||
|
||||
switch(key){
|
||||
case 'pfx' :
|
||||
certOpt.pfxOpt = JSON.parse(optVal);
|
||||
break
|
||||
case 'hdd' :
|
||||
certOpt.hddOpt = JSON.parse(optVal);
|
||||
break;
|
||||
case 'shdd' :
|
||||
certOpt.shddOpt = JSON.parse(optVal);
|
||||
break;
|
||||
case 'token' :
|
||||
certOpt.tokenOpt = JSON.parse(optVal);
|
||||
break;
|
||||
case 'mobile' :
|
||||
certOpt.phoneOpt = JSON.parse(optVal);
|
||||
break;
|
||||
case 'smartcert' :
|
||||
certOpt.smartCertOpt = JSON.parse(optVal);
|
||||
break;
|
||||
case 'cloud' :
|
||||
certOpt.cloudOpt = JSON.parse(optVal);
|
||||
break;
|
||||
}
|
||||
|
||||
ML4WebUI.getStorageCertList(certOpt, function(resultCode, jsonObj) {
|
||||
// ML4WebApi.getStorageCertList(certOpt, function(resultCode, jsonObj) {
|
||||
ML4WebLog.log("selectDriver.getStorageCertList");
|
||||
if( resultCode == 0) {
|
||||
//ML4WebLog.log("[SUCCESS!!!] Result === " + JSON.stringify(jsonObj));
|
||||
makeAdminCertiListDiv(jsonObj.cert_list);
|
||||
}else{ //실패
|
||||
ML4WebLog.log("[ERROR!!! - "+resultCode+" ] errCode === " + jsonObj.errCode + ", errMsg === " + jsonObj.errMsg);
|
||||
EmptyAdminCertDiv();
|
||||
}
|
||||
});
|
||||
|
||||
$('#driver_admin_div').hide();
|
||||
}
|
||||
|
||||
function EmptyAdminCertDiv() {
|
||||
$("#dataTable_admin").MLjquiDataTable('clear');
|
||||
}
|
||||
|
||||
|
||||
|
||||
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
/**
|
||||
* 서브 팝업 공통화
|
||||
*/
|
||||
//
|
||||
//관리기능 - 인증서 복사, 암호변경, 가져오기, 내보내기
|
||||
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
//인증서 복사 다이얼로그 Open
|
||||
function openCopySelectStorageDialog(data){
|
||||
//ML4WebLog.log("openCopySelectStorageDialog() data === " + JSON.stringify(data));
|
||||
//ML4WebLog.log("openCopySelectStorageDialog() key === " + ML4WebApi.getProperty("selectedStorage").key);
|
||||
var stg_key = ML4WebApi.getProperty("selectedStorage").key;
|
||||
|
||||
var popOption = {
|
||||
mode:"mgmt",
|
||||
title:"인증서 복사 - 매체 선택",
|
||||
showCert:true,
|
||||
certData:data,
|
||||
onclick:"openCopyConfirmPWDialog",
|
||||
contentKey:"select_storage",
|
||||
dialogHeight:"440px"
|
||||
};
|
||||
|
||||
DSDialog.openDialog(popOption, function(code,jsonObj){});
|
||||
}
|
||||
|
||||
function selectToStorage(key) {
|
||||
// console.log("============================================="+key);
|
||||
$("#subStorageDriver").hide();
|
||||
|
||||
var certData = DSDialog.getProperty("certData");
|
||||
|
||||
ML4WebUI.selectStorageInfo(key, function(resultCode, jsonObj){
|
||||
// ML4WebApi.selectStorageInfo(key, function(resultCode, jsonObj){
|
||||
if( resultCode == 0) {
|
||||
if(jsonObj == null || $.isEmptyObject(jsonObj)){
|
||||
ML4WebLog.log( "[selectStorageInfo]옵션없음. 끝....");
|
||||
|
||||
certData.certOpt = {"storageName":key};
|
||||
|
||||
DSDialog.setProperty("certData", certData);
|
||||
|
||||
} else {
|
||||
ML4WebLog.log( "[selectStorageInfo]옵션있음. 선택해라....ResultObj === " + JSON.stringify(jsonObj));
|
||||
|
||||
openToStorageDriverDialog(key, jsonObj);
|
||||
}
|
||||
} else{
|
||||
ML4WebLog.log("[ERROR!!! - "+resultCode+" ] errCode === " + jsonObj.errCode + ", errMsg === " + jsonObj.errMsg);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function openToStorageDriverDialog(key, obj){
|
||||
var certData = DSDialog.getProperty("certData");
|
||||
|
||||
$("#subStorageDriver").hide();
|
||||
$("#subStorageDriver").removeClass("iepos_02");
|
||||
$("#subStorageDriver").removeClass("iepos_03");
|
||||
|
||||
var str = '';
|
||||
str += '<ul class="drive_position_menu">';
|
||||
switch(key){
|
||||
case 'web' :
|
||||
certData.certOpt = {"storageName":"web"};
|
||||
certData.certOpt.storageOpt = {};
|
||||
break;
|
||||
case 'pfx' :
|
||||
break;
|
||||
case 'hdd' :
|
||||
certData.certOpt = {"storageName":"hdd"};
|
||||
certData.certOpt.storageOpt = {};
|
||||
|
||||
$("#subStorageDriver").addClass("iepos_02");
|
||||
|
||||
for(var i=0; i<obj.hddOpt.length ; i++){
|
||||
str += ' <li id="'+key+'_dv_'+i+'" ><a href="#" >'+obj.hddOpt[i].diskname+'</a></li>';
|
||||
}
|
||||
break;
|
||||
case 'token' :
|
||||
certData.certOpt = {"storageName":"token"};
|
||||
certData.certOpt.storageOpt = obj;
|
||||
|
||||
$("#subStorageDriver").addClass("iepos_03");
|
||||
|
||||
for(var i=0; i<obj.tokenOpt.length ; i++){
|
||||
str += ' <li id="'+key+'_dv_'+i+'" ><a href="#" >'+obj.tokenOpt[i].tokenname+'</a></li>';
|
||||
}
|
||||
break;
|
||||
case 'mobile' :
|
||||
break;
|
||||
case 'smartcert' :
|
||||
break;
|
||||
case 'cloud' :
|
||||
break;
|
||||
}
|
||||
str += '</ul>';
|
||||
|
||||
$('#subStorageDriver').empty().html(str);
|
||||
$("#subStorageDriver").show();
|
||||
|
||||
//event binding
|
||||
if( key=="hdd" ){
|
||||
for(var i=0; i<obj.hddOpt.length ; i++){
|
||||
//console.log(" length === "+key+"_dv_"+i);
|
||||
$("#"+key+"_dv_"+i).bind("click", function () {
|
||||
//console.log(" this.html === " + $(this).find("a").html());
|
||||
var strVal = '{"diskname":"'+$(this).find("a").html()+'"}';
|
||||
certData.certOpt.storageOpt.hddOpt = JSON.parse(strVal);
|
||||
});
|
||||
}
|
||||
}else if( key=="token" ){
|
||||
for(var i=0; i<obj.tokenOpt.length ; i++){
|
||||
var optVal = JSON.stringify(obj.tokenOpt[i]);
|
||||
|
||||
document.getElementById(key+"_dv_"+i).setAttribute("optStr", optVal);
|
||||
|
||||
$("#"+key+"_dv_"+i).bind("click", function () {
|
||||
var toeknOptStr = this.getAttribute("optStr");
|
||||
|
||||
certData.certOpt.storageOpt.tokenOpt = JSON.parse(toeknOptStr);
|
||||
|
||||
|
||||
//console.info('toeknOptStr='+toeknOptStr);
|
||||
|
||||
// if(toeknOptStr!=null && toeknOptStr.length!=0){
|
||||
// var toeknOpt = JSON.parse(toeknOptStr);
|
||||
|
||||
// if(toeknOpt.driverPath==null || toeknOpt.driverPath.length==0){
|
||||
// var smartCertURL = MtoeknOptStrL4WebApi.getProperty('cs_smartcert_installurl');
|
||||
// var smartCertSize = ML4WebApi.getProperty('cs_smartcert_size');
|
||||
|
||||
// window.open(smartCertURL,'_blank','scrollbars=no,toolbar=no,resizable=no,'+smartCertSize+',left=0,top=0');
|
||||
// }else{
|
||||
// selectCopyDriver(key, toeknOptStr);
|
||||
// }
|
||||
// }else{
|
||||
// 설치 드라이버가 없는 경우
|
||||
// }
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
DSDialog.setProperty("certData", certData);
|
||||
}
|
||||
|
||||
function openCopyConfirmPWDialog(data){
|
||||
//need selected certOpt
|
||||
var stg_key = ML4WebApi.getProperty("selectedStorage").key;
|
||||
|
||||
var popOption = {
|
||||
mode:"mgmt",
|
||||
title:"인증서 복사 - 비밀번호",
|
||||
showCert:true,
|
||||
certData:data,
|
||||
onclick:"copyCertificateProc",
|
||||
contentKey:"confirm_pw",
|
||||
dialogHeight:"260px"
|
||||
};
|
||||
|
||||
if(stg_key == "token"){
|
||||
popOption.contentKey = "copy_token";
|
||||
popOption.dialogHeight = "290px";
|
||||
}
|
||||
|
||||
DSDialog.openDialog(popOption, function(code,jsonObj){});
|
||||
|
||||
}
|
||||
|
||||
function copyCertificateProc(data) {
|
||||
//ML4WebLog.log("copyCertificateProc() data === " + JSON.stringify(data));
|
||||
|
||||
var stg_key = ML4WebApi.getProperty("selectedStorage").key;
|
||||
|
||||
var tokenPassword = "";
|
||||
if(stg_key == "token"){
|
||||
//token pw 확인
|
||||
tokenPassword = $("#input_token_pw_confirm").val();
|
||||
if(tokenPassword==null || tokenPassword==""){
|
||||
//openMgmtAlertDialog("토큰 비밀번호를 입력하세요.");
|
||||
//$("#input_token_pw_confirm").focus();
|
||||
DSAlert.openAlert("mgmt", "토큰 비밀번호를 입력하세요.", $("#input_token_pw_confirm"));
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
var certPassword = $("#input_pw_confirm").val();
|
||||
if(certPassword==null || certPassword==""){
|
||||
//openMgmtAlertDialog("인증서 비밀번호를 입력하세요.");
|
||||
//$("#input_pw_confirm").focus();
|
||||
DSAlert.openAlert("mgmt", "인증서 비밀번호를 입력하세요.", $("#input_pw_confirm"));
|
||||
return false;
|
||||
}
|
||||
|
||||
var targetStgOpt = data.certOpt;
|
||||
var targetStg = targetStgOpt.storageName;
|
||||
|
||||
//보안토큰인 경우
|
||||
if(targetStg == 'token') {
|
||||
targetStgOpt.storageOpt.tokenOpt.tokenpasswd = tokenPassword;
|
||||
}
|
||||
|
||||
ML4WebApi.makeSignData(data.storageEncCertIdx, certPassword, targetStgOpt, targetStg, function(code, obj){
|
||||
if(code==0){
|
||||
ML4WebApi.copyCertToStorage( data.storageEncCertIdx, certPassword, targetStg, targetStgOpt, function( resultCode, resultData ){
|
||||
DSDialog.closeDialog(function(code,obj){
|
||||
ML4WebLog.log("DSDialog.closeDialog() callback code === "+code+" \n obj === " + JSON.stringify(obj));
|
||||
});
|
||||
|
||||
if(resultCode == 0) {
|
||||
ML4WebLog.log("[SUCCESS!!!] resultCode === "+resultCode+" \n resultData === " + JSON.stringify(resultData));
|
||||
/*if(certStorage == 'web') certStorage = '브라우저';
|
||||
else if(certStorage == 'disk') certStorage = '로컬디스크';
|
||||
else if(certStorage == 'mobile') certStorage = '휴대폰';
|
||||
else if(certStorage == 'hdd') certStorage = 'HDD';
|
||||
else if(certStorage == 'usb') certStorage = 'USB';
|
||||
else if(certStorage == 'sd') certStorage = 'SD Card';
|
||||
else if(certStorage == 'smartcert') certStorage = '스마트인증';*/
|
||||
|
||||
//TODO 목록 갱신
|
||||
|
||||
//backup localStorage
|
||||
ML4WebUtil.setBackupCertList(null);
|
||||
} else {
|
||||
ML4WebLog.log("[ERROR!!! - "+resultCode+" ] errCode === " + resultData.errCode + ", errMsg === " + resultData.errMsg);
|
||||
//openMgmtAlertDialog(resultData.errMsg);
|
||||
//DSAlert.openAlert("mgmt", resultData.errMsg, null);
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES005"), null);
|
||||
}
|
||||
|
||||
//$("#certPassword").val('');
|
||||
//$("#targetStorage").val('');
|
||||
});
|
||||
}else{
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES002"), $("#input_pw_confirm"));
|
||||
return;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
//인증서 암호변경 다이얼로그 Open
|
||||
function openCertPassChangeDialog(data){
|
||||
ML4WebLog.log("function openCertPassChangeDialog()...");
|
||||
var popOption = {
|
||||
mode:"mgmt",
|
||||
title:"인증서 암호변경",
|
||||
showCert:true,
|
||||
certData:data,
|
||||
onclick:"changeCertPW",
|
||||
contentKey:"change_pw",
|
||||
dialogHeight:"355px"
|
||||
};
|
||||
|
||||
DSDialog.openDialog(popOption, function(code,jsonObj){
|
||||
$("#input_pw_prev").focus();
|
||||
});
|
||||
}
|
||||
|
||||
//암호변경 비밀번호 변경
|
||||
function changeCertPW(data) {
|
||||
//비밀번호 입력 확인
|
||||
if($("#input_pw_prev").val() == '') {
|
||||
//openMgmtAlertDialog($.i18n.prop("ES006"));
|
||||
//$("#input_pw_prev").focus();
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES006"), $("#input_pw_prev"));
|
||||
return false;
|
||||
} else if($("#input_pw_new1").val() == '') {
|
||||
//openMgmtAlertDialog($.i18n.prop("ES006"));
|
||||
//$("#input_pw_new1").focus();
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES006"), $("#input_pw_new1"));
|
||||
return false;
|
||||
} else if($("#input_pw_new2").val() == '') {
|
||||
//openMgmtAlertDialog($.i18n.prop("ES006"));
|
||||
//$("#input_pw_new2").focus();
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES006"), $("#input_pw_new2"));
|
||||
return false;
|
||||
}
|
||||
|
||||
var filter = /^(?=.*[a-zA-Z])(?=.*[!@#$%^*+=-])(?=.*[0-9]).{8,16}$/;
|
||||
|
||||
// 새 비밀번호 유효성 체크
|
||||
/*if(!filter.test($("#input_pw_new1").val())){
|
||||
//openMgmtAlertDialog($.i18n.prop("ES007") + "[새 비밀번호]");
|
||||
//$("#input_pw_new1").focus();
|
||||
//$("#input_pw_new1").val('');
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES007") + "[새 비밀번호]", $("#input_pw_new1"));
|
||||
return false;
|
||||
}
|
||||
|
||||
// 새 비밀번호 확인 유효성 체크
|
||||
if(!filter.test($("#input_pw_new2").val())){
|
||||
//openMgmtAlertDialog($.i18n.prop("ES007") + "[새 비밀번호 확인]");
|
||||
//$("#input_pw_new2").focus();
|
||||
//$("#input_pw_new2").val('');
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES007") + "[새 비밀번호 확인]", $("#input_pw_new2"));
|
||||
return false;
|
||||
}*/
|
||||
|
||||
if(!filter.test($("#input_pw_new1").val()) || !filter.test($("#input_pw_new2").val())){
|
||||
$("#input_pw_new1").val('');
|
||||
$("#input_pw_new2").val('');
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES007"), $("#input_pw_new1"));
|
||||
return false;
|
||||
}
|
||||
|
||||
//새 비밀번호 확인
|
||||
if($("#input_pw_new1").val() != $("#input_pw_new2").val()) {
|
||||
//openMgmtAlertDialog($.i18n.prop("ES008"));
|
||||
//$("#input_pw_new1").focus();
|
||||
$("#input_pw_new1").val('');
|
||||
$("#input_pw_new2").val('');
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES008"), $("#input_pw_new1"));
|
||||
return false;
|
||||
}
|
||||
|
||||
ML4WebApi.changeStorageCertPasswd( data.storageEncCertIdx, $("#input_pw_prev").val(), $("#input_pw_new1").val(), function( code, obj){
|
||||
//ML4WebLog.log("changeStorageCertPasswd() callback code === "+ code + " / obj === " + JSON.stringify(obj));
|
||||
if(code == 0){
|
||||
DSDialog.closeDialog(function(code,obj){});
|
||||
//openMgmtAlertDialog($.i18n.prop("ES001"));
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES001"), null);
|
||||
|
||||
//backup localStorage
|
||||
ML4WebUtil.setBackupCertList(null);
|
||||
}else{
|
||||
if(obj.errCode==30011){
|
||||
$("#input_pw_prev").val('');
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES002"), $("#input_pw_prev"));
|
||||
}else{
|
||||
$("#input_pw_prev").val('');
|
||||
$("#input_pw_new1").val('');
|
||||
$("#input_pw_new2").val('');
|
||||
DSAlert.openAlert("mgmt", "비밀번호 변경에 실패 하였습니다.", null);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//암호변경 popup Close
|
||||
function closePwDialog() {
|
||||
//document.getElementById('pw_wrap').style.display='none';
|
||||
//$('#pw_wrap input[type="password"]').val('');
|
||||
//$("#pw_wrap_before").val('');
|
||||
//$("#pw_wrap_after").val('');
|
||||
//$("#pw_wrap_confirm").val('');
|
||||
|
||||
DSDialog.closeDialog(function(code,obj){});
|
||||
}
|
||||
|
||||
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
|
||||
// PFX 인증서 가져오기 창 Open
|
||||
function openSearchPfxDialog(){
|
||||
var popOption = {
|
||||
mode:"mgmt",
|
||||
title:"PFX 인증서 가져오기",
|
||||
showCert:false,
|
||||
certData:{},
|
||||
onclick:"importPfxToStorage",
|
||||
contentKey:"import_pfx",
|
||||
dialogHeight:"225px"
|
||||
};
|
||||
|
||||
DSDialog.openDialog(popOption, function(code,jsonObj){
|
||||
$('#filefile').change( function(evt){
|
||||
|
||||
var target = $(evt.target);
|
||||
//console.log(JSON.stringify(target));
|
||||
console.log("1="+JSON.stringify(target.files));
|
||||
|
||||
var files = evt.target.files;
|
||||
var file = files[0];
|
||||
//console.log(JSON.stringify(file));
|
||||
if (files && file) {
|
||||
//console.log("1111111111111111111111111111111");
|
||||
var reader = new FileReader();
|
||||
|
||||
if (FileReader.prototype.readAsBinaryString === undefined) {
|
||||
FileReader.prototype.readAsBinaryString = function (fileData) {
|
||||
var binary = "";
|
||||
var pt = this;
|
||||
reader.onload = function (e) {
|
||||
var bytes = new Uint8Array(reader.result);
|
||||
var length = bytes.byteLength;
|
||||
for (var i = 0; i < length; i++) {
|
||||
binary += String.fromCharCode(bytes[i]);
|
||||
}
|
||||
//pt.result - readonly so assign content to another property
|
||||
pt.content = btoa(binary);
|
||||
|
||||
//$("#sel_5132_01").attr("b64Cert",pt.content);
|
||||
$('#file_route').attr("b64Cert",pt.content);
|
||||
|
||||
//$(pt).trigger('onload');
|
||||
}
|
||||
reader.readAsArrayBuffer(fileData);
|
||||
}
|
||||
}else{
|
||||
reader.onload = function(readerEvt) {
|
||||
var binaryString = readerEvt.target.result;
|
||||
//document.getElementById("base64textarea").value = btoa(binaryString);
|
||||
|
||||
//$("#sel_5132_01").attr("b64Cert",btoa(binaryString));
|
||||
$('#file_route').attr("b64Cert",btoa(binaryString));
|
||||
};
|
||||
}
|
||||
|
||||
reader.readAsBinaryString(file);
|
||||
}else{
|
||||
console.log("file null...");
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
//PFX 인증서 가져오기 창 Open by local server
|
||||
function openSearchPfxByCDialog(){
|
||||
var popOption = {
|
||||
mode:"mgmt",
|
||||
title:"PFX 인증서 가져오기",
|
||||
showCert:false,
|
||||
certData:{},
|
||||
onclick:"importPfxToStorage",
|
||||
contentKey:"import_pfx_c",
|
||||
dialogHeight:"225px"
|
||||
};
|
||||
|
||||
DSDialog.openDialog(popOption, function(code,obj){});
|
||||
}
|
||||
|
||||
//local server filePicker 로 pfx 인증서 정보 가져오기
|
||||
function openCSFilePicker(){
|
||||
var funcOpt = {"fileExt":"pfx"};
|
||||
ML4WebApi.createCryptoMsg("c", "getFilePicker", funcOpt, function(code, obj){
|
||||
ML4WebLog.log("getFilePicker() PFX callback code === " + code);
|
||||
ML4WebLog.log("getFilePicker() PFX callback b64FileStr === " + obj.b64FileStr);
|
||||
ML4WebLog.log("getFilePicker() PFX callback filePath === " + obj.filePath);
|
||||
if( code == 0) {
|
||||
var filepath = obj.filePath;
|
||||
var filename = filepath.substr(filepath.lastIndexOf("\\")+1, filepath.length);
|
||||
|
||||
$('#file_route').val(filename);
|
||||
$('#file_route').attr("b64Cert", obj.b64FileStr);
|
||||
}else{
|
||||
DSAlert.openAlert("mgmt", "PFX 인증서 정보 조회 오류가 발생하였습니다.", null);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
//가져오기 확인
|
||||
function importPfxToStorage(data) {
|
||||
var b64Cert = $('#file_route').attr("b64Cert");
|
||||
var pfxpasswd = $('#import_pfx_password').val();
|
||||
|
||||
var pfxOpt = {};
|
||||
pfxOpt.libType = "javascript";
|
||||
pfxOpt.b64CertString = b64Cert;
|
||||
pfxOpt.pfxPasswd = pfxpasswd;
|
||||
|
||||
//validation
|
||||
if(b64Cert==null || b64Cert==""){
|
||||
DSAlert.openAlert("mgmt", "선택된 PFX 인증서가 없습니다.", null);
|
||||
return false;
|
||||
}else if(pfxpasswd==null || pfxpasswd==""){
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES006"), $("#import_pfx_password"));
|
||||
return false;
|
||||
}
|
||||
|
||||
var certbag = {};
|
||||
var passwd = $("#import_pfx_password").val();
|
||||
var targetStorage = ML4WebApi.getProperty('selectedStorage').key;
|
||||
var targetStorageOpt = ML4WebApi.getProperty('selectedStorage').current_option;
|
||||
|
||||
var funcOpt = {"b64Pfx":b64Cert,"sPassword":passwd}
|
||||
|
||||
ML4WebApi.createCryptoMsg(ML4WebApi.getProperty("libType"), "pfxImport", funcOpt, function(code, obj){
|
||||
ML4WebLog.log("createCryptoMsg() callback code === "+code);
|
||||
//ML4WebLog.log("createCryptoMsg() callback obj === "+JSON.stringify(obj));
|
||||
if(code == 0){
|
||||
if(ML4WebApi.getProperty("libType") == 0){
|
||||
certbag =obj;
|
||||
var crypto_api = ML4WebApi.getCryptoApi();
|
||||
crypto_api.prikeyEncrypt(certbag.signpri, passwd, null, function(code3,encSignPri){
|
||||
certbag.signpri = encSignPri;
|
||||
certbag.libType = 0;
|
||||
crypto_api.prikeyEncrypt(certbag.kmpri, passwd, null, function(code5,encKmPri){
|
||||
certbag.kmpri = encKmPri;
|
||||
ML4WebApi.saveCertToStorage(certbag, passwd, targetStorage, targetStorageOpt, function(code2, obj2){
|
||||
ML4WebLog.log("saveCertToStorage() callback code === "+code2);
|
||||
ML4WebLog.log("saveCertToStorage() callback obj === "+JSON.stringify(obj2));
|
||||
if(code2 == 0){
|
||||
DSDialog.closeDialog(function(code3, obj3){});
|
||||
|
||||
//목록 초기화.
|
||||
ML4WebUI.getStorageCertList(null, function(resultCode, jsonObj) {
|
||||
// ML4WebApi.getStorageCertList(null, function(resultCode, jsonObj) {
|
||||
if( resultCode == 0) {//성공
|
||||
makeAdminCertiListDiv(jsonObj.cert_list);
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES012"), null);
|
||||
}else{ //실패
|
||||
ML4WebLog.log("[ERROR!!! - "+resultCode+" ] errCode === " + obj.errCode + ", errMsg === " + obj.errMsg);
|
||||
makeAdminCertiListDiv(null);
|
||||
}
|
||||
});
|
||||
|
||||
//backup localStorage
|
||||
ML4WebUtil.setBackupCertList(null);
|
||||
}else{
|
||||
if(obj2.errCode == 30009){
|
||||
//openMgmtAlertDialog("지원하지않는 저장 매체입니다.");
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ER101"), null);
|
||||
}else{
|
||||
//openMgmtAlertDialog("PFX 인증서 정보 저장 오류가 발생했습니다.");
|
||||
DSAlert.openAlert("mgmt", "PFX 인증서 정보 저장 오류가 발생했습니다.", null);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
}else{
|
||||
certbag = obj.result;
|
||||
ML4WebApi.saveCertToStorage(certbag, passwd, targetStorage, targetStorageOpt, function(code2, obj2){
|
||||
ML4WebLog.log("saveCertToStorage() callback code === "+code2);
|
||||
ML4WebLog.log("saveCertToStorage() callback obj === "+JSON.stringify(obj2));
|
||||
if(code2 == 0){
|
||||
DSDialog.closeDialog(function(code3, obj3){});
|
||||
|
||||
//목록 초기화.
|
||||
ML4WebUI.getStorageCertList(null, function(resultCode, jsonObj) {
|
||||
// ML4WebApi.getStorageCertList(null, function(resultCode, jsonObj) {
|
||||
if( resultCode == 0) {//성공
|
||||
makeAdminCertiListDiv(jsonObj.cert_list);
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES012"), null);
|
||||
}else{ //실패
|
||||
ML4WebLog.log("[ERROR!!! - "+resultCode+" ] errCode === " + obj.errCode + ", errMsg === " + obj.errMsg);
|
||||
makeAdminCertiListDiv(null);
|
||||
}
|
||||
});
|
||||
|
||||
//backup localStorage
|
||||
ML4WebUtil.setBackupCertList(null);
|
||||
}else{
|
||||
if(obj2.errCode == 30009){
|
||||
//openMgmtAlertDialog("지원하지않는 저장 매체입니다.");
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ER101"), null);
|
||||
}else{
|
||||
//openMgmtAlertDialog("PFX 인증서 정보 저장 오류가 발생했습니다.");
|
||||
DSAlert.openAlert("mgmt", "PFX 인증서 정보 저장 오류가 발생했습니다.", null);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
}else{
|
||||
if(code==42101){
|
||||
//openMgmtAlertDialog("PFX 인증서 비밀번호가 틀렸습니다.");
|
||||
DSAlert.openAlert("mgmt", "PFX 인증서 비밀번호가 틀렸습니다.", $("#import_pfx_password"));
|
||||
}else{
|
||||
//openMgmtAlertDialog("PFX 인증서 정보 조회 오류가 발생했습니다.");
|
||||
DSAlert.openAlert("mgmt", "PFX 인증서 정보 조회 오류가 발생했습니다.", null);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//가져오기 취소
|
||||
function openSearchPfxMgmtDialogCancel() {
|
||||
|
||||
}
|
||||
|
||||
//인증서 내보내기
|
||||
function openExportPfxDialog(data){
|
||||
//$('#popup_export_admin').MLjquiWindow('open');
|
||||
//ML4WebLog.log("openExportPfxDialog() data === "+JSON.stringify(data));
|
||||
var popOption = {
|
||||
mode:"mgmt",
|
||||
title:"PFX 인증서 내보내기",
|
||||
showCert:true,
|
||||
certData:data,
|
||||
onclick:"exportPfxProc",
|
||||
contentKey:"confirm_pw",
|
||||
dialogHeight:"260px"
|
||||
};
|
||||
|
||||
DSDialog.openDialog(popOption, function(code,jsonObj){});
|
||||
}
|
||||
|
||||
function exportPfxProc(data) {
|
||||
var certPassword = $("#input_pw_confirm").val();
|
||||
|
||||
//비밀번호 입력 확인
|
||||
if(certPassword == '') {
|
||||
//openMgmtAlertDialog($.i18n.prop("ES006"));
|
||||
//$("#input_pw_confirm").focus();
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES006"), $("#input_pw_confirm"));
|
||||
return false;
|
||||
}
|
||||
|
||||
ML4WebApi.getCertString(data.storageEncCertIdx, function(code, obj){
|
||||
//ML4WebLog.log("getCertString() callback obj === " + JSON.stringify(obj));
|
||||
if(code == 0 ){
|
||||
var certbag = obj.cert;
|
||||
var targetStorage = "pfx";
|
||||
var targetStorageOpt = {"pfxOpt":{"libType":ML4WebApi.getProperty("libType"),"b64CertString":""}};
|
||||
|
||||
ML4WebApi.saveCertToStorage(certbag, certPassword, targetStorage, targetStorageOpt, function(code2, obj2){
|
||||
// ML4WebLog.log("saveCertToStorage() callback code === "+code2);
|
||||
// ML4WebLog.log("saveCertToStorage() callback obj === "+JSON.stringify(obj2));
|
||||
if(code2 == 0 ){
|
||||
DSDialog.closeDialog(function(code3, obj3){});
|
||||
//openMgmtAlertDialog("인증서 내보내기에 성공하였습니다.");
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES013"), null);
|
||||
|
||||
//backup localStorage
|
||||
ML4WebUtil.setBackupCertList(null);
|
||||
}else{
|
||||
//openMgmtAlertDialog("인증서 내보내기에 실패하였습니다.");
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ES020"), null);
|
||||
}
|
||||
});
|
||||
} else {
|
||||
//openMgmtAlertDialog("인증서 정보 조회 오류.");
|
||||
DSAlert.openAlert("mgmt", $.i18n.prop("ER201"), null);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//alert 창 열기/닫기
|
||||
/*function openMgmtAlertDialog(msg){
|
||||
$('#mgmt_alert_msg').html(msg);
|
||||
$('#popup_mgmt_alert').MLjquiWindow('open');
|
||||
}
|
||||
function closeMgmtAlertDialog(){
|
||||
$('#popup_mgmt_alert').MLjquiWindow('close');
|
||||
$('#ML_window_admin').focus();
|
||||
}*/
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user