fix(itms): 결함 정리 — datatrans 개발용 하드코딩 제거 + 백업파일 삭제 (R3·R4)
- R3: datatrans ncmsDataMapper.xml selectMultimediaAssets 의 개발용 하드코딩
`and id='132041'` + `limit 1` 제거 → 운영 시 전 대상 자산 전송(누락 원인 해소).
XML well-formed 검증 통과. 실 로직 SQL(iams_tran_yn/deleted_at 필터)만 유지.
- R4: 날짜 접미사 백업 파일 14종 삭제(MailKaTalkSendKiccJob.java.20250703,
KicGroupwareMapper.xml.20250701, layout.css.2025*, MainView.jsp.2025*, 이미지 백업 등).
실 파일(.java/.jsp/.css/.png 원본) 전부 잔존 확인. 커밋된 bin/ 은 이미 조립 단계 정리됨(0건).
- .gitignore: 날짜 접미사 백업(*.20xxxxxx) 패턴 추가로 재유입 차단.
동작 등가: 소스/리소스 실 파일 불변, 제거 대상은 미사용 백업뿐. R3은 운영 정합성 회복(의도된 개선).
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
itms-merge-dev
parent
1ef71899ee
commit
53a7891aee
2
.gitignore
vendored
2
.gitignore
vendored
@ -19,6 +19,8 @@
|
|||||||
*~
|
*~
|
||||||
.project.bak
|
.project.bak
|
||||||
settings.gradle.bak
|
settings.gradle.bak
|
||||||
|
# 날짜 접미사 백업 파일(예: *.java.20250703, *.jsp.20251112) 커밋 방지
|
||||||
|
*.20[0-9][0-9][0-9][0-9][0-9][0-9]
|
||||||
|
|
||||||
# Maven (legacy/nlib)
|
# Maven (legacy/nlib)
|
||||||
legacy/nlib/target/
|
legacy/nlib/target/
|
||||||
|
|||||||
@ -1,259 +0,0 @@
|
|||||||
package com.urpsys.itmsbatch.cmm.excute;
|
|
||||||
|
|
||||||
import java.time.LocalDateTime;
|
|
||||||
import java.time.format.DateTimeFormatter;
|
|
||||||
import java.util.ArrayList;
|
|
||||||
import java.util.HashMap;
|
|
||||||
import java.util.LinkedHashMap;
|
|
||||||
import java.util.List;
|
|
||||||
import java.util.Map;
|
|
||||||
|
|
||||||
import org.quartz.DisallowConcurrentExecution;
|
|
||||||
import org.quartz.Job;
|
|
||||||
import org.quartz.JobDataMap;
|
|
||||||
import org.quartz.JobExecutionContext;
|
|
||||||
import org.quartz.JobExecutionException;
|
|
||||||
import org.quartz.PersistJobDataAfterExecution;
|
|
||||||
|
|
||||||
import org.springframework.beans.factory.annotation.Autowired;
|
|
||||||
import org.springframework.beans.factory.annotation.Value;
|
|
||||||
import org.springframework.mail.javamail.JavaMailSender;
|
|
||||||
import org.springframework.stereotype.Component;
|
|
||||||
|
|
||||||
import com.urpsys.basebatch.common.util.CommonUtil;
|
|
||||||
import com.urpsys.basebatch.common.util.ConvertUtils;
|
|
||||||
import com.urpsys.basebatch.common.util.HtmlEmailUtil;
|
|
||||||
import com.urpsys.basebatch.common.util.RestApiCallUtil;
|
|
||||||
import com.urpsys.itmsbatch.cmm.dao.MailKaTalkDao;
|
|
||||||
import com.urpsys.itmsbatch.cmm.service.MailKaTalkService;
|
|
||||||
|
|
||||||
import kong.unirest.json.JSONObject;
|
|
||||||
import lombok.extern.slf4j.Slf4j;
|
|
||||||
|
|
||||||
/**
|
|
||||||
* KIC(한국투자공사) 메일/카톡 처리 실행 클래스
|
|
||||||
*
|
|
||||||
* @author urp 인프라본부 나혁제
|
|
||||||
* @since 2025.06.11
|
|
||||||
* @version 1.0.0
|
|
||||||
* @see
|
|
||||||
*
|
|
||||||
* <pre>
|
|
||||||
*
|
|
||||||
* << 개정이력(Modification information) >>
|
|
||||||
*
|
|
||||||
* 수정일 수정자 수정내용
|
|
||||||
* ----------- --------- ------------------------
|
|
||||||
* 2025.06.11 나혁제 최초작성
|
|
||||||
*
|
|
||||||
* </pre>
|
|
||||||
*/
|
|
||||||
|
|
||||||
@Slf4j
|
|
||||||
@Component
|
|
||||||
@PersistJobDataAfterExecution
|
|
||||||
@DisallowConcurrentExecution
|
|
||||||
public class MailKaTalkSendKiccJob2 implements Job
|
|
||||||
{
|
|
||||||
@Autowired
|
|
||||||
MailKaTalkService mailKaTalkService;
|
|
||||||
|
|
||||||
@Autowired
|
|
||||||
HtmlEmailUtil htmlEmailUtil;
|
|
||||||
|
|
||||||
@Autowired
|
|
||||||
RestApiCallUtil restApiCallUtil;
|
|
||||||
|
|
||||||
@Value("${custom.api_kic_msg_key}")
|
|
||||||
private String strApiKicMsgKey; // KIC 메신저서버 api key
|
|
||||||
|
|
||||||
@Override
|
|
||||||
public void execute(JobExecutionContext context) throws JobExecutionException
|
|
||||||
{
|
|
||||||
log.info(" >>>>>>>>>> MailKaTalkSendKiccJob Executed <<<<<<<<<< ");
|
|
||||||
|
|
||||||
JobDataMap dataMap = context.getJobDetail().getJobDataMap();
|
|
||||||
|
|
||||||
log.info("dataMap date : {}", dataMap.get("date"));
|
|
||||||
log.info("dataMap executeCount : {}", dataMap.get("executeCount"));
|
|
||||||
|
|
||||||
// 전송메일 대상 조회
|
|
||||||
List<LinkedHashMap<String, Object>> listNctn = mailKaTalkService.selectNctnProcSndInfo();
|
|
||||||
|
|
||||||
for(LinkedHashMap<String, Object> tempMap : listNctn)
|
|
||||||
{
|
|
||||||
String strProcRsltCn = "";
|
|
||||||
String strProcRsltCd = "";
|
|
||||||
|
|
||||||
// 메일 처리
|
|
||||||
if(tempMap.get("procTy").equals("1"))
|
|
||||||
{
|
|
||||||
Map<String, Object> bodyMap = new HashMap();
|
|
||||||
|
|
||||||
String strMailAddress = CommonUtil.nvl(tempMap.get("rcvrAddr"));
|
|
||||||
|
|
||||||
// 2025.07.01 나혁제 자기 메일로 처리
|
|
||||||
// bodyMap.put("email" , "hong@kic.go.kr");
|
|
||||||
bodyMap.put("email" , CommonUtil.nvl(tempMap.get("rcvrAddr")) );
|
|
||||||
bodyMap.put("to" , CommonUtil.nvl(tempMap.get("rcvrAddr")) );
|
|
||||||
bodyMap.put("subject" , CommonUtil.nvl(tempMap.get("ttl")) );
|
|
||||||
bodyMap.put("content" , CommonUtil.nvl(tempMap.get("bdy")) );
|
|
||||||
// bodyMap.put("content" , "itms 메일테스트 입니다. 메일 삭제해주세요." );
|
|
||||||
bodyMap.put("contentType" , "text/html" );
|
|
||||||
|
|
||||||
try
|
|
||||||
{
|
|
||||||
// 메일주소가 없는경우 오류 처리
|
|
||||||
if(strMailAddress.equals(""))
|
|
||||||
{
|
|
||||||
strProcRsltCn = "메일주소 존재하지 않음";
|
|
||||||
strProcRsltCd = "-1";
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
// Map<String, Object> retMap = restApiCallUtil.RestApiCallNoAuthKicMailTextHtml(bodyMap, "/test/kicMailTest.do");
|
|
||||||
Map<String, Object> retMap = restApiCallUtil.RestApiCallNoAuthKicMailTextHtml(bodyMap, "/api/mail/send/json");
|
|
||||||
|
|
||||||
strProcRsltCn = retMap.toString();
|
|
||||||
strProcRsltCd = "0";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
catch(Exception e)
|
|
||||||
{
|
|
||||||
e.printStackTrace();
|
|
||||||
|
|
||||||
strProcRsltCn = e.toString();
|
|
||||||
strProcRsltCd = "-2";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 메신저 처리
|
|
||||||
else if(tempMap.get("procTy").equals("3"))
|
|
||||||
{
|
|
||||||
String strTtl = CommonUtil.nvl(tempMap.get("ttl"));
|
|
||||||
String strRcvrAddr = CommonUtil.nvl(tempMap.get("rcvrAddr"));
|
|
||||||
String strBdy = CommonUtil.nvl(tempMap.get("bdy"));
|
|
||||||
String[] srBdy = strBdy.split(",");
|
|
||||||
|
|
||||||
try
|
|
||||||
{
|
|
||||||
/*
|
|
||||||
Map<String, Object> messageMap = new HashMap();
|
|
||||||
|
|
||||||
messageMap.put("\""+"title" +"\"" , "\""+strTtl+"\"" );
|
|
||||||
messageMap.put("\""+"context" +"\"" , "\""+srBdy[0]+"\"" );
|
|
||||||
|
|
||||||
Map<String, Object> messageFuncMap = new HashMap();
|
|
||||||
|
|
||||||
messageFuncMap.put("\""+"name" +"\"", "\""+"상세페이지로이동"+"\"" );
|
|
||||||
messageFuncMap.put("\""+"type" +"\"", "\""+"link" +"\"" );
|
|
||||||
messageFuncMap.put("\""+"data" +"\"", "\""+srBdy[1] +"\"" );
|
|
||||||
|
|
||||||
messageMap.put("\""+"func"+"\"", messageFuncMap);
|
|
||||||
*/
|
|
||||||
|
|
||||||
// JSONParser parser = new JSONParser();
|
|
||||||
|
|
||||||
/*
|
|
||||||
Map<String, Object> messageMap = new HashMap();
|
|
||||||
|
|
||||||
messageMap.put("title" , strTtl );
|
|
||||||
messageMap.put("context" , srBdy[0] );
|
|
||||||
|
|
||||||
Map<String, Object> messageFuncMap = new HashMap();
|
|
||||||
|
|
||||||
messageFuncMap.put("name" , "상세페이지로이동" );
|
|
||||||
messageFuncMap.put("type" , "link" );
|
|
||||||
messageFuncMap.put("data" , srBdy[1] );
|
|
||||||
|
|
||||||
messageMap.put("func", messageFuncMap);
|
|
||||||
|
|
||||||
StringBuilder strBulider = new StringBuilder(1000);
|
|
||||||
|
|
||||||
strBulider.append("\"");
|
|
||||||
strBulider.append(messageMap.toString().replaceAll("\"", "\\\""));
|
|
||||||
strBulider.append("\"");
|
|
||||||
*/
|
|
||||||
|
|
||||||
// 변환처리
|
|
||||||
// JSONObject jsonObj = ConvertUtils.getJsonFromMap(messageMap);
|
|
||||||
|
|
||||||
|
|
||||||
Map<String, Object> bodyMap = new HashMap();
|
|
||||||
|
|
||||||
List<Map<String, Object>> targetsList = new ArrayList<>();
|
|
||||||
|
|
||||||
Map<String, Object> targetMap = new HashMap();
|
|
||||||
targetMap.put("targetCode", strRcvrAddr);
|
|
||||||
targetMap.put("targetType", "UR");
|
|
||||||
targetsList.add(targetMap);
|
|
||||||
|
|
||||||
JSONObject jsonObj = new JSONObject();
|
|
||||||
|
|
||||||
// String str = "\";
|
|
||||||
|
|
||||||
jsonObj.put("name", "상세페이지로이동");
|
|
||||||
jsonObj.put("type", "link");
|
|
||||||
jsonObj.put("data", srBdy[1]);
|
|
||||||
|
|
||||||
JSONObject jObj = new JSONObject();
|
|
||||||
|
|
||||||
jObj.put("title" , strTtl);
|
|
||||||
jObj.put("context", srBdy[0]);
|
|
||||||
|
|
||||||
jObj.put("func", jsonObj);
|
|
||||||
|
|
||||||
StringBuilder strBulider = new StringBuilder(100);
|
|
||||||
|
|
||||||
// strBulider.append("\"");
|
|
||||||
strBulider.append(jObj.toString().replaceAll("\"", "\\\""));
|
|
||||||
// strBulider.append("\"");
|
|
||||||
|
|
||||||
// bodyMap 구성
|
|
||||||
bodyMap.put("SubjectCode", strApiKicMsgKey);
|
|
||||||
bodyMap.put("targets" , targetsList );
|
|
||||||
|
|
||||||
// bodyMap.put("message" , jsonObj.toString() );
|
|
||||||
|
|
||||||
bodyMap.put("message" , strBulider.toString() );
|
|
||||||
// bodyMap.put("message" , messageMap.toString() );
|
|
||||||
// bodyMap.put("message" , messageMap );
|
|
||||||
// bodyMap.put("message" , "테스트" );
|
|
||||||
|
|
||||||
// Map<String, Object> retMap = restApiCallUtil.RestApiCallNoAuthKicMsg( bodyMap, "/test/kicMsgTest.do");
|
|
||||||
Map<String, Object> retMap = restApiCallUtil.RestApiCallNoAuthKicMsg( bodyMap, "/server/na/notice");
|
|
||||||
|
|
||||||
strProcRsltCn = retMap.toString();
|
|
||||||
strProcRsltCd = "0";
|
|
||||||
}
|
|
||||||
catch(Exception e)
|
|
||||||
{
|
|
||||||
strProcRsltCn = e.toString();
|
|
||||||
strProcRsltCd = "-2";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// 오류처리
|
|
||||||
else
|
|
||||||
{
|
|
||||||
strProcRsltCn = "알수 없는 구분값";
|
|
||||||
strProcRsltCd = (strProcRsltCn.equals("")) ? "0" : "-1";
|
|
||||||
}
|
|
||||||
|
|
||||||
LinkedHashMap<String, Object> inputMap = new LinkedHashMap<String, Object>();
|
|
||||||
|
|
||||||
inputMap.put("procRsltCn" , strProcRsltCn);
|
|
||||||
inputMap.put("procRsltCd" , strProcRsltCd);
|
|
||||||
inputMap.put("nctnEsntlId" , tempMap.get("nctnEsntlId"));
|
|
||||||
|
|
||||||
mailKaTalkService.updateNtcnProcSndInfo(inputMap);
|
|
||||||
}
|
|
||||||
|
|
||||||
//JobDataMap를 통해 Job의 실행 횟수를 받아서 횟수 + 1을한다.
|
|
||||||
int cnt = (int) dataMap.get("executeCount");
|
|
||||||
dataMap.put("executeCount", ++cnt);
|
|
||||||
dataMap.put("date", LocalDateTime.now().format(DateTimeFormatter.ofPattern("yyyy-MM-dd HH:mm:ss")));
|
|
||||||
|
|
||||||
log.info(" <<<<<<<<<< MailKaTalkSendKiccJob Executed >>>>>>>>>> ");
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,97 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?><!--Converted at: Wed May 11 15:49:39 KST 2016-->
|
|
||||||
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
|
|
||||||
"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
|
|
||||||
|
|
||||||
<mapper namespace="com.urpsys.kicinsa.dao.KicGroupwareDao">
|
|
||||||
|
|
||||||
<resultMap type="java.util.LinkedHashMap" id="viKicHrInterfaceUser">
|
|
||||||
<result property="empId" column="EMPID"/>
|
|
||||||
<result property="empNm" column="EMPNM"/>
|
|
||||||
<result property="serviceCd" column="SERVICECD"/>
|
|
||||||
<result property="serviceCdNm" column="SERVICECD_NM"/>
|
|
||||||
<result property="enterDate" column="ENTERDATE"/>
|
|
||||||
<result property="brTel" column="BRTEL"/>
|
|
||||||
<result property="retireDate" column="RETIREDATE"/>
|
|
||||||
<result property="moveDate" column="MOVEDATE"/>
|
|
||||||
<result property="empGrpCd" column="EMPGRPCD"/>
|
|
||||||
<result property="empGrpCdNm" column="EMPGRPCD_NM"/>
|
|
||||||
<result property="orgId" column="ORGID"/>
|
|
||||||
<result property="orgIdNm" column="ORGID_NM"/>
|
|
||||||
<result property="posId" column="POSID"/>
|
|
||||||
<result property="posIdNm" column="POSID_NM"/>
|
|
||||||
<result property="titleCd" column="TITLECD"/>
|
|
||||||
<result property="titleCdNm" column="TITLECD_NM"/>
|
|
||||||
<result property="posgrdCd" column="POSGRDCD"/>
|
|
||||||
<result property="posgrdCdNm" column="POSGRDCD_NM"/>
|
|
||||||
<result property="orgIdAdd1" column="ORGID_ADD1"/>
|
|
||||||
<result property="orgIdAdd1Nm" column="ORGID_ADD1_NM"/>
|
|
||||||
<result property="posIdAdd1" column="POSID_ADD1"/>
|
|
||||||
<result property="posIdAdd1Nm" column="POSID_ADD1_NM"/>
|
|
||||||
<result property="startDateAdd1" column="STARTDATE_ADD1"/>
|
|
||||||
<result property="startDateRest" column="STARTDATE_REST"/>
|
|
||||||
<result property="expendDateRest" column="EXPENDDATE_REST"/>
|
|
||||||
<result property="sex" column="SEX"/>
|
|
||||||
<result property="sexNm" column="SEX_NM"/>
|
|
||||||
<result property="tel" column="TEL"/>
|
|
||||||
<result property="htel" column="HTEL"/>
|
|
||||||
<result property="empNmEng" column="EMPNMENG"/>
|
|
||||||
<result property="emailComp" column="EMAIL_COMP"/>
|
|
||||||
<result property="orgCd" column="ORGCD"/>
|
|
||||||
<result property="titleCdNmeng" column="TITLECD_NMENG"/>
|
|
||||||
<result property="orgIdSub" column="ORGID_SUB"/>
|
|
||||||
<result property="orgIdSubNm" column="ORGID_SUB_NM"/>
|
|
||||||
|
|
||||||
</resultMap>
|
|
||||||
|
|
||||||
<!-- 조건에 맞는 게시물 목록을 조회 한다. -->
|
|
||||||
<select id="getKicInsaList" resultMap="viKicHrInterfaceUser">
|
|
||||||
/* GroupwareDao.getKicInsaList */
|
|
||||||
SELECT EMPID
|
|
||||||
, EMPNM
|
|
||||||
, SERVICECD
|
|
||||||
, SERVICECD_NM
|
|
||||||
, ENTERDATE
|
|
||||||
, BRTEL
|
|
||||||
, RETIREDATE
|
|
||||||
, MOVEDATE
|
|
||||||
, EMPGRPCD
|
|
||||||
, EMPGRPCD_NM
|
|
||||||
, ORGID
|
|
||||||
, ORGID_NM
|
|
||||||
, POSID
|
|
||||||
, POSID_NM
|
|
||||||
, TITLECD
|
|
||||||
, TITLECD_NM
|
|
||||||
, POSGRDCD
|
|
||||||
, POSGRDCD_NM
|
|
||||||
, ORGID_ADD1
|
|
||||||
, ORGID_ADD1_NM
|
|
||||||
, POSID_ADD1
|
|
||||||
, POSID_ADD1_NM
|
|
||||||
, STARTDATE_ADD1
|
|
||||||
, STARTDATE_REST
|
|
||||||
, EXPENDDATE_REST
|
|
||||||
, SEX
|
|
||||||
, SEX_NM
|
|
||||||
, TEL
|
|
||||||
, HTEL
|
|
||||||
, EMPNMENG
|
|
||||||
, EMAIL_COMP
|
|
||||||
, ORGCD
|
|
||||||
, TITLECD_NMENG
|
|
||||||
, ORGID_SUB
|
|
||||||
, ORGID_SUB_NM
|
|
||||||
FROM VI_HR_INTERFACE_USER
|
|
||||||
|
|
||||||
|
|
||||||
</select>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</mapper>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@ -101,8 +101,6 @@
|
|||||||
from multimedia_assets a
|
from multimedia_assets a
|
||||||
where (iams_tran_yn is null or iams_tran_yn = '')
|
where (iams_tran_yn is null or iams_tran_yn = '')
|
||||||
and deleted_at is null
|
and deleted_at is null
|
||||||
and id ='132041'
|
|
||||||
limit 1;
|
|
||||||
]]>
|
]]>
|
||||||
</select>
|
</select>
|
||||||
|
|
||||||
|
|||||||
@ -1,587 +0,0 @@
|
|||||||
@charset "utf-8";
|
|
||||||
|
|
||||||
#wrap {width:100%;margin:0 auto;}
|
|
||||||
.row::after {content:""; display:block; clear:both;}
|
|
||||||
.cell {float:left; box-sizing:border-box;}
|
|
||||||
|
|
||||||
/* Layout */
|
|
||||||
#container {position:relative; width:100%; margin:0 auto; padding-bottom: 50px; background: #f7f8fa;}
|
|
||||||
#container:after {display:block;clear:both;content:''}
|
|
||||||
#content {position: relative; width:100%; margin:0 auto;}
|
|
||||||
.content {position: relative; width:1400px; margin:0 auto;}
|
|
||||||
#container .side_Wrap {position:relative; float:left; width:220px; padding-top:20px;}
|
|
||||||
#container .body_wrap {float: right; width: calc(100% - 250px);}
|
|
||||||
#container .body_wrap .inner {width:100%; margin:0 auto; padding: 20px 25px 30px; border: 1px solid #e0e0e0; background-color: #fff;}
|
|
||||||
|
|
||||||
/* header */
|
|
||||||
.header_wrap {position: relative; width:100%; height: 120px; background:#fff;}
|
|
||||||
.header_wrap .header-inner {position:relative; width:1400px; min-width: 1400px; height:100%; margin:0 auto;}
|
|
||||||
.header_wrap .header-top {width: 100%; height: 60px; margin: 0 auto; display: inline-block;}
|
|
||||||
.header_wrap .header-top > .inner {position: relative; width: 1400px; height: 60px; margin: 0 auto;}
|
|
||||||
|
|
||||||
/* util */
|
|
||||||
.header_wrap .header-top .util {float:right; height:60px; margin-top:16px; right:0; display: inline-block;}
|
|
||||||
.header_wrap .header-top .util li {position: relative; display: inline-block; vertical-align: middle; height:28px; line-height:28px; color:#666; font-size:13px;margin-left: 20px;}
|
|
||||||
.header_wrap .header-top .util li > img {vertical-align: top;}
|
|
||||||
.header_wrap .header-top .util li > a {font-size:13px; color:#333;}
|
|
||||||
.header_wrap .header-top .util li .name {display: inline-block; padding-left:18px; margin-right: 4px;color:#2e389d;font-weight:500;}
|
|
||||||
.header_wrap .header-top .util li .name:before {position:absolute; content:''; display:block; background: url('../images/main/ico_user.png') 0 0 no-repeat;left:0;top:7px;width:14px;height:14px;}
|
|
||||||
.header_wrap .header-top .util li .logout {display: inline-block; padding-left:18px; margin-right: 14px;}
|
|
||||||
.header_wrap .header-top .util li .logout:hover {color:#2e3aaf;}
|
|
||||||
.header_wrap .header-top .util li .logout:before {position:absolute; content:''; display:block; background: url('../images/main/ico_logout.png') 0 0 no-repeat;left:0;top:7px;width:14px;height:14px;}
|
|
||||||
.header_wrap .logo {position:relative; display:inline-block; height:35px;width:211px;top:13px;left:0px;cursor:pointer; text-indent: -9999px; background:url(../images/main/logo.png) 0 center no-repeat;}
|
|
||||||
|
|
||||||
/*오픈*/
|
|
||||||
.util li a.mysetOpen {width:115px; padding:6px 15px 0 18px; background:url(../images/main/ico_util_sel.png) no-repeat 100% 14px; margin-right: 14px;}
|
|
||||||
.util li a.mysetOpen.active {background:url(../images/main/ico_util_sel.png) no-repeat 100% 14px;}
|
|
||||||
.util li a.mysetOpen:before {content:""; display:block; background:url(../images/main/ico_user.png) no-repeat 0 3px; width:100%; height:100%; position:absolute;left:0;top:5px;}
|
|
||||||
.util li div.my_sett {width:105px; background:#fff; display:none; position:absolute; padding: 5px 0; border-radius: 5px; z-index: 10; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.2); border:1px solid #ddd;}
|
|
||||||
.util li div.my_sett a {display:block; color:#333; font-size:13px; padding:0px 0 3px; text-align:center; border-radius: 5px;}
|
|
||||||
.util li div.my_sett a:hover,
|
|
||||||
.util li div.my_sett a:focus,
|
|
||||||
.util li div.my_sett a.active {color:#253fc3;}
|
|
||||||
|
|
||||||
/* gnb */
|
|
||||||
.header_wrap .wrap-nav {position: relative; display: inline-block; width:100%; height:55px; margin: 0 auto; background:#2e389d; border-top:1px solid #e6e8eb;border-bottom:1px solid #e6e8eb;}
|
|
||||||
.header_wrap .wrap-nav:after {display:block;clear:both;content:''}
|
|
||||||
.header_wrap .wrap-nav .gnb {position:relative; width:100%; height:55px; margin:0 auto; padding-right:80px; display: inline-block;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li {position:relative; float: left; height:55px;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li + li {margin-left:30px;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li > a {font-size:17px;font-weight:500;color:#fff;height:55px;line-height:53px; display: block; position:relative;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li > a:after {content:""; display:block; clear:both; width: 1px; height: 14px; background-color: #8590cb; position: absolute; top: 20px; left:-14px; margin-top:0;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li:first-child > a:after {display: none;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li > a:hover {color:#39d6fd;text-decoration:none;}
|
|
||||||
|
|
||||||
/* 전체메뉴 */
|
|
||||||
.header_wrap .all_btn {position:absolute; top:0; right:0;}
|
|
||||||
.header_wrap .all_btn:after {clear:both; display:block; content:"";}
|
|
||||||
.header_wrap .all_btn button:first-child {margin-left:0;}
|
|
||||||
.header_wrap .all_btn .toggle-menu {width:50px; height:55px; background:url("../images/main/btn_hamb.png") no-repeat center center; background-size:25px 20px; position:relative; top:0; font-size:0;}
|
|
||||||
.allMenu {display:none; width:100%; height:100%; min-height:850px; position:fixed; top:61px; right:0; z-index:6; background-color:#fff; padding:0; text-align: left; z-index:2; margin:0 auto; overflow: hidden;}
|
|
||||||
.allMenu:before {content:''; position:fixed; width:100%; height:100%; left:0; top:90%; bottom:0; background:rgba(0, 0, 0, 0.5); z-index:0;}
|
|
||||||
.allMenu .user-wrap {width:100%; height:55px; padding-left:30px; position:relative; background:#2e389d; z-index:99; margin: 0 auto; text-align: center;}
|
|
||||||
.allMenu .user-wrap .menu-inner {position:relative; width:1400px; max-width: 1400px; height:100%; margin:0 auto;}
|
|
||||||
.allMenu .user-wrap .menu-logo {position: relative; display:inline-block; margin-left: -130px; padding:0; width:140px; height:100%; background:url('../images/main/logo_w.png') no-repeat 0;}
|
|
||||||
.allMenu .user-wrap .logo-txt {position: absolute; top:10px; font-size:23px; color:#fff; font-weight: 500;}
|
|
||||||
.allMenu .m-gnb {display:block; width:100%; height:850px; max-width:1400px; margin:0 auto; padding:35px 0 35px 0; z-index:99;overflow-y: auto;}
|
|
||||||
.allMenu .m-gnb ul {overflow:hidden; }
|
|
||||||
.allMenu .m-gnb ul li a {position:relative; font-size:15px; color:#111; font-weight: 500; }
|
|
||||||
.allMenu .m-gnb ul li a:focus {text-decoration:none;}
|
|
||||||
.allMenu .m-gnb ul li a:only-child:after {display:none;}
|
|
||||||
.allMenu .m-gnb > ul > li {float:left; width:18%; min-height:0px; margin: 0 15px 30px 0;}
|
|
||||||
.allMenu .m-gnb > ul > li > a {display:block; padding:12px 0; font-size:20px; color:#2e389d; font-weight: 500; text-align: center;border:1px dashed #2e389d;border-radius: 7px;}
|
|
||||||
.allMenu .m-gnb > ul > li > a:hover {color:#2e389d; text-decoration:none;}
|
|
||||||
.allMenu .m-gnb > ul > li > a .link {display:inline-block; width:12px; height:12px; margin-left:3px; background-size:100%;}
|
|
||||||
.allMenu .m-gnb > ul > li.curr > a,
|
|
||||||
.allMenu .m-gnb > ul > li > a:hover {text-decoration:none;}
|
|
||||||
.allMenu .m-gnb ul.depth-2 {overflow:hidden; padding-bottom:0px; margin-top:10px;}
|
|
||||||
.allMenu .m-gnb ul.depth-2 > li > a {display:block; font-size:15px; font-weight:400; line-height:30px; color:#444; padding-left:12px;}
|
|
||||||
.allMenu .m-gnb ul.depth-2 > li > a:before {content:''; position:absolute; top:15px; left:0; width:6px; height:1px; background-color:#777;}
|
|
||||||
.allMenu .m-gnb ul.depth-2 > li > a:hover {color:#2d39b5; text-decoration:none;}
|
|
||||||
.allMenu .gnb-close {position:absolute; margin:0; top:0; right:9.2%;z-index:99;}
|
|
||||||
.allMenu .gnb-close button {width:50px; height:55px; display:block; background:url("../images/main/btn_close.png") no-repeat center; background-size:21px 21px; text-indent:-9999px;}
|
|
||||||
|
|
||||||
/* lnb menu */
|
|
||||||
.side_Wrap h2 {overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; height: 98px; font-size: 23px; font-weight: normal; line-height: 1; color: #fff; background: #333faf; border-radius: 30px 0 0 0; box-sizing: border-box;}
|
|
||||||
#lnb {float: left; width: 100%;}
|
|
||||||
#lm {width: 100%;}
|
|
||||||
#cssmenu,
|
|
||||||
#cssmenu ul,
|
|
||||||
#cssmenu ul li,
|
|
||||||
#cssmenu ul li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;letter-spacing:-0.8px;color:#333333;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-decoration: none;cursor: pointer;}
|
|
||||||
#cssmenu {width: 100%;}
|
|
||||||
#cssmenu ul ul {display: none;}
|
|
||||||
.align-right {float: right;}
|
|
||||||
.holder {background:none}
|
|
||||||
.holder::after, .holder::before {display: block;position: absolute;content: "";right: 15px;z-index: 10;background:none}
|
|
||||||
.holder::after {top: 15px;background:none}
|
|
||||||
.holder::before {top: 15px;}
|
|
||||||
#cssmenu > ul > li > a {display: block; position: relative; padding: 15px 15px; font-size: 15px; font-weight: 400; color: #333333; border: 1px solid #ddd; border-top: 0; background:#fff;}
|
|
||||||
#cssmenu > ul > li > a:before {content:""; display:block; position:absolute; top:50%; right:20px; margin-top:-7px; width:13px; height:13px; background-image:url(../images/common/ico_lnb_1dh.png); background-repeat:no-repeat; transition: all 0s ease 0s }
|
|
||||||
#cssmenu > ul > li > a:hover:before {background-image:url(../images/common/ico_lnb_1dh_hover.png);}
|
|
||||||
#cssmenu > ul > li > a:last-child {border-bottom: none;}
|
|
||||||
#cssmenu > ul > li > a:hover {color: #2e389d;}
|
|
||||||
#cssmenu > ul > li.active > a,
|
|
||||||
#cssmenu > ul > li.open > a {display: block; position: relative; color: #fff; border: 0; background: #252e89;}
|
|
||||||
#cssmenu > ul > li.open > a:before {content:""; display:block; position:absolute; top:50%; right:20px; margin-top:-7px; width:13px; height:13px; background:#252e89 url(../images/common/ico_lnb_1dh_on.png); background-repeat:no-repeat; transition: all 0s ease 0s }
|
|
||||||
#cssmenu ul ul {background:#f7f9fc;border: 1px solid #ddd;border-top: 0; padding: 7px 0 10px;}
|
|
||||||
#cssmenu ul ul li a {position: relative; display: block; padding: 8px 0 8px 25px; font-size:14px; font-weight:500; color:#424242 !important; letter-spacing:-0.6px; font-weight: normal;}
|
|
||||||
#cssmenu ul ul li a:before {display:block; position:absolute; top:14px; left:15px; width:4px; height:4px; background-color:#a9a9ab; content:'';}
|
|
||||||
#cssmenu ul ul li a.on {color: #2e389d !important; font-weight: normal;}
|
|
||||||
#cssmenu ul ul li a.on:before {display:block; position:absolute; top:14px; left:15px; width:4px; height:4px; background-color:#2e389d; content:'';}
|
|
||||||
#cssmenu > ul > li.open > ul {display:block;}
|
|
||||||
#cssmenu ul ul li:hover a,
|
|
||||||
#cssmenu ul ul li.open a,
|
|
||||||
#cssmenu ul ul li.active a {position: relative; display: block; color: #2e389d !important;}
|
|
||||||
#cssmenu ul ul li:hover a:before,#cssmenu ul ul li.open a:before,#cssmenu ul ul li.active a:before {content:''; display:block; position:absolute; top:14px; left:15px; width:4px; height:4px; background-color:#2e389d;}
|
|
||||||
#cssmenu ul ul li.active a:after, #cssmenu ul ul li.open a:after, #cssmenu ul ul li a:hover:after {border-color: none;}
|
|
||||||
|
|
||||||
/* title */
|
|
||||||
.main_titWrap {/*position:relative; width:100%;*/ display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
|
|
||||||
.main_titWrap > * {height: 28px; align-items: center;}
|
|
||||||
.main_titWrap h3 {position: relative; color:#333; font-size:23px; font-weight:bold; text-align: left; display: flex; -webkt-display: flex; -moz-display: flex;}
|
|
||||||
|
|
||||||
.content-title {font-size:16px; font-weight:500;color:#1a2377;position:relative;padding-left:14px;margin: 15px 0 10px;text-align:left;}
|
|
||||||
.content-title:before {position:Absolute;content:'';display:block;left:0;top:10px;transform:translateY(-50%);width: 6px; height: 15px;background: #1f287c;border-radius: 3px;margin-top: 0;}
|
|
||||||
|
|
||||||
/* location */
|
|
||||||
.location {position:absolute; right:0; box-sizing:border-box;display: flex; -webkt-display: flex; -moz-display: flex;}
|
|
||||||
.location-cont {}
|
|
||||||
.location-cont .route_navi {position:relative;}
|
|
||||||
.location-cont .route_navi li {float: left; line-height:26px; font-size: 15px; color:#555; font-weight:normal; letter-spacing:-0.05em; padding:0 10px 0 16px; background: url('../images/common/route_arrow.png') no-repeat 0 8px;}
|
|
||||||
.location-cont .route_navi li .home {display: inline-block; background: url('../images/common/icon_home.png') no-repeat 0 0; padding: 0; width: 12px; height:16px; font-size:0; text-indent:-9999px;}
|
|
||||||
.location-cont .route_navi li.home a span {float: left;font-size: 0; height: 0;line-height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;}
|
|
||||||
.location-cont .route_navi li a:hover {color:#333;}
|
|
||||||
.location-cont .route_navi li:last-child {line-height: 26px; font-weight:500; padding-right: 0;}
|
|
||||||
.location-cont .route_navi li:first-child {background:none;}
|
|
||||||
|
|
||||||
/*footer*/
|
|
||||||
#footer {width:100%;background:#3c3d46; clear:both; height:60px; display: flex; justify-content: space-between; align-items: center;}
|
|
||||||
#footer .box {position: relative; width:1400px; margin:0 auto;}
|
|
||||||
#footer .box p.fLogo {float:left; margin:15px 25px 15px 0;}
|
|
||||||
#footer .box address {color:#afafaf; font-size:13px; margin-top:15px; text-transform:uppercase; text-align:left;}
|
|
||||||
#footer .box p.copy {color:#9b9ba0; font-size:13px; text-align:left;}
|
|
||||||
#footer .box .menu {position: absolute; top: 20px; right: 0;}
|
|
||||||
#footer .box .menu li {display:inline-block;}
|
|
||||||
#footer .box .menu li:not(:last-child) {position:relative; margin-right:1.2em;}
|
|
||||||
#footer .box .menu li:not(:last-child):after {content:""; position:absolute; top:6px; right:-0.8em; width:1px; height:8px; background-color:#8b8a8a;}
|
|
||||||
#footer .box .menu li a {color:#afafaf; font-size:14px;}
|
|
||||||
#footer .box .menu li a:hover {color:#377fed;}
|
|
||||||
|
|
||||||
/* 감색 목록 */
|
|
||||||
.searchResultWrap {position:relative; padding:20px 0; margin-bottom: 30px; border-top:1px solid #777;}
|
|
||||||
.searchResultWrap .ser_kwd {color:#f96262;}
|
|
||||||
.searchResultWrap .title {color: #222; font-size:24px; background:url(../images/main/ico_penbul.png) no-repeat 0 9px; padding-left:24px; padding-bottom: 25px; border-bottom:1px dotted #ccc;}
|
|
||||||
.searchResultWrap .title span {font-size:18px;}
|
|
||||||
.searchResultWrap .title .btn-more {display: inline-block; width: 60px; margin:0; padding-left:20px; border:0;}
|
|
||||||
.searchResultWrap .title .btn-more a {display: block; font-size:14px; color:#868686; text-decoration:none; background-color:transparent; background: url(../images/main/ico_more01.png) no-repeat right 50%;}
|
|
||||||
.searchResultWrap .title .sel_box {display: inline-block; position: absolute; right: 0;}
|
|
||||||
.searchResultWrap .title .sel_box select {border:0; outline: none; font-size:15px; color:#555; padding:0 30px 0 10px; width:100%; height:40px; line-height:38px; border:1px solid #ccc; cursor: pointer; background: #fff url(../images/main/ico_select.png) no-repeat 90% 50%; background-size: 7px 4px;}
|
|
||||||
.searchResultList li {border-bottom:1px dotted #ccc; padding: 25px 0 25px;}
|
|
||||||
.searchResultList li .tit {position: relative; margin-bottom:5px; font-size:22px; color:#333; font-weight:400;}
|
|
||||||
.searchResultList li .tit .bookmark {position: absolute; top:-2px; right: 0; padding-left: 26px; text-indent:-9999px; background: url(../images/main/ico_clipping.png) left center no-repeat;}
|
|
||||||
.searchResultList li .tit .bookmark_on {position: absolute; top:-2px; right: 0; padding-left: 26px; text-indent:-9999px; background: url(../images/main/ico_clipping_on.png) left center no-repeat;}
|
|
||||||
.searchResultList li .desc {display:block; width:100%; height:40px; line-height:1.3; font-size:15px; color:#5c5c5c; font-weight:300; margin-bottom:5px;overflow:hidden; display: -webkit-box; text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
|
|
||||||
.searchResultList li .top_kwd { font-size:14px; color:#333; font-weight:300;}
|
|
||||||
.searchResultList li .date { font-size:14px; color:#aaa9a9; font-weight:300;}
|
|
||||||
.searchResultList li.keyword_arrow {position: relative; background:#f8f9fb; border-bottom:1px solid #777; box-sizing: border-box; padding: 0 18px !important; height:36px !important; line-height:34px; margin-bottom:20px;}
|
|
||||||
.searchResultList li.keyword_arrow .txt_word {display: inline-block; width:80%; left:0;}
|
|
||||||
.searchResultList li.keyword_arrow span { font-size:14px; color:#2a6fe8; }
|
|
||||||
.searchResultList li.keyword_arrow .btn-more {display: inline-block; width: 60px; margin:0; padding-left:20px; position: absolute; right: 18px;}
|
|
||||||
.searchResultList li.keyword_arrow .btn-more a {display: block; font-size:14px; color:#868686; text-decoration:none; background-color:transparent; background: url(../images/main/ico_more01.png) no-repeat right 50%;}
|
|
||||||
.searchResultWrap .not_data {margin:0 auto; text-align: center; line-height:40px;}
|
|
||||||
.searchResultWrap .not_data p {display: inline-block; font-size:18px; color:#333; background-size: 40px 40px; padding-left:50px; background:url(../images/main/not_list_img.png) 0 center no-repeat;}
|
|
||||||
.notSearchResult p {margin-bottom:15px;font-weight:bold;font-size:1.071em}
|
|
||||||
.notSearchResult p strong {font-size:1.133em}
|
|
||||||
|
|
||||||
/* 데이터 - 검색결과 */
|
|
||||||
.ser_kwd {color: #f96262;}
|
|
||||||
.search-result-num {display:block; text-align: center; font-size:22px; color:#7e7e7e; font-weight:500; letter-spacing: -1px; margin-bottom:30px; padding-top: 40px;}
|
|
||||||
.search-result-num .ser_kwd {color:#f96262;}
|
|
||||||
|
|
||||||
/* main tab */
|
|
||||||
.main_tabWrap {position:relative; overflow:hidden; margin: 0 auto; box-sizing: border-box;}
|
|
||||||
.main_tab {margin-bottom:18px; position: relative; width: 100%; height: 55px; margin: 0 auto 30px; text-align: center;}
|
|
||||||
.main_tab ul.tab03 {position:relative; width:100%; height:55px; padding:0; margin:0 auto; text-align: center;}
|
|
||||||
.main_tab ul.tab03 > li {display:inline-block; position:relative; margin:0; height:55px; width:190px;}
|
|
||||||
.main_tab ul.tab03 > li a {width:100%; display:block; color:#666; font-size:18px; font-weight:500; line-height:55px; text-align:center; background-color:#f1f7f9; border-radius:55px;}
|
|
||||||
.main_tab ul.tab03 > li a:hover {text-decoration:none; line-height:55px; background-color:#f1f7f9; color:#0098d1;}
|
|
||||||
.main_tab ul.tab03 > li.active a {line-height:55px;color:#fff; border-color:#0098d1; background-color:#0098d1;}
|
|
||||||
.main_tab ul.tab03 > li.active a:hover {}
|
|
||||||
.tab_content {position:relative; background:transparent; padding:0;}
|
|
||||||
.main_tab li a:first-child {margin-left: 0px;}
|
|
||||||
|
|
||||||
/* 키워드 조회 */
|
|
||||||
.keyword_view {position:relative; width:100%;}
|
|
||||||
.keyword_wrap {position: relative; width:100%; padding:28px 0 20px;}
|
|
||||||
.keyword_wrap:after {content:''; display:block; clear:both;}
|
|
||||||
.keyword_left {float:left; position: absolute; border-right:1px solid #ccc; padding: 28px 10px 10px 0; box-sizing: border-box; top: 0; left: 0; width: 275px; height:100%; min-height:220px; overflow-y: auto; margin-right: 30px;}
|
|
||||||
.keyword_right {position: relative; float:right; width:75%; min-height: 470px; box-sizing: border-box; margin-left: 305px; padding: 0; background-color: #fff;}
|
|
||||||
.keyword_left .keyword_list li a {display: block; height:48px; line-height: 48px; border:1px solid #ccc; border-radius: 5px; margin-bottom:10px; font-size: 16px; font-weight:500; color:#848484; text-align: center;}
|
|
||||||
.keyword_left .keyword_list li a:hover, .keyword_left .keyword_list li a:active {border:1px solid #ccc; color:#1d68dc; font-weight:600;}
|
|
||||||
.keyword_left .keyword_list li a.on {height:46px; border:2px solid #1d68dc; color:#333; font-weight:600; border-radius: 5px;}
|
|
||||||
.keyword_body {background:#fff; width:100%; overflow: hidden;}
|
|
||||||
.keyword_right .searchkeywordList li {border:1px solid #ccc; padding: 20px 25px; margin-bottom:10px;}
|
|
||||||
.keyword_right .searchkeywordList li:hover {border:1px solid #2a6fe8; cursor:pointer;}
|
|
||||||
.keyword_right .searchkeywordList li .tit {position: relative; margin-bottom:5px; font-size:22px; color:#333; font-weight:400;}
|
|
||||||
.keyword_right .searchkeywordList li .tit .bookmark {position: absolute; top:-2px; right: 0; padding-left: 26px; text-indent:-9999px; background: url(../images/main/ico_clipping.png) left center no-repeat;}
|
|
||||||
.keyword_right .searchkeywordList li .tit .bookmark_on {position: absolute; top:-2px; right: 0; padding-left: 26px; text-indent:-9999px; background: url(../images/main/ico_clipping_on.png) left center no-repeat;}
|
|
||||||
.keyword_right .searchkeywordList li .desc {display:block; width:100%; height:40px; line-height:1.3; font-size:15px; color:#5c5c5c; font-weight:300; margin-bottom:5px;overflow:hidden; display: -webkit-box; text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
|
|
||||||
.keyword_right .searchkeywordList li .top_kwd { font-size:14px; color:#333; font-weight:300;}
|
|
||||||
.keyword_right .searchkeywordList li .date { font-size:14px; color:#aaa9a9; font-weight:300;}
|
|
||||||
|
|
||||||
/* 더보기 버튼 */
|
|
||||||
.list_more {margin-top:10px; text-align:center;}
|
|
||||||
.btn_more {display:inline-block; width:96px; height:36px; line-height:34px; color:#515151; text-align:center; font-size:14px; cursor:pointer; padding:0 10px 0 0; border-radius: 36px; border:1px solid #ccc; background: #f5f5f5 url('../images/main/ico_more_arrow.png') no-repeat 78% 50%;}
|
|
||||||
.btn_more:hover {border:1px solid #1d68dc; background: #f5f5f5 url('../images/main/ico_more_arrow.png') no-repeat 78% 50%;}
|
|
||||||
|
|
||||||
/* 버튼 그룹 */
|
|
||||||
.btn_group {position: relative; text-align:right; margin-top:20px; right:0;}
|
|
||||||
.btn_group button {height:40px; line-height:38px; border-radius: 4px; font-size:15px; font-weight:400; padding:0 12px; text-align:center; min-width:50px;}
|
|
||||||
.btn_group button + button {margin-left:2px}
|
|
||||||
.btn_group .btn_keyword_add {display:inline-block;padding:0 20px; background-color:#ea4c89; color:#fff; font-weight:500; vertical-align:middle; height: 50px; line-height: 48px; border-radius: 48px; letter-spacing: -0.8px;}
|
|
||||||
.btn_group .btn_keyword_add:hover {background:#e3408d;}
|
|
||||||
.btn_keyword {display:inline-block; padding:0 16px; border:1px solid #1d68dc; border-radius: 5px; vertical-align:middle; cursor: pointer; height: 40px; line-height: 38px; font-weight:400; color:#1d68dc; background: #fff;}
|
|
||||||
.btn_keyword:hover {color:#fff; border:1px solid #1d68dc; background:#1d68dc;}
|
|
||||||
.ico_blank_dark {width:12px; height:12px; background-image:url('../images/main/keword_ico_del.png'); margin-left:13px;}
|
|
||||||
.btn_keyword:hover .ico_blank_dark.blank_ov {width:12px; height:12px; background-image:url('../images/main/keword_ico_del_ov.png'); margin-left:13px;}
|
|
||||||
.btn_group .btn-function {min-width:80px; color:#fff; background:#2e389d;}/*등록,확인,저장*/
|
|
||||||
.btn_group .btn-function:hover {background:#202a8f;}
|
|
||||||
.btn_group .btn-etc {min-width:80px; color:#fff; background:#187bfe;}/*수정*/
|
|
||||||
.btn_group .btn-etc:hover {background:#055ed3;}
|
|
||||||
.btn_group .btn-cancel {min-width:80px; color:#fff; background:#474d5c;}/*취소*/
|
|
||||||
.btn_group .btn-cancel:hover { background:#3e4452;}
|
|
||||||
|
|
||||||
/* Button style */
|
|
||||||
.button, .button a {display:inline-block;cursor:pointer;color:inherit;text-align:center;overflow:visible;background:#fff; padding:0;text-decoration: none !important;vertical-align:middle;white-space:nowrap;margin:0;}
|
|
||||||
.button:hover {font-weight: normal;}
|
|
||||||
.button.btn_small {display:inline-block; padding:0px 16px !important;border:1px solid #7e819b;background-color:#7e819b;color:#fff;font-size:14px;font-weight:500;height: 36px;line-height: 34px;border-radius: 3px;vertical-align:middle;cursor: pointer;}
|
|
||||||
.button.btn_small:hover {border:1px solid #6a6e89;background-color:#6a6e89;}
|
|
||||||
|
|
||||||
/* tbl btn */
|
|
||||||
.btn {display:inline-block;height:34px;line-height:32px;font-size:13px;padding:0 12px;text-align:center;border-radius: 3px;}
|
|
||||||
.btn:hover {text-decoration:none;}
|
|
||||||
button[class^='btn-']:hover {text-decoration:none;}
|
|
||||||
.btn-copy,.fileSelectBox .fileinput-button,.fileinput-button {background:#f5f5f5;border:1px solid #bbb;color:#555;}
|
|
||||||
.btn-copy:hover,td .inlineBox > button:hover,td .inline > button:hover,.fileSelectBox .fileinput-button:hover {background:#7d7d7d;border:1px solid #7d7d7d;color:#fff;}
|
|
||||||
.btn-save {background:#fff;border:1px solid #508cc3!important;color:#427db4;}
|
|
||||||
.btn-save:hover{background-color:#508cc3!important;border:1px solid #508cc3;color:#fff!important;}
|
|
||||||
.btn-print{background:#6eb5b8;border:1px solid #6eb5b8;color:#fff;}
|
|
||||||
.btn-print:hover{color:#fff;background:#649092;border:1px solid #649092;}
|
|
||||||
.btn.btn-etc{background-color:#fff;border:1px solid #bbb;color:#333;}
|
|
||||||
.btn.btn-etc:hover{background-color:#f3f3f3;border:1px solid #999;color:#333;}
|
|
||||||
.btn-inspect {min-width:62px;border:1px solid #42b382;color:#fff;background:#42b382;}/*장비 점검*/
|
|
||||||
.btn-inspect:hover {border:1px solid #2aa36e!important;;background:#2aa36e!important;}
|
|
||||||
.btn-step {border:1px solid #333faf;color:#333faf;background:#fff;}/*단계*/
|
|
||||||
.btn-step:hover {color:#fff;border:1px solid #333faf!important;;background:#333faf!important;}
|
|
||||||
.btn-report {background:#fff;border:1px solid #fd5120;color:#fd5120;}/*보고서*/
|
|
||||||
.btn-report:hover,.btn-report.active {background:#fd5120;border:1px solid #fd5120;color:#fff;}
|
|
||||||
.btn-result {border:1px solid #646ab7;color:#fff;background:#646ab7;}/*결과*/
|
|
||||||
.btn-result:hover {color:#fff;border:1px solid #4e54af!important;;background:#4e54af!important;}
|
|
||||||
.btn-regist {background:#fff;border:1px solid #2f3bab!important;color:#2f3bab!important;}/*등록*/
|
|
||||||
.btn-regist:hover {background:#2733a1!important;border:1px solid #2733a1!important;color:#fff!important;}
|
|
||||||
.btn-modifi {background:#fff;border:1px solid #2da873!important;color:#1e9e67;}/*수정*/
|
|
||||||
.btn-modifi:hover {background:#229f69!important;border:1px solid #229f69!important;color:#fff!important;}
|
|
||||||
.w-sm{min-width:50px;}
|
|
||||||
.btn-open-helplayer{width:71px;height:30px;background:url(../images/common/btnimg-help.png) no-repeat;}
|
|
||||||
.btn-open-helplayer span{text-indent:-999999em!important;font-size:0!important;line-height:0!important;}
|
|
||||||
/* button size */
|
|
||||||
.btn.md{height:28px;line-height:24px;font-size:11px;padding:0 5px;}
|
|
||||||
.btn.sx{height:24px;line-height:20px;font-size:11px;padding:0 5px;}
|
|
||||||
|
|
||||||
/* table info */
|
|
||||||
.tbl_info {position:relative; height:36px;line-height:36px; margin-bottom:5px; display: flex; -webkt-display: flex; -moz-display: flex; align-content: space-between; align-items: center;}
|
|
||||||
.tbl_info {width: 100%; position: relative; height: 35px; line-height: 35px; display: inline-block; margin-bottom: 5px;}
|
|
||||||
.tbl_info:after {content:''; display:block; clear:both;}
|
|
||||||
.tbl_info .left_Area {position: relative; text-align: left; float:left;/*display: flex; -webkt-display: flex; -moz-display: flex;*/ }
|
|
||||||
.tbl_info .right_Area {box-sizing: border-box; /*position: absolute;right: 0;*/float:right;}
|
|
||||||
.tbl_info .left_Area ul li {display:inline-block; font-size: 16px; font-weight: normal; color: #333; letter-spacing: -0.7px;}
|
|
||||||
.tbl_info .left_Area ul li .txt_total {color:#f96262; padding:0 2px 0 4px; font-weight: 500;}
|
|
||||||
.tbl_info .right_Area .sel_box {display: inline-block; position: absolute; right: 0;}
|
|
||||||
.tbl_info .right_Area .sel_box select {border:0; outline: none; font-size:14px; color:#555; padding:0 30px 0 10px; width:100%; height:36px; line-height:34px; border:1px solid #ccc; cursor: pointer; background: #fff url(../images/common/ico_sel_arrow.png) no-repeat right 50%; background-size:20px 8px;}
|
|
||||||
.essential {display:inline-block; color:#f93c4e; font-size: 16px; line-height: 12px; vertical-align: text-top; padding:0 3px 0 4px;}
|
|
||||||
|
|
||||||
/* Table list */
|
|
||||||
.tbl_list {position:relative; width:100%; border-top: 1px solid #334263;}
|
|
||||||
.table-x-scrollable {overflow-x: scroll;}
|
|
||||||
.table {width: 100%; table-layout: fixed; border-bottom: 1px solid #cbccd3; background-color: #fff; margin-bottom:15px;}
|
|
||||||
.table thead th {border-bottom: 1px solid #d5d4d4; }
|
|
||||||
.table thead th, .table tbody th {padding:3px 8px; vertical-align: middle; font-size:13.5px; font-weight:400; color:#112469; text-align:center; background: #f3f5fd;}
|
|
||||||
.table thead th:last-child, .table th:last-child, .table td:last-child {border-right: 0;}
|
|
||||||
.table th, .table td {padding: 3px 8px; vertical-align: middle; height: 36px; text-align: center; word-break: break-all; -ms-word-break: break-all; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
|
|
||||||
.table tbody td {vertical-align:middle; font-size:13.5px; color:#333; font-weight: 300; text-align:center; /*border: 1px solid #d9d9d9;*/ word-break: break-all; white-space: normal;}
|
|
||||||
.table tbody td a {text-align:left; font-size:13.5px; color:#333; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis; display:block;}
|
|
||||||
.table tbody td a:hover {color:#0d2ea6; text-decoration: none;}
|
|
||||||
.table td button {height:32px;line-height:32px;}
|
|
||||||
.table td .btn-normal {background-color:#fff;border:1px solid #bbb;color:#333;height:32px;line-height:30px;}
|
|
||||||
.table td .btn-normal:hover {background-color:#f3f3f3;border:1px solid #999;color:#333;}
|
|
||||||
.table tbody tr.notice_area {background: #fef6f8 !important; font-weight:500;}
|
|
||||||
.table + .table {margin-top:20px;}
|
|
||||||
.badge_notice {display:inline-block; text-align:center; color:#ff4e50; font-size:13px; font-weight:400; background:#fff; border: 1px solid #ff4e50; border-radius: 22px; min-width: 46px; height: 22px; line-height: 20px; box-sizing: border-box;}
|
|
||||||
|
|
||||||
/* paging */
|
|
||||||
.pagination {position: relative; display: block; text-align:center; margin: 25px auto 0;}
|
|
||||||
.pagination li {display: inline-block; vertical-align: middle; letter-spacing:-2px; text-align:center;}
|
|
||||||
.pagination li a {display: block; text-decoration: none; color: #333; font-size:13px; word-break: keep-all; -ms-word-break: keep-all; width:32px; min-width: 32px; height: 32px; line-height:30px; border-radius: 5px; border: solid 1px #ccc; background: #fff;}
|
|
||||||
.pagination li a.first_page {display:inline-block;text-indent:-9999px; background:#fff url('../images/common/ico_page_first.png') no-repeat 50% 50%;font-size:0; width:15px;height:32px; box-sizing: border-box;}
|
|
||||||
.pagination li a.pre_page {display:inline-block;text-indent:-9999px; background:#fff url('../images/common/ico_page_pre.png') no-repeat 50% 50%;font-size:0; width:15px;height:32px; margin-right:10px;box-sizing: border-box;}
|
|
||||||
.pagination li a.next_page {display:inline-block;text-indent:-9999px; background:#fff url('../images/common/ico_page_next.png') no-repeat 50% 50%;font-size:0; width:15px;height:32px; margin-left:10px; box-sizing: border-box;}
|
|
||||||
.pagination li a.end_page {display:inline-block;text-indent:-9999px; background:#fff url('../images/common/ico_page_last.png') no-repeat 50% 50%;font-size:0; width:15px;height:32px; box-sizing: border-box;}
|
|
||||||
.pagination li a:hover,
|
|
||||||
.pagination li span:hover,
|
|
||||||
.pagination li a:focus,
|
|
||||||
.pagination li span:focus {color: #0d2ea6; border-color: #0d2ea6;}
|
|
||||||
.pagination .active a,
|
|
||||||
.pagination .active span,
|
|
||||||
.pagination .active a:hover,
|
|
||||||
.pagination .active span:hover,
|
|
||||||
.pagination .active a:focus,
|
|
||||||
.pagination .active span:focus {z-index: 2; color: #fff; background-color: #595959; border-color: #595959; cursor: default;}
|
|
||||||
.pagination li a.on {z-index: 2; color: #fff;background-color: #595959; border-color: #595959; cursor: default;}
|
|
||||||
|
|
||||||
/* View/Form table */
|
|
||||||
.bbs_view {position:relative; width:100%; border-top: 1px solid #334263;margin-bottom: 30px;}
|
|
||||||
.tbl_form {width:100%; border:0; background-color: #fff; border-bottom: 0; table-layout:fixed; border-collapse: separate; margin-bottom:20px;}
|
|
||||||
.tbl_form th, .tbl_form td {vertical-align: middle;}
|
|
||||||
.tbl_form th {padding:6px 10px; height: 38px; text-align:center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #f3f5fd; font-size: 13.5px; font-weight: 500; color: #112469; letter-spacing:-0.5px;}
|
|
||||||
.tbl_form th.non_bg {background: #fff; }
|
|
||||||
.tbl_form td {padding:6px 10px; height: 38px; text-align:left; font-size:14px; color:#333; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
|
|
||||||
.tbl_form thead th:last-child, .tbl_form th:last-child, .tbl_form td:last-child {border-right: 0;}
|
|
||||||
.tbl_form thead th {padding:2px 10px 2px 10px; height: 34px; text-align:center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #f3f5fd; font-size: 13.5px; font-weight: 500; color: #112469; letter-spacing:-0.5px;}
|
|
||||||
.tbl_form td label {vertical-align:top;padding-right:10px;}
|
|
||||||
.tbl_form input[type="text"] {}
|
|
||||||
.tbl_form select {width:100%;}
|
|
||||||
.tbl_form textarea {/*width:98%;*/}
|
|
||||||
.tbl_form input.form-control {width: 100%;}
|
|
||||||
.tbl_form td img {vertical-align:middle;}
|
|
||||||
.tbl_form td .form_inline {display: inline-block; float: left; box-sizing: border-box;}
|
|
||||||
.tbl_form td .form_group {display: inline-block; position: relative; width: 100%; max-width: 100%;box-sizing: border-box;}
|
|
||||||
.tbl_form td .form_group span {box-sizing: border-box; position: relative; display: inline-block;}
|
|
||||||
.tbl_form td .form_group em {display: inline-block;padding-left: 8px;padding-right: 8px;font-size: 14px;}
|
|
||||||
/*.tbl_form td .form_group em input + label {margin-right: -6px; margin-left: -4px;display: inline-block;}*/
|
|
||||||
.tbl_form td .form_inline .label, .tbl_form td .form_group .label {display: inline-block;vertical-align:middle; color:#333; font-weight:500;}
|
|
||||||
.tbl_form th.blank_bg, .tbl_form td.blank_bg {border-left: none;border-right: none; background:#fff; height:5px;}
|
|
||||||
.text_note {display: inline-block;font-size:12px;color:#f77777;line-height:16px;background:url('../images/common/ico_info.png') no-repeat 0 50%;padding-left:18px;}
|
|
||||||
.tbl_form button.ico_btn_search {display:inline-block;width: 26px;height: 24px;background: url('../images/common/ico_td_search.png') no-repeat 0 0; margin-left: 2px;text-indent:-9999px;font-size:0;cursor:pointer;}
|
|
||||||
.tbl_form .datepicker {width:100%;}
|
|
||||||
.tbl_form .date_group {display:inline-block;position:relative;}
|
|
||||||
.tbl_form .date_group i {display:inline-block;width:16px;color:#000;text-align:center;font-size:13px;}
|
|
||||||
button.ico_btn_search {display:inline-block;width: 26px;height: 24px;background: url('../images/common/ico_td_search.png') no-repeat 0 0; margin-left: 2px;text-indent:-9999px;font-size:0;cursor:pointer;}
|
|
||||||
button.ico_btn_search:hover {display:inline-block;width: 26px;height: 24px;background: url('../images/common/ico_td_search_ov.png') no-repeat 0 0; margin-left: 2px;text-indent:-9999px;font-size:0;cursor:pointer;}
|
|
||||||
.table input.text_amount, .tbl_form input.text_amount {text-align: right;padding-right: 5px !important;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
|
|
||||||
.tbl_form td button {height: 32px; line-height: 32px;}
|
|
||||||
.tbl_form .text_box {width: 100%;}
|
|
||||||
.tbl_form .text_box textarea {width:95%; overflow-y: hidden; resize: none; border: 1px solid #ccc; border-radius: 4px; padding: 2px 8px; padding-bottom: 0;line-height: 16px;font-size:13px;}
|
|
||||||
|
|
||||||
/* 점검보고서 */
|
|
||||||
.report_wrap {position:relative; width:100%; display: flex; -webkt-display: flex; -moz-display: flex; justify-content: space-between;}
|
|
||||||
.calcBox, .roundBox {position:relative; border: 1px solid #dddddd; border-radius: 6px; padding: 10px 20px; background-color: #fff; margin-top: 10px; align-items: center;}
|
|
||||||
.ttl {position:relative; font-size:15px; font-weight:500;color:#333;padding-left:15px;margin-right:20px;text-align:left;}
|
|
||||||
.ttl:before {position:Absolute;content:'';display:block;left:2px;top:50%;transform:translateY(-50%);height:13px;width:5px;background:#29b0fd;border-radius:12px;}
|
|
||||||
.calcBox textarea.form-control {flex: 1; min-height: 50px; width: 100%;font-size:13px;line-height: 1.5;}
|
|
||||||
.calcBox .btn.report_sel {height:50px;line-height:48px;background-color:#f38a4a;font-size:13px;color:#fff;font-weight:500;padding:0 15px;border-radius:4px;text-align:center;}
|
|
||||||
.calcBox .btn.report_sel:hover {background-color:#eb8241;}
|
|
||||||
|
|
||||||
/* 스크롤 */
|
|
||||||
#scrollstyle::-webkit-scrollbar-track {border-radius: 0;background-color: #f5f5f5;}
|
|
||||||
#scrollstyle::-webkit-scrollbar {width: 8px; background-color: #f5f5f5;}
|
|
||||||
#scrollstyle::-webkit-scrollbar-thumb {border-radius: 0; background-color: #ccc;}
|
|
||||||
#scrollstyle-x::-webkit-scrollbar-track {border-radius: 0;background-color: #f5f5f5;}
|
|
||||||
#scrollstyle-x::-webkit-scrollbar {height: 8px; background-color: #f5f5f5;}
|
|
||||||
#scrollstyle-x::-webkit-scrollbar-thumb {border-radius: 0; background-color: #ccc;}
|
|
||||||
|
|
||||||
/* 검색영역 */
|
|
||||||
.search_wrap {width:100%; clear:both; margin:0 auto; text-align:center; overflow: hidden;}
|
|
||||||
.search_wrap .inner_box {position: relative; width:1400px; margin:0 auto; overflow:hidden;}
|
|
||||||
.date_group {display:inline-block;position:relative;}
|
|
||||||
.date_group i {display:inline-block;width:20px;color:#333;text-align:center;font-size:15px;}
|
|
||||||
.date_group input {height:38px !important; padding:0 12px !important; border: 1px solid #ccc !important; color:#333; border-radius: 4px;}
|
|
||||||
.btn_calendar {display:inline-block; width: 21px; height: 22px; background: #fff url(../images/common/ico_calendar.png) no-repeat 94% 55%; cursor: pointer; padding-right: 16px;}
|
|
||||||
.btn_calendar span {display:inline-block; text-indent:-9999px;}
|
|
||||||
.date_group .btn_mainSearch {display:block;position:absolute;top:0;right:0;width:41px;height:41px;text-indent:-9999em; background: url(../images/main/btn_ico_search.png) no-repeat center center;border:0px none;box-sizing:border-box;}
|
|
||||||
.date_group .btn_search {display:inline-block; vertical-align:middle;font-size:0; width:41px; height:41px; background: url(../images/main/btn_ico_search.png) no-repeat 0 0; margin-left: 10px;}
|
|
||||||
.search_box {position:relative; width:100%; padding: 0px 0 0;margin: 0 auto;}
|
|
||||||
.search_box .searchBox_inner {width:645px; height:50px; display:block; position:relative; border-bottom: 3px solid #1e1e1e; margin:0 auto 10px;}
|
|
||||||
.search_box .searchBox_inner label {width:100%; height:50px; font-size:20px; text-align:left; font-weight:100; color:#fff; line-height:50px; padding:0; display:inline-block; box-sizing:border-box; position:absolute; top:0; left:0; opacity:0.5;}
|
|
||||||
.search_box .searchBox_inner input {width:100%; height:50px; background-color:transparent; font-size:18px; text-align:left; color:#282828; line-height:20px; padding:16px 40px 16px 0; display:inline-block; border:0; box-sizing:border-box;}
|
|
||||||
.search_box .searchBox_inner input::placeholder {font-size:18px; text-align:left; color:#b6b6b6;}
|
|
||||||
.search_box button {position: absolute;top:15px;right:0;width: 23px;height: 22px;font-size:0;background:url(../images/main/btn_ico_search.png) no-repeat;}
|
|
||||||
.search.on .search_wrap {display: inline-block; visibility:visible; opacity:1; height: auto;}
|
|
||||||
.search.on > a{ visibility: hidden; opacity:0;}
|
|
||||||
.search .ex { display:inline-block; width:auto; text-align: center; margin:0 auto;}
|
|
||||||
.ex {position:relative; display:inline-block; width:100%; height:48px; line-height:46px; padding:0; margin: 0 auto; text-align:center; background: #2646a6;}
|
|
||||||
.ex .ex_inner {position: relative; width:1400px; margin:0 auto; overflow:hidden;}
|
|
||||||
.ex .ex_inner .ex_tit {display: inline-block; font-size: 15px; font-weight: 500; color:#d2e2ff; padding:3px 0 5px 0; margin-right: 15px; line-height: 1; vertical-align: middle;}
|
|
||||||
.ex .ex_inner a {display: inline-block; font-size: 15px; font-weight: 300; color:#d2e2ff; line-height: 1;}
|
|
||||||
.ex .ex_inner a:before {content: ""; display: inline-block; width: 1px; height: 12px; background-color:#afc1e9; vertical-align: middle; margin:0 12px;}
|
|
||||||
.ex .ex_inner a:nth-child(2):before {display: none;}
|
|
||||||
|
|
||||||
/* search_box_sub */
|
|
||||||
.search_box_sub {position:relative; width:100%; padding: 20px 0; margin: 0 auto 25px; border:1px solid #b4d0dd; background:#f2fbff;}
|
|
||||||
.search_box_sub .searchBox_inner {width:100%; height:47px; display:block; position:relative; margin:0 auto; text-align: center;}
|
|
||||||
.search_box_sub .searchBox_inner input[type=text] {width:50%; height:47px; border:1px solid #ccc; color:#1b263c; font-size:18px; line-height:19px; padding:15px 10px 10px 10px; display:inline-block; box-sizing:border-box;}
|
|
||||||
.search_box_sub .searchBox_inner input::placeholder {font-size:17px; text-align:left; color:#b6b6b6;}
|
|
||||||
.search_box_sub .searchBox_inner .search_submit {position:relative;display:inline-block;background-color:#1b263c;vertical-align:middle;text-align:center; margin-left:5px;}
|
|
||||||
.search_box_sub .searchBox_inner .search_submit input[type='submit'] {color:#fff; font-size:15px;font-weight:500; min-width:84px; height:47px; padding: 0 20px;}
|
|
||||||
|
|
||||||
/*----------- 레이어팝업 -----------*/
|
|
||||||
[class^='sp-layer-popup'],.ydp-mlayer-popup {position:absolute;top:0;left:0;z-index:999999;width:100%;height:100%}
|
|
||||||
[class^='sp-layer-popup'] .wrap-layer-bg,.ydp-mlayer-popup .wrap-layer-bg {position:fixed;z-index:110;width:100%;height:100%;background-color:#333;opacity:0.7}
|
|
||||||
[class^='sp-layer-popup'] .popupbox,.ydp-mlayer-popup .popupbox {position:fixed;top:50%;left:50%;z-index:120;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;border-radius:0;}
|
|
||||||
[class^='sp-layer-popup'] .popupbox section {position:relative;padding:25px}
|
|
||||||
.popupbox {position:fixed;top:50%;left:50%;z-index:120;background-color:#fff;box-sizing:border-box}
|
|
||||||
.popupbox section {position:relative;padding:25px}
|
|
||||||
|
|
||||||
/* 팝업상세 */
|
|
||||||
.ydp-mlayer-popup .popupbox {border:0; border-radius: 5px; border: 5px solid #2646a6}
|
|
||||||
.popupbox .pb-head {height: 75px; background-color: #2646a6;}
|
|
||||||
.popupbox .pb-head h2 b {color:#fff; font-size:24px; font-weight:600; line-height:68px; margin-left:30px;}
|
|
||||||
.popupbox .pb-head .btn-close-setting {display:block; position:absolute; top:30px; right:35px;z-index:125;width:16px;height:16px;background: url(../images/common/ico_pop_close.png)no-repeat; text-indent: -9999px;}
|
|
||||||
.popupbox .pb-body {position: relative; padding: 25px 30px 5px; background-color: #fff;}
|
|
||||||
.popupbox .pb-body article {margin-left:0px;}
|
|
||||||
.popupbox .pb-body h3 {font-size:20px; color:#474d5c; padding:10px 0 15px;}
|
|
||||||
.popupbox .pb-body .keyword_add_wrap {position: relative; display: inline-block; vertical-align:top; padding-bottom:20px; border-bottom:1px solid #e0e0e0;}
|
|
||||||
.popupbox .pb-body .keyword_add_wrap a {float:left; display: block; margin:0 8px 8px 0;}
|
|
||||||
.ydp-mlayer-popup li label span {font-size:15px; color:#282828;}
|
|
||||||
.ydp-mlayer-popup .btn-Area {padding-top:15px;text-align:center; bottom:0; display:flex;-webkt-display:flex;-moz-display:flex;justify-content:center;border-top:1px dashed #ccc; height:70px; width:100%; margin:0 auto;}
|
|
||||||
.ydp-mlayer-popup .btn-Area button {height:50px;line-height:48px; border-radius: 50px; font-size:18px;font-weight:500;padding:0 12px;text-align:center;min-width:50px;}
|
|
||||||
.ydp-mlayer-popup .btn-Area button + button {margin-left:5px}
|
|
||||||
.ydp-mlayer-popup .btn-Area .btn-save {width:100px; color:#fff; background:#eb4c97;}
|
|
||||||
.ydp-mlayer-popup .btn-Area .btn-save:hover {color:#fff;background:#e2428d;}
|
|
||||||
.ydp-mlayer-popup .btn-Area .btn-cancel {width:100px; color:#fff; background:#474d5c;}
|
|
||||||
.ydp-mlayer-popup .btn-Area .btn-cancel:hover {color:#fff; background:#3e4452;}
|
|
||||||
|
|
||||||
/* 키 카테고리 */
|
|
||||||
.education_category {margin:10px 0 15px; text-align: center;}
|
|
||||||
.education_category ul {display:block; position:relative; width:100%; font-size:0; line-height:0;}
|
|
||||||
.education_category ul:before {display:block; position:absolute; width:1px; height:100%; background:#ff0000; z-index:10;}
|
|
||||||
.education_category .category_item {display:inline-block;position:relative;width:calc(100% / 6);height:48px;box-sizing:border-box;margin-left: 10px; margin-bottom: 10px;}
|
|
||||||
.education_category .category_item:nth-child(n+1) {margin-left:10px;}
|
|
||||||
.education_category .category_item a {display: table; width:100%; height:100%; border:1px solid #ccc; background-color:#fff; font-size:15px; line-height:48px; text-align:center; color:#868686; border-radius: 10px;}
|
|
||||||
.education_category .category_item:nth-child(n+6) a {}
|
|
||||||
.education_category .category_item a span {display:table-cell;font-size:15px;line-height:18px;vertical-align:middle;}
|
|
||||||
.education_category ul .category_item .active {background-color:#639df3;color:#fff;border-bottom: 0;}
|
|
||||||
|
|
||||||
/* searchArea - 검색 */
|
|
||||||
.searchArea {position:relative; background-color:#fff; border:1px solid #d5d7df; padding:15px 150px 8px 25px; border-radius: 8px; margin-bottom:25px;}
|
|
||||||
.searchArea table {position:relative;}
|
|
||||||
.searchArea th,.searchArea td {padding-bottom:5px;height:36px;}
|
|
||||||
.searchArea th {position:relative; text-align:left; padding-right:10px;}
|
|
||||||
.searchArea th:before {content:'';display:inline-block;height:4px;width:4px;border-radius:50px;position:Relative;top:-1px;background:#0d1e84;vertical-align:middle;margin-right:5px;}
|
|
||||||
.searchArea th label {color:#112469;font-size:14px;font-weight:500;}
|
|
||||||
.searchArea td {padding-right:20px;}
|
|
||||||
.inlineBox, .inline {display: flex; -webkt-display: flex; -moz-display: flex; align-items: center;}
|
|
||||||
.searchArea td .inlineBox {display: flex; -webkt-display: flex; -moz-display: flex; align-items: center;}
|
|
||||||
.searchArea td .form_group {display: flex; -webkt-display: flex; -moz-display: flex;align-items: center;}
|
|
||||||
.searchArea input[type='text'].form-control, .searchArea select.form-control, select.form-control {width:100%;}
|
|
||||||
.searchArea .form-control.set-btn-md {width:Calc(100% - 70px);}
|
|
||||||
.searchArea select.form-control.year {width:30%;}
|
|
||||||
.searchArea td .form-control + label.txt {margin:0 5px; word-break:keep-all; -ms-word-break:keep-all;}
|
|
||||||
.searchArea select.form-control.month {width:20%; min-width:45px;}
|
|
||||||
.searchArea .btnArea {position: absolute; top: 40%; right: 20px; flex-direction: column-reverse;}
|
|
||||||
.searchArea .btnArea [class^='btn-'] {display:block; height:36px;line-height:34px;color:#fff;font-size:14px;font-weight:400; padding:0 16px; width:88px; text-align:center; margin: 3px 0;border-radius: 4px;}
|
|
||||||
.searchArea .btnArea .btn-search,.uSearchArea .l-search .btn-search {background-color:#2747d0; border:1px solid #2747d0;}
|
|
||||||
.searchArea .btnArea .btn-search:hover,.uSearchArea .l-search .btn-search:hover {background-color:#193ac1;}
|
|
||||||
.searchArea .btnArea button + button {margin-bottom:0px;}
|
|
||||||
.searchArea .set-datepicker {width:120px;}
|
|
||||||
.searchArea.single-row {padding-right:100px;}
|
|
||||||
.searchArea.single-row .btnArea,.uSearchArea .btnArea {margin-top:-15px;flex-direction:row-reverse;}
|
|
||||||
.searchArea.single-row [class^='btn-'] {display:inline-block;}
|
|
||||||
.searchArea.single-row button + button {margin-bottom:0px; margin-right:5px;}
|
|
||||||
.searchArea + .listToparea .l-Top-info dt, .searchArea + .listToparea .l-Top-info dd {line-height:30px;margin-top:0;}
|
|
||||||
[class^='sp-layer-popup'] .searchArea.single-row {padding-right:60px;}
|
|
||||||
.searchArea.sm td {padding-right:15px;}
|
|
||||||
.listToparea > * {height:30px;align-items:center;}
|
|
||||||
|
|
||||||
/* datepicker */
|
|
||||||
.set-datepicker {position:relative; display:inline-block; width:140px; height:38px; background:#fff; /*padding-right:26px;*/ border:1px solid #ccc;}
|
|
||||||
.set-datepicker > input {height:38px; line-height:38px; border:0; background:none; width:100%; font-size:14px;}
|
|
||||||
.set-datepicker.disabled {background:#eee; opacity:.5; filter:alpha(opacity=50); cursor:default;}
|
|
||||||
.set-datepicker.disabled input {position:relative;}
|
|
||||||
td .set-datepicker > button,td .set-datepicker > button:hover,.set-datepicker > button,.set-datepicker > button:hover {background: #fff url(../images/common/ico_calendar.png) no-repeat;width:21px;height:22px;position:absolute;right:6px;top:7px;border:0!important;background-color:transparent;text-indent:-9999px!important;font-size:0!important;}
|
|
||||||
.set-datepicker.disabled:after {content:'';display:block;height:100%;width:100%;position:absolute;top:0;left:0;z-index:5;}
|
|
||||||
.set-datepicker + label.txt {margin: 0 5px;}
|
|
||||||
td label.txt {margin: 0 5px;}
|
|
||||||
.set-datepicker.sm {width:120px;}
|
|
||||||
|
|
||||||
/* modal 팝업 */
|
|
||||||
.dim-layer {display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
|
|
||||||
.dim-layer .dimBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
|
|
||||||
.dim-layer .pop-layer {display: block; position: absolute;}
|
|
||||||
.pop-layer {display: none; position: fixed; top: 50%; left: 50%; width: auto; height: auto; background-color:#0e1872; z-index: 1000 !important; padding:2px;}
|
|
||||||
.modal-large {width: 960px;}
|
|
||||||
.modal-md {width: 760px;}
|
|
||||||
.modal-mini {width: 500px;}
|
|
||||||
.modal-content {position:relative; background-color:#fff; -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0;}
|
|
||||||
.modal-header {width:100%;height:52px;background-color:#0e1872;}
|
|
||||||
.modal-header:after {content:''; display:block; clear:both;}
|
|
||||||
.modal-header .close {margin-top: -2px;}
|
|
||||||
.modal-header .pop_close {float: right;margin-right: 20px;}
|
|
||||||
.modal-header .pop_close a {display: block; background: url('../images/common/ico_pop_close.png')no-repeat; width:18px; height:18px; font-size: 0; margin-top: 20px;}
|
|
||||||
.modal-header .pop_title {text-align:left; font-size:20px; font-weight:500; color:#fff; line-height: 52px; text-indent: 25px; display: inline-block;}
|
|
||||||
.modal-body {position: relative; padding: 12px 25px 20px; background-color:#fff;}
|
|
||||||
.modal-body h3 {font-size:20px; color:#474d5c; padding:10px 0 15px;}
|
|
||||||
.modal-body .keyword_add_wrap {position: relative; display: inline-block; vertical-align:top; padding-bottom:20px; border-bottom:1px solid #e0e0e0;}
|
|
||||||
.modal-body .keyword_add_wrap a {float:left; display: block; margin:0 8px 8px 0;}
|
|
||||||
.modal-footer {padding: 15px 0 15px; text-align: center;border-top: 1px solid #ddd;}
|
|
||||||
.modal-footer .btn + .btn {margin-bottom: 0; margin-left: 3px;}
|
|
||||||
.modal-footer .btn-group .btn + .btn {margin-left: -1px;}
|
|
||||||
.modal-footer .btn-block + .btn-block {margin-left: 0;}
|
|
||||||
.button.btn_pop_cancel {font-size:15px; color:#333; font-weight:500; background:#fff; border:1px solid #ccc;min-width:80px; padding:0 20px; height:40px; line-height:38px; border-radius: 4px;}
|
|
||||||
.button.btn_pop_cancel:hover {background-color: #f5f6f9;border: 1px solid #9f9f9f;}
|
|
||||||
.button.btn_pop_save {font-size:15px; color:#fff; font-weight:500; background:#1d64c5; min-width:80px; padding:0 20px; height:40px; line-height: 38px; border-radius: 4px;}
|
|
||||||
.button.btn_pop_save:hover {color:#fff; background:#185bb7;}
|
|
||||||
.popup-body {position: relative; padding: 0 20px 15px;background-color:#fff;}
|
|
||||||
|
|
||||||
/* page-title */
|
|
||||||
.page-title {position:relative; height: 52px; line-height:52px;padding:0 20px; background-color: #0e1872; margin-bottom:20px;}
|
|
||||||
.page-title span {font-size:20px; font-weight:500; color:#fff !important;}
|
|
||||||
.page-title > .pop_close {float: right; margin-right: 10px;padding-top: 13px;}
|
|
||||||
.page-title > .pop_close a {display: block; background: url('../images/common/ico_pop_close.png') no-repeat; width: 18px; height: 18px; font-size: 0; margin-top: 7px;}
|
|
||||||
.page-title + article, .page-title + .content-title,.content-title + .sec-title {margin-top:15px;}
|
|
||||||
|
|
||||||
/*챠트영역*/
|
|
||||||
.chart_box {display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
|
|
||||||
.chart_wrap {position: relative; background-color: #fff; border: 1px solid #d5d7df; padding: 5px 25px; border-radius: 8px; margin-bottom: 25px;}
|
|
||||||
.prompt_box {position: relative;box-sizing: border-box; margin-bottom:10px;}
|
|
||||||
.prompt_box .Prompt_wrap {}
|
|
||||||
.prompt_box .Prompt_wrap .inner {}
|
|
||||||
.prompt_box .Prompt_wrap .inner:after {content:'';clear:both;display:block;}
|
|
||||||
.prompt_box .Prompt_wrap .inner .item {display: inline-block; float: left; vertical-align: top;}
|
|
||||||
.prompt_box .Prompt_wrap .inner .item .link {position: relative; display: block; background-color: #fff; color: #333; font-size: 16px; font-weight: 300; letter-spacing: -0.06em; line-height: 1.3; width: 100%; height: 100%; border: 1px solid #3a4aba; border-radius: 8px; text-align: left; padding: 9px 15px 9px; transition: all 0.3s;}
|
|
||||||
.prompt_box .Prompt_wrap .inner .item .link:hover,
|
|
||||||
.prompt_box .Prompt_wrap .inner .item .link:focus {background-color: #fff; border-color: #222f8b; box-shadow: 0 5px 4px rgba(135, 149, 163, 0.2);-ms-box-shadow: 0 5px 4px rgb(135 149 163 / 20%);border-style: dashed;}
|
|
||||||
.prompt_box .Prompt_wrap .inner .item .link .text {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:88%; vertical-align: middle;}
|
|
||||||
.prompt_box .Prompt_wrap .inner.n2 {width: calc(100% + 20px); margin: 0 -10px;}
|
|
||||||
.prompt_box .Prompt_wrap .inner.n2 .item {width: calc(100% / 2 - 20px); margin: 0 10px;margin-bottom: 8px;}
|
|
||||||
.prompt_box .Prompt_wrap .inner.n2 .item .s_tit {display: block;font-size: 15px;font-weight: 400;color: #333; margin-bottom: 10px;text-align:center;}
|
|
||||||
.prompt_box .Prompt_wrap .inner.n2 .item .g-map-area {border:1px solid #e6e6e6; background-color:#f3f5fd; min-height:50px;width:100%;margin-top: 3px;}
|
|
||||||
|
|
||||||
/* login */
|
|
||||||
.logback {width:100%;height:100%;background-image:url('../images/main/login_bg.gif'); background-size:100% 1000px;left: 0;top: 0;position: fixed;background: #f4f5f8;}
|
|
||||||
.logback h1 {top:0;height:42px;line-height:42px;margin-top: 8%;text-align:center;display:block;}
|
|
||||||
.logback h3 {top:0;height:40px;line-height:24px;padding-top: 20px;text-align:center;display:block;font-size:16px;font-weight:400;color:#555;margin:0 auto;}
|
|
||||||
.logback .login_box {margin:0 auto;width:500px; height:auto;clear:both;margin-top:1.2%;background:#fff;-webkit-border-radius: 26px;-moz-border-radius: 26px;-khtml-border-radius: 26px;border-radius:26px; box-shadow: 0px 1px 10px #bcbfdb; -moz-box-shadow: 0px 1px 10px #bcbfdb; -webkit-box-shadow: 0px 1px 10px #bcbfdb;}
|
|
||||||
.logback .login_box:after {content:""; clear:both; display:block}
|
|
||||||
.logback .login_box .loginWrap {width:70%; margin:0 auto;text-align:center;padding:55px 0;}
|
|
||||||
.loginWrap .input_wrap {width:100%;text-align:center;clear:both;}
|
|
||||||
.loginWrap .input_wrap input[type=text], .loginWrap .input_wrap input[type=password] {text-indent:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius:5px;}
|
|
||||||
.loginWrap .input_wrap input::placeholder {color:#b6b6b6 !important;}
|
|
||||||
.loginWrap .input_wrap .txt_id {width:100%; height:50px; font-size:16px; border:1px solid #ddd; margin-bottom:10px;}
|
|
||||||
.loginWrap .input_wrap .txt_pw {width:100%; height:50px; font-size:16px; border:1px solid #ddd;}
|
|
||||||
.loginWrap .input_wrap .save_id {float:left; color:#333; padding:25px 0;}
|
|
||||||
.loginWrap .input_wrap .save_id input[type=checkbox] + label {cursor: pointer; position: relative; font-size: 14px; padding-left: 30px;}
|
|
||||||
.loginWrap .input_wrap .save_id input[type=checkbox]+ label:before { content: ""; display: inline-block; width: 19px; height: 19px; margin-right: 20px; position: absolute; left: 0; top: 0px; background-color: #fff; border:solid 1px #ccc; border-radius: 19px;}
|
|
||||||
.loginWrap .input_wrap .save_id input[type=checkbox]:checked + label:before {content: ""; font-size: 15px; font-weight:800; color: #fff; border:solid 1px #2e389d;line-height:19px;background:#2e389d url('../images/common/ico_check_w.png') no-repeat 50% 50%;}
|
|
||||||
.input_wrap .btn_login {display:inline-block;width:100%;height:65px;line-height:65px; margin-bottom:10px; background:#2e389d; color:#fff; text-align:center; font-weight:400; font-size:18px; border-radius: 6px;}
|
|
||||||
.input_wrap .btn_login:hover {background:#2f3dc6;}
|
|
||||||
.hidden {font-size: 0; width:0 !important; height: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; position:absolute;}
|
|
||||||
|
|
||||||
/* index */
|
|
||||||
.main_img {width: 100%; height: 280px; max-width: 1400px; margin: 0 auto 40px; position: relative; display: block; box-sizing: border-box; padding:30px 20px 30px 90px;border-radius: 38px 0 0 0; background: #3842a9 url('../images/main/main_img.png') no-repeat 93% 100%;}
|
|
||||||
.main_img:after {content:''; display:block; position:absolute; bottom:0; left:0; width:160px; height:280px; background:url('../images/main/main_img_left.png') no-repeat 0 0;}
|
|
||||||
.main_img .l_txt {display:block;padding-top:50px; font-size: 45px; font-weight:700; color: #fff; line-height:1.8em;padding-left:50px;}
|
|
||||||
.main_img .m_txt {display:block;width: 100%; font-size: 22px; font-weight:400; color: #bfdfed; padding-left:50px;}
|
|
||||||
|
|
||||||
/* 오늘의 할일, 업무공지 */
|
|
||||||
.week_news_wrap {padding:0;width:100%;max-width: 1400px;margin: 0 auto; box-sizing: border-box;}
|
|
||||||
.week_news {overflow: hidden; width:100%; height:300px; padding:20px 30px; background: #fff; box-sizing: border-box; border-radius: 20px; box-shadow: 0px 1px 10px #d8dadf; -moz-box-shadow: 0px 1px 10px #d8dadf; -webkit-box-shadow: 0px 1px 10px #d8dadf;}
|
|
||||||
.week_news h1 {position: relative;display: inline-block;width:100%;margin-bottom:15px; font-size: 23px;height: 36px;color:#222046;font-weight:600; }
|
|
||||||
.week_news h3 {float:right;position: relative;display: inline-block;font-size: 15px;color:#333;font-weight:500;margin-top:-5px;margin-right:-5px;background:url('../images/main/ico_m_bul.gif') no-repeat 0 48%; padding-left:10px;}
|
|
||||||
.week_news h1 a.btn_more {float:right;position: relative; display:inline-block; padding:6px 0 0; width:16px; height:16px; background:url('../images/main/ico_more.png') no-repeat 0 0; margin-top: 7px; font-size:0; text-indent:-9999px;border: 0;}
|
|
||||||
.week_news h1 a.btn_more:hover {color:#333;}
|
|
||||||
.week_news h3 select {min-width:80px;height:34px !important;border: 1px solid #dadce1 !important;margin-left:4px;}
|
|
||||||
.week_news .news_list {width:100%; position: relative;}
|
|
||||||
.week_news .news_list li {line-height: 34px; position: relative; float:left; width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
|
|
||||||
.week_news .news_list li:last-child {border-bottom: 0;}
|
|
||||||
.week_news .news_list li + li {margin-top: 9px;}
|
|
||||||
.week_news .news_list li a {display:block; position: relative; padding-left:13px; padding-right: 20px; font-size: 17px;}
|
|
||||||
.week_news .news_list li a:before {content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; background-color: #6e6e6e; border-radius: 100%;}
|
|
||||||
.week_news .news_list li a .work_tit {float:left; display:inline-block; max-width: 350px; color:#333; font-size:18px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
|
|
||||||
.week_news .news_list li a .noti_tit {float:left; display:inline-block; max-width: 350px; color:#333; font-size:18px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
|
|
||||||
.week_news .news_list li a .noti_tit:hover {color:#000;}
|
|
||||||
.week_news .news_list li a .ico_new {font-size:8px; color:#fff; width:17px; height:17px; background-color: #ff4e50; border-radius: 50%; font-weight: 400; display:inline-block; text-align: center; line-height: 15px; margin-left: 5px; vertical-align: middle; position: absolute; right:0; top:50%; transform: translateY(-50%);}
|
|
||||||
.week_news .news_list li .r_txt {float: right; line-height: 32px; color:#777; font-size:17px; }
|
|
||||||
.week_news .news_list li .w_name {color:#444; padding-right:20px;}
|
|
||||||
.week_news .news_list li .not_noti {float:left; display:inline-block; width: 100%; color:#888; font-size:17px; font-weight:400; text-align:center;}
|
|
||||||
|
|
||||||
@ -1,658 +0,0 @@
|
|||||||
@charset "utf-8";
|
|
||||||
|
|
||||||
#wrap {width:100%;margin:0 auto;}
|
|
||||||
.row::after {content:""; display:block; clear:both;}
|
|
||||||
.cell {float:left; box-sizing:border-box;}
|
|
||||||
|
|
||||||
/* Layout */
|
|
||||||
#container {position:relative; width:100%; margin:0 auto; padding-bottom: 50px; background: #f7f8fa;}
|
|
||||||
#container:after {display:block;clear:both;content:''}
|
|
||||||
#content {position: relative; width:100%; margin:0 auto;}
|
|
||||||
.content {position: relative; width:1400px; margin:0 auto;}
|
|
||||||
#container .side_Wrap {position:relative; float:left; width:220px; padding-top:20px;}
|
|
||||||
#container .body_wrap {float: right; width: calc(100% - 250px);}
|
|
||||||
#container .body_wrap .inner {width:100%; margin:0 auto; padding: 20px 25px 30px; border: 1px solid #e0e0e0; background-color: #fff;}
|
|
||||||
|
|
||||||
/* header */
|
|
||||||
.header_wrap {position: relative; width:100%; height: 120px; background:#fff;}
|
|
||||||
.header_wrap .header-inner {position:relative; width:1400px; min-width: 1400px; height:100%; margin:0 auto;}
|
|
||||||
.header_wrap .header-top {width: 100%; height: 60px; margin: 0 auto; display: inline-block;}
|
|
||||||
.header_wrap .header-top > .inner {position: relative; width: 1400px; height: 60px; margin: 0 auto;}
|
|
||||||
|
|
||||||
/* util */
|
|
||||||
.header_wrap .header-top .util {float:right; height:60px; margin-top:16px; right:0; display: inline-block;}
|
|
||||||
.header_wrap .header-top .util li {position: relative; display: inline-block; vertical-align: middle; height:28px; line-height:28px; color:#666; font-size:13px;margin-left: 20px;}
|
|
||||||
.header_wrap .header-top .util li > img {vertical-align: top;}
|
|
||||||
.header_wrap .header-top .util li > a {font-size:13px; color:#333;}
|
|
||||||
.header_wrap .header-top .util li .name {display: inline-block; padding-left:18px; margin-right: 4px;color:#2e389d;font-weight:500;}
|
|
||||||
.header_wrap .header-top .util li .name:before {position:absolute; content:''; display:block; background: url('../images/main/ico_user.png') 0 0 no-repeat;left:0;top:7px;width:14px;height:14px;}
|
|
||||||
.header_wrap .header-top .util li .logout {display: inline-block; padding-left:18px; margin-right: 14px;}
|
|
||||||
.header_wrap .header-top .util li .logout:hover {color:#2e3aaf;}
|
|
||||||
.header_wrap .header-top .util li .logout:before {position:absolute; content:''; display:block; background: url('../images/main/ico_logout.png') 0 0 no-repeat;left:0;top:7px;width:14px;height:14px;}
|
|
||||||
.header_wrap .logo {position:relative; display:inline-block; height:35px;width:211px;top:13px;left:0px;cursor:pointer; text-indent: -9999px; background:url(../images/main/logo.png) 0 center no-repeat;}
|
|
||||||
|
|
||||||
/*오픈*/
|
|
||||||
.util li a.mysetOpen {width:115px; padding:6px 15px 0 18px; background:url(../images/main/ico_util_sel.png) no-repeat 100% 14px; margin-right: 14px;}
|
|
||||||
.util li a.mysetOpen.active {background:url(../images/main/ico_util_sel.png) no-repeat 100% 14px;}
|
|
||||||
.util li a.mysetOpen:before {content:""; display:block; background:url(../images/main/ico_user.png) no-repeat 0 3px; width:100%; height:100%; position:absolute;left:0;top:5px;}
|
|
||||||
.util li div.my_sett {width:105px; background:#fff; display:none; position:absolute; padding: 5px 0; border-radius: 5px; z-index: 10; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.2); border:1px solid #ddd;}
|
|
||||||
.util li div.my_sett a {display:block; color:#333; font-size:13px; padding:0px 0 3px; text-align:center; border-radius: 5px;}
|
|
||||||
.util li div.my_sett a:hover,
|
|
||||||
.util li div.my_sett a:focus,
|
|
||||||
.util li div.my_sett a.active {color:#253fc3;}
|
|
||||||
|
|
||||||
/* gnb */
|
|
||||||
.header_wrap .wrap-nav {position: relative; display: inline-block; width:100%; height:55px; margin: 0 auto; background:#2e389d; border-top:1px solid #e6e8eb;border-bottom:1px solid #e6e8eb;}
|
|
||||||
.header_wrap .wrap-nav:after {display:block;clear:both;content:''}
|
|
||||||
.header_wrap .wrap-nav .gnb {position:relative; width:100%; height:55px; margin:0 auto; padding-right:80px; display: inline-block;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li {position:relative; float: left; height:55px;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li + li {margin-left:30px;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li > a {font-size:17px;font-weight:500;color:#fff;height:55px;line-height:53px; display: block; position:relative;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li > a:after {content:""; display:block; clear:both; width: 1px; height: 14px; background-color: #8590cb; position: absolute; top: 20px; left:-14px; margin-top:0;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li:first-child > a:after {display: none;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li > a:hover {color:#39d6fd;text-decoration:none;}
|
|
||||||
|
|
||||||
/* 전체메뉴 */
|
|
||||||
.header_wrap .all_btn {position:absolute; top:0; right:0;}
|
|
||||||
.header_wrap .all_btn:after {clear:both; display:block; content:"";}
|
|
||||||
.header_wrap .all_btn button:first-child {margin-left:0;}
|
|
||||||
.header_wrap .all_btn .toggle-menu {width:50px; height:55px; background:url("../images/main/btn_hamb.png") no-repeat center center; background-size:25px 20px; position:relative; top:0; font-size:0;}
|
|
||||||
.allMenu {display:none; width:100%; height:100%; min-height:850px; position:fixed; top:61px; right:0; z-index:6; background-color:#fff; padding:0; text-align: left; z-index:2; margin:0 auto; overflow: hidden;}
|
|
||||||
.allMenu:before {content:''; position:fixed; width:100%; height:100%; left:0; top:90%; bottom:0; background:rgba(0, 0, 0, 0.5); z-index:0;}
|
|
||||||
.allMenu .user-wrap {width:100%; height:55px; padding-left:30px; position:relative; background:#2e389d; z-index:99; margin: 0 auto; text-align: center;}
|
|
||||||
.allMenu .user-wrap .menu-inner {position:relative; width:1400px; max-width: 1400px; height:100%; margin:0 auto;}
|
|
||||||
.allMenu .user-wrap .menu-logo {position: relative; display:inline-block; margin-left: -130px; padding:0; width:140px; height:100%; background:url('../images/main/logo_w.png') no-repeat 0;}
|
|
||||||
.allMenu .user-wrap .logo-txt {position: absolute; top:10px; font-size:23px; color:#fff; font-weight: 500;}
|
|
||||||
.allMenu .m-gnb {display:block; width:100%; height:850px; max-width:1400px; margin:0 auto; padding:35px 0 35px 0; z-index:99;overflow-y: auto;}
|
|
||||||
.allMenu .m-gnb ul {overflow:hidden; }
|
|
||||||
.allMenu .m-gnb ul li a {position:relative; font-size:15px; color:#111; font-weight: 500; }
|
|
||||||
.allMenu .m-gnb ul li a:focus {text-decoration:none;}
|
|
||||||
.allMenu .m-gnb ul li a:only-child:after {display:none;}
|
|
||||||
.allMenu .m-gnb > ul > li {float:left; width:18%; min-height:0px; margin: 0 15px 30px 0;}
|
|
||||||
.allMenu .m-gnb > ul > li > a {display:block; padding:12px 0; font-size:20px; color:#2e389d; font-weight: 500; text-align: center;border:1px dashed #2e389d;border-radius: 7px;}
|
|
||||||
.allMenu .m-gnb > ul > li > a:hover {color:#2e389d; text-decoration:none;}
|
|
||||||
.allMenu .m-gnb > ul > li > a .link {display:inline-block; width:12px; height:12px; margin-left:3px; background-size:100%;}
|
|
||||||
.allMenu .m-gnb > ul > li.curr > a,
|
|
||||||
.allMenu .m-gnb > ul > li > a:hover {text-decoration:none;}
|
|
||||||
.allMenu .m-gnb ul.depth-2 {overflow:hidden; padding-bottom:0px; margin-top:10px;}
|
|
||||||
.allMenu .m-gnb ul.depth-2 > li > a {display:block; font-size:15px; font-weight:400; line-height:30px; color:#444; padding-left:12px;}
|
|
||||||
.allMenu .m-gnb ul.depth-2 > li > a:before {content:''; position:absolute; top:15px; left:0; width:6px; height:1px; background-color:#777;}
|
|
||||||
.allMenu .m-gnb ul.depth-2 > li > a:hover {color:#2d39b5; text-decoration:none;}
|
|
||||||
.allMenu .gnb-close {position:absolute; margin:0; top:0; right:9.2%;z-index:99;}
|
|
||||||
.allMenu .gnb-close button {width:50px; height:55px; display:block; background:url("../images/main/btn_close.png") no-repeat center; background-size:21px 21px; text-indent:-9999px;}
|
|
||||||
|
|
||||||
/* lnb menu */
|
|
||||||
.side_Wrap h2 {overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; height: 98px; font-size: 23px; font-weight: normal; line-height: 1; color: #fff; background: #333faf; border-radius: 30px 0 0 0; box-sizing: border-box;}
|
|
||||||
#lnb {float: left; width: 100%;}
|
|
||||||
#lm {width: 100%;}
|
|
||||||
#cssmenu,
|
|
||||||
#cssmenu ul,
|
|
||||||
#cssmenu ul li,
|
|
||||||
#cssmenu ul li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;letter-spacing:-0.8px;color:#333333;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-decoration: none;cursor: pointer;}
|
|
||||||
#cssmenu {width: 100%;}
|
|
||||||
#cssmenu ul ul {display: none;}
|
|
||||||
.align-right {float: right;}
|
|
||||||
.holder {background:none}
|
|
||||||
.holder::after, .holder::before {display: block;position: absolute;content: "";right: 15px;z-index: 10;background:none}
|
|
||||||
.holder::after {top: 15px;background:none}
|
|
||||||
.holder::before {top: 15px;}
|
|
||||||
#cssmenu > ul > li > a {display: block; position: relative; padding: 15px 15px; font-size: 15px; font-weight: 400; color: #333333; border: 1px solid #ddd; border-top: 0; background:#fff;}
|
|
||||||
#cssmenu > ul > li > a:before {content:""; display:block; position:absolute; top:50%; right:20px; margin-top:-7px; width:13px; height:13px; background-image:url(../images/common/ico_lnb_1dh.png); background-repeat:no-repeat; transition: all 0s ease 0s }
|
|
||||||
#cssmenu > ul > li > a:hover:before {background-image:url(../images/common/ico_lnb_1dh_hover.png);}
|
|
||||||
#cssmenu > ul > li > a:last-child {border-bottom: none;}
|
|
||||||
#cssmenu > ul > li > a:hover {color: #2e389d;}
|
|
||||||
#cssmenu > ul > li.active > a,
|
|
||||||
#cssmenu > ul > li.open > a {display: block; position: relative; color: #fff; border: 0; background: #252e89;}
|
|
||||||
#cssmenu > ul > li.open > a:before {content:""; display:block; position:absolute; top:50%; right:20px; margin-top:-7px; width:13px; height:13px; background:#252e89 url(../images/common/ico_lnb_1dh_on.png); background-repeat:no-repeat; transition: all 0s ease 0s }
|
|
||||||
#cssmenu ul ul {background:#f7f9fc;border: 1px solid #ddd;border-top: 0; padding: 7px 0 10px;}
|
|
||||||
#cssmenu ul ul li a {position: relative; display: block; padding: 8px 0 8px 25px; font-size:14px; font-weight:500; color:#424242 !important; letter-spacing:-0.6px; font-weight: normal;}
|
|
||||||
#cssmenu ul ul li a:before {display:block; position:absolute; top:14px; left:15px; width:4px; height:4px; background-color:#a9a9ab; content:'';}
|
|
||||||
#cssmenu ul ul li a.on {color: #2e389d !important; font-weight: normal;}
|
|
||||||
#cssmenu ul ul li a.on:before {display:block; position:absolute; top:14px; left:15px; width:4px; height:4px; background-color:#2e389d; content:'';}
|
|
||||||
#cssmenu > ul > li.open > ul {display:block;}
|
|
||||||
#cssmenu ul ul li:hover a,
|
|
||||||
#cssmenu ul ul li.open a,
|
|
||||||
#cssmenu ul ul li.active a {position: relative; display: block; color: #2e389d !important;}
|
|
||||||
#cssmenu ul ul li:hover a:before,#cssmenu ul ul li.open a:before,#cssmenu ul ul li.active a:before {content:''; display:block; position:absolute; top:14px; left:15px; width:4px; height:4px; background-color:#2e389d;}
|
|
||||||
#cssmenu ul ul li.active a:after, #cssmenu ul ul li.open a:after, #cssmenu ul ul li a:hover:after {border-color: none;}
|
|
||||||
|
|
||||||
/* title */
|
|
||||||
.main_titWrap {display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
|
|
||||||
.main_titWrap > * {height: 28px; align-items: center;}
|
|
||||||
.main_titWrap h3 {position: relative; color:#333; font-size:23px; font-weight:bold; text-align: left; display: flex; -webkt-display: flex; -moz-display: flex;}
|
|
||||||
|
|
||||||
.content-title {font-size:16px; font-weight:500;color:#1a2377;position:relative;padding-left:14px;margin: 15px 0 10px;text-align:left;}
|
|
||||||
.content-title:before {position:Absolute;content:'';display:block;left:0;top:10px;transform:translateY(-50%);width: 6px; height: 15px;background: #1f287c;border-radius: 3px;margin-top: 0;}
|
|
||||||
|
|
||||||
/* location */
|
|
||||||
.location {position:absolute; right:0; box-sizing:border-box;display: flex; -webkt-display: flex; -moz-display: flex;}
|
|
||||||
.location-cont {}
|
|
||||||
.location-cont .route_navi {position:relative;}
|
|
||||||
.location-cont .route_navi li {float: left; line-height:26px; font-size: 15px; color:#555; font-weight:normal; letter-spacing:-0.05em; padding:0 10px 0 16px; background: url('../images/common/route_arrow.png') no-repeat 0 8px;}
|
|
||||||
.location-cont .route_navi li .home {display: inline-block; background: url('../images/common/icon_home.png') no-repeat 0 0; padding: 0; width: 12px; height:16px; font-size:0; text-indent:-9999px;}
|
|
||||||
.location-cont .route_navi li.home a span {float: left;font-size: 0; height: 0;line-height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;}
|
|
||||||
.location-cont .route_navi li a:hover {color:#333;}
|
|
||||||
.location-cont .route_navi li:last-child {line-height: 26px; font-weight:500; padding-right: 0;}
|
|
||||||
.location-cont .route_navi li:first-child {background:none;}
|
|
||||||
|
|
||||||
/*footer*/
|
|
||||||
#footer {width:100%;background:#3c3d46; clear:both; height:60px; display: flex; justify-content: space-between; align-items: center;}
|
|
||||||
#footer .box {position: relative; width:1400px; margin:0 auto;}
|
|
||||||
#footer .box p.fLogo {float:left; margin:15px 25px 15px 0;}
|
|
||||||
#footer .box address {color:#afafaf; font-size:13px; margin-top:15px; text-transform:uppercase; text-align:left;}
|
|
||||||
#footer .box p.copy {color:#9b9ba0; font-size:13px; text-align:left;}
|
|
||||||
#footer .box .menu {position: absolute; top: 20px; right: 0;}
|
|
||||||
#footer .box .menu li {display:inline-block;}
|
|
||||||
#footer .box .menu li:not(:last-child) {position:relative; margin-right:1.2em;}
|
|
||||||
#footer .box .menu li:not(:last-child):after {content:""; position:absolute; top:6px; right:-0.8em; width:1px; height:8px; background-color:#8b8a8a;}
|
|
||||||
#footer .box .menu li a {color:#afafaf; font-size:14px;}
|
|
||||||
#footer .box .menu li a:hover {color:#377fed;}
|
|
||||||
|
|
||||||
/* 감색 목록 */
|
|
||||||
.searchResultWrap {position:relative; padding:20px 0; margin-bottom: 30px; border-top:1px solid #777;}
|
|
||||||
.searchResultWrap .ser_kwd {color:#f96262;}
|
|
||||||
.searchResultWrap .title {color: #222; font-size:24px; background:url(../images/main/ico_penbul.png) no-repeat 0 9px; padding-left:24px; padding-bottom: 25px; border-bottom:1px dotted #ccc;}
|
|
||||||
.searchResultWrap .title span {font-size:18px;}
|
|
||||||
.searchResultWrap .title .btn-more {display: inline-block; width: 60px; margin:0; padding-left:20px; border:0;}
|
|
||||||
.searchResultWrap .title .btn-more a {display: block; font-size:14px; color:#868686; text-decoration:none; background-color:transparent; background: url(../images/main/ico_more01.png) no-repeat right 50%;}
|
|
||||||
.searchResultWrap .title .sel_box {display: inline-block; position: absolute; right: 0;}
|
|
||||||
.searchResultWrap .title .sel_box select {border:0; outline: none; font-size:15px; color:#555; padding:0 30px 0 10px; width:100%; height:40px; line-height:38px; border:1px solid #ccc; cursor: pointer; background: #fff url(../images/main/ico_select.png) no-repeat 90% 50%; background-size: 7px 4px;}
|
|
||||||
.searchResultList li {border-bottom:1px dotted #ccc; padding: 25px 0 25px;}
|
|
||||||
.searchResultList li .tit {position: relative; margin-bottom:5px; font-size:22px; color:#333; font-weight:400;}
|
|
||||||
.searchResultList li .tit .bookmark {position: absolute; top:-2px; right: 0; padding-left: 26px; text-indent:-9999px; background: url(../images/main/ico_clipping.png) left center no-repeat;}
|
|
||||||
.searchResultList li .tit .bookmark_on {position: absolute; top:-2px; right: 0; padding-left: 26px; text-indent:-9999px; background: url(../images/main/ico_clipping_on.png) left center no-repeat;}
|
|
||||||
.searchResultList li .desc {display:block; width:100%; height:40px; line-height:1.3; font-size:15px; color:#5c5c5c; font-weight:300; margin-bottom:5px;overflow:hidden; display: -webkit-box; text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
|
|
||||||
.searchResultList li .top_kwd { font-size:14px; color:#333; font-weight:300;}
|
|
||||||
.searchResultList li .date { font-size:14px; color:#aaa9a9; font-weight:300;}
|
|
||||||
.searchResultList li.keyword_arrow {position: relative; background:#f8f9fb; border-bottom:1px solid #777; box-sizing: border-box; padding: 0 18px !important; height:36px !important; line-height:34px; margin-bottom:20px;}
|
|
||||||
.searchResultList li.keyword_arrow .txt_word {display: inline-block; width:80%; left:0;}
|
|
||||||
.searchResultList li.keyword_arrow span { font-size:14px; color:#2a6fe8; }
|
|
||||||
.searchResultList li.keyword_arrow .btn-more {display: inline-block; width: 60px; margin:0; padding-left:20px; position: absolute; right: 18px;}
|
|
||||||
.searchResultList li.keyword_arrow .btn-more a {display: block; font-size:14px; color:#868686; text-decoration:none; background-color:transparent; background: url(../images/main/ico_more01.png) no-repeat right 50%;}
|
|
||||||
.searchResultWrap .not_data {margin:0 auto; text-align: center; line-height:40px;}
|
|
||||||
.searchResultWrap .not_data p {display: inline-block; font-size:18px; color:#333; background-size: 40px 40px; padding-left:50px; background:url(../images/main/not_list_img.png) 0 center no-repeat;}
|
|
||||||
.notSearchResult p {margin-bottom:15px;font-weight:bold;font-size:1.071em}
|
|
||||||
.notSearchResult p strong {font-size:1.133em}
|
|
||||||
|
|
||||||
/* 데이터 - 검색결과 */
|
|
||||||
.ser_kwd {color: #f96262;}
|
|
||||||
.search-result-num {display:block; text-align: center; font-size:22px; color:#7e7e7e; font-weight:500; letter-spacing: -1px; margin-bottom:30px; padding-top: 40px;}
|
|
||||||
.search-result-num .ser_kwd {color:#f96262;}
|
|
||||||
|
|
||||||
/* main tab */
|
|
||||||
.main_tabWrap {position:relative; overflow:hidden; margin: 0 auto; box-sizing: border-box;}
|
|
||||||
.main_tab {margin-bottom:18px; position: relative; width: 100%; height: 55px; margin: 0 auto 30px; text-align: center;}
|
|
||||||
.main_tab ul.tab03 {position:relative; width:100%; height:55px; padding:0; margin:0 auto; text-align: center;}
|
|
||||||
.main_tab ul.tab03 > li {display:inline-block; position:relative; margin:0; height:55px; width:190px;}
|
|
||||||
.main_tab ul.tab03 > li a {width:100%; display:block; color:#666; font-size:18px; font-weight:500; line-height:55px; text-align:center; background-color:#f1f7f9; border-radius:55px;}
|
|
||||||
.main_tab ul.tab03 > li a:hover {text-decoration:none; line-height:55px; background-color:#f1f7f9; color:#0098d1;}
|
|
||||||
.main_tab ul.tab03 > li.active a {line-height:55px;color:#fff; border-color:#0098d1; background-color:#0098d1;}
|
|
||||||
.main_tab ul.tab03 > li.active a:hover {}
|
|
||||||
.tab_content {position:relative; background:transparent; padding:0;}
|
|
||||||
.main_tab li a:first-child {margin-left: 0px;}
|
|
||||||
|
|
||||||
/* 키워드 조회 */
|
|
||||||
.keyword_view {position:relative; width:100%;}
|
|
||||||
.keyword_wrap {position: relative; width:100%; padding:28px 0 20px;}
|
|
||||||
.keyword_wrap:after {content:''; display:block; clear:both;}
|
|
||||||
.keyword_left {float:left; position: absolute; border-right:1px solid #ccc; padding: 28px 10px 10px 0; box-sizing: border-box; top: 0; left: 0; width: 275px; height:100%; min-height:220px; overflow-y: auto; margin-right: 30px;}
|
|
||||||
.keyword_right {position: relative; float:right; width:75%; min-height: 470px; box-sizing: border-box; margin-left: 305px; padding: 0; background-color: #fff;}
|
|
||||||
.keyword_left .keyword_list li a {display: block; height:48px; line-height: 48px; border:1px solid #ccc; border-radius: 5px; margin-bottom:10px; font-size: 16px; font-weight:500; color:#848484; text-align: center;}
|
|
||||||
.keyword_left .keyword_list li a:hover, .keyword_left .keyword_list li a:active {border:1px solid #ccc; color:#1d68dc; font-weight:600;}
|
|
||||||
.keyword_left .keyword_list li a.on {height:46px; border:2px solid #1d68dc; color:#333; font-weight:600; border-radius: 5px;}
|
|
||||||
.keyword_body {background:#fff; width:100%; overflow: hidden;}
|
|
||||||
.keyword_right .searchkeywordList li {border:1px solid #ccc; padding: 20px 25px; margin-bottom:10px;}
|
|
||||||
.keyword_right .searchkeywordList li:hover {border:1px solid #2a6fe8; cursor:pointer;}
|
|
||||||
.keyword_right .searchkeywordList li .tit {position: relative; margin-bottom:5px; font-size:22px; color:#333; font-weight:400;}
|
|
||||||
.keyword_right .searchkeywordList li .tit .bookmark {position: absolute; top:-2px; right: 0; padding-left: 26px; text-indent:-9999px; background: url(../images/main/ico_clipping.png) left center no-repeat;}
|
|
||||||
.keyword_right .searchkeywordList li .tit .bookmark_on {position: absolute; top:-2px; right: 0; padding-left: 26px; text-indent:-9999px; background: url(../images/main/ico_clipping_on.png) left center no-repeat;}
|
|
||||||
.keyword_right .searchkeywordList li .desc {display:block; width:100%; height:40px; line-height:1.3; font-size:15px; color:#5c5c5c; font-weight:300; margin-bottom:5px;overflow:hidden; display: -webkit-box; text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
|
|
||||||
.keyword_right .searchkeywordList li .top_kwd { font-size:14px; color:#333; font-weight:300;}
|
|
||||||
.keyword_right .searchkeywordList li .date { font-size:14px; color:#aaa9a9; font-weight:300;}
|
|
||||||
|
|
||||||
/* 더보기 버튼 */
|
|
||||||
.list_more {margin-top:10px; text-align:center;}
|
|
||||||
.btn_more {display:inline-block; width:96px; height:36px; line-height:34px; color:#515151; text-align:center; font-size:14px; cursor:pointer; padding:0 10px 0 0; border-radius: 36px; border:1px solid #ccc; background: #f5f5f5 url('../images/main/ico_more_arrow.png') no-repeat 78% 50%;}
|
|
||||||
.btn_more:hover {border:1px solid #1d68dc; background: #f5f5f5 url('../images/main/ico_more_arrow.png') no-repeat 78% 50%;}
|
|
||||||
|
|
||||||
/* 버튼 그룹 */
|
|
||||||
.btn_group {position: relative; text-align:right; margin-top:20px; right:0;}
|
|
||||||
.btn_group button {height:40px; line-height:38px; border-radius: 4px; font-size:15px; font-weight:400; padding:0 12px; text-align:center; min-width:50px;}
|
|
||||||
.btn_group button + button {margin-left:2px}
|
|
||||||
.btn_group .btn_keyword_add {display:inline-block;padding:0 20px; background-color:#ea4c89; color:#fff; font-weight:500; vertical-align:middle; height: 50px; line-height: 48px; border-radius: 48px; letter-spacing: -0.8px;}
|
|
||||||
.btn_group .btn_keyword_add:hover {background:#e3408d;}
|
|
||||||
.btn_keyword {display:inline-block; padding:0 16px; border:1px solid #1d68dc; border-radius: 5px; vertical-align:middle; cursor: pointer; height: 40px; line-height: 38px; font-weight:400; color:#1d68dc; background: #fff;}
|
|
||||||
.btn_keyword:hover {color:#fff; border:1px solid #1d68dc; background:#1d68dc;}
|
|
||||||
.ico_blank_dark {width:12px; height:12px; background-image:url('../images/main/keword_ico_del.png'); margin-left:13px;}
|
|
||||||
.btn_keyword:hover .ico_blank_dark.blank_ov {width:12px; height:12px; background-image:url('../images/main/keword_ico_del_ov.png'); margin-left:13px;}
|
|
||||||
.btn_group .btn-function {min-width:80px; color:#fff; background:#2e389d;}/*등록,확인,저장*/
|
|
||||||
.btn_group .btn-function:hover {background:#202a8f;}
|
|
||||||
.btn_group .btn-etc {min-width:80px; color:#fff; background:#187bfe;}/*수정*/
|
|
||||||
.btn_group .btn-etc:hover {background:#055ed3;}
|
|
||||||
.btn_group .btn-cancel {min-width:80px; color:#fff; background:#474d5c;}/*취소*/
|
|
||||||
.btn_group .btn-cancel:hover { background:#3e4452;}
|
|
||||||
|
|
||||||
/* Button style */
|
|
||||||
.button, .button a {display:inline-block;cursor:pointer;color:inherit;text-align:center;overflow:visible;background:#fff; padding:0;text-decoration: none !important;vertical-align:middle;white-space:nowrap;margin:0;}
|
|
||||||
.button:hover {font-weight: normal;}
|
|
||||||
.button.btn_small {display:inline-block; padding:0px 16px !important;border:1px solid #7e819b;background-color:#7e819b;color:#fff;font-size:14px;font-weight:500;height: 36px;line-height: 34px;border-radius: 3px;vertical-align:middle;cursor: pointer;}
|
|
||||||
.button.btn_small:hover {border:1px solid #6a6e89;background-color:#6a6e89;}
|
|
||||||
|
|
||||||
/* tbl btn */
|
|
||||||
.btn {display:inline-block;height:34px;line-height:32px;font-size:13px;padding:0 12px;text-align:center;border-radius: 3px;}
|
|
||||||
.btn:hover {text-decoration:none;}
|
|
||||||
button[class^='btn-']:hover {text-decoration:none;}
|
|
||||||
.btn-copy,.fileSelectBox .fileinput-button,.fileinput-button {background:#f5f5f5;border:1px solid #bbb;color:#555;}
|
|
||||||
.btn-copy:hover,td .inlineBox > button:hover,td .inline > button:hover,.fileSelectBox .fileinput-button:hover {background:#7d7d7d;border:1px solid #7d7d7d;color:#fff;}
|
|
||||||
.btn-save {background:#fff;border:1px solid #508cc3!important;color:#427db4;}
|
|
||||||
.btn-save:hover{background-color:#508cc3!important;border:1px solid #508cc3;color:#fff!important;}
|
|
||||||
.btn-print{background:#6eb5b8;border:1px solid #6eb5b8;color:#fff;}
|
|
||||||
.btn-print:hover{color:#fff;background:#649092;border:1px solid #649092;}
|
|
||||||
.btn.btn-etc{background-color:#fff;border:1px solid #bbb;color:#333;}
|
|
||||||
.btn.btn-etc:hover{background-color:#f3f3f3;border:1px solid #999;color:#333;}
|
|
||||||
.btn-inspect {min-width:62px;border:1px solid #42b382;color:#fff;background:#42b382;}/*장비 점검*/
|
|
||||||
.btn-inspect:hover {border:1px solid #2aa36e!important;;background:#2aa36e!important;}
|
|
||||||
.btn-step {border:1px solid #333faf;color:#333faf;background:#fff;}/*단계*/
|
|
||||||
.btn-step:hover {color:#fff;border:1px solid #333faf!important;;background:#333faf!important;}
|
|
||||||
.btn-report {background:#fff;border:1px solid #fd5120;color:#fd5120;}/*보고서*/
|
|
||||||
.btn-report:hover,.btn-report.active {background:#fd5120;border:1px solid #fd5120;color:#fff;}
|
|
||||||
.btn-result {border:1px solid #646ab7;color:#fff;background:#646ab7;}/*결과*/
|
|
||||||
.btn-result:hover {color:#fff;border:1px solid #4e54af!important;;background:#4e54af!important;}
|
|
||||||
.btn-regist {background:#fff;border:1px solid #2f3bab!important;color:#2f3bab!important;}/*등록*/
|
|
||||||
.btn-regist:hover {background:#2733a1!important;border:1px solid #2733a1!important;color:#fff!important;}
|
|
||||||
.btn-modifi {background:#fff;border:1px solid #2da873!important;color:#1e9e67;}/*수정*/
|
|
||||||
.btn-modifi:hover {background:#229f69!important;border:1px solid #229f69!important;color:#fff!important;}
|
|
||||||
.w-sm{min-width:50px;}
|
|
||||||
.btn-open-helplayer{width:71px;height:30px;background:url(../images/common/btnimg-help.png) no-repeat;}
|
|
||||||
.btn-open-helplayer span{text-indent:-999999em!important;font-size:0!important;line-height:0!important;}
|
|
||||||
/* button size */
|
|
||||||
.btn.md{height:28px;line-height:24px;font-size:11px;padding:0 5px;}
|
|
||||||
.btn.sx{height:24px;line-height:20px;font-size:11px;padding:0 5px;}
|
|
||||||
|
|
||||||
/* table info */
|
|
||||||
.tbl_info {position:relative; height:36px;line-height:36px; margin-bottom:5px; display: flex; -webkt-display: flex; -moz-display: flex; align-content: space-between; align-items: center;}
|
|
||||||
.tbl_info {width: 100%; position: relative; height: 35px; line-height: 35px; display: inline-block; margin-bottom: 5px;}
|
|
||||||
.tbl_info:after {content:''; display:block; clear:both;}
|
|
||||||
.tbl_info .left_Area {position: relative; text-align: left; float:left;}
|
|
||||||
.tbl_info .right_Area {box-sizing: border-box; float:right;}
|
|
||||||
.tbl_info .left_Area ul li {display:inline-block; font-size: 16px; font-weight: normal; color: #333; letter-spacing: -0.7px;}
|
|
||||||
.tbl_info .left_Area ul li .txt_total {color:#f96262; padding:0 2px 0 4px; font-weight: 500;}
|
|
||||||
.tbl_info .right_Area .sel_box {display: inline-block; position: absolute; right: 0;}
|
|
||||||
.tbl_info .right_Area .sel_box select {border:0; outline: none; font-size:14px; color:#555; padding:0 30px 0 10px; width:100%; height:36px; line-height:34px; border:1px solid #ccc; cursor: pointer; background: #fff url(../images/common/ico_sel_arrow.png) no-repeat right 50%; background-size:20px 8px;}
|
|
||||||
.essential {display:inline-block; color:#f93c4e; font-size: 16px; line-height: 12px; vertical-align: text-top; padding:0 3px 0 4px;}
|
|
||||||
|
|
||||||
/* Table list */
|
|
||||||
.tbl_list {position:relative; width:100%; border-top: 1px solid #334263;}
|
|
||||||
.table-x-scrollable {overflow-x: scroll;}
|
|
||||||
.table {width: 100%; table-layout: fixed; border-bottom: 1px solid #cbccd3; background-color: #fff; margin-bottom:15px;}
|
|
||||||
.table thead th {border-bottom: 1px solid #d5d4d4; }
|
|
||||||
.table thead th, .table tbody th {padding:3px 8px; vertical-align: middle; font-size:13.5px; font-weight:400; color:#112469; text-align:center; background: #f3f5fd;}
|
|
||||||
.table thead th:last-child, .table th:last-child, .table td:last-child {border-right: 0;}
|
|
||||||
.table th, .table td {padding: 3px 8px; vertical-align: middle; height: 36px; text-align: center; word-break: break-all; -ms-word-break: break-all; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
|
|
||||||
.table tbody td {vertical-align:middle; font-size:13.5px; color:#333; font-weight: 300; text-align:center; word-break: break-all; white-space: normal;}
|
|
||||||
.table tbody td a {text-align:left; font-size:13.5px; color:#333; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis; display:block;}
|
|
||||||
.table tbody td a:hover {color:#0d2ea6; text-decoration: none;}
|
|
||||||
.table td button {height:32px;line-height:32px;}
|
|
||||||
.table td .btn-normal {background-color:#fff;border:1px solid #bbb;color:#333;height:32px;line-height:30px;}
|
|
||||||
.table td .btn-normal:hover {background-color:#f3f3f3;border:1px solid #999;color:#333;}
|
|
||||||
.table tbody tr.notice_area {background: #fef6f8 !important; font-weight:500;}
|
|
||||||
.table + .table {margin-top:20px;}
|
|
||||||
.badge_notice {display:inline-block; text-align:center; color:#ff4e50; font-size:13px; font-weight:400; background:#fff; border: 1px solid #ff4e50; border-radius: 22px; min-width: 46px; height: 22px; line-height: 20px; box-sizing: border-box;}
|
|
||||||
|
|
||||||
/* paging */
|
|
||||||
.pagination {position: relative; display: block; text-align:center; margin: 25px auto 0;}
|
|
||||||
.pagination li {display: inline-block; vertical-align: middle; letter-spacing:-2px; text-align:center;}
|
|
||||||
.pagination li a {display: block; text-decoration: none; color: #333; font-size:13px; word-break: keep-all; -ms-word-break: keep-all; width:32px; min-width: 32px; height: 32px; line-height:30px; border-radius: 5px; border: solid 1px #ccc; background: #fff;}
|
|
||||||
.pagination li a.first_page {display:inline-block;text-indent:-9999px; background:#fff url('../images/common/ico_page_first.png') no-repeat 50% 50%;font-size:0; width:15px;height:32px; box-sizing: border-box;}
|
|
||||||
.pagination li a.pre_page {display:inline-block;text-indent:-9999px; background:#fff url('../images/common/ico_page_pre.png') no-repeat 50% 50%;font-size:0; width:15px;height:32px; margin-right:10px;box-sizing: border-box;}
|
|
||||||
.pagination li a.next_page {display:inline-block;text-indent:-9999px; background:#fff url('../images/common/ico_page_next.png') no-repeat 50% 50%;font-size:0; width:15px;height:32px; margin-left:10px; box-sizing: border-box;}
|
|
||||||
.pagination li a.end_page {display:inline-block;text-indent:-9999px; background:#fff url('../images/common/ico_page_last.png') no-repeat 50% 50%;font-size:0; width:15px;height:32px; box-sizing: border-box;}
|
|
||||||
.pagination li a:hover,
|
|
||||||
.pagination li span:hover,
|
|
||||||
.pagination li a:focus,
|
|
||||||
.pagination li span:focus {color: #0d2ea6; border-color: #0d2ea6;}
|
|
||||||
.pagination .active a,
|
|
||||||
.pagination .active span,
|
|
||||||
.pagination .active a:hover,
|
|
||||||
.pagination .active span:hover,
|
|
||||||
.pagination .active a:focus,
|
|
||||||
.pagination .active span:focus {z-index: 2; color: #fff; background-color: #595959; border-color: #595959; cursor: default;}
|
|
||||||
.pagination li a.on {z-index: 2; color: #fff;background-color: #595959; border-color: #595959; cursor: default;}
|
|
||||||
|
|
||||||
/* View/Form table */
|
|
||||||
.bbs_view {position:relative; width:100%; border-top: 1px solid #334263;margin-bottom: 30px;}
|
|
||||||
.tbl_form {width:100%; border:0; background-color: #fff; border-bottom: 0; table-layout:fixed; border-collapse: separate; margin-bottom:20px;}
|
|
||||||
.tbl_form th, .tbl_form td {vertical-align: middle;}
|
|
||||||
.tbl_form th {padding:6px 10px; height: 38px; text-align:center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #f3f5fd; font-size: 13.5px; font-weight: 500; color: #112469; letter-spacing:-0.5px;}
|
|
||||||
.tbl_form th.non_bg {background: #fff; }
|
|
||||||
.tbl_form td {padding:6px 10px; height: 38px; text-align:left; font-size:14px; color:#333; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
|
|
||||||
.tbl_form thead th:last-child, .tbl_form th:last-child, .tbl_form td:last-child {border-right: 0;}
|
|
||||||
.tbl_form thead th {padding:2px 10px 2px 10px; height: 34px; text-align:center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #f3f5fd; font-size: 13.5px; font-weight: 500; color: #112469; letter-spacing:-0.5px;}
|
|
||||||
.tbl_form td label {vertical-align:top;padding-right:10px;}
|
|
||||||
.tbl_form input[type="text"] {}
|
|
||||||
.tbl_form select {width:100%;}
|
|
||||||
.tbl_form textarea {/*width:98%;*/}
|
|
||||||
.tbl_form input.form-control {width: 100%;}
|
|
||||||
.tbl_form td img {vertical-align:middle;}
|
|
||||||
.tbl_form td .form_inline {display: inline-block; float: left; box-sizing: border-box;}
|
|
||||||
.tbl_form td .form_group {display: inline-block; position: relative; width: 100%; max-width: 100%;box-sizing: border-box;}
|
|
||||||
.tbl_form td .form_group span {box-sizing: border-box; position: relative; display: inline-block;}
|
|
||||||
.tbl_form td .form_group em {display: inline-block;padding-left: 8px;padding-right: 8px;font-size: 14px;}
|
|
||||||
/*.tbl_form td .form_group em input + label {margin-right: -6px; margin-left: -4px;display: inline-block;}*/
|
|
||||||
.tbl_form td .form_inline .label, .tbl_form td .form_group .label {display: inline-block;vertical-align:middle; color:#333; font-weight:500;}
|
|
||||||
.tbl_form th.blank_bg, .tbl_form td.blank_bg {border-left: none;border-right: none; background:#fff; height:5px;}
|
|
||||||
.text_note {display: inline-block;font-size:12px;color:#f77777;line-height:16px;background:url('../images/common/ico_info.png') no-repeat 0 50%;padding-left:18px;}
|
|
||||||
.tbl_form button.ico_btn_search {display:inline-block;width: 26px;height: 24px;background: url('../images/common/ico_td_search.png') no-repeat 0 0; margin-left: 2px;text-indent:-9999px;font-size:0;cursor:pointer;}
|
|
||||||
.tbl_form .datepicker {width:100%;}
|
|
||||||
.tbl_form .date_group {display:inline-block;position:relative;}
|
|
||||||
.tbl_form .date_group i {display:inline-block;width:16px;color:#000;text-align:center;font-size:13px;}
|
|
||||||
button.ico_btn_search {display:inline-block;width: 26px;height: 24px;background: url('../images/common/ico_td_search.png') no-repeat 0 0; margin-left: 2px;text-indent:-9999px;font-size:0;cursor:pointer;}
|
|
||||||
button.ico_btn_search:hover {display:inline-block;width: 26px;height: 24px;background: url('../images/common/ico_td_search_ov.png') no-repeat 0 0; margin-left: 2px;text-indent:-9999px;font-size:0;cursor:pointer;}
|
|
||||||
.table input.text_amount, .tbl_form input.text_amount {text-align: right;padding-right: 5px !important;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
|
|
||||||
.tbl_form td button {height: 32px; line-height: 32px;}
|
|
||||||
.tbl_form .text_box {width: 100%;}
|
|
||||||
.tbl_form .text_box textarea {width:95%; overflow-y: hidden; resize: none; border: 1px solid #ccc; border-radius: 4px; padding: 2px 8px; padding-bottom: 0;line-height: 16px;font-size:13px;}
|
|
||||||
|
|
||||||
/* 점검보고서 */
|
|
||||||
.report_wrap {position:relative; width:100%; display: flex; -webkt-display: flex; -moz-display: flex; justify-content: space-between;}
|
|
||||||
.calcBox, .roundBox {position:relative; border: 1px solid #dddddd; border-radius: 6px; padding: 10px 20px; background-color: #fff; margin-top: 10px; align-items: center;}
|
|
||||||
.ttl {position:relative; font-size:15px; font-weight:500;color:#333;padding-left:15px;margin-right:20px;text-align:left;}
|
|
||||||
.ttl:before {position:Absolute;content:'';display:block;left:2px;top:50%;transform:translateY(-50%);height:13px;width:5px;background:#29b0fd;border-radius:12px;}
|
|
||||||
.calcBox textarea.form-control {flex: 1; min-height: 50px; width: 100%;font-size:13px;line-height: 1.5;}
|
|
||||||
.calcBox .btn.report_sel {height:50px;line-height:48px;background-color:#f38a4a;font-size:13px;color:#fff;font-weight:500;padding:0 15px;border-radius:4px;text-align:center;}
|
|
||||||
.calcBox .btn.report_sel:hover {background-color:#eb8241;}
|
|
||||||
|
|
||||||
/* 스크롤 */
|
|
||||||
#scrollstyle::-webkit-scrollbar-track {border-radius: 0;background-color: #f5f5f5;}
|
|
||||||
#scrollstyle::-webkit-scrollbar {width: 8px; background-color: #f5f5f5;}
|
|
||||||
#scrollstyle::-webkit-scrollbar-thumb {border-radius: 0; background-color: #ccc;}
|
|
||||||
#scrollstyle-x::-webkit-scrollbar-track {border-radius: 0;background-color: #f5f5f5;}
|
|
||||||
#scrollstyle-x::-webkit-scrollbar {height: 8px; background-color: #f5f5f5;}
|
|
||||||
#scrollstyle-x::-webkit-scrollbar-thumb {border-radius: 0; background-color: #ccc;}
|
|
||||||
|
|
||||||
/* 검색영역 */
|
|
||||||
.search_wrap {width:100%; clear:both; margin:0 auto; text-align:center; overflow: hidden;}
|
|
||||||
.search_wrap .inner_box {position: relative; width:1400px; margin:0 auto; overflow:hidden;}
|
|
||||||
.date_group {display:inline-block;position:relative;}
|
|
||||||
.date_group i {display:inline-block;width:20px;color:#333;text-align:center;font-size:15px;}
|
|
||||||
.date_group input {height:38px !important; padding:0 12px !important; border: 1px solid #ccc !important; color:#333; border-radius: 4px;}
|
|
||||||
.btn_calendar {display:inline-block; width: 21px; height: 22px; background: #fff url(../images/common/ico_calendar.png) no-repeat 94% 55%; cursor: pointer; padding-right: 16px;}
|
|
||||||
.btn_calendar span {display:inline-block; text-indent:-9999px;}
|
|
||||||
.date_group .btn_mainSearch {display:block;position:absolute;top:0;right:0;width:41px;height:41px;text-indent:-9999em; background: url(../images/main/btn_ico_search.png) no-repeat center center;border:0px none;box-sizing:border-box;}
|
|
||||||
.date_group .btn_search {display:inline-block; vertical-align:middle;font-size:0; width:41px; height:41px; background: url(../images/main/btn_ico_search.png) no-repeat 0 0; margin-left: 10px;}
|
|
||||||
.search_box {position:relative; width:100%; padding: 0px 0 0;margin: 0 auto;}
|
|
||||||
.search_box .searchBox_inner {width:645px; height:50px; display:block; position:relative; border-bottom: 3px solid #1e1e1e; margin:0 auto 10px;}
|
|
||||||
.search_box .searchBox_inner label {width:100%; height:50px; font-size:20px; text-align:left; font-weight:100; color:#fff; line-height:50px; padding:0; display:inline-block; box-sizing:border-box; position:absolute; top:0; left:0; opacity:0.5;}
|
|
||||||
.search_box .searchBox_inner input {width:100%; height:50px; background-color:transparent; font-size:18px; text-align:left; color:#282828; line-height:20px; padding:16px 40px 16px 0; display:inline-block; border:0; box-sizing:border-box;}
|
|
||||||
.search_box .searchBox_inner input::placeholder {font-size:18px; text-align:left; color:#b6b6b6;}
|
|
||||||
.search_box button {position: absolute;top:15px;right:0;width: 23px;height: 22px;font-size:0;background:url(../images/main/btn_ico_search.png) no-repeat;}
|
|
||||||
.search.on .search_wrap {display: inline-block; visibility:visible; opacity:1; height: auto;}
|
|
||||||
.search.on > a{ visibility: hidden; opacity:0;}
|
|
||||||
.search .ex { display:inline-block; width:auto; text-align: center; margin:0 auto;}
|
|
||||||
.ex {position:relative; display:inline-block; width:100%; height:48px; line-height:46px; padding:0; margin: 0 auto; text-align:center; background: #2646a6;}
|
|
||||||
.ex .ex_inner {position: relative; width:1400px; margin:0 auto; overflow:hidden;}
|
|
||||||
.ex .ex_inner .ex_tit {display: inline-block; font-size: 15px; font-weight: 500; color:#d2e2ff; padding:3px 0 5px 0; margin-right: 15px; line-height: 1; vertical-align: middle;}
|
|
||||||
.ex .ex_inner a {display: inline-block; font-size: 15px; font-weight: 300; color:#d2e2ff; line-height: 1;}
|
|
||||||
.ex .ex_inner a:before {content: ""; display: inline-block; width: 1px; height: 12px; background-color:#afc1e9; vertical-align: middle; margin:0 12px;}
|
|
||||||
.ex .ex_inner a:nth-child(2):before {display: none;}
|
|
||||||
|
|
||||||
/* search_box_sub */
|
|
||||||
.search_box_sub {position:relative; width:100%; padding: 20px 0; margin: 0 auto 25px; border:1px solid #b4d0dd; background:#f2fbff;}
|
|
||||||
.search_box_sub .searchBox_inner {width:100%; height:47px; display:block; position:relative; margin:0 auto; text-align: center;}
|
|
||||||
.search_box_sub .searchBox_inner input[type=text] {width:50%; height:47px; border:1px solid #ccc; color:#1b263c; font-size:18px; line-height:19px; padding:15px 10px 10px 10px; display:inline-block; box-sizing:border-box;}
|
|
||||||
.search_box_sub .searchBox_inner input::placeholder {font-size:17px; text-align:left; color:#b6b6b6;}
|
|
||||||
.search_box_sub .searchBox_inner .search_submit {position:relative;display:inline-block;background-color:#1b263c;vertical-align:middle;text-align:center; margin-left:5px;}
|
|
||||||
.search_box_sub .searchBox_inner .search_submit input[type='submit'] {color:#fff; font-size:15px;font-weight:500; min-width:84px; height:47px; padding: 0 20px;}
|
|
||||||
|
|
||||||
/*----------- 레이어팝업 -----------*/
|
|
||||||
[class^='sp-layer-popup'],.ydp-mlayer-popup {position:absolute;top:0;left:0;z-index:999999;width:100%;height:100%}
|
|
||||||
[class^='sp-layer-popup'] .wrap-layer-bg,.ydp-mlayer-popup .wrap-layer-bg {position:fixed;z-index:110;width:100%;height:100%;background-color:#333;opacity:0.7}
|
|
||||||
[class^='sp-layer-popup'] .popupbox,.ydp-mlayer-popup .popupbox {position:fixed;top:50%;left:50%;z-index:120;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;border-radius:0;}
|
|
||||||
[class^='sp-layer-popup'] .popupbox section {position:relative;padding:25px}
|
|
||||||
.popupbox {position:fixed;top:50%;left:50%;z-index:120;background-color:#fff;box-sizing:border-box}
|
|
||||||
.popupbox section {position:relative;padding:25px}
|
|
||||||
|
|
||||||
/* 팝업상세 */
|
|
||||||
.ydp-mlayer-popup .popupbox {border:0; border-radius: 5px; border: 5px solid #2646a6}
|
|
||||||
.popupbox .pb-head {height: 75px; background-color: #2646a6;}
|
|
||||||
.popupbox .pb-head h2 b {color:#fff; font-size:24px; font-weight:600; line-height:68px; margin-left:30px;}
|
|
||||||
.popupbox .pb-head .btn-close-setting {display:block; position:absolute; top:30px; right:35px;z-index:125;width:16px;height:16px;background: url(../images/common/ico_pop_close.png)no-repeat; text-indent: -9999px;}
|
|
||||||
.popupbox .pb-body {position: relative; padding: 25px 30px 5px; background-color: #fff;}
|
|
||||||
.popupbox .pb-body article {margin-left:0px;}
|
|
||||||
.popupbox .pb-body h3 {font-size:20px; color:#474d5c; padding:10px 0 15px;}
|
|
||||||
.popupbox .pb-body .keyword_add_wrap {position: relative; display: inline-block; vertical-align:top; padding-bottom:20px; border-bottom:1px solid #e0e0e0;}
|
|
||||||
.popupbox .pb-body .keyword_add_wrap a {float:left; display: block; margin:0 8px 8px 0;}
|
|
||||||
.ydp-mlayer-popup li label span {font-size:15px; color:#282828;}
|
|
||||||
.ydp-mlayer-popup .btn-Area {padding-top:15px;text-align:center; bottom:0; display:flex;-webkt-display:flex;-moz-display:flex;justify-content:center;border-top:1px dashed #ccc; height:70px; width:100%; margin:0 auto;}
|
|
||||||
.ydp-mlayer-popup .btn-Area button {height:50px;line-height:48px; border-radius: 50px; font-size:18px;font-weight:500;padding:0 12px;text-align:center;min-width:50px;}
|
|
||||||
.ydp-mlayer-popup .btn-Area button + button {margin-left:5px}
|
|
||||||
.ydp-mlayer-popup .btn-Area .btn-save {width:100px; color:#fff; background:#eb4c97;}
|
|
||||||
.ydp-mlayer-popup .btn-Area .btn-save:hover {color:#fff;background:#e2428d;}
|
|
||||||
.ydp-mlayer-popup .btn-Area .btn-cancel {width:100px; color:#fff; background:#474d5c;}
|
|
||||||
.ydp-mlayer-popup .btn-Area .btn-cancel:hover {color:#fff; background:#3e4452;}
|
|
||||||
|
|
||||||
/* 키 카테고리 */
|
|
||||||
.education_category {margin:10px 0 15px; text-align: center;}
|
|
||||||
.education_category ul {display:block; position:relative; width:100%; font-size:0; line-height:0;}
|
|
||||||
.education_category ul:before {display:block; position:absolute; width:1px; height:100%; background:#ff0000; z-index:10;}
|
|
||||||
.education_category .category_item {display:inline-block;position:relative;width:calc(100% / 6);height:48px;box-sizing:border-box;margin-left: 10px; margin-bottom: 10px;}
|
|
||||||
.education_category .category_item:nth-child(n+1) {margin-left:10px;}
|
|
||||||
.education_category .category_item a {display: table; width:100%; height:100%; border:1px solid #ccc; background-color:#fff; font-size:15px; line-height:48px; text-align:center; color:#868686; border-radius: 10px;}
|
|
||||||
.education_category .category_item:nth-child(n+6) a {}
|
|
||||||
.education_category .category_item a span {display:table-cell;font-size:15px;line-height:18px;vertical-align:middle;}
|
|
||||||
.education_category ul .category_item .active {background-color:#639df3;color:#fff;border-bottom: 0;}
|
|
||||||
|
|
||||||
/* searchArea - 검색 */
|
|
||||||
.searchArea {position:relative; background-color:#fff; border:1px solid #d5d7df; padding:15px 150px 8px 25px; border-radius: 8px; margin-bottom:25px;}
|
|
||||||
.searchArea table {position:relative;}
|
|
||||||
.searchArea th,.searchArea td {padding-bottom:5px;height:36px;}
|
|
||||||
.searchArea th {position:relative; text-align:left; padding-right:10px;}
|
|
||||||
.searchArea th:before {content:'';display:inline-block;height:4px;width:4px;border-radius:50px;position:Relative;top:-1px;background:#0d1e84;vertical-align:middle;margin-right:5px;}
|
|
||||||
.searchArea th label {color:#112469;font-size:14px;font-weight:500;}
|
|
||||||
.searchArea td {padding-right:20px;}
|
|
||||||
.inlineBox, .inline {display: flex; -webkt-display: flex; -moz-display: flex; align-items: center;}
|
|
||||||
.searchArea td .inlineBox {display: flex; -webkt-display: flex; -moz-display: flex; align-items: center;}
|
|
||||||
.searchArea td .form_group {display: flex; -webkt-display: flex; -moz-display: flex;align-items: center;}
|
|
||||||
.searchArea input[type='text'].form-control, .searchArea select.form-control, select.form-control {width:100%;}
|
|
||||||
.searchArea .form-control.set-btn-md {width:Calc(100% - 70px);}
|
|
||||||
.searchArea select.form-control.year {width:30%;}
|
|
||||||
.searchArea td .form-control + label.txt {margin:0 5px; word-break:keep-all; -ms-word-break:keep-all;}
|
|
||||||
.searchArea select.form-control.month {width:20%; min-width:45px;}
|
|
||||||
.searchArea .btnArea {position: absolute; top: 40%; right: 20px; flex-direction: column-reverse;}
|
|
||||||
.searchArea .btnArea [class^='btn-'] {display:block; height:36px;line-height:34px;color:#fff;font-size:14px;font-weight:400; padding:0 16px; width:88px; text-align:center; margin: 3px 0;border-radius: 4px;}
|
|
||||||
.searchArea .btnArea .btn-search,.uSearchArea .l-search .btn-search {background-color:#2747d0; border:1px solid #2747d0;}
|
|
||||||
.searchArea .btnArea .btn-search:hover,.uSearchArea .l-search .btn-search:hover {background-color:#193ac1;}
|
|
||||||
.searchArea .btnArea button + button {margin-bottom:0px;}
|
|
||||||
.searchArea .set-datepicker {width:120px;}
|
|
||||||
.searchArea.single-row {padding-right:100px;}
|
|
||||||
.searchArea.single-row .btnArea,.uSearchArea .btnArea {margin-top:-15px;flex-direction:row-reverse;}
|
|
||||||
.searchArea.single-row [class^='btn-'] {display:inline-block;}
|
|
||||||
.searchArea.single-row button + button {margin-bottom:0px; margin-right:5px;}
|
|
||||||
.searchArea + .listToparea .l-Top-info dt, .searchArea + .listToparea .l-Top-info dd {line-height:30px;margin-top:0;}
|
|
||||||
[class^='sp-layer-popup'] .searchArea.single-row {padding-right:60px;}
|
|
||||||
.searchArea.sm td {padding-right:15px;}
|
|
||||||
.listToparea > * {height:30px;align-items:center;}
|
|
||||||
|
|
||||||
/* datepicker */
|
|
||||||
.set-datepicker {position:relative; display:inline-block; width:140px; height:38px; background:#fff; /*padding-right:26px;*/ border:1px solid #ccc;}
|
|
||||||
.set-datepicker > input {height:38px; line-height:38px; border:0; background:none; width:100%; font-size:14px;}
|
|
||||||
.set-datepicker.disabled {background:#eee; opacity:.5; filter:alpha(opacity=50); cursor:default;}
|
|
||||||
.set-datepicker.disabled input {position:relative;}
|
|
||||||
td .set-datepicker > button,td .set-datepicker > button:hover,.set-datepicker > button,.set-datepicker > button:hover {background: #fff url(../images/common/ico_calendar.png) no-repeat;width:21px;height:22px;position:absolute;right:6px;top:7px;border:0!important;background-color:transparent;text-indent:-9999px!important;font-size:0!important;}
|
|
||||||
.set-datepicker.disabled:after {content:'';display:block;height:100%;width:100%;position:absolute;top:0;left:0;z-index:5;}
|
|
||||||
.set-datepicker + label.txt {margin: 0 5px;}
|
|
||||||
td label.txt {margin: 0 5px;}
|
|
||||||
.set-datepicker.sm {width:120px;}
|
|
||||||
|
|
||||||
/* modal 팝업 */
|
|
||||||
.dim-layer {display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
|
|
||||||
.dim-layer .dimBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
|
|
||||||
.dim-layer .pop-layer {display: block; position: absolute;}
|
|
||||||
.pop-layer {display: none; position: fixed; top: 50%; left: 50%; width: auto; height: auto; background-color:#0e1872; z-index: 1000 !important; padding:2px;}
|
|
||||||
.modal-large {width: 960px;}
|
|
||||||
.modal-md {width: 760px;}
|
|
||||||
.modal-mini {width: 500px;}
|
|
||||||
.modal-content {position:relative; background-color:#fff; -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0;}
|
|
||||||
.modal-header {width:100%;height:52px;background-color:#0e1872;}
|
|
||||||
.modal-header:after {content:''; display:block; clear:both;}
|
|
||||||
.modal-header .close {margin-top: -2px;}
|
|
||||||
.modal-header .pop_close {float: right;margin-right: 20px;}
|
|
||||||
.modal-header .pop_close a {display: block; background: url('../images/common/ico_pop_close.png')no-repeat; width:18px; height:18px; font-size: 0; margin-top: 20px;}
|
|
||||||
.modal-header .pop_title {text-align:left; font-size:20px; font-weight:500; color:#fff; line-height: 52px; text-indent: 25px; display: inline-block;}
|
|
||||||
.modal-body {position: relative; padding: 12px 25px 20px; background-color:#fff;}
|
|
||||||
.modal-body h3 {font-size:20px; color:#474d5c; padding:10px 0 15px;}
|
|
||||||
.modal-body .keyword_add_wrap {position: relative; display: inline-block; vertical-align:top; padding-bottom:20px; border-bottom:1px solid #e0e0e0;}
|
|
||||||
.modal-body .keyword_add_wrap a {float:left; display: block; margin:0 8px 8px 0;}
|
|
||||||
.modal-footer {padding: 15px 0 15px; text-align: center;border-top: 1px solid #ddd;}
|
|
||||||
.modal-footer .btn + .btn {margin-bottom: 0; margin-left: 3px;}
|
|
||||||
.modal-footer .btn-group .btn + .btn {margin-left: -1px;}
|
|
||||||
.modal-footer .btn-block + .btn-block {margin-left: 0;}
|
|
||||||
.button.btn_pop_cancel {font-size:15px; color:#333; font-weight:500; background:#fff; border:1px solid #ccc;min-width:80px; padding:0 20px; height:40px; line-height:38px; border-radius: 4px;}
|
|
||||||
.button.btn_pop_cancel:hover {background-color: #f5f6f9;border: 1px solid #9f9f9f;}
|
|
||||||
.button.btn_pop_save {font-size:15px; color:#fff; font-weight:500; background:#1d64c5; min-width:80px; padding:0 20px; height:40px; line-height: 38px; border-radius: 4px;}
|
|
||||||
.button.btn_pop_save:hover {color:#fff; background:#185bb7;}
|
|
||||||
.popup-body {position: relative; padding: 0 20px 15px;background-color:#fff;}
|
|
||||||
|
|
||||||
/* page-title */
|
|
||||||
.page-title {position:relative; height: 52px; line-height:52px;padding:0 20px; background-color: #0e1872; margin-bottom:20px;}
|
|
||||||
.page-title span {font-size:20px; font-weight:500; color:#fff !important;}
|
|
||||||
.page-title > .pop_close {float: right; margin-right: 10px;padding-top: 13px;}
|
|
||||||
.page-title > .pop_close a {display: block; background: url('../images/common/ico_pop_close.png') no-repeat; width: 18px; height: 18px; font-size: 0; margin-top: 7px;}
|
|
||||||
.page-title + article, .page-title + .content-title,.content-title + .sec-title {margin-top:15px;}
|
|
||||||
|
|
||||||
/*챠트영역*/
|
|
||||||
.chart_box {display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
|
|
||||||
.chart_wrap {position: relative; background-color: #fff; border: 1px solid #d5d7df; padding: 5px 25px; border-radius: 8px; margin-bottom: 25px;}
|
|
||||||
.prompt_box {position: relative;box-sizing: border-box; margin-bottom:10px;}
|
|
||||||
.prompt_box .Prompt_wrap {}
|
|
||||||
.prompt_box .Prompt_wrap .inner {}
|
|
||||||
.prompt_box .Prompt_wrap .inner:after {content:'';clear:both;display:block;}
|
|
||||||
.prompt_box .Prompt_wrap .inner .item {display: inline-block; float: left; vertical-align: top;}
|
|
||||||
.prompt_box .Prompt_wrap .inner .item .link {position: relative; display: block; background-color: #fff; color: #333; font-size: 16px; font-weight: 300; letter-spacing: -0.06em; line-height: 1.3; width: 100%; height: 100%; border: 1px solid #3a4aba; border-radius: 8px; text-align: left; padding: 9px 15px 9px; transition: all 0.3s;}
|
|
||||||
.prompt_box .Prompt_wrap .inner .item .link:hover,
|
|
||||||
.prompt_box .Prompt_wrap .inner .item .link:focus {background-color: #fff; border-color: #222f8b; box-shadow: 0 5px 4px rgba(135, 149, 163, 0.2);-ms-box-shadow: 0 5px 4px rgb(135 149 163 / 20%);border-style: dashed;}
|
|
||||||
.prompt_box .Prompt_wrap .inner .item .link .text {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:88%; vertical-align: middle;}
|
|
||||||
.prompt_box .Prompt_wrap .inner.n2 {width: calc(100% + 20px); margin: 0 -10px;}
|
|
||||||
.prompt_box .Prompt_wrap .inner.n2 .item {width: calc(100% / 2 - 20px); margin: 0 10px;margin-bottom: 8px;}
|
|
||||||
.prompt_box .Prompt_wrap .inner.n2 .item .s_tit {display: block;font-size: 15px;font-weight: 400;color: #333; margin-bottom: 10px;text-align:center;}
|
|
||||||
.prompt_box .Prompt_wrap .inner.n2 .item .g-map-area {border:1px solid #e6e6e6; background-color:#f3f5fd; min-height:50px;width:100%;margin-top: 3px;}
|
|
||||||
|
|
||||||
/* login */
|
|
||||||
.logback {width:100%;height:100%;background-image:url('../images/main/login_bg.gif'); background-size:100% 1000px;left: 0;top: 0;position: fixed;background: #f4f5f8;}
|
|
||||||
.logback h1 {top:0;height:42px;line-height:42px;margin-top: 8%;text-align:center;display:block;}
|
|
||||||
.logback h3 {top:0;height:40px;line-height:24px;padding-top: 20px;text-align:center;display:block;font-size:16px;font-weight:400;color:#555;margin:0 auto;}
|
|
||||||
.logback .login_box {margin:0 auto;width:500px; height:auto;clear:both;margin-top:1.2%;background:#fff;-webkit-border-radius: 26px;-moz-border-radius: 26px;-khtml-border-radius: 26px;border-radius:26px; box-shadow: 0px 1px 10px #bcbfdb; -moz-box-shadow: 0px 1px 10px #bcbfdb; -webkit-box-shadow: 0px 1px 10px #bcbfdb;}
|
|
||||||
.logback .login_box:after {content:""; clear:both; display:block}
|
|
||||||
.logback .login_box .loginWrap {width:70%; margin:0 auto;text-align:center;padding:55px 0;}
|
|
||||||
.loginWrap .input_wrap {width:100%;text-align:center;clear:both;}
|
|
||||||
.loginWrap .input_wrap input[type=text], .loginWrap .input_wrap input[type=password] {text-indent:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius:5px;}
|
|
||||||
.loginWrap .input_wrap input::placeholder {color:#b6b6b6 !important;}
|
|
||||||
.loginWrap .input_wrap .txt_id {width:100%; height:50px; font-size:16px; border:1px solid #ddd; margin-bottom:10px;}
|
|
||||||
.loginWrap .input_wrap .txt_pw {width:100%; height:50px; font-size:16px; border:1px solid #ddd;}
|
|
||||||
.loginWrap .input_wrap .save_id {float:left; color:#333; padding:25px 0;}
|
|
||||||
.loginWrap .input_wrap .save_id input[type=checkbox] + label {cursor: pointer; position: relative; font-size: 14px; padding-left: 30px;}
|
|
||||||
.loginWrap .input_wrap .save_id input[type=checkbox]+ label:before { content: ""; display: inline-block; width: 19px; height: 19px; margin-right: 20px; position: absolute; left: 0; top: 0px; background-color: #fff; border:solid 1px #ccc; border-radius: 19px;}
|
|
||||||
.loginWrap .input_wrap .save_id input[type=checkbox]:checked + label:before {content: ""; font-size: 15px; font-weight:800; color: #fff; border:solid 1px #2e389d;line-height:19px;background:#2e389d url('../images/common/ico_check_w.png') no-repeat 50% 50%;}
|
|
||||||
.input_wrap .btn_login {display:inline-block;width:100%;height:65px;line-height:65px; margin-bottom:10px; background:#2e389d; color:#fff; text-align:center; font-weight:400; font-size:18px; border-radius: 6px;}
|
|
||||||
.input_wrap .btn_login:hover {background:#2f3dc6;}
|
|
||||||
.hidden {font-size: 0; width:0 !important; height: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; position:absolute;}
|
|
||||||
|
|
||||||
/* index */
|
|
||||||
.main_img {width: 100%; height: 280px; max-width: 1400px; margin: 0 auto 40px; position: relative; display: block; box-sizing: border-box; padding:30px 20px 30px 90px;border-radius: 38px 0 0 0; background: #3842a9 url('../images/main/main_img.png') no-repeat 93% 100%;}
|
|
||||||
.main_img:after {content:''; display:block; position:absolute; bottom:0; left:0; width:160px; height:280px; background:url('../images/main/main_img_left.png') no-repeat 0 0;}
|
|
||||||
.main_img .l_txt {display:block;padding-top:50px; font-size: 45px; font-weight:700; color: #fff; line-height:1.8em;padding-left:50px;}
|
|
||||||
.main_img .m_txt {display:block;width: 100%; font-size: 22px; font-weight:400; color: #bfdfed; padding-left:50px;}
|
|
||||||
|
|
||||||
/* 오늘의 할일, 업무공지 */
|
|
||||||
.week_news_wrap {padding:0;width:100%;max-width: 1400px;margin: 0 auto; box-sizing: border-box;}
|
|
||||||
.week_news {overflow: hidden; width:100%; height:300px; padding:20px 30px; background: #fff; box-sizing: border-box; border-radius: 20px; box-shadow: 0px 1px 10px #d8dadf; -moz-box-shadow: 0px 1px 10px #d8dadf; -webkit-box-shadow: 0px 1px 10px #d8dadf;}
|
|
||||||
.week_news h1 {position: relative;display: inline-block;width:100%;margin-bottom:15px; font-size: 23px;height: 36px;color:#222046;font-weight:600; }
|
|
||||||
.week_news h3 {float:right;position: relative;display: inline-block;font-size: 15px;color:#333;font-weight:500;margin-top:-5px;margin-right:-5px;background:url('../images/main/ico_m_bul.gif') no-repeat 0 48%; padding-left:10px;}
|
|
||||||
.week_news h1 a.btn_more {float:right;position: relative; display:inline-block; padding:6px 0 0; width:16px; height:16px; background:url('../images/main/ico_more.png') no-repeat 0 0; margin-top: 7px; font-size:0; text-indent:-9999px;border: 0;}
|
|
||||||
.week_news h1 a.btn_more:hover {color:#333;}
|
|
||||||
.week_news h3 select {min-width:80px;height:34px !important;border: 1px solid #dadce1 !important;margin-left:4px;}
|
|
||||||
.week_news .news_list {width:100%; position: relative;}
|
|
||||||
.week_news .news_list li {line-height: 34px; position: relative; float:left; width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
|
|
||||||
.week_news .news_list li:last-child {border-bottom: 0;}
|
|
||||||
.week_news .news_list li + li {margin-top: 9px;}
|
|
||||||
.week_news .news_list li a {display:block; position: relative; padding-left:13px; padding-right: 20px; font-size: 17px;}
|
|
||||||
.week_news .news_list li a:before {content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; background-color: #6e6e6e; border-radius: 100%;}
|
|
||||||
.week_news .news_list li a .work_tit {float:left; display:inline-block; max-width: 350px; color:#333; font-size:18px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
|
|
||||||
.week_news .news_list li a .noti_tit {float:left; display:inline-block; max-width: 350px; color:#333; font-size:18px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
|
|
||||||
.week_news .news_list li a .noti_tit:hover {color:#000;}
|
|
||||||
.week_news .news_list li a .ico_new {font-size:8px; color:#fff; width:17px; height:17px; background-color: #ff4e50; border-radius: 50%; font-weight: 400; display:inline-block; text-align: center; line-height: 15px; margin-left: 5px; vertical-align: middle; position: absolute; right:0; top:50%; transform: translateY(-50%);}
|
|
||||||
.week_news .news_list li .r_txt {float: right; line-height: 32px; color:#777; font-size:17px; }
|
|
||||||
.week_news .news_list li .w_name {color:#444; padding-right:20px;}
|
|
||||||
.week_news .news_list li .not_noti {float:left; display:inline-block; width: 100%; color:#888; font-size:17px; font-weight:400; text-align:center;}
|
|
||||||
|
|
||||||
/******************************************* 통합검색(20250312 추가) ******************************************************************/
|
|
||||||
.srarch-wrap {width: 100%; position: relative; margin:0 auto; box-sizing: border-box; padding-top:20px;}
|
|
||||||
.search_form_wrap {position:relative; background: #f6f6f6; padding: 15px 20px 15px;text-align:center; margin:0 auto 25px; box-sizing: border-box;}
|
|
||||||
.search_form_wrap:after {content: "";display:block;clear:both;}
|
|
||||||
.search_form_wrap {background: #fff; border: 1px solid #d5d7df; padding: 20px 25px 25px; text-align:center; margin:0 auto 30px; box-sizing: border-box; border-radius:10px;}
|
|
||||||
.search_form_wrap .search_inner span.form_input input {width:100%; min-width: 500px; height: 45px; font-size:16px; color: #333; font-weight: 300; line-height: 32px; padding: 0 20px; border:2px solid #333; border-radius: 38px;}
|
|
||||||
.search_form_wrap .search_inner {position: relative; margin-left: auto; margin-right: auto;}
|
|
||||||
.search_form_wrap .search_inner span {display: inline-block; vertical-align: middle; height:45px;}
|
|
||||||
.search_form_wrap .search_inner span.form_input input {width:100%; font-size:15px;}
|
|
||||||
.search_form_wrap .search_inner span.form_btn {margin-left:3px; width: 1%;vertical-align: middle;}
|
|
||||||
.search_form_wrap .search_inner span.form_btn button:before {display: inline-block;width: 0;}
|
|
||||||
.search_form_wrap .search_inner span.form_btn .btn_search {width:94px; height: 45px; color: #fff; font-size: 18px;font-weight: 400; padding:0; background: #2e389d url(../images/common/btn_search_m.png) no-repeat 25% 52%; vertical-align: middle; text-indent: 22px; border-radius: 38px;}
|
|
||||||
.search_form_wrap .search_inner span.form_btn .btn_search:hover {background: #242e93 url(../images/common/btn_search_m.png) no-repeat 25% 52%;}
|
|
||||||
.search_form_wrap .search_inner .form_label {display:inline-block; color: #333; font-size: 16px; font-weight: 400; letter-spacing: -1px; padding: 0 12px 0 0;}
|
|
||||||
.search_form_wrap .search_inner [class$="_label"] {display: inline-block; color: #333;}
|
|
||||||
.search_form_wrap .search_inner label {vertical-align: middle;}
|
|
||||||
|
|
||||||
/* search_head */
|
|
||||||
.search_head {position:relative; margin:15px auto;}
|
|
||||||
.search_head_result {display: block; text-align: center; font-size: 18px; color: #333; font-weight: 400; line-height: 26px;}
|
|
||||||
.search_head_result em {background-color:transparent; vertical-align:top; color:#f53333; font-weight:400; padding:0 4px;}
|
|
||||||
.search_head_result strong {vertical-align:top; color:#f53333; font-size:20px; font-weight:400;}
|
|
||||||
|
|
||||||
/* 통합검색 리스트 */
|
|
||||||
.search-list-box {position:relative; display: block; width:100%; margin:20px 0;}
|
|
||||||
.search-list-box:after {content:""; clear:both; display:block}
|
|
||||||
.search-list-box .search-tit {background:#f3f5fd; border: 1px solid #e9ebf3; border-bottom: 1px solid #a1aee1; border-radius: 6px; padding: 10px 15px; font-size:16px;}
|
|
||||||
.search-list-box .search-tit strong {position: relative; color: #333; font-size: 17px; font-weight: 400; margin-right: 20px;}
|
|
||||||
.search-list-box .search-tit strong:before {content:''; display: block; position: absolute; width: 1px; height: 15px; background: #c3c8dd; right: -13px; top: 50%; margin-top: -6px;}
|
|
||||||
.search-list-box .search-tit .keyword {color:#f53333; font-weight:500; padding: 0 3px;}
|
|
||||||
.search-list-box .search-tit .keyword_num {color:#f53333; font-weight:500; padding: 0 3px;}
|
|
||||||
.search-list-box .btn-right {text-align:right; margin:20px 0 30px;}
|
|
||||||
.search-list-box .btn-right .ico-arr-black {transform: rotate(-90deg); margin-left:5px; opacity:0.8; height:7px;}
|
|
||||||
.search-list-box .btn-right .button_more {display:inline-flex; height:34px; padding:0 14px; line-height: 33px; font-size: 13.5px; color:#333; font-weight:400; vertical-align:middle; border:1px solid #ccc; text-decoration:none; border-radius:5px; background-color:#fff; transition:opacity 0.3s, color 0.3s;}
|
|
||||||
.search-list-box .btn-right .button_more:hover{border:1px solid #2e389d;color:#2e389d;}
|
|
||||||
.search_list {position:relative; width:100%; margin:0 auto; display:block; box-sizing: border-box;}
|
|
||||||
.search_list:after {content:""; clear:both; display:block}
|
|
||||||
.search_list>ul {position:relative; display:block;}
|
|
||||||
.search_list>ul>li {display: inline-block; width: 100%; padding: 18px 0; border-bottom:1px solid #ccc;}
|
|
||||||
.search_list .search_cont {display: flex; justify-content: space-between; padding: 0 0; width: 100%; vertical-align: top;}
|
|
||||||
.search_list .search_cont .cont-tit {position: relative; padding:0 20px 0 15px; box-sizing: border-box; display: block; overflow: hidden; margin-right: 20px;}
|
|
||||||
.search_list .search_cont .cont-tit:after {content: ''; display: block; clear: both;}
|
|
||||||
.search_list .search_cont .cont-tit > a {width: 100%; height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size:16.5px; color: #333; font-weight:500; letter-spacing: -0.5px; line-height: 28px;}
|
|
||||||
.search_list .search_cont .cont-tit > a:hover {color: #121212;}
|
|
||||||
.search_list .search_cont .cont-tit .route {font-size: 14px; color:#555; line-height: 19px; display: inline-block;}
|
|
||||||
.search_list .search_cont .cont-info {position: relative;display: -webkit-box; display: -ms-flexbox; display: inline-block; margin-left: auto; padding-left: 15px; padding-top: 5px; min-width: 200px; text-align: left;}
|
|
||||||
.search_list .search_cont .cont-info:after {content: ''; display: block; clear: both;}
|
|
||||||
.search_list .search_cont .cont-info:before {content:''; display: block; position: absolute; width: 1px; height: 27px; background: #cbcdd5; left: -10px; top: 30%;}
|
|
||||||
.search_list .search_cont .cont-info .source_organ {font-size:14px; color:#555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
|
|
||||||
.search_list .search_cont .cont-info .source_data {display: block; font-size:14px; color:#888; line-height: 25px;}
|
|
||||||
.search_list .mark, .search_list .cont .mark {color:#3d4acb;}
|
|
||||||
.search_list a:hover .mark {color:#2634c0;}
|
|
||||||
|
|
||||||
/* 첨부파일 */
|
|
||||||
.uploader {position: relative; display:block; margin: 8px 0 5px; border: 1px dashed #cbcdd5; padding: 8px 13px; border-radius: 6px; overflow: hidden;}
|
|
||||||
.uploader:after {content: ''; display: block; clear: both;}
|
|
||||||
.uploader > li {display: flex; -webkt-display: flex; -moz-display: flex; font-size:13px; color:#555; line-height:19px;}
|
|
||||||
.uploader > li > a {display: inline-block;}
|
|
||||||
.uploader > li > a span {font-size:13px; color:#555; line-height:19px;}
|
|
||||||
.uploader > li > a:hover span {color:#121212;}
|
|
||||||
|
|
||||||
/* 첨부파일 아이콘 */
|
|
||||||
.uploader > li > a >i[class^='ico-']{display:inline-block;width:17px;height:17px;vertical-align:middle;margin-top:-3px;margin-right:5px;background-repeat:no-repeat;text-indent:-999999em!important;font-size:0!important;line-height:0!important;}
|
|
||||||
.ico-file {display:inline-block;width:13px;height:15px;vertical-align:middle;background-image:url(../images/common/ico-file.png);}
|
|
||||||
.ico-pdf {display:inline-block;width:17px;height:17px;background-image:url(../images/common/ico-pdf.png);}
|
|
||||||
.ico-excel {display:inline-block;width:17px;height:17px;background-image:url(../images/common/ico-excel.png);}
|
|
||||||
.ico-ppt {display:inline-block;width:17px;height:17px;background-image:url(../images/common/ico-ppt.png);}
|
|
||||||
.ico-hwp {display:inline-block;width:16px;height:17px;vertical-align:middle;background: url(../images/common/ico-hwp.png);}
|
|
||||||
.ico-img {display:inline-block;width:16px;height:17px;vertical-align:middle;background: url(../images/common/ico-img.png);}
|
|
||||||
.ico-zip {display:inline-block;width:16px;height:17px;vertical-align:middle;background: url(../images/common/ico-zip.png);}
|
|
||||||
|
|
||||||
@ -1,667 +0,0 @@
|
|||||||
@charset "utf-8";
|
|
||||||
|
|
||||||
#wrap {width:100%;margin:0 auto;}
|
|
||||||
.row::after {content:""; display:block; clear:both;}
|
|
||||||
.cell {float:left; box-sizing:border-box;}
|
|
||||||
|
|
||||||
/* Layout */
|
|
||||||
#container {position:relative; width:100%; margin:0 auto; padding-bottom: 50px; background: #f7f8fa;}
|
|
||||||
#container:after {display:block;clear:both;content:''}
|
|
||||||
#content {position: relative; width:100%; margin:0 auto;}
|
|
||||||
.content {position: relative; width:1400px; margin:0 auto;}
|
|
||||||
#container .side_Wrap {position:relative; float:left; width:220px; padding-top:20px;}
|
|
||||||
#container .body_wrap {float: right; width: calc(100% - 250px);}
|
|
||||||
#container .body_wrap .inner {width:100%; margin:0 auto; padding: 20px 25px 30px; border: 1px solid #e0e0e0; background-color: #fff;}
|
|
||||||
|
|
||||||
/* header */
|
|
||||||
.header_wrap {position: relative; width:100%; height: 120px; background:#fff;}
|
|
||||||
.header_wrap .header-inner {position:relative; width:1400px; min-width: 1400px; height:100%; margin:0 auto;}
|
|
||||||
.header_wrap .header-top {width: 100%; height: 60px; margin: 0 auto; display: inline-block;}
|
|
||||||
.header_wrap .header-top > .inner {position: relative; width: 1400px; height: 60px; margin: 0 auto;}
|
|
||||||
|
|
||||||
/* util */
|
|
||||||
.header_wrap .header-top .util {float:right; height:60px; margin-top:16px; right:0; display: inline-block;}
|
|
||||||
.header_wrap .header-top .util li {position: relative; display: inline-block; vertical-align: middle; height:28px; line-height:28px; color:#666; font-size:13px;margin-left: 20px;}
|
|
||||||
.header_wrap .header-top .util li > img {vertical-align: top;}
|
|
||||||
.header_wrap .header-top .util li > a {font-size:13px; color:#333;}
|
|
||||||
.header_wrap .header-top .util li .name {display: inline-block; padding-left:18px; margin-right: 4px;color:#2e389d;font-weight:500;}
|
|
||||||
.header_wrap .header-top .util li .name:before {position:absolute; content:''; display:block; background: url('../images/main/ico_user.png') 0 0 no-repeat;left:0;top:7px;width:14px;height:14px;}
|
|
||||||
.header_wrap .header-top .util li .logout {display: inline-block; padding-left:18px; margin-right: 14px;}
|
|
||||||
.header_wrap .header-top .util li .logout:hover {color:#2e3aaf;}
|
|
||||||
.header_wrap .header-top .util li .logout:before {position:absolute; content:''; display:block; background: url('../images/main/ico_logout.png') 0 0 no-repeat;left:0;top:7px;width:14px;height:14px;}
|
|
||||||
.header_wrap .logo {position:relative; display:inline-block; height:35px;width:211px;top:13px;left:0px;cursor:pointer; text-indent: -9999px; background:url(../images/main/logo.png) 0 center no-repeat;}
|
|
||||||
|
|
||||||
/* hearder 검색(20240424) 추가 */
|
|
||||||
.header_wrap .header-top .util li .total_search {position: relative; top:-4px; left:0; width:380px; font-size:0; line-height:0;}
|
|
||||||
.header_wrap .header-top .util li .total_search h2 {opacity:0; overflow:hidden; position:absolute; top:0; left:0; width:1px; height:1px;}
|
|
||||||
.header_wrap .header-top .util li .total_search .search_panel {position:relative; z-index:40; width:100%; margin-right:auto; margin-left:auto;}
|
|
||||||
.header_wrap .header-top .util li .total_search .search_bar {overflow:hidden; position:relative; padding-right:35px; border: 0;}
|
|
||||||
.header_wrap .header-top .util li .total_search .search_query {display:block; width:100%; height:36px; padding-right:7px; padding-left:8px; border: 2px solid #3d4db1; border-radius: 6px; background-color:#fff; color:#333; font-size:14px; line-height:17px;}
|
|
||||||
.header_wrap .header-top .util li .total_search .search_query input {border:none;}
|
|
||||||
.header_wrap .header-top .util li .total_search .search_submit {display:block; position:absolute; top:0; right:12px; bottom:0; border:0 !important; border-radius: 0 6px 6px 0; width:40px; height:36px; margin-top:auto; margin-bottom:auto; background:#3d4db1 url('../images/common/btn_search_m.png') no-repeat center center; text-indent: -9999px; background-size: 15px 15px;}
|
|
||||||
|
|
||||||
/*오픈*/
|
|
||||||
.util li a.mysetOpen {width:115px; padding:6px 15px 0 18px; background:url(../images/main/ico_util_sel.png) no-repeat 100% 14px; margin-right: 14px;}
|
|
||||||
.util li a.mysetOpen.active {background:url(../images/main/ico_util_sel.png) no-repeat 100% 14px;}
|
|
||||||
.util li a.mysetOpen:before {content:""; display:block; background:url(../images/main/ico_user.png) no-repeat 0 3px; width:100%; height:100%; position:absolute;left:0;top:5px;}
|
|
||||||
.util li div.my_sett {width:105px; background:#fff; display:none; position:absolute; padding: 5px 0; border-radius: 5px; z-index: 10; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.2); border:1px solid #ddd;}
|
|
||||||
.util li div.my_sett a {display:block; color:#333; font-size:13px; padding:0px 0 3px; text-align:center; border-radius: 5px;}
|
|
||||||
.util li div.my_sett a:hover,
|
|
||||||
.util li div.my_sett a:focus,
|
|
||||||
.util li div.my_sett a.active {color:#253fc3;}
|
|
||||||
|
|
||||||
/* gnb */
|
|
||||||
.header_wrap .wrap-nav {position: relative; display: inline-block; width:100%; height:55px; margin: 0 auto; background:#2e389d; border-top:1px solid #e6e8eb;border-bottom:1px solid #e6e8eb;}
|
|
||||||
.header_wrap .wrap-nav:after {display:block;clear:both;content:''}
|
|
||||||
.header_wrap .wrap-nav .gnb {position:relative; width:100%; height:55px; margin:0 auto; padding-right:80px; display: inline-block;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li {position:relative; float: left; height:55px;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li + li {margin-left:30px;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li > a {font-size:17px;font-weight:500;color:#fff;height:55px;line-height:53px; display: block; position:relative;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li > a:after {content:""; display:block; clear:both; width: 1px; height: 14px; background-color: #8590cb; position: absolute; top: 20px; left:-14px; margin-top:0;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li:first-child > a:after {display: none;}
|
|
||||||
.header_wrap .wrap-nav .gnb > li > a:hover {color:#39d6fd;text-decoration:none;}
|
|
||||||
|
|
||||||
/* 전체메뉴 */
|
|
||||||
.header_wrap .all_btn {position:absolute; top:0; right:0;}
|
|
||||||
.header_wrap .all_btn:after {clear:both; display:block; content:"";}
|
|
||||||
.header_wrap .all_btn button:first-child {margin-left:0;}
|
|
||||||
.header_wrap .all_btn .toggle-menu {width:50px; height:55px; background:url("../images/main/btn_hamb.png") no-repeat center center; background-size:25px 20px; position:relative; top:0; font-size:0;}
|
|
||||||
.allMenu {display:none; width:100%; height:100%; min-height:850px; position:fixed; top:61px; right:0; z-index:6; background-color:#fff; padding:0; text-align: left; z-index:2; margin:0 auto; overflow: hidden;}
|
|
||||||
.allMenu:before {content:''; position:fixed; width:100%; height:100%; left:0; top:90%; bottom:0; background:rgba(0, 0, 0, 0.5); z-index:0;}
|
|
||||||
.allMenu .user-wrap {width:100%; height:55px; padding-left:30px; position:relative; background:#2e389d; z-index:99; margin: 0 auto; text-align: center;}
|
|
||||||
.allMenu .user-wrap .menu-inner {position:relative; width:1400px; max-width: 1400px; height:100%; margin:0 auto;}
|
|
||||||
.allMenu .user-wrap .menu-logo {position: relative; display:inline-block; margin-left: -130px; padding:0; width:140px; height:100%; background:url('../images/main/logo_w.png') no-repeat 0;}
|
|
||||||
.allMenu .user-wrap .logo-txt {position: absolute; top:10px; font-size:23px; color:#fff; font-weight: 500;}
|
|
||||||
.allMenu .m-gnb {display:block; width:100%; height:850px; max-width:1400px; margin:0 auto; padding:35px 0 35px 0; z-index:99;overflow-y: auto;}
|
|
||||||
.allMenu .m-gnb ul {overflow:hidden; }
|
|
||||||
.allMenu .m-gnb ul li a {position:relative; font-size:15px; color:#111; font-weight: 500; }
|
|
||||||
.allMenu .m-gnb ul li a:focus {text-decoration:none;}
|
|
||||||
.allMenu .m-gnb ul li a:only-child:after {display:none;}
|
|
||||||
.allMenu .m-gnb > ul > li {float:left; width:18%; min-height:0px; margin: 0 15px 30px 0;}
|
|
||||||
.allMenu .m-gnb > ul > li > a {display:block; padding:12px 0; font-size:20px; color:#2e389d; font-weight: 500; text-align: center;border:1px dashed #2e389d;border-radius: 7px;}
|
|
||||||
.allMenu .m-gnb > ul > li > a:hover {color:#2e389d; text-decoration:none;}
|
|
||||||
.allMenu .m-gnb > ul > li > a .link {display:inline-block; width:12px; height:12px; margin-left:3px; background-size:100%;}
|
|
||||||
.allMenu .m-gnb > ul > li.curr > a,
|
|
||||||
.allMenu .m-gnb > ul > li > a:hover {text-decoration:none;}
|
|
||||||
.allMenu .m-gnb ul.depth-2 {overflow:hidden; padding-bottom:0px; margin-top:10px;}
|
|
||||||
.allMenu .m-gnb ul.depth-2 > li > a {display:block; font-size:15px; font-weight:400; line-height:30px; color:#444; padding-left:12px;}
|
|
||||||
.allMenu .m-gnb ul.depth-2 > li > a:before {content:''; position:absolute; top:15px; left:0; width:6px; height:1px; background-color:#777;}
|
|
||||||
.allMenu .m-gnb ul.depth-2 > li > a:hover {color:#2d39b5; text-decoration:none;}
|
|
||||||
.allMenu .gnb-close {position:absolute; margin:0; top:0; right:9.2%;z-index:99;}
|
|
||||||
.allMenu .gnb-close button {width:50px; height:55px; display:block; background:url("../images/main/btn_close.png") no-repeat center; background-size:21px 21px; text-indent:-9999px;}
|
|
||||||
|
|
||||||
/* lnb menu */
|
|
||||||
.side_Wrap h2 {overflow: hidden; display: flex; align-items: center; justify-content: center; width: 100%; height: 98px; font-size: 23px; font-weight: normal; line-height: 1; color: #fff; background: #333faf; border-radius: 30px 0 0 0; box-sizing: border-box;}
|
|
||||||
#lnb {float: left; width: 100%;}
|
|
||||||
#lm {width: 100%;}
|
|
||||||
#cssmenu,
|
|
||||||
#cssmenu ul,
|
|
||||||
#cssmenu ul li,
|
|
||||||
#cssmenu ul li a {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;letter-spacing:-0.8px;color:#333333;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;text-decoration: none;cursor: pointer;}
|
|
||||||
#cssmenu {width: 100%;}
|
|
||||||
#cssmenu ul ul {display: none;}
|
|
||||||
.align-right {float: right;}
|
|
||||||
.holder {background:none}
|
|
||||||
.holder::after, .holder::before {display: block;position: absolute;content: "";right: 15px;z-index: 10;background:none}
|
|
||||||
.holder::after {top: 15px;background:none}
|
|
||||||
.holder::before {top: 15px;}
|
|
||||||
#cssmenu > ul > li > a {display: block; position: relative; padding: 15px 15px; font-size: 15px; font-weight: 400; color: #333333; border: 1px solid #ddd; border-top: 0; background:#fff;}
|
|
||||||
#cssmenu > ul > li > a:before {content:""; display:block; position:absolute; top:50%; right:20px; margin-top:-7px; width:13px; height:13px; background-image:url(../images/common/ico_lnb_1dh.png); background-repeat:no-repeat; transition: all 0s ease 0s }
|
|
||||||
#cssmenu > ul > li > a:hover:before {background-image:url(../images/common/ico_lnb_1dh_hover.png);}
|
|
||||||
#cssmenu > ul > li > a:last-child {border-bottom: none;}
|
|
||||||
#cssmenu > ul > li > a:hover {color: #2e389d;}
|
|
||||||
#cssmenu > ul > li.active > a,
|
|
||||||
#cssmenu > ul > li.open > a {display: block; position: relative; color: #fff; border: 0; background: #252e89;}
|
|
||||||
#cssmenu > ul > li.open > a:before {content:""; display:block; position:absolute; top:50%; right:20px; margin-top:-7px; width:13px; height:13px; background:#252e89 url(../images/common/ico_lnb_1dh_on.png); background-repeat:no-repeat; transition: all 0s ease 0s }
|
|
||||||
#cssmenu ul ul {background:#f7f9fc;border: 1px solid #ddd;border-top: 0; padding: 7px 0 10px;}
|
|
||||||
#cssmenu ul ul li a {position: relative; display: block; padding: 8px 0 8px 25px; font-size:14px; font-weight:500; color:#424242 !important; letter-spacing:-0.6px; font-weight: normal;}
|
|
||||||
#cssmenu ul ul li a:before {display:block; position:absolute; top:14px; left:15px; width:4px; height:4px; background-color:#a9a9ab; content:'';}
|
|
||||||
#cssmenu ul ul li a.on {color: #2e389d !important; font-weight: normal;}
|
|
||||||
#cssmenu ul ul li a.on:before {display:block; position:absolute; top:14px; left:15px; width:4px; height:4px; background-color:#2e389d; content:'';}
|
|
||||||
#cssmenu > ul > li.open > ul {display:block;}
|
|
||||||
#cssmenu ul ul li:hover a,
|
|
||||||
#cssmenu ul ul li.open a,
|
|
||||||
#cssmenu ul ul li.active a {position: relative; display: block; color: #2e389d !important;}
|
|
||||||
#cssmenu ul ul li:hover a:before,#cssmenu ul ul li.open a:before,#cssmenu ul ul li.active a:before {content:''; display:block; position:absolute; top:14px; left:15px; width:4px; height:4px; background-color:#2e389d;}
|
|
||||||
#cssmenu ul ul li.active a:after, #cssmenu ul ul li.open a:after, #cssmenu ul ul li a:hover:after {border-color: none;}
|
|
||||||
|
|
||||||
/* title */
|
|
||||||
.main_titWrap {display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
|
|
||||||
.main_titWrap > * {height: 28px; align-items: center;}
|
|
||||||
.main_titWrap h3 {position: relative; color:#333; font-size:23px; font-weight:bold; text-align: left; display: flex; -webkt-display: flex; -moz-display: flex;}
|
|
||||||
|
|
||||||
.content-title {font-size:16px; font-weight:500;color:#1a2377;position:relative;padding-left:14px;margin: 15px 0 10px;text-align:left;}
|
|
||||||
.content-title:before {position:Absolute;content:'';display:block;left:0;top:10px;transform:translateY(-50%);width: 6px; height: 15px;background: #1f287c;border-radius: 3px;margin-top: 0;}
|
|
||||||
|
|
||||||
/* location */
|
|
||||||
.location {position:absolute; right:0; box-sizing:border-box;display: flex; -webkt-display: flex; -moz-display: flex;}
|
|
||||||
.location-cont {}
|
|
||||||
.location-cont .route_navi {position:relative;}
|
|
||||||
.location-cont .route_navi li {float: left; line-height:26px; font-size: 15px; color:#555; font-weight:normal; letter-spacing:-0.05em; padding:0 10px 0 16px; background: url('../images/common/route_arrow.png') no-repeat 0 8px;}
|
|
||||||
.location-cont .route_navi li .home {display: inline-block; background: url('../images/common/icon_home.png') no-repeat 0 0; padding: 0; width: 12px; height:16px; font-size:0; text-indent:-9999px;}
|
|
||||||
.location-cont .route_navi li.home a span {float: left;font-size: 0; height: 0;line-height: 0;overflow: hidden;position: absolute;visibility: hidden;width: 0;}
|
|
||||||
.location-cont .route_navi li a:hover {color:#333;}
|
|
||||||
.location-cont .route_navi li:last-child {line-height: 26px; font-weight:500; padding-right: 0;}
|
|
||||||
.location-cont .route_navi li:first-child {background:none;}
|
|
||||||
|
|
||||||
/*footer*/
|
|
||||||
#footer {width:100%;background:#3c3d46; clear:both; height:60px; display: flex; justify-content: space-between; align-items: center;}
|
|
||||||
#footer .box {position: relative; width:1400px; margin:0 auto;}
|
|
||||||
#footer .box p.fLogo {float:left; margin:15px 25px 15px 0;}
|
|
||||||
#footer .box address {color:#afafaf; font-size:13px; margin-top:15px; text-transform:uppercase; text-align:left;}
|
|
||||||
#footer .box p.copy {color:#9b9ba0; font-size:13px; text-align:left;}
|
|
||||||
#footer .box .menu {position: absolute; top: 20px; right: 0;}
|
|
||||||
#footer .box .menu li {display:inline-block;}
|
|
||||||
#footer .box .menu li:not(:last-child) {position:relative; margin-right:1.2em;}
|
|
||||||
#footer .box .menu li:not(:last-child):after {content:""; position:absolute; top:6px; right:-0.8em; width:1px; height:8px; background-color:#8b8a8a;}
|
|
||||||
#footer .box .menu li a {color:#afafaf; font-size:14px;}
|
|
||||||
#footer .box .menu li a:hover {color:#377fed;}
|
|
||||||
|
|
||||||
/* 감색 목록 */
|
|
||||||
.searchResultWrap {position:relative; padding:20px 0; margin-bottom: 30px; border-top:1px solid #777;}
|
|
||||||
.searchResultWrap .ser_kwd {color:#f96262;}
|
|
||||||
.searchResultWrap .title {color: #222; font-size:24px; background:url(../images/main/ico_penbul.png) no-repeat 0 9px; padding-left:24px; padding-bottom: 25px; border-bottom:1px dotted #ccc;}
|
|
||||||
.searchResultWrap .title span {font-size:18px;}
|
|
||||||
.searchResultWrap .title .btn-more {display: inline-block; width: 60px; margin:0; padding-left:20px; border:0;}
|
|
||||||
.searchResultWrap .title .btn-more a {display: block; font-size:14px; color:#868686; text-decoration:none; background-color:transparent; background: url(../images/main/ico_more01.png) no-repeat right 50%;}
|
|
||||||
.searchResultWrap .title .sel_box {display: inline-block; position: absolute; right: 0;}
|
|
||||||
.searchResultWrap .title .sel_box select {border:0; outline: none; font-size:15px; color:#555; padding:0 30px 0 10px; width:100%; height:40px; line-height:38px; border:1px solid #ccc; cursor: pointer; background: #fff url(../images/main/ico_select.png) no-repeat 90% 50%; background-size: 7px 4px;}
|
|
||||||
.searchResultList li {border-bottom:1px dotted #ccc; padding: 25px 0 25px;}
|
|
||||||
.searchResultList li .tit {position: relative; margin-bottom:5px; font-size:22px; color:#333; font-weight:400;}
|
|
||||||
.searchResultList li .tit .bookmark {position: absolute; top:-2px; right: 0; padding-left: 26px; text-indent:-9999px; background: url(../images/main/ico_clipping.png) left center no-repeat;}
|
|
||||||
.searchResultList li .tit .bookmark_on {position: absolute; top:-2px; right: 0; padding-left: 26px; text-indent:-9999px; background: url(../images/main/ico_clipping_on.png) left center no-repeat;}
|
|
||||||
.searchResultList li .desc {display:block; width:100%; height:40px; line-height:1.3; font-size:15px; color:#5c5c5c; font-weight:300; margin-bottom:5px;overflow:hidden; display: -webkit-box; text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
|
|
||||||
.searchResultList li .top_kwd { font-size:14px; color:#333; font-weight:300;}
|
|
||||||
.searchResultList li .date { font-size:14px; color:#aaa9a9; font-weight:300;}
|
|
||||||
.searchResultList li.keyword_arrow {position: relative; background:#f8f9fb; border-bottom:1px solid #777; box-sizing: border-box; padding: 0 18px !important; height:36px !important; line-height:34px; margin-bottom:20px;}
|
|
||||||
.searchResultList li.keyword_arrow .txt_word {display: inline-block; width:80%; left:0;}
|
|
||||||
.searchResultList li.keyword_arrow span { font-size:14px; color:#2a6fe8; }
|
|
||||||
.searchResultList li.keyword_arrow .btn-more {display: inline-block; width: 60px; margin:0; padding-left:20px; position: absolute; right: 18px;}
|
|
||||||
.searchResultList li.keyword_arrow .btn-more a {display: block; font-size:14px; color:#868686; text-decoration:none; background-color:transparent; background: url(../images/main/ico_more01.png) no-repeat right 50%;}
|
|
||||||
.searchResultWrap .not_data {margin:0 auto; text-align: center; line-height:40px;}
|
|
||||||
.searchResultWrap .not_data p {display: inline-block; font-size:18px; color:#333; background-size: 40px 40px; padding-left:50px; background:url(../images/main/not_list_img.png) 0 center no-repeat;}
|
|
||||||
.notSearchResult p {margin-bottom:15px;font-weight:bold;font-size:1.071em}
|
|
||||||
.notSearchResult p strong {font-size:1.133em}
|
|
||||||
|
|
||||||
/* 데이터 - 검색결과 */
|
|
||||||
.ser_kwd {color: #f96262;}
|
|
||||||
.search-result-num {display:block; text-align: center; font-size:22px; color:#7e7e7e; font-weight:500; letter-spacing: -1px; margin-bottom:30px; padding-top: 40px;}
|
|
||||||
.search-result-num .ser_kwd {color:#f96262;}
|
|
||||||
|
|
||||||
/* main tab */
|
|
||||||
.main_tabWrap {position:relative; overflow:hidden; margin: 0 auto; box-sizing: border-box;}
|
|
||||||
.main_tab {margin-bottom:18px; position: relative; width: 100%; height: 55px; margin: 0 auto 30px; text-align: center;}
|
|
||||||
.main_tab ul.tab03 {position:relative; width:100%; height:55px; padding:0; margin:0 auto; text-align: center;}
|
|
||||||
.main_tab ul.tab03 > li {display:inline-block; position:relative; margin:0; height:55px; width:190px;}
|
|
||||||
.main_tab ul.tab03 > li a {width:100%; display:block; color:#666; font-size:18px; font-weight:500; line-height:55px; text-align:center; background-color:#f1f7f9; border-radius:55px;}
|
|
||||||
.main_tab ul.tab03 > li a:hover {text-decoration:none; line-height:55px; background-color:#f1f7f9; color:#0098d1;}
|
|
||||||
.main_tab ul.tab03 > li.active a {line-height:55px;color:#fff; border-color:#0098d1; background-color:#0098d1;}
|
|
||||||
.main_tab ul.tab03 > li.active a:hover {}
|
|
||||||
.tab_content {position:relative; background:transparent; padding:0;}
|
|
||||||
.main_tab li a:first-child {margin-left: 0px;}
|
|
||||||
|
|
||||||
/* 키워드 조회 */
|
|
||||||
.keyword_view {position:relative; width:100%;}
|
|
||||||
.keyword_wrap {position: relative; width:100%; padding:28px 0 20px;}
|
|
||||||
.keyword_wrap:after {content:''; display:block; clear:both;}
|
|
||||||
.keyword_left {float:left; position: absolute; border-right:1px solid #ccc; padding: 28px 10px 10px 0; box-sizing: border-box; top: 0; left: 0; width: 275px; height:100%; min-height:220px; overflow-y: auto; margin-right: 30px;}
|
|
||||||
.keyword_right {position: relative; float:right; width:75%; min-height: 470px; box-sizing: border-box; margin-left: 305px; padding: 0; background-color: #fff;}
|
|
||||||
.keyword_left .keyword_list li a {display: block; height:48px; line-height: 48px; border:1px solid #ccc; border-radius: 5px; margin-bottom:10px; font-size: 16px; font-weight:500; color:#848484; text-align: center;}
|
|
||||||
.keyword_left .keyword_list li a:hover, .keyword_left .keyword_list li a:active {border:1px solid #ccc; color:#1d68dc; font-weight:600;}
|
|
||||||
.keyword_left .keyword_list li a.on {height:46px; border:2px solid #1d68dc; color:#333; font-weight:600; border-radius: 5px;}
|
|
||||||
.keyword_body {background:#fff; width:100%; overflow: hidden;}
|
|
||||||
.keyword_right .searchkeywordList li {border:1px solid #ccc; padding: 20px 25px; margin-bottom:10px;}
|
|
||||||
.keyword_right .searchkeywordList li:hover {border:1px solid #2a6fe8; cursor:pointer;}
|
|
||||||
.keyword_right .searchkeywordList li .tit {position: relative; margin-bottom:5px; font-size:22px; color:#333; font-weight:400;}
|
|
||||||
.keyword_right .searchkeywordList li .tit .bookmark {position: absolute; top:-2px; right: 0; padding-left: 26px; text-indent:-9999px; background: url(../images/main/ico_clipping.png) left center no-repeat;}
|
|
||||||
.keyword_right .searchkeywordList li .tit .bookmark_on {position: absolute; top:-2px; right: 0; padding-left: 26px; text-indent:-9999px; background: url(../images/main/ico_clipping_on.png) left center no-repeat;}
|
|
||||||
.keyword_right .searchkeywordList li .desc {display:block; width:100%; height:40px; line-height:1.3; font-size:15px; color:#5c5c5c; font-weight:300; margin-bottom:5px;overflow:hidden; display: -webkit-box; text-overflow:ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
|
|
||||||
.keyword_right .searchkeywordList li .top_kwd { font-size:14px; color:#333; font-weight:300;}
|
|
||||||
.keyword_right .searchkeywordList li .date { font-size:14px; color:#aaa9a9; font-weight:300;}
|
|
||||||
|
|
||||||
/* 더보기 버튼 */
|
|
||||||
.list_more {margin-top:10px; text-align:center;}
|
|
||||||
.btn_more {display:inline-block; width:96px; height:36px; line-height:34px; color:#515151; text-align:center; font-size:14px; cursor:pointer; padding:0 10px 0 0; border-radius: 36px; border:1px solid #ccc; background: #f5f5f5 url('../images/main/ico_more_arrow.png') no-repeat 78% 50%;}
|
|
||||||
.btn_more:hover {border:1px solid #1d68dc; background: #f5f5f5 url('../images/main/ico_more_arrow.png') no-repeat 78% 50%;}
|
|
||||||
|
|
||||||
/* 버튼 그룹 */
|
|
||||||
.btn_group {position: relative; text-align:right; margin-top:20px; right:0;}
|
|
||||||
.btn_group button {height:40px; line-height:38px; border-radius: 4px; font-size:15px; font-weight:400; padding:0 12px; text-align:center; min-width:50px;}
|
|
||||||
.btn_group button + button {margin-left:2px}
|
|
||||||
.btn_group .btn_keyword_add {display:inline-block;padding:0 20px; background-color:#ea4c89; color:#fff; font-weight:500; vertical-align:middle; height: 50px; line-height: 48px; border-radius: 48px; letter-spacing: -0.8px;}
|
|
||||||
.btn_group .btn_keyword_add:hover {background:#e3408d;}
|
|
||||||
.btn_keyword {display:inline-block; padding:0 16px; border:1px solid #1d68dc; border-radius: 5px; vertical-align:middle; cursor: pointer; height: 40px; line-height: 38px; font-weight:400; color:#1d68dc; background: #fff;}
|
|
||||||
.btn_keyword:hover {color:#fff; border:1px solid #1d68dc; background:#1d68dc;}
|
|
||||||
.ico_blank_dark {width:12px; height:12px; background-image:url('../images/main/keword_ico_del.png'); margin-left:13px;}
|
|
||||||
.btn_keyword:hover .ico_blank_dark.blank_ov {width:12px; height:12px; background-image:url('../images/main/keword_ico_del_ov.png'); margin-left:13px;}
|
|
||||||
.btn_group .btn-function {min-width:80px; color:#fff; background:#2e389d;}/*등록,확인,저장*/
|
|
||||||
.btn_group .btn-function:hover {background:#202a8f;}
|
|
||||||
.btn_group .btn-etc {min-width:80px; color:#fff; background:#187bfe;}/*수정*/
|
|
||||||
.btn_group .btn-etc:hover {background:#055ed3;}
|
|
||||||
.btn_group .btn-cancel {min-width:80px; color:#fff; background:#474d5c;}/*취소*/
|
|
||||||
.btn_group .btn-cancel:hover { background:#3e4452;}
|
|
||||||
|
|
||||||
/* Button style */
|
|
||||||
.button, .button a {display:inline-block;cursor:pointer;color:inherit;text-align:center;overflow:visible;background:#fff; padding:0;text-decoration: none !important;vertical-align:middle;white-space:nowrap;margin:0;}
|
|
||||||
.button:hover {font-weight: normal;}
|
|
||||||
.button.btn_small {display:inline-block; padding:0px 16px !important;border:1px solid #7e819b;background-color:#7e819b;color:#fff;font-size:14px;font-weight:500;height: 36px;line-height: 34px;border-radius: 3px;vertical-align:middle;cursor: pointer;}
|
|
||||||
.button.btn_small:hover {border:1px solid #6a6e89;background-color:#6a6e89;}
|
|
||||||
|
|
||||||
/* tbl btn */
|
|
||||||
.btn {display:inline-block;height:34px;line-height:32px;font-size:13px;padding:0 12px;text-align:center;border-radius: 3px;}
|
|
||||||
.btn:hover {text-decoration:none;}
|
|
||||||
button[class^='btn-']:hover {text-decoration:none;}
|
|
||||||
.btn-copy,.fileSelectBox .fileinput-button,.fileinput-button {background:#f5f5f5;border:1px solid #bbb;color:#555;}
|
|
||||||
.btn-copy:hover,td .inlineBox > button:hover,td .inline > button:hover,.fileSelectBox .fileinput-button:hover {background:#7d7d7d;border:1px solid #7d7d7d;color:#fff;}
|
|
||||||
.btn-save {background:#fff;border:1px solid #508cc3!important;color:#427db4;}
|
|
||||||
.btn-save:hover{background-color:#508cc3!important;border:1px solid #508cc3;color:#fff!important;}
|
|
||||||
.btn-print{background:#6eb5b8;border:1px solid #6eb5b8;color:#fff;}
|
|
||||||
.btn-print:hover{color:#fff;background:#649092;border:1px solid #649092;}
|
|
||||||
.btn.btn-etc{background-color:#fff;border:1px solid #bbb;color:#333;}
|
|
||||||
.btn.btn-etc:hover{background-color:#f3f3f3;border:1px solid #999;color:#333;}
|
|
||||||
.btn-inspect {min-width:62px;border:1px solid #42b382;color:#fff;background:#42b382;}/*장비 점검*/
|
|
||||||
.btn-inspect:hover {border:1px solid #2aa36e!important;;background:#2aa36e!important;}
|
|
||||||
.btn-step {border:1px solid #333faf;color:#333faf;background:#fff;}/*단계*/
|
|
||||||
.btn-step:hover {color:#fff;border:1px solid #333faf!important;;background:#333faf!important;}
|
|
||||||
.btn-report {background:#fff;border:1px solid #fd5120;color:#fd5120;}/*보고서*/
|
|
||||||
.btn-report:hover,.btn-report.active {background:#fd5120;border:1px solid #fd5120;color:#fff;}
|
|
||||||
.btn-result {border:1px solid #646ab7;color:#fff;background:#646ab7;}/*결과*/
|
|
||||||
.btn-result:hover {color:#fff;border:1px solid #4e54af!important;;background:#4e54af!important;}
|
|
||||||
.btn-regist {background:#fff;border:1px solid #2f3bab!important;color:#2f3bab!important;}/*등록*/
|
|
||||||
.btn-regist:hover {background:#2733a1!important;border:1px solid #2733a1!important;color:#fff!important;}
|
|
||||||
.btn-modifi {background:#fff;border:1px solid #2da873!important;color:#1e9e67;}/*수정*/
|
|
||||||
.btn-modifi:hover {background:#229f69!important;border:1px solid #229f69!important;color:#fff!important;}
|
|
||||||
.w-sm{min-width:50px;}
|
|
||||||
.btn-open-helplayer{width:71px;height:30px;background:url(../images/common/btnimg-help.png) no-repeat;}
|
|
||||||
.btn-open-helplayer span{text-indent:-999999em!important;font-size:0!important;line-height:0!important;}
|
|
||||||
/* button size */
|
|
||||||
.btn.md{height:28px;line-height:24px;font-size:11px;padding:0 5px;}
|
|
||||||
.btn.sx{height:24px;line-height:20px;font-size:11px;padding:0 5px;}
|
|
||||||
|
|
||||||
/* table info */
|
|
||||||
.tbl_info {position:relative; height:36px;line-height:36px; margin-bottom:5px; display: flex; -webkt-display: flex; -moz-display: flex; align-content: space-between; align-items: center;}
|
|
||||||
.tbl_info {width: 100%; position: relative; height: 35px; line-height: 35px; display: inline-block; margin-bottom: 5px;}
|
|
||||||
.tbl_info:after {content:''; display:block; clear:both;}
|
|
||||||
.tbl_info .left_Area {position: relative; text-align: left; float:left;}
|
|
||||||
.tbl_info .right_Area {box-sizing: border-box; float:right;}
|
|
||||||
.tbl_info .left_Area ul li {display:inline-block; font-size: 16px; font-weight: normal; color: #333; letter-spacing: -0.7px;}
|
|
||||||
.tbl_info .left_Area ul li .txt_total {color:#f96262; padding:0 2px 0 4px; font-weight: 500;}
|
|
||||||
.tbl_info .right_Area .sel_box {display: inline-block; position: absolute; right: 0;}
|
|
||||||
.tbl_info .right_Area .sel_box select {border:0; outline: none; font-size:14px; color:#555; padding:0 30px 0 10px; width:100%; height:36px; line-height:34px; border:1px solid #ccc; cursor: pointer; background: #fff url(../images/common/ico_sel_arrow.png) no-repeat right 50%; background-size:20px 8px;}
|
|
||||||
.essential {display:inline-block; color:#f93c4e; font-size: 16px; line-height: 12px; vertical-align: text-top; padding:0 3px 0 4px;}
|
|
||||||
|
|
||||||
/* Table list */
|
|
||||||
.tbl_list {position:relative; width:100%; border-top: 1px solid #334263;}
|
|
||||||
.table-x-scrollable {overflow-x: scroll;}
|
|
||||||
.table {width: 100%; table-layout: fixed; border-bottom: 1px solid #cbccd3; background-color: #fff; margin-bottom:15px;}
|
|
||||||
.table thead th {border-bottom: 1px solid #d5d4d4; }
|
|
||||||
.table thead th, .table tbody th {padding:3px 8px; vertical-align: middle; font-size:13.5px; font-weight:400; color:#112469; text-align:center; background: #f3f5fd;}
|
|
||||||
.table thead th:last-child, .table th:last-child, .table td:last-child {border-right: 0;}
|
|
||||||
.table th, .table td {padding: 3px 8px; vertical-align: middle; height: 36px; text-align: center; word-break: break-all; -ms-word-break: break-all; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
|
|
||||||
.table tbody td {vertical-align:middle; font-size:13.5px; color:#333; font-weight: 300; text-align:center; word-break: break-all; white-space: normal;}
|
|
||||||
.table tbody td a {text-align:left; font-size:13.5px; color:#333; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis; display:block;}
|
|
||||||
.table tbody td a:hover {color:#0d2ea6; text-decoration: none;}
|
|
||||||
.table td button {height:32px;line-height:32px;}
|
|
||||||
.table td .btn-normal {background-color:#fff;border:1px solid #bbb;color:#333;height:32px;line-height:30px;}
|
|
||||||
.table td .btn-normal:hover {background-color:#f3f3f3;border:1px solid #999;color:#333;}
|
|
||||||
.table tbody tr.notice_area {background: #fef6f8 !important; font-weight:500;}
|
|
||||||
.table + .table {margin-top:20px;}
|
|
||||||
.badge_notice {display:inline-block; text-align:center; color:#ff4e50; font-size:13px; font-weight:400; background:#fff; border: 1px solid #ff4e50; border-radius: 22px; min-width: 46px; height: 22px; line-height: 20px; box-sizing: border-box;}
|
|
||||||
|
|
||||||
/* paging */
|
|
||||||
.pagination {position: relative; display: block; text-align:center; margin: 25px auto 0;}
|
|
||||||
.pagination li {display: inline-block; vertical-align: middle; letter-spacing:-2px; text-align:center;}
|
|
||||||
.pagination li a {display: block; text-decoration: none; color: #333; font-size:13px; word-break: keep-all; -ms-word-break: keep-all; width:32px; min-width: 32px; height: 32px; line-height:30px; border-radius: 5px; border: solid 1px #ccc; background: #fff;}
|
|
||||||
.pagination li a.first_page {display:inline-block;text-indent:-9999px; background:#fff url('../images/common/ico_page_first.png') no-repeat 50% 50%;font-size:0; width:15px;height:32px; box-sizing: border-box;}
|
|
||||||
.pagination li a.pre_page {display:inline-block;text-indent:-9999px; background:#fff url('../images/common/ico_page_pre.png') no-repeat 50% 50%;font-size:0; width:15px;height:32px; margin-right:10px;box-sizing: border-box;}
|
|
||||||
.pagination li a.next_page {display:inline-block;text-indent:-9999px; background:#fff url('../images/common/ico_page_next.png') no-repeat 50% 50%;font-size:0; width:15px;height:32px; margin-left:10px; box-sizing: border-box;}
|
|
||||||
.pagination li a.end_page {display:inline-block;text-indent:-9999px; background:#fff url('../images/common/ico_page_last.png') no-repeat 50% 50%;font-size:0; width:15px;height:32px; box-sizing: border-box;}
|
|
||||||
.pagination li a:hover,
|
|
||||||
.pagination li span:hover,
|
|
||||||
.pagination li a:focus,
|
|
||||||
.pagination li span:focus {color: #0d2ea6; border-color: #0d2ea6;}
|
|
||||||
.pagination .active a,
|
|
||||||
.pagination .active span,
|
|
||||||
.pagination .active a:hover,
|
|
||||||
.pagination .active span:hover,
|
|
||||||
.pagination .active a:focus,
|
|
||||||
.pagination .active span:focus {z-index: 2; color: #fff; background-color: #595959; border-color: #595959; cursor: default;}
|
|
||||||
.pagination li a.on {z-index: 2; color: #fff;background-color: #595959; border-color: #595959; cursor: default;}
|
|
||||||
|
|
||||||
/* View/Form table */
|
|
||||||
.bbs_view {position:relative; width:100%; border-top: 1px solid #334263;margin-bottom: 30px;}
|
|
||||||
.tbl_form {width:100%; border:0; background-color: #fff; border-bottom: 0; table-layout:fixed; border-collapse: separate; margin-bottom:20px;}
|
|
||||||
.tbl_form th, .tbl_form td {vertical-align: middle;}
|
|
||||||
.tbl_form th {padding:6px 10px; height: 38px; text-align:center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #f3f5fd; font-size: 13.5px; font-weight: 500; color: #112469; letter-spacing:-0.5px;}
|
|
||||||
.tbl_form th.non_bg {background: #fff; }
|
|
||||||
.tbl_form td {padding:6px 10px; height: 38px; text-align:left; font-size:14px; color:#333; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
|
|
||||||
.tbl_form thead th:last-child, .tbl_form th:last-child, .tbl_form td:last-child {border-right: 0;}
|
|
||||||
.tbl_form thead th {padding:2px 10px 2px 10px; height: 34px; text-align:center; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; background: #f3f5fd; font-size: 13.5px; font-weight: 500; color: #112469; letter-spacing:-0.5px;}
|
|
||||||
.tbl_form td label {vertical-align:top;padding-right:10px;}
|
|
||||||
.tbl_form input[type="text"] {}
|
|
||||||
.tbl_form select {width:100%;}
|
|
||||||
.tbl_form textarea {/*width:98%;*/}
|
|
||||||
.tbl_form input.form-control {width: 100%;}
|
|
||||||
.tbl_form td img {vertical-align:middle;}
|
|
||||||
.tbl_form td .form_inline {display: inline-block; float: left; box-sizing: border-box;}
|
|
||||||
.tbl_form td .form_group {display: inline-block; position: relative; width: 100%; max-width: 100%;box-sizing: border-box;}
|
|
||||||
.tbl_form td .form_group span {box-sizing: border-box; position: relative; display: inline-block;}
|
|
||||||
.tbl_form td .form_group em {display: inline-block;padding-left: 8px;padding-right: 8px;font-size: 14px;}
|
|
||||||
/*.tbl_form td .form_group em input + label {margin-right: -6px; margin-left: -4px;display: inline-block;}*/
|
|
||||||
.tbl_form td .form_inline .label, .tbl_form td .form_group .label {display: inline-block;vertical-align:middle; color:#333; font-weight:500;}
|
|
||||||
.tbl_form th.blank_bg, .tbl_form td.blank_bg {border-left: none;border-right: none; background:#fff; height:5px;}
|
|
||||||
.text_note {display: inline-block;font-size:12px;color:#f77777;line-height:16px;background:url('../images/common/ico_info.png') no-repeat 0 50%;padding-left:18px;}
|
|
||||||
.tbl_form button.ico_btn_search {display:inline-block;width: 26px;height: 24px;background: url('../images/common/ico_td_search.png') no-repeat 0 0; margin-left: 2px;text-indent:-9999px;font-size:0;cursor:pointer;}
|
|
||||||
.tbl_form .datepicker {width:100%;}
|
|
||||||
.tbl_form .date_group {display:inline-block;position:relative;}
|
|
||||||
.tbl_form .date_group i {display:inline-block;width:16px;color:#000;text-align:center;font-size:13px;}
|
|
||||||
button.ico_btn_search {display:inline-block;width: 26px;height: 24px;background: url('../images/common/ico_td_search.png') no-repeat 0 0; margin-left: 2px;text-indent:-9999px;font-size:0;cursor:pointer;}
|
|
||||||
button.ico_btn_search:hover {display:inline-block;width: 26px;height: 24px;background: url('../images/common/ico_td_search_ov.png') no-repeat 0 0; margin-left: 2px;text-indent:-9999px;font-size:0;cursor:pointer;}
|
|
||||||
.table input.text_amount, .tbl_form input.text_amount {text-align: right;padding-right: 5px !important;box-sizing: border-box; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
|
|
||||||
.tbl_form td button {height: 32px; line-height: 32px;}
|
|
||||||
.tbl_form .text_box {width: 100%;}
|
|
||||||
.tbl_form .text_box textarea {width:95%; overflow-y: hidden; resize: none; border: 1px solid #ccc; border-radius: 4px; padding: 2px 8px; padding-bottom: 0;line-height: 16px;font-size:13px;}
|
|
||||||
|
|
||||||
/* 점검보고서 */
|
|
||||||
.report_wrap {position:relative; width:100%; display: flex; -webkt-display: flex; -moz-display: flex; justify-content: space-between;}
|
|
||||||
.calcBox, .roundBox {position:relative; border: 1px solid #dddddd; border-radius: 6px; padding: 10px 20px; background-color: #fff; margin-top: 10px; align-items: center;}
|
|
||||||
.ttl {position:relative; font-size:15px; font-weight:500;color:#333;padding-left:15px;margin-right:20px;text-align:left;}
|
|
||||||
.ttl:before {position:Absolute;content:'';display:block;left:2px;top:50%;transform:translateY(-50%);height:13px;width:5px;background:#29b0fd;border-radius:12px;}
|
|
||||||
.calcBox textarea.form-control {flex: 1; min-height: 50px; width: 100%;font-size:13px;line-height: 1.5;}
|
|
||||||
.calcBox .btn.report_sel {height:50px;line-height:48px;background-color:#f38a4a;font-size:13px;color:#fff;font-weight:500;padding:0 15px;border-radius:4px;text-align:center;}
|
|
||||||
.calcBox .btn.report_sel:hover {background-color:#eb8241;}
|
|
||||||
|
|
||||||
/* 스크롤 */
|
|
||||||
#scrollstyle::-webkit-scrollbar-track {border-radius: 0;background-color: #f5f5f5;}
|
|
||||||
#scrollstyle::-webkit-scrollbar {width: 8px; background-color: #f5f5f5;}
|
|
||||||
#scrollstyle::-webkit-scrollbar-thumb {border-radius: 0; background-color: #ccc;}
|
|
||||||
#scrollstyle-x::-webkit-scrollbar-track {border-radius: 0;background-color: #f5f5f5;}
|
|
||||||
#scrollstyle-x::-webkit-scrollbar {height: 8px; background-color: #f5f5f5;}
|
|
||||||
#scrollstyle-x::-webkit-scrollbar-thumb {border-radius: 0; background-color: #ccc;}
|
|
||||||
|
|
||||||
/* 검색영역 */
|
|
||||||
.search_wrap {width:100%; clear:both; margin:0 auto; text-align:center; overflow: hidden;}
|
|
||||||
.search_wrap .inner_box {position: relative; width:1400px; margin:0 auto; overflow:hidden;}
|
|
||||||
.date_group {display:inline-block;position:relative;}
|
|
||||||
.date_group i {display:inline-block;width:20px;color:#333;text-align:center;font-size:15px;}
|
|
||||||
.date_group input {height:38px !important; padding:0 12px !important; border: 1px solid #ccc !important; color:#333; border-radius: 4px;}
|
|
||||||
.btn_calendar {display:inline-block; width: 21px; height: 22px; background: #fff url(../images/common/ico_calendar.png) no-repeat 94% 55%; cursor: pointer; padding-right: 16px;}
|
|
||||||
.btn_calendar span {display:inline-block; text-indent:-9999px;}
|
|
||||||
.date_group .btn_mainSearch {display:block;position:absolute;top:0;right:0;width:41px;height:41px;text-indent:-9999em; background: url(../images/main/btn_ico_search.png) no-repeat center center;border:0px none;box-sizing:border-box;}
|
|
||||||
.date_group .btn_search {display:inline-block; vertical-align:middle;font-size:0; width:41px; height:41px; background: url(../images/main/btn_ico_search.png) no-repeat 0 0; margin-left: 10px;}
|
|
||||||
.search_box {position:relative; width:100%; padding: 0px 0 0;margin: 0 auto;}
|
|
||||||
.search_box .searchBox_inner {width:645px; height:50px; display:block; position:relative; border-bottom: 3px solid #1e1e1e; margin:0 auto 10px;}
|
|
||||||
.search_box .searchBox_inner label {width:100%; height:50px; font-size:20px; text-align:left; font-weight:100; color:#fff; line-height:50px; padding:0; display:inline-block; box-sizing:border-box; position:absolute; top:0; left:0; opacity:0.5;}
|
|
||||||
.search_box .searchBox_inner input {width:100%; height:50px; background-color:transparent; font-size:18px; text-align:left; color:#282828; line-height:20px; padding:16px 40px 16px 0; display:inline-block; border:0; box-sizing:border-box;}
|
|
||||||
.search_box .searchBox_inner input::placeholder {font-size:18px; text-align:left; color:#b6b6b6;}
|
|
||||||
.search_box button {position: absolute;top:15px;right:0;width: 23px;height: 22px;font-size:0;background:url(../images/main/btn_ico_search.png) no-repeat;}
|
|
||||||
.search.on .search_wrap {display: inline-block; visibility:visible; opacity:1; height: auto;}
|
|
||||||
.search.on > a{ visibility: hidden; opacity:0;}
|
|
||||||
.search .ex { display:inline-block; width:auto; text-align: center; margin:0 auto;}
|
|
||||||
.ex {position:relative; display:inline-block; width:100%; height:48px; line-height:46px; padding:0; margin: 0 auto; text-align:center; background: #2646a6;}
|
|
||||||
.ex .ex_inner {position: relative; width:1400px; margin:0 auto; overflow:hidden;}
|
|
||||||
.ex .ex_inner .ex_tit {display: inline-block; font-size: 15px; font-weight: 500; color:#d2e2ff; padding:3px 0 5px 0; margin-right: 15px; line-height: 1; vertical-align: middle;}
|
|
||||||
.ex .ex_inner a {display: inline-block; font-size: 15px; font-weight: 300; color:#d2e2ff; line-height: 1;}
|
|
||||||
.ex .ex_inner a:before {content: ""; display: inline-block; width: 1px; height: 12px; background-color:#afc1e9; vertical-align: middle; margin:0 12px;}
|
|
||||||
.ex .ex_inner a:nth-child(2):before {display: none;}
|
|
||||||
|
|
||||||
/* search_box_sub */
|
|
||||||
.search_box_sub {position:relative; width:100%; padding: 20px 0; margin: 0 auto 25px; border:1px solid #b4d0dd; background:#f2fbff;}
|
|
||||||
.search_box_sub .searchBox_inner {width:100%; height:47px; display:block; position:relative; margin:0 auto; text-align: center;}
|
|
||||||
.search_box_sub .searchBox_inner input[type=text] {width:50%; height:47px; border:1px solid #ccc; color:#1b263c; font-size:18px; line-height:19px; padding:15px 10px 10px 10px; display:inline-block; box-sizing:border-box;}
|
|
||||||
.search_box_sub .searchBox_inner input::placeholder {font-size:17px; text-align:left; color:#b6b6b6;}
|
|
||||||
.search_box_sub .searchBox_inner .search_submit {position:relative;display:inline-block;background-color:#1b263c;vertical-align:middle;text-align:center; margin-left:5px;}
|
|
||||||
.search_box_sub .searchBox_inner .search_submit input[type='submit'] {color:#fff; font-size:15px;font-weight:500; min-width:84px; height:47px; padding: 0 20px;}
|
|
||||||
|
|
||||||
/*----------- 레이어팝업 -----------*/
|
|
||||||
[class^='sp-layer-popup'],.ydp-mlayer-popup {position:absolute;top:0;left:0;z-index:999999;width:100%;height:100%}
|
|
||||||
[class^='sp-layer-popup'] .wrap-layer-bg,.ydp-mlayer-popup .wrap-layer-bg {position:fixed;z-index:110;width:100%;height:100%;background-color:#333;opacity:0.7}
|
|
||||||
[class^='sp-layer-popup'] .popupbox,.ydp-mlayer-popup .popupbox {position:fixed;top:50%;left:50%;z-index:120;border:1px solid #ccc;background-color:#fff;box-sizing:border-box;border-radius:0;}
|
|
||||||
[class^='sp-layer-popup'] .popupbox section {position:relative;padding:25px}
|
|
||||||
.popupbox {position:fixed;top:50%;left:50%;z-index:120;background-color:#fff;box-sizing:border-box}
|
|
||||||
.popupbox section {position:relative;padding:25px}
|
|
||||||
|
|
||||||
/* 팝업상세 */
|
|
||||||
.ydp-mlayer-popup .popupbox {border:0; border-radius: 5px; border: 5px solid #2646a6}
|
|
||||||
.popupbox .pb-head {height: 75px; background-color: #2646a6;}
|
|
||||||
.popupbox .pb-head h2 b {color:#fff; font-size:24px; font-weight:600; line-height:68px; margin-left:30px;}
|
|
||||||
.popupbox .pb-head .btn-close-setting {display:block; position:absolute; top:30px; right:35px;z-index:125;width:16px;height:16px;background: url(../images/common/ico_pop_close.png)no-repeat; text-indent: -9999px;}
|
|
||||||
.popupbox .pb-body {position: relative; padding: 25px 30px 5px; background-color: #fff;}
|
|
||||||
.popupbox .pb-body article {margin-left:0px;}
|
|
||||||
.popupbox .pb-body h3 {font-size:20px; color:#474d5c; padding:10px 0 15px;}
|
|
||||||
.popupbox .pb-body .keyword_add_wrap {position: relative; display: inline-block; vertical-align:top; padding-bottom:20px; border-bottom:1px solid #e0e0e0;}
|
|
||||||
.popupbox .pb-body .keyword_add_wrap a {float:left; display: block; margin:0 8px 8px 0;}
|
|
||||||
.ydp-mlayer-popup li label span {font-size:15px; color:#282828;}
|
|
||||||
.ydp-mlayer-popup .btn-Area {padding-top:15px;text-align:center; bottom:0; display:flex;-webkt-display:flex;-moz-display:flex;justify-content:center;border-top:1px dashed #ccc; height:70px; width:100%; margin:0 auto;}
|
|
||||||
.ydp-mlayer-popup .btn-Area button {height:50px;line-height:48px; border-radius: 50px; font-size:18px;font-weight:500;padding:0 12px;text-align:center;min-width:50px;}
|
|
||||||
.ydp-mlayer-popup .btn-Area button + button {margin-left:5px}
|
|
||||||
.ydp-mlayer-popup .btn-Area .btn-save {width:100px; color:#fff; background:#eb4c97;}
|
|
||||||
.ydp-mlayer-popup .btn-Area .btn-save:hover {color:#fff;background:#e2428d;}
|
|
||||||
.ydp-mlayer-popup .btn-Area .btn-cancel {width:100px; color:#fff; background:#474d5c;}
|
|
||||||
.ydp-mlayer-popup .btn-Area .btn-cancel:hover {color:#fff; background:#3e4452;}
|
|
||||||
|
|
||||||
/* 키 카테고리 */
|
|
||||||
.education_category {margin:10px 0 15px; text-align: center;}
|
|
||||||
.education_category ul {display:block; position:relative; width:100%; font-size:0; line-height:0;}
|
|
||||||
.education_category ul:before {display:block; position:absolute; width:1px; height:100%; background:#ff0000; z-index:10;}
|
|
||||||
.education_category .category_item {display:inline-block;position:relative;width:calc(100% / 6);height:48px;box-sizing:border-box;margin-left: 10px; margin-bottom: 10px;}
|
|
||||||
.education_category .category_item:nth-child(n+1) {margin-left:10px;}
|
|
||||||
.education_category .category_item a {display: table; width:100%; height:100%; border:1px solid #ccc; background-color:#fff; font-size:15px; line-height:48px; text-align:center; color:#868686; border-radius: 10px;}
|
|
||||||
.education_category .category_item:nth-child(n+6) a {}
|
|
||||||
.education_category .category_item a span {display:table-cell;font-size:15px;line-height:18px;vertical-align:middle;}
|
|
||||||
.education_category ul .category_item .active {background-color:#639df3;color:#fff;border-bottom: 0;}
|
|
||||||
|
|
||||||
/* searchArea - 검색 */
|
|
||||||
.searchArea {position:relative; background-color:#fff; border:1px solid #d5d7df; padding:15px 150px 8px 25px; border-radius: 8px; margin-bottom:25px;}
|
|
||||||
.searchArea table {position:relative;}
|
|
||||||
.searchArea th,.searchArea td {padding-bottom:5px;height:36px;}
|
|
||||||
.searchArea th {position:relative; text-align:left; padding-right:10px;}
|
|
||||||
.searchArea th:before {content:'';display:inline-block;height:4px;width:4px;border-radius:50px;position:Relative;top:-1px;background:#0d1e84;vertical-align:middle;margin-right:5px;}
|
|
||||||
.searchArea th label {color:#112469;font-size:14px;font-weight:500;}
|
|
||||||
.searchArea td {padding-right:20px;}
|
|
||||||
.inlineBox, .inline {display: flex; -webkt-display: flex; -moz-display: flex; align-items: center;}
|
|
||||||
.searchArea td .inlineBox {display: flex; -webkt-display: flex; -moz-display: flex; align-items: center;}
|
|
||||||
.searchArea td .form_group {display: flex; -webkt-display: flex; -moz-display: flex;align-items: center;}
|
|
||||||
.searchArea input[type='text'].form-control, .searchArea select.form-control, select.form-control {width:100%;}
|
|
||||||
.searchArea .form-control.set-btn-md {width:Calc(100% - 70px);}
|
|
||||||
.searchArea select.form-control.year {width:30%;}
|
|
||||||
.searchArea td .form-control + label.txt {margin:0 5px; word-break:keep-all; -ms-word-break:keep-all;}
|
|
||||||
.searchArea select.form-control.month {width:20%; min-width:45px;}
|
|
||||||
.searchArea .btnArea {position: absolute; top: 40%; right: 20px; flex-direction: column-reverse;}
|
|
||||||
.searchArea .btnArea [class^='btn-'] {display:block; height:36px;line-height:34px;color:#fff;font-size:14px;font-weight:400; padding:0 16px; width:88px; text-align:center; margin: 3px 0;border-radius: 4px;}
|
|
||||||
.searchArea .btnArea .btn-search,.uSearchArea .l-search .btn-search {background-color:#2747d0; border:1px solid #2747d0;}
|
|
||||||
.searchArea .btnArea .btn-search:hover,.uSearchArea .l-search .btn-search:hover {background-color:#193ac1;}
|
|
||||||
.searchArea .btnArea button + button {margin-bottom:0px;}
|
|
||||||
.searchArea .set-datepicker {width:120px;}
|
|
||||||
.searchArea.single-row {padding-right:100px;}
|
|
||||||
.searchArea.single-row .btnArea,.uSearchArea .btnArea {margin-top:-15px;flex-direction:row-reverse;}
|
|
||||||
.searchArea.single-row [class^='btn-'] {display:inline-block;}
|
|
||||||
.searchArea.single-row button + button {margin-bottom:0px; margin-right:5px;}
|
|
||||||
.searchArea + .listToparea .l-Top-info dt, .searchArea + .listToparea .l-Top-info dd {line-height:30px;margin-top:0;}
|
|
||||||
[class^='sp-layer-popup'] .searchArea.single-row {padding-right:60px;}
|
|
||||||
.searchArea.sm td {padding-right:15px;}
|
|
||||||
.listToparea > * {height:30px;align-items:center;}
|
|
||||||
|
|
||||||
/* datepicker */
|
|
||||||
.set-datepicker {position:relative; display:inline-block; width:140px; height:38px; background:#fff; /*padding-right:26px;*/ border:1px solid #ccc;}
|
|
||||||
.set-datepicker > input {height:38px; line-height:38px; border:0; background:none; width:100%; font-size:14px;}
|
|
||||||
.set-datepicker.disabled {background:#eee; opacity:.5; filter:alpha(opacity=50); cursor:default;}
|
|
||||||
.set-datepicker.disabled input {position:relative;}
|
|
||||||
td .set-datepicker > button,td .set-datepicker > button:hover,.set-datepicker > button,.set-datepicker > button:hover {background: #fff url(../images/common/ico_calendar.png) no-repeat;width:21px;height:22px;position:absolute;right:6px;top:7px;border:0!important;background-color:transparent;text-indent:-9999px!important;font-size:0!important;}
|
|
||||||
.set-datepicker.disabled:after {content:'';display:block;height:100%;width:100%;position:absolute;top:0;left:0;z-index:5;}
|
|
||||||
.set-datepicker + label.txt {margin: 0 5px;}
|
|
||||||
td label.txt {margin: 0 5px;}
|
|
||||||
.set-datepicker.sm {width:120px;}
|
|
||||||
|
|
||||||
/* modal 팝업 */
|
|
||||||
.dim-layer {display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000;}
|
|
||||||
.dim-layer .dimBg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50);}
|
|
||||||
.dim-layer .pop-layer {display: block; position: absolute;}
|
|
||||||
.pop-layer {display: none; position: fixed; top: 50%; left: 50%; width: auto; height: auto; background-color:#0e1872; z-index: 1000 !important; padding:2px;}
|
|
||||||
.modal-large {width: 960px;}
|
|
||||||
.modal-md {width: 760px;}
|
|
||||||
.modal-mini {width: 500px;}
|
|
||||||
.modal-content {position:relative; background-color:#fff; -webkit-background-clip: padding-box; background-clip: padding-box; outline: 0;}
|
|
||||||
.modal-header {width:100%;height:52px;background-color:#0e1872;}
|
|
||||||
.modal-header:after {content:''; display:block; clear:both;}
|
|
||||||
.modal-header .close {margin-top: -2px;}
|
|
||||||
.modal-header .pop_close {float: right;margin-right: 20px;}
|
|
||||||
.modal-header .pop_close a {display: block; background: url('../images/common/ico_pop_close.png')no-repeat; width:18px; height:18px; font-size: 0; margin-top: 20px;}
|
|
||||||
.modal-header .pop_title {text-align:left; font-size:20px; font-weight:500; color:#fff; line-height: 52px; text-indent: 25px; display: inline-block;}
|
|
||||||
.modal-body {position: relative; padding: 12px 25px 20px; background-color:#fff;}
|
|
||||||
.modal-body h3 {font-size:20px; color:#474d5c; padding:10px 0 15px;}
|
|
||||||
.modal-body .keyword_add_wrap {position: relative; display: inline-block; vertical-align:top; padding-bottom:20px; border-bottom:1px solid #e0e0e0;}
|
|
||||||
.modal-body .keyword_add_wrap a {float:left; display: block; margin:0 8px 8px 0;}
|
|
||||||
.modal-footer {padding: 15px 0 15px; text-align: center;border-top: 1px solid #ddd;}
|
|
||||||
.modal-footer .btn + .btn {margin-bottom: 0; margin-left: 3px;}
|
|
||||||
.modal-footer .btn-group .btn + .btn {margin-left: -1px;}
|
|
||||||
.modal-footer .btn-block + .btn-block {margin-left: 0;}
|
|
||||||
.button.btn_pop_cancel {font-size:15px; color:#333; font-weight:500; background:#fff; border:1px solid #ccc;min-width:80px; padding:0 20px; height:40px; line-height:38px; border-radius: 4px;}
|
|
||||||
.button.btn_pop_cancel:hover {background-color: #f5f6f9;border: 1px solid #9f9f9f;}
|
|
||||||
.button.btn_pop_save {font-size:15px; color:#fff; font-weight:500; background:#1d64c5; min-width:80px; padding:0 20px; height:40px; line-height: 38px; border-radius: 4px;}
|
|
||||||
.button.btn_pop_save:hover {color:#fff; background:#185bb7;}
|
|
||||||
.popup-body {position: relative; padding: 0 20px 15px;background-color:#fff;}
|
|
||||||
|
|
||||||
/* page-title */
|
|
||||||
.page-title {position:relative; height: 52px; line-height:52px;padding:0 20px; background-color: #0e1872; margin-bottom:20px;}
|
|
||||||
.page-title span {font-size:20px; font-weight:500; color:#fff !important;}
|
|
||||||
.page-title > .pop_close {float: right; margin-right: 10px;padding-top: 13px;}
|
|
||||||
.page-title > .pop_close a {display: block; background: url('../images/common/ico_pop_close.png') no-repeat; width: 18px; height: 18px; font-size: 0; margin-top: 7px;}
|
|
||||||
.page-title + article, .page-title + .content-title,.content-title + .sec-title {margin-top:15px;}
|
|
||||||
|
|
||||||
/*챠트영역*/
|
|
||||||
.chart_box {display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
|
|
||||||
.chart_wrap {position: relative; background-color: #fff; border: 1px solid #d5d7df; padding: 5px 25px; border-radius: 8px; margin-bottom: 25px;}
|
|
||||||
.prompt_box {position: relative;box-sizing: border-box; margin-bottom:10px;}
|
|
||||||
.prompt_box .Prompt_wrap {}
|
|
||||||
.prompt_box .Prompt_wrap .inner {}
|
|
||||||
.prompt_box .Prompt_wrap .inner:after {content:'';clear:both;display:block;}
|
|
||||||
.prompt_box .Prompt_wrap .inner .item {display: inline-block; float: left; vertical-align: top;}
|
|
||||||
.prompt_box .Prompt_wrap .inner .item .link {position: relative; display: block; background-color: #fff; color: #333; font-size: 16px; font-weight: 300; letter-spacing: -0.06em; line-height: 1.3; width: 100%; height: 100%; border: 1px solid #3a4aba; border-radius: 8px; text-align: left; padding: 9px 15px 9px; transition: all 0.3s;}
|
|
||||||
.prompt_box .Prompt_wrap .inner .item .link:hover,
|
|
||||||
.prompt_box .Prompt_wrap .inner .item .link:focus {background-color: #fff; border-color: #222f8b; box-shadow: 0 5px 4px rgba(135, 149, 163, 0.2);-ms-box-shadow: 0 5px 4px rgb(135 149 163 / 20%);border-style: dashed;}
|
|
||||||
.prompt_box .Prompt_wrap .inner .item .link .text {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:88%; vertical-align: middle;}
|
|
||||||
.prompt_box .Prompt_wrap .inner.n2 {width: calc(100% + 20px); margin: 0 -10px;}
|
|
||||||
.prompt_box .Prompt_wrap .inner.n2 .item {width: calc(100% / 2 - 20px); margin: 0 10px;margin-bottom: 8px;}
|
|
||||||
.prompt_box .Prompt_wrap .inner.n2 .item .s_tit {display: block;font-size: 15px;font-weight: 400;color: #333; margin-bottom: 10px;text-align:center;}
|
|
||||||
.prompt_box .Prompt_wrap .inner.n2 .item .g-map-area {border:1px solid #e6e6e6; background-color:#f3f5fd; min-height:50px;width:100%;margin-top: 3px;}
|
|
||||||
|
|
||||||
/* login */
|
|
||||||
.logback {width:100%;height:100%;background-image:url('../images/main/login_bg.gif'); background-size:100% 1000px;left: 0;top: 0;position: fixed;background: #f4f5f8;}
|
|
||||||
.logback h1 {top:0;height:42px;line-height:42px;margin-top: 8%;text-align:center;display:block;}
|
|
||||||
.logback h3 {top:0;height:40px;line-height:24px;padding-top: 20px;text-align:center;display:block;font-size:16px;font-weight:400;color:#555;margin:0 auto;}
|
|
||||||
.logback .login_box {margin:0 auto;width:500px; height:auto;clear:both;margin-top:1.2%;background:#fff;-webkit-border-radius: 26px;-moz-border-radius: 26px;-khtml-border-radius: 26px;border-radius:26px; box-shadow: 0px 1px 10px #bcbfdb; -moz-box-shadow: 0px 1px 10px #bcbfdb; -webkit-box-shadow: 0px 1px 10px #bcbfdb;}
|
|
||||||
.logback .login_box:after {content:""; clear:both; display:block}
|
|
||||||
.logback .login_box .loginWrap {width:70%; margin:0 auto;text-align:center;padding:55px 0;}
|
|
||||||
.loginWrap .input_wrap {width:100%;text-align:center;clear:both;}
|
|
||||||
.loginWrap .input_wrap input[type=text], .loginWrap .input_wrap input[type=password] {text-indent:10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-khtml-border-radius: 5px;border-radius:5px;}
|
|
||||||
.loginWrap .input_wrap input::placeholder {color:#b6b6b6 !important;}
|
|
||||||
.loginWrap .input_wrap .txt_id {width:100%; height:50px; font-size:16px; border:1px solid #ddd; margin-bottom:10px;}
|
|
||||||
.loginWrap .input_wrap .txt_pw {width:100%; height:50px; font-size:16px; border:1px solid #ddd;}
|
|
||||||
.loginWrap .input_wrap .save_id {float:left; color:#333; padding:25px 0;}
|
|
||||||
.loginWrap .input_wrap .save_id input[type=checkbox] + label {cursor: pointer; position: relative; font-size: 14px; padding-left: 30px;}
|
|
||||||
.loginWrap .input_wrap .save_id input[type=checkbox]+ label:before { content: ""; display: inline-block; width: 19px; height: 19px; margin-right: 20px; position: absolute; left: 0; top: 0px; background-color: #fff; border:solid 1px #ccc; border-radius: 19px;}
|
|
||||||
.loginWrap .input_wrap .save_id input[type=checkbox]:checked + label:before {content: ""; font-size: 15px; font-weight:800; color: #fff; border:solid 1px #2e389d;line-height:19px;background:#2e389d url('../images/common/ico_check_w.png') no-repeat 50% 50%;}
|
|
||||||
.input_wrap .btn_login {display:inline-block;width:100%;height:65px;line-height:65px; margin-bottom:10px; background:#2e389d; color:#fff; text-align:center; font-weight:400; font-size:18px; border-radius: 6px;}
|
|
||||||
.input_wrap .btn_login:hover {background:#2f3dc6;}
|
|
||||||
.hidden {font-size: 0; width:0 !important; height: 0; line-height: 0; overflow: hidden; visibility: hidden; width: 0; position:absolute;}
|
|
||||||
|
|
||||||
/* index */
|
|
||||||
.main_img {width: 100%; height: 280px; max-width: 1400px; margin: 0 auto 40px; position: relative; display: block; box-sizing: border-box; padding:30px 20px 30px 90px;border-radius: 38px 0 0 0; background: #3842a9 url('../images/main/main_img.png') no-repeat 93% 100%;}
|
|
||||||
.main_img:after {content:''; display:block; position:absolute; bottom:0; left:0; width:160px; height:280px; background:url('../images/main/main_img_left.png') no-repeat 0 0;}
|
|
||||||
.main_img .l_txt {display:block;padding-top:50px; font-size: 45px; font-weight:700; color: #fff; line-height:1.8em;padding-left:50px;}
|
|
||||||
.main_img .m_txt {display:block;width: 100%; font-size: 22px; font-weight:400; color: #bfdfed; padding-left:50px;}
|
|
||||||
|
|
||||||
/* 오늘의 할일, 업무공지 */
|
|
||||||
.week_news_wrap {padding:0;width:100%;max-width: 1400px;margin: 0 auto; box-sizing: border-box;}
|
|
||||||
.week_news {overflow: hidden; width:100%; height:300px; padding:20px 30px; background: #fff; box-sizing: border-box; border-radius: 20px; box-shadow: 0px 1px 10px #d8dadf; -moz-box-shadow: 0px 1px 10px #d8dadf; -webkit-box-shadow: 0px 1px 10px #d8dadf;}
|
|
||||||
.week_news h1 {position: relative;display: inline-block;width:100%;margin-bottom:15px; font-size: 23px;height: 36px;color:#222046;font-weight:600; }
|
|
||||||
.week_news h3 {float:right;position: relative;display: inline-block;font-size: 15px;color:#333;font-weight:500;margin-top:-5px;margin-right:-5px;background:url('../images/main/ico_m_bul.gif') no-repeat 0 48%; padding-left:10px;}
|
|
||||||
.week_news h1 a.btn_more {float:right;position: relative; display:inline-block; padding:6px 0 0; width:16px; height:16px; background:url('../images/main/ico_more.png') no-repeat 0 0; margin-top: 7px; font-size:0; text-indent:-9999px;border: 0;}
|
|
||||||
.week_news h1 a.btn_more:hover {color:#333;}
|
|
||||||
.week_news h3 select {min-width:80px;height:34px !important;border: 1px solid #dadce1 !important;margin-left:4px;}
|
|
||||||
.week_news .news_list {width:100%; position: relative;}
|
|
||||||
.week_news .news_list li {line-height: 34px; position: relative; float:left; width:100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
|
|
||||||
.week_news .news_list li:last-child {border-bottom: 0;}
|
|
||||||
.week_news .news_list li + li {margin-top: 9px;}
|
|
||||||
.week_news .news_list li a {display:block; position: relative; padding-left:13px; padding-right: 20px; font-size: 17px;}
|
|
||||||
.week_news .news_list li a:before {content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; margin-top: -2px; background-color: #6e6e6e; border-radius: 100%;}
|
|
||||||
.week_news .news_list li a .work_tit {float:left; display:inline-block; max-width: 350px; color:#333; font-size:18px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
|
|
||||||
.week_news .news_list li a .noti_tit {float:left; display:inline-block; max-width: 350px; color:#333; font-size:18px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
|
|
||||||
.week_news .news_list li a .noti_tit:hover {color:#000;}
|
|
||||||
.week_news .news_list li a .ico_new {font-size:8px; color:#fff; width:17px; height:17px; background-color: #ff4e50; border-radius: 50%; font-weight: 400; display:inline-block; text-align: center; line-height: 15px; margin-left: 5px; vertical-align: middle; position: absolute; right:0; top:50%; transform: translateY(-50%);}
|
|
||||||
.week_news .news_list li .r_txt {float: right; line-height: 32px; color:#777; font-size:17px; }
|
|
||||||
.week_news .news_list li .w_name {color:#444; padding-right:20px;}
|
|
||||||
.week_news .news_list li .not_noti {float:left; display:inline-block; width: 100%; color:#888; font-size:17px; font-weight:400; text-align:center;}
|
|
||||||
|
|
||||||
/******************************************* 통합검색(20250312 추가) ******************************************************************/
|
|
||||||
.srarch-wrap {width: 100%; position: relative; margin:0 auto; box-sizing: border-box; padding-top:20px;}
|
|
||||||
.search_form_wrap {position:relative; background: #f6f6f6; padding: 15px 20px 15px;text-align:center; margin:0 auto 25px; box-sizing: border-box;}
|
|
||||||
.search_form_wrap:after {content: "";display:block;clear:both;}
|
|
||||||
.search_form_wrap {background: #fff; border: 1px solid #d5d7df; padding: 20px 25px 25px; text-align:center; margin:0 auto 30px; box-sizing: border-box; border-radius:10px;}
|
|
||||||
.search_form_wrap .search_inner span.form_input input {width:100%; min-width: 500px; height: 45px; font-size:16px; color: #333; font-weight: 300; line-height: 32px; padding: 0 20px; border:2px solid #333; border-radius: 38px;}
|
|
||||||
.search_form_wrap .search_inner {position: relative; margin-left: auto; margin-right: auto;}
|
|
||||||
.search_form_wrap .search_inner span {display: inline-block; vertical-align: middle; height:45px;}
|
|
||||||
.search_form_wrap .search_inner span.form_input input {width:100%; font-size:15px;}
|
|
||||||
.search_form_wrap .search_inner span.form_btn {margin-left:3px; width: 1%;vertical-align: middle;}
|
|
||||||
.search_form_wrap .search_inner span.form_btn button:before {display: inline-block;width: 0;}
|
|
||||||
.search_form_wrap .search_inner span.form_btn .btn_search {width:94px; height: 45px; color: #fff; font-size: 18px;font-weight: 400; padding:0; background: #2e389d url(../images/common/btn_search_m.png) no-repeat 25% 52%; vertical-align: middle; text-indent: 22px; border-radius: 38px;}
|
|
||||||
.search_form_wrap .search_inner span.form_btn .btn_search:hover {background: #242e93 url(../images/common/btn_search_m.png) no-repeat 25% 52%;}
|
|
||||||
.search_form_wrap .search_inner .form_label {display:inline-block; color: #333; font-size: 16px; font-weight: 400; letter-spacing: -1px; padding: 0 12px 0 0;}
|
|
||||||
.search_form_wrap .search_inner [class$="_label"] {display: inline-block; color: #333;}
|
|
||||||
.search_form_wrap .search_inner label {vertical-align: middle;}
|
|
||||||
|
|
||||||
/* search_head */
|
|
||||||
.search_head {position:relative; margin:15px auto;}
|
|
||||||
.search_head_result {display: block; text-align: center; font-size: 18px; color: #333; font-weight: 400; line-height: 26px;}
|
|
||||||
.search_head_result em {background-color:transparent; vertical-align:top; color:#f53333; font-weight:400; padding:0 4px;}
|
|
||||||
.search_head_result strong {vertical-align:top; color:#f53333; font-size:20px; font-weight:400;}
|
|
||||||
|
|
||||||
/* 통합검색 리스트 */
|
|
||||||
.search-list-box {position:relative; display: block; width:100%; margin:20px 0;}
|
|
||||||
.search-list-box:after {content:""; clear:both; display:block}
|
|
||||||
.search-list-box .search-tit {background:#f3f5fd; border: 1px solid #e9ebf3; border-bottom: 1px solid #a1aee1; border-radius: 6px; padding: 10px 15px; font-size:16px;}
|
|
||||||
.search-list-box .search-tit strong {position: relative; color: #333; font-size: 17px; font-weight: 400; margin-right: 20px;}
|
|
||||||
.search-list-box .search-tit strong:before {content:''; display: block; position: absolute; width: 1px; height: 15px; background: #c3c8dd; right: -13px; top: 50%; margin-top: -6px;}
|
|
||||||
.search-list-box .search-tit .keyword {color:#f53333; font-weight:500; padding: 0 3px;}
|
|
||||||
.search-list-box .search-tit .keyword_num {color:#f53333; font-weight:500; padding: 0 3px;}
|
|
||||||
.search-list-box .btn-right {text-align:right; margin:20px 0 30px;}
|
|
||||||
.search-list-box .btn-right .ico-arr-black {transform: rotate(-90deg); margin-left:5px; opacity:0.8; height:7px;}
|
|
||||||
.search-list-box .btn-right .button_more {display:inline-flex; height:34px; padding:0 14px; line-height: 33px; font-size: 13.5px; color:#333; font-weight:400; vertical-align:middle; border:1px solid #ccc; text-decoration:none; border-radius:5px; background-color:#fff; transition:opacity 0.3s, color 0.3s;}
|
|
||||||
.search-list-box .btn-right .button_more:hover{border:1px solid #2e389d;color:#2e389d;}
|
|
||||||
.search_list {position:relative; width:100%; margin:0 auto; display:block; box-sizing: border-box;}
|
|
||||||
.search_list:after {content:""; clear:both; display:block}
|
|
||||||
.search_list>ul {position:relative; display:block;}
|
|
||||||
.search_list>ul>li {display: inline-block; width: 100%; padding: 18px 0; border-bottom:1px solid #ccc;}
|
|
||||||
.search_list .search_cont {display: flex; justify-content: space-between; padding: 0 0; width: 100%; vertical-align: top;}
|
|
||||||
.search_list .search_cont .cont-tit {position: relative; padding:0 20px 0 15px; box-sizing: border-box; display: block; overflow: hidden; margin-right: 20px;}
|
|
||||||
.search_list .search_cont .cont-tit:after {content: ''; display: block; clear: both;}
|
|
||||||
.search_list .search_cont .cont-tit > a {width: 100%; height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size:16.5px; color: #333; font-weight:500; letter-spacing: -0.5px; line-height: 28px;}
|
|
||||||
.search_list .search_cont .cont-tit > a:hover {color: #121212;}
|
|
||||||
.search_list .search_cont .cont-tit .route {font-size: 14px; color:#555; line-height: 19px; display: inline-block;}
|
|
||||||
.search_list .search_cont .cont-info {position: relative;display: -webkit-box; display: -ms-flexbox; display: inline-block; margin-left: auto; padding-left: 15px; padding-top: 5px; min-width: 200px; text-align: left;}
|
|
||||||
.search_list .search_cont .cont-info:after {content: ''; display: block; clear: both;}
|
|
||||||
.search_list .search_cont .cont-info:before {content:''; display: block; position: absolute; width: 1px; height: 27px; background: #cbcdd5; left: -10px; top: 30%;}
|
|
||||||
.search_list .search_cont .cont-info .source_organ {font-size:14px; color:#555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block;}
|
|
||||||
.search_list .search_cont .cont-info .source_data {display: block; font-size:14px; color:#888; line-height: 25px;}
|
|
||||||
.search_list .mark, .search_list .cont .mark {color:#3d4acb;}
|
|
||||||
.search_list a:hover .mark {color:#2634c0;}
|
|
||||||
|
|
||||||
/* 첨부파일 */
|
|
||||||
.uploader {position: relative; display:block; margin: 8px 0 5px; border: 1px dashed #cbcdd5; padding: 8px 13px; border-radius: 6px; overflow: hidden;}
|
|
||||||
.uploader:after {content: ''; display: block; clear: both;}
|
|
||||||
.uploader > li {display: flex; -webkt-display: flex; -moz-display: flex; font-size:13px; color:#555; line-height:19px;}
|
|
||||||
.uploader > li > a {display: inline-block;}
|
|
||||||
.uploader > li > a span {font-size:13px; color:#555; line-height:19px;}
|
|
||||||
.uploader > li > a:hover span {color:#121212;}
|
|
||||||
|
|
||||||
/* 첨부파일 아이콘 */
|
|
||||||
.uploader > li > a >i[class^='ico-']{display:inline-block;width:17px;height:17px;vertical-align:middle;margin-top:-3px;margin-right:5px;background-repeat:no-repeat;text-indent:-999999em!important;font-size:0!important;line-height:0!important;}
|
|
||||||
.ico-file {display:inline-block;width:13px;height:15px;vertical-align:middle;background-image:url(../images/common/ico-file.png);}
|
|
||||||
.ico-pdf {display:inline-block;width:17px;height:17px;background-image:url(../images/common/ico-pdf.png);}
|
|
||||||
.ico-excel {display:inline-block;width:17px;height:17px;background-image:url(../images/common/ico-excel.png);}
|
|
||||||
.ico-ppt {display:inline-block;width:17px;height:17px;background-image:url(../images/common/ico-ppt.png);}
|
|
||||||
.ico-hwp {display:inline-block;width:16px;height:17px;vertical-align:middle;background: url(../images/common/ico-hwp.png);}
|
|
||||||
.ico-img {display:inline-block;width:16px;height:17px;vertical-align:middle;background: url(../images/common/ico-img.png);}
|
|
||||||
.ico-zip {display:inline-block;width:16px;height:17px;vertical-align:middle;background: url(../images/common/ico-zip.png);}
|
|
||||||
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 41 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.7 KiB |
@ -1,421 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
|
|
||||||
<%
|
|
||||||
/**
|
|
||||||
* @ Class Name : PrsnlPortletCreateManage2.jsp
|
|
||||||
* @ Description : 사용자포틀릿관리 목록2 조회
|
|
||||||
* @ Modification Information
|
|
||||||
* @
|
|
||||||
* @ 수정일 수정자 수정내용
|
|
||||||
* @ ---------- -------- ---------------------------
|
|
||||||
* @ 2025.03.10 나혁제 최초 생성
|
|
||||||
*
|
|
||||||
* @ author urp 인프라본부 나혁제
|
|
||||||
* @ since 2025.03.10
|
|
||||||
* @ version 1.0
|
|
||||||
* @ see
|
|
||||||
*
|
|
||||||
*/
|
|
||||||
%>
|
|
||||||
|
|
||||||
<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
|
|
||||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
||||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
|
||||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
|
||||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
|
||||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
|
||||||
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
|
|
||||||
<link href="<c:url value="/egov/css/com/button.css"/>" rel="stylesheet" type="text/css">
|
|
||||||
|
|
||||||
<!-- bootstrap -->
|
|
||||||
<%-- 2025.08.29 나혁제 스크립트 오류가 발생함
|
|
||||||
<link href="${ctx}/css/bootstrap/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
|
|
||||||
<script src="${ctx}/js/bootstrap/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
|
|
||||||
--%>
|
|
||||||
<link href="${ctx}/css/bootstrap/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
|
|
||||||
<script src="${ctx}/js/bootstrap/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
|
|
||||||
<!-- bootstrap end -->
|
|
||||||
|
|
||||||
<link rel="stylesheet" type="text/css" href="${ctx}/css/import.css?ver=1">
|
|
||||||
<script type="text/javascript" src="${ctx}/js/common_script.js?ver=1"></script>
|
|
||||||
|
|
||||||
|
|
||||||
<title>사용자포틀릿관리2</title>
|
|
||||||
<style>
|
|
||||||
.pgmList{
|
|
||||||
display:flex;
|
|
||||||
margin-bottom: 50px;
|
|
||||||
background-color:#f2f4f7;
|
|
||||||
padding:10px;
|
|
||||||
overflow-x:scroll;
|
|
||||||
}
|
|
||||||
.selectPgm{
|
|
||||||
margin-right: 50px;
|
|
||||||
}
|
|
||||||
.pgmThumb{
|
|
||||||
border: 3px solid #f2f4f7;
|
|
||||||
border-radius: 20px;
|
|
||||||
transition: 0.2s;
|
|
||||||
}
|
|
||||||
.pgmThumb:hover{
|
|
||||||
cursor:pointer;
|
|
||||||
border-color: #00b6c2;
|
|
||||||
box-shadow: 0 5px 8px 0 #00b6c2
|
|
||||||
}
|
|
||||||
.potlNm{
|
|
||||||
margin-top: 8px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
.portlet {
|
|
||||||
border:none;
|
|
||||||
margin: 0 1em 1em 0;
|
|
||||||
padding: 0.3em;
|
|
||||||
}
|
|
||||||
.portlet-placeholder {
|
|
||||||
border: 1px dotted black;
|
|
||||||
background-color:#f4f4f4;
|
|
||||||
margin: 0 1em 1em 0;
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
.delBtn{
|
|
||||||
float:right;
|
|
||||||
padding:5px;
|
|
||||||
border-radius:30px;
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
.delBtn:hover{
|
|
||||||
cursor:pointer;
|
|
||||||
transition: 0.3s;
|
|
||||||
background-color:lightgrey;
|
|
||||||
}
|
|
||||||
.portlet-handle {
|
|
||||||
transition: 0.2s;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
.portlet-handle:hover {
|
|
||||||
cursor:move;
|
|
||||||
transform: translateY(-5px);
|
|
||||||
box-shadow: 0 8px 14px 0 rgba(0,0,0,0.4)
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<%-- 2025.03.10 나혁제 로컬에서 사용
|
|
||||||
<script src="https://code.jquery.com/jquery-3.6.0.js"></script>
|
|
||||||
<script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>
|
|
||||||
--%>
|
|
||||||
|
|
||||||
<script src="${ctx}/js/bootstrap/jquery-3.6.0.js"></script>
|
|
||||||
<script src="${ctx}/js/bootstrap/jquery-ui.js"></script>
|
|
||||||
|
|
||||||
<script type="text/javascript">
|
|
||||||
$( function() {
|
|
||||||
test();
|
|
||||||
|
|
||||||
$(".col-lg-6").sortable({
|
|
||||||
connectWith: ".col-lg-6",
|
|
||||||
handle: ".portlet-handle",
|
|
||||||
placeholder: "portlet-placeholder ui-corner-all"
|
|
||||||
|
|
||||||
,start: function(e, ui){
|
|
||||||
console.log('start');
|
|
||||||
}
|
|
||||||
,update: function(e, ui){
|
|
||||||
var left = $('.left #portletSeq');
|
|
||||||
for(var i=0; i<left.length; i++){
|
|
||||||
left[i].value=(i*2)+1
|
|
||||||
}
|
|
||||||
var right = $('.right #portletSeq');
|
|
||||||
for(var i=0; i<right.length; i++){
|
|
||||||
right[i].value=(i*2)+2
|
|
||||||
}
|
|
||||||
fn_updt_portletSeq()
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$( ".portlet" )
|
|
||||||
.addClass( "ui-helper-clearfix ui-corner-all" )
|
|
||||||
.find( ".portlet-handle" )
|
|
||||||
.addClass( "ui-corner-all" )
|
|
||||||
|
|
||||||
$(".copy").css({
|
|
||||||
"margin-top": "-20px"
|
|
||||||
});
|
|
||||||
|
|
||||||
} );
|
|
||||||
|
|
||||||
function test(){
|
|
||||||
$('.portlet-handle').mouseover(function(e){
|
|
||||||
var id= e.target.closest('.portlet-handle').id;
|
|
||||||
$('#'+id+' .news_list').css("pointer-events", "none");
|
|
||||||
$('#'+id+' .btn_more').css("display", "none");
|
|
||||||
$('#'+id+' .delBtn').css("display", "block")
|
|
||||||
});
|
|
||||||
$('.portlet-handle').mouseout(function(e){
|
|
||||||
var id= e.target.closest('.portlet-handle').id;
|
|
||||||
$('.delBtn').css("display", "none");
|
|
||||||
$('#'+id+' .btn_more').css("display", "block");
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//사용자 포틀릿 추가
|
|
||||||
function insertPortlet(prsnlId, prsnlKoreanNm, url, potlWidth, potlHeight){
|
|
||||||
var vForm=document.prsnlPortletCreateVO;
|
|
||||||
var exPotlId=document.prsnlPortletCreateVO.prsnlId;
|
|
||||||
var insertChk=true;
|
|
||||||
var insertCnt=0;
|
|
||||||
var portletCnt=document.getElementById("portletCnt").value;
|
|
||||||
if(exPotlId){
|
|
||||||
if(exPotlId.length>1){
|
|
||||||
for(var i=0; i < exPotlId.length; i++){
|
|
||||||
if(prsnlId==exPotlId[i].value){
|
|
||||||
alert("이미 해당 포틀릿이 존재합니다.");
|
|
||||||
insertChk=false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}else{
|
|
||||||
if(prsnlId==exPotlId.value){
|
|
||||||
alert("이미 해당 포틀릿이 존재합니다.");
|
|
||||||
insertChk=false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if(insertChk){
|
|
||||||
if(confirm(prsnlKoreanNm+" 포틀릿을 추가 하시겠습니까?")){
|
|
||||||
$.ajax({
|
|
||||||
url :"<c:url value='/potl/insertUserPortlet.do'/>"
|
|
||||||
, type: "POST"
|
|
||||||
, dataType: 'json'
|
|
||||||
, data: { insPrnslIds: prsnlId
|
|
||||||
}
|
|
||||||
, success : function(data)
|
|
||||||
{
|
|
||||||
$.ajax({
|
|
||||||
url : url
|
|
||||||
, type: "POST"
|
|
||||||
,data: {prsnlId: prsnlId}
|
|
||||||
, success : function(data)
|
|
||||||
{
|
|
||||||
var innerHtml="";
|
|
||||||
innerHtml+="<div class='portlet' style='width:"+ potlWidth +"px; height:"+ potlHeight +"px;'>";
|
|
||||||
innerHtml+="<div class='portlet-handle' onmouseover='test();' id='"+ prsnlId +"'>";
|
|
||||||
innerHtml+="<input id='prsnlId' type='hidden' name='prsnlId' value='"+ prsnlId +"' maxlength='60' style='width:231px' />";
|
|
||||||
innerHtml+="<input id='portletSeq' type='hidden' name='portletSeq' maxlength='60' style='width:231px' />";
|
|
||||||
innerHtml+=data;
|
|
||||||
innerHtml+="</div>";
|
|
||||||
innerHtml+="</div>";
|
|
||||||
$("#insertColumn").append(innerHtml);
|
|
||||||
}
|
|
||||||
, error: function()
|
|
||||||
{
|
|
||||||
alert("실패");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
, error: function()
|
|
||||||
{
|
|
||||||
alert("실패");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
//포틀릿 삭제
|
|
||||||
function DelBtn(prsnlId){
|
|
||||||
|
|
||||||
if(confirm("해당 포틀릿을 삭제하시겠습니까?")){
|
|
||||||
const div = $('#'+prsnlId).parent('div');
|
|
||||||
var portletCnt=document.getElementById("portletCnt").value;
|
|
||||||
div.remove();
|
|
||||||
$.ajax({
|
|
||||||
url :"<c:url value='/potl/deleteUserPortlet.do'/>"
|
|
||||||
, type: "POST"
|
|
||||||
, dataType: 'json'
|
|
||||||
, data: { prsnlIdForInsert: prsnlId
|
|
||||||
}
|
|
||||||
, success : function(data)
|
|
||||||
{
|
|
||||||
portletCnt - 1
|
|
||||||
}
|
|
||||||
, error: function()
|
|
||||||
{
|
|
||||||
alert("실패");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
//포틀릿 배치 수정
|
|
||||||
function fn_updt_portletSeq()
|
|
||||||
{
|
|
||||||
var portletSeqList="";
|
|
||||||
var prsnlIdList="";
|
|
||||||
var checkField=document.prsnlPortletCreateVO.portletSeq;
|
|
||||||
var checkField2=document.prsnlPortletCreateVO.prsnlId;
|
|
||||||
var checkedCount = 0;
|
|
||||||
var checkedCount2 = 0;
|
|
||||||
|
|
||||||
if(checkField)
|
|
||||||
{
|
|
||||||
if(checkField.length > 1)
|
|
||||||
{
|
|
||||||
for(var i=0; i < checkField.length; i++)
|
|
||||||
{
|
|
||||||
portletSeqList += ((checkedCount==0? "" : ",") + checkField[i].value);
|
|
||||||
checkedCount++;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
portletSeqList += ((checkedCount==0? "" : ",") + checkField.value);
|
|
||||||
checkedCount++;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if(checkField2)
|
|
||||||
{
|
|
||||||
if(checkField2.length > 1)
|
|
||||||
{
|
|
||||||
for(var i=0; i < checkField2.length; i++)
|
|
||||||
{
|
|
||||||
prsnlIdList += ((checkedCount2==0? "" : ",") + checkField2[i].value);
|
|
||||||
checkedCount2++;
|
|
||||||
}
|
|
||||||
}else{
|
|
||||||
prsnlIdList += ((checkedCount2==0? "" : ",") + checkField2.value);
|
|
||||||
checkedCount2++;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
$.ajax({
|
|
||||||
url :"<c:url value='/potl/updatePortletSeq.do'/>"
|
|
||||||
, type: "POST"
|
|
||||||
, dataType: 'json'
|
|
||||||
, data: { portletSeqForInsert: portletSeqList
|
|
||||||
, prsnlIdForInsert: prsnlIdList
|
|
||||||
}
|
|
||||||
, success : function(data)
|
|
||||||
{
|
|
||||||
}
|
|
||||||
, error: function()
|
|
||||||
{
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
}
|
|
||||||
function fn_complete_updt(){
|
|
||||||
location.href = "<c:url value='/main/mainPage.do'/>";
|
|
||||||
}
|
|
||||||
function fn_test(){
|
|
||||||
location.href = "<c:url value='/potl/test.do'/>";
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<noscript class="noScriptTitle"><spring:message code="common.noScriptTitle.msg" /></noscript>
|
|
||||||
|
|
||||||
<form:form modelAttribute="prsnlPortletCreateVO" name="prsnlPortletCreateVO" method="post">
|
|
||||||
<input name="portletSeqForInsert" type="hidden" >
|
|
||||||
<input name="prsnlIdForInsert" type="hidden" >
|
|
||||||
<input id="portletCnt" type="hidden" value="${portletCnt}">
|
|
||||||
|
|
||||||
<%-- 2025.03.10 나혁제 신디자인 적용
|
|
||||||
<div class="inner clearfix">
|
|
||||||
--%>
|
|
||||||
<div id="container">
|
|
||||||
|
|
||||||
<div class="content">
|
|
||||||
|
|
||||||
<div class="main_titWrap" style="width: 1400px;">
|
|
||||||
|
|
||||||
<h3>사용자 포틀릿관리</h3>
|
|
||||||
|
|
||||||
<!-- location :s -->
|
|
||||||
<div class="location">
|
|
||||||
<div class="location-cont">
|
|
||||||
<div>
|
|
||||||
<ul class="route_navi">
|
|
||||||
<li><a href="#" title="홈"><span class="home">홈</span></a></li>
|
|
||||||
<li><a href="#" title="시스템관리">시스템관리</a></li>
|
|
||||||
<li>사용자 포틀릿관리</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!--//location :e -->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<span>※포틀릿을 하나도 지정하지 않는 경우 업무게시판, 공지사항 포틀릿은 기본으로 보여집니다.</span>
|
|
||||||
<br><br>
|
|
||||||
<div class="pgmList">
|
|
||||||
<c:forEach var="result2" items="${resultList2}" varStatus="status">
|
|
||||||
<div class="selectPgm" onclick="insertPortlet('${result2.prsnlId}','${result2.prsnlKoreanNm}','${result2.url}','${result2.portletWidth}' ,'${result2.portletHeight}')">
|
|
||||||
<img class="pgmThumb" src="${result2.portletImgPath}">
|
|
||||||
<p class="potlNm">${result2.prsnlKoreanNm}</p>
|
|
||||||
</div>
|
|
||||||
</c:forEach>
|
|
||||||
</div>
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-lg-6 left" id="insertColumn">
|
|
||||||
<c:forEach var="result" items="${resultList}" varStatus="status">
|
|
||||||
<c:if test="${result.portletSeq%2!=0}">
|
|
||||||
<div class="portlet" style="width:${result.portletWidth}px; height:${result.portletHeight}px;">
|
|
||||||
<div class="portlet-handle" id="${result.prsnlId}">
|
|
||||||
<input id="prsnlId" type="hidden" name="prsnlId" value='<c:out value="${result.prsnlId}" />' maxlength="60" style="width:231px" />
|
|
||||||
<input id="portletSeq" type="hidden" name="portletSeq" value='<c:out value="${result.portletSeq}" />' maxlength="60" style="width:231px" />
|
|
||||||
<c:import url="${result.url}" charEncoding="utf-8">
|
|
||||||
<c:param name="prsnlId" value="${result.prsnlId}"/>
|
|
||||||
</c:import>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</c:if>
|
|
||||||
</c:forEach>
|
|
||||||
</div>
|
|
||||||
<div class="col-lg-6 right">
|
|
||||||
<c:forEach var="result" items="${resultList}" varStatus="status">
|
|
||||||
<c:if test="${result.portletSeq%2==0}">
|
|
||||||
<div class="portlet" style="width:${result.portletWidth}px; height:${result.portletHeight}px;">
|
|
||||||
<div class="portlet-handle" id="${result.prsnlId}">
|
|
||||||
<input id="prsnlId" type="hidden" name="prsnlId" value='<c:out value="${result.prsnlId}" />' maxlength="60" style="width:231px" />
|
|
||||||
<input id="portletSeq" type="hidden" name="portletSeq" value='<c:out value="${result.portletSeq}" />' maxlength="60" style="width:231px" />
|
|
||||||
<c:import url="${result.url}" charEncoding="utf-8">
|
|
||||||
<c:param name="prsnlId" value="${result.prsnlId}"/>
|
|
||||||
</c:import>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</c:if>
|
|
||||||
</c:forEach>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- main btn : start -->
|
|
||||||
<div class="btn_group">
|
|
||||||
<div>
|
|
||||||
<button type="button" class="btn-function" title="완료" onclick="fn_complete_updt(); return false;" >완료 <!-- 완료 -->
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- main btn : end -->
|
|
||||||
|
|
||||||
<%-- 2025.03.10 나혁제 신디자인 적용
|
|
||||||
<!-- 하단 버튼 -->
|
|
||||||
<div class="btn-Area">
|
|
||||||
<!-- 왼쪽영역-->
|
|
||||||
<div>
|
|
||||||
</div>
|
|
||||||
<!--//왼쪽영역-->
|
|
||||||
<!-- 오른쪽영역-->
|
|
||||||
<div>
|
|
||||||
<button type="button" class="btn-primary" title="등록" onclick="fn_complete_updt(); return false;">완료</button>
|
|
||||||
</div>
|
|
||||||
<!--//오른쪽영역-->
|
|
||||||
</div>
|
|
||||||
<!-- //하단 버튼 -->
|
|
||||||
--%>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form:form>
|
|
||||||
@ -1,239 +0,0 @@
|
|||||||
<%--
|
|
||||||
Class Name : LoginUsr.jsp
|
|
||||||
Description : 로그인화면
|
|
||||||
Modification Information
|
|
||||||
|
|
||||||
수정일 수정자 수정내용
|
|
||||||
------- -------- ---------------------------
|
|
||||||
2025.01.03 나혁제 최초생성
|
|
||||||
|
|
||||||
author : urp 인프라본부 나혁제
|
|
||||||
since : 2025.01.03
|
|
||||||
--%>
|
|
||||||
|
|
||||||
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
|
|
||||||
|
|
||||||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
|
||||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
||||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
|
||||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
|
||||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
|
||||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
|
||||||
|
|
||||||
|
|
||||||
<!-- container :s -->
|
|
||||||
<div id="container">
|
|
||||||
<!-- content :s -->
|
|
||||||
<div class="content">
|
|
||||||
<!-- 메인 이미지 -->
|
|
||||||
<div class="main_img">
|
|
||||||
<p class="l_txt">ur ITSM v2.0</p>
|
|
||||||
<p class="m_txt">ur ITSM 업무에 대한 전반적인 정보를 지원합니다.</p>
|
|
||||||
</div>
|
|
||||||
<!--//메인 이미지 -->
|
|
||||||
|
|
||||||
<!-- 오늘의 할일, 업무공지 전체영역 -->
|
|
||||||
<div class="week_news_wrap">
|
|
||||||
<!-- 오늘의 할일 -->
|
|
||||||
<div class="column w48">
|
|
||||||
<div class="week_news">
|
|
||||||
<h1>
|
|
||||||
오늘의 할일
|
|
||||||
<a href="#" class="btn_more" title="오늘의 할일 더보기">더보기</a>
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
<%--
|
|
||||||
<!-- 목록영역 -->
|
|
||||||
<table class="table" summary="<spring:message code="common.summary.list" arguments="자산관리" />">
|
|
||||||
<caption>자산관리 <spring:message code="title.list" /></caption>
|
|
||||||
<colgroup>
|
|
||||||
<col style="width: 10%;">
|
|
||||||
<col style="width: 10%;">
|
|
||||||
<col style="width: 10%;">
|
|
||||||
<col style="width: 10%;">
|
|
||||||
<col style="width: 10%;">
|
|
||||||
<col style="width: 10%;">
|
|
||||||
<col style="width: 10%;">
|
|
||||||
<col style="width: 10%;">
|
|
||||||
<col style="width: 10%;">
|
|
||||||
<col style="width: 10%;">
|
|
||||||
|
|
||||||
</colgroup>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th class="board_th_link">대분류</th>
|
|
||||||
<th>중분류</th>
|
|
||||||
<th>소분류</th>
|
|
||||||
<th>자산번호</th>
|
|
||||||
<th>자산명</th>
|
|
||||||
<th>상태</th>
|
|
||||||
<th>호스트명</th>
|
|
||||||
<th>제조사</th>
|
|
||||||
<th>모델</th>
|
|
||||||
<th>유지보수대상</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody class="ov">
|
|
||||||
<tr>
|
|
||||||
<td>대분류</td>
|
|
||||||
<td>중분류</td>
|
|
||||||
<td>소분류</td>
|
|
||||||
<td>자산번호</td>
|
|
||||||
<td>자산명</td>
|
|
||||||
<td>상태</td>
|
|
||||||
<td>호스트명</td>
|
|
||||||
<td>제조사</td>
|
|
||||||
<td>모델</td>
|
|
||||||
<td>유지보수대상</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
--%>
|
|
||||||
|
|
||||||
<ul class="news_list">
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 05</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 04</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 03</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 02</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 01</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!--//오늘의 할일 -->
|
|
||||||
|
|
||||||
<!-- 최신 업무 공지 -->
|
|
||||||
<div class="column w48 fr">
|
|
||||||
<div class="week_news">
|
|
||||||
<h1>
|
|
||||||
최신 업무 공지
|
|
||||||
<a href="#" class="btn_more" title="최신 업무 공지 더보기">더보기</a>
|
|
||||||
</h1>
|
|
||||||
<ul class="news_list">
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="noti_tit">시스템 업데이트 관련 공지입니다.</span><span class="ico_new">N</span></a>
|
|
||||||
<span class="r_txt"><span class="w_name">관리자</span>2022.10.17</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="noti_tit">시스템 점검 안내</span><span class="ico_new">N</span></a>
|
|
||||||
<span class="r_txt"><span class="w_name">관리자</span>2022.10.17</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="noti_tit">홈페이지를 리뉴얼했습니다.</span></a>
|
|
||||||
<span class="r_txt"><span class="w_name">관리자</span>2022.10.17</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="noti_tit">시스템 업데이트 관련 공지입니다.</span></a>
|
|
||||||
<span class="r_txt"><span class="w_name">관리자</span>2022.10.17</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="noti_tit">시스템 점검 안내</span></a>
|
|
||||||
<span class="r_txt"><span class="w_name">관리자</span>2022.10.17</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<!-- 최신 업무 공지가 없을 경우
|
|
||||||
<ul class="news_list">
|
|
||||||
<li>
|
|
||||||
<span class="not_noti">최신 업무공지 정보가 없습니다.</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<!--//최신 업무 공지가 없을 경우 -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!--//최신 업무 공지 -->
|
|
||||||
|
|
||||||
<%--
|
|
||||||
<!-- 오늘의 할일 -->
|
|
||||||
<div class="column">
|
|
||||||
<div class="week_news">
|
|
||||||
<h1>
|
|
||||||
오늘의 할일11
|
|
||||||
<a href="#" class="btn_more" title="오늘의 할일 더보기">더보기</a>
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
<ul class="news_list">
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 05</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 04</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 03</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 02</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 01</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!--//오늘의 할일 -->
|
|
||||||
--%>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!--//오늘의 할일, 업무공지 전체영역 -->
|
|
||||||
|
|
||||||
<%--
|
|
||||||
<!-- 테스트 div -->
|
|
||||||
<div class="column w48">
|
|
||||||
<div class="week_news">
|
|
||||||
<h1>
|
|
||||||
테스트 div
|
|
||||||
<a href="#" class="btn_more" title="오늘의 할일 더보기">더보기</a>
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
<ul class="news_list">
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 05</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 04</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 03</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 02</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 01</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!--//테스트 div -->
|
|
||||||
--%>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!--//content:e -->
|
|
||||||
</div>
|
|
||||||
<!--//container:e -->
|
|
||||||
@ -1,371 +0,0 @@
|
|||||||
<%--
|
|
||||||
Class Name : LoginUsr.jsp
|
|
||||||
Description : 로그인화면
|
|
||||||
Modification Information
|
|
||||||
|
|
||||||
수정일 수정자 수정내용
|
|
||||||
------- -------- ---------------------------
|
|
||||||
2025.01.03 나혁제 최초생성
|
|
||||||
|
|
||||||
author : urp 인프라본부 나혁제
|
|
||||||
since : 2025.01.03
|
|
||||||
--%>
|
|
||||||
|
|
||||||
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
|
|
||||||
|
|
||||||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
|
|
||||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
|
||||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
|
||||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
|
||||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
|
||||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
|
||||||
|
|
||||||
<!-- bootstrap -->
|
|
||||||
<%--
|
|
||||||
<link href="${ctx}/css/bootstrap/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
|
|
||||||
<script src="${ctx}/js/bootstrap/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
|
|
||||||
--%>
|
|
||||||
|
|
||||||
<link href="${ctx}/css/bootstrap/bootstrap.min.css" rel="stylesheet" anonymous">
|
|
||||||
<script src="${ctx}/js/bootstrap/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
|
|
||||||
|
|
||||||
<!-- bootstrap end -->
|
|
||||||
|
|
||||||
<link rel="stylesheet" type="text/css" href="${ctx}/css/import.css?ver=1">
|
|
||||||
<script type="text/javascript" src="${ctx}/js/common_script.js?ver=1"></script>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.portlet {
|
|
||||||
border:none;
|
|
||||||
margin: 0 1em 1em 0;
|
|
||||||
padding: 0.3em;
|
|
||||||
}
|
|
||||||
.portlet-placeholder {
|
|
||||||
border: 1px dotted black;
|
|
||||||
background-color:#f4f4f4;
|
|
||||||
margin: 0 1em 1em 0;
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
.delBtn{
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<script src="${ctx}/js/bootstrap/jquery-3.6.0.js"></script>
|
|
||||||
<script src="${ctx}/js/bootstrap/jquery-ui.js"></script>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
|
|
||||||
// 포틀릿 드래그
|
|
||||||
// $( function() {
|
|
||||||
$(document).ready(function ()
|
|
||||||
{
|
|
||||||
$( ".col-lg-6" ).sortable({
|
|
||||||
|
|
||||||
connectWith: ".col-lg-6",
|
|
||||||
handle: ".portlet-handle",
|
|
||||||
placeholder: "portlet-placeholder ui-corner-all"
|
|
||||||
,start: function(e, ui){
|
|
||||||
console.log('start');
|
|
||||||
}
|
|
||||||
, update: function(e, ui){
|
|
||||||
var left = $('.left #portletSeq');
|
|
||||||
for(var i=0; i<left.length; i++)
|
|
||||||
{
|
|
||||||
left[i].value=(i*2)+1
|
|
||||||
}
|
|
||||||
var right = $('.right #portletSeq');
|
|
||||||
for(var i=0; i<right.length; i++)
|
|
||||||
{
|
|
||||||
right[i].value=(i*2)+2
|
|
||||||
}
|
|
||||||
fn_updt_portletSeq();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
$( ".portlet" )
|
|
||||||
.addClass( "ui-helper-clearfix ui-corner-all" )
|
|
||||||
.find( ".portlet-handle" )
|
|
||||||
.addClass( "ui-corner-all" )
|
|
||||||
|
|
||||||
$(".copy").css({
|
|
||||||
"margin-top": "-20px"
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
|
||||||
|
|
||||||
//포틀릿 배치 수정
|
|
||||||
function fn_updt_portletSeq()
|
|
||||||
{
|
|
||||||
var portletSeqList="";
|
|
||||||
var prsnlIdList="";
|
|
||||||
var checkField = document.prsnlPortletCreateVO.portletSeq;
|
|
||||||
var checkField2 = document.prsnlPortletCreateVO.prsnlId;
|
|
||||||
var checkedCount = 0;
|
|
||||||
var checkedCount2 = 0;
|
|
||||||
|
|
||||||
if(checkField)
|
|
||||||
{
|
|
||||||
if(checkField.length > 1)
|
|
||||||
{
|
|
||||||
for(var i=0; i < checkField.length; i++)
|
|
||||||
{
|
|
||||||
portletSeqList += ((checkedCount==0? "" : ",") + checkField[i].value);
|
|
||||||
checkedCount++;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
portletSeqList += ((checkedCount==0? "" : ",") + checkField.value);
|
|
||||||
checkedCount++;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
if(checkField2)
|
|
||||||
{
|
|
||||||
if(checkField2.length > 1)
|
|
||||||
{
|
|
||||||
for(var i=0; i < checkField2.length; i++)
|
|
||||||
{
|
|
||||||
prsnlIdList += ((checkedCount2==0? "" : ",") + checkField2[i].value);
|
|
||||||
checkedCount2++;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
prsnlIdList += ((checkedCount2==0? "" : ",") + checkField2.value);
|
|
||||||
checkedCount2++;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
$.ajax({
|
|
||||||
url :"<c:url value='/potl/updatePortletSeq.do'/>"
|
|
||||||
, type: "POST"
|
|
||||||
, dataType: 'json'
|
|
||||||
, data: { portletSeqForInsert: portletSeqList
|
|
||||||
, prsnlIdForInsert: prsnlIdList
|
|
||||||
}
|
|
||||||
, success : function(data)
|
|
||||||
{
|
|
||||||
}
|
|
||||||
, error: function()
|
|
||||||
{
|
|
||||||
alert("실패");
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// 2025.05.15 나혁제
|
|
||||||
// 포틀릿 화면에서 이동처리
|
|
||||||
function goAddPortletPage(baseMenuNo, MenuNo)
|
|
||||||
{
|
|
||||||
var tNode = new Array;
|
|
||||||
for (var i = 0; i < document.menuListForm.tmp_menuNm.length; i++)
|
|
||||||
{
|
|
||||||
tNode[i] = document.menuListForm.tmp_menuNm[i].value;
|
|
||||||
var nValue = tNode[i].split("|");
|
|
||||||
|
|
||||||
//선택된 메뉴(baseMenuNo)의 하위 메뉴중 첫번재 메뉴의 링크정보를 리턴한다.
|
|
||||||
if (nValue[0]==MenuNo)
|
|
||||||
{
|
|
||||||
document.getElementById("leftMenuNo").value=nValue[0]; // 좌측메뉴 세팅
|
|
||||||
document.getElementById("baseMenuNo").value=baseMenuNo;
|
|
||||||
document.menuListForm.action = "<c:url value='/'/>"+nValue[5].substring(1);
|
|
||||||
document.menuListForm.submit();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<form:form modelAttribute="prsnlPortletCreateVO" name="prsnlPortletCreateVO" method="post">
|
|
||||||
<input name="portletSeqForInsert" type="hidden" >
|
|
||||||
<input name="prsnlIdForInsert" type="hidden" >
|
|
||||||
|
|
||||||
<!-- container :s -->
|
|
||||||
<div id="container">
|
|
||||||
<!-- content :s -->
|
|
||||||
<div class="content">
|
|
||||||
<!-- 메인 이미지 -->
|
|
||||||
<div class="main_img">
|
|
||||||
<p class="l_txt">ur ITSM v2.0</p>
|
|
||||||
<p class="m_txt">ur ITSM 업무에 대한 전반적인 정보를 지원합니다.</p>
|
|
||||||
</div>
|
|
||||||
<!--//메인 이미지 -->
|
|
||||||
|
|
||||||
<!-- 오늘의 할일, 업무공지 전체영역 -->
|
|
||||||
<div class="week_news_wrap">
|
|
||||||
<div class="column w48 col-lg-6 left">
|
|
||||||
<c:forEach var="result" items="${resultList}" varStatus="status">
|
|
||||||
<c:if test="${result.portletSeq%2!=0}">
|
|
||||||
<div class="portlet">
|
|
||||||
<div class="portlet-handle">
|
|
||||||
<input id="prsnlId" type="hidden" name="prsnlId" value='<c:out value="${result.prsnlId}" />' maxlength="60" style="width:231px" />
|
|
||||||
<input id="portletSeq" type="hidden" name="portletSeq" value='<c:out value="${result.portletSeq}" />' maxlength="60" style="width:231px" />
|
|
||||||
<c:import url="${result.url}" charEncoding="utf-8">
|
|
||||||
<c:param name="prsnlId" value="${result.prsnlId}" />
|
|
||||||
<c:param name="potlWidth" value="${result.portletWidth}" />
|
|
||||||
<c:param name="potlHeight" value="${result.portletHeight}" />
|
|
||||||
</c:import>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</c:if>
|
|
||||||
</c:forEach>
|
|
||||||
<c:if test="${portletCnt==0}">
|
|
||||||
<div class="portlet">
|
|
||||||
<div class="portlet-handle">
|
|
||||||
<c:import url="/potl/taskPortlet2.do" charEncoding="utf-8">
|
|
||||||
</c:import>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</c:if>
|
|
||||||
</div>
|
|
||||||
<!-- //왼쪽 배치 -->
|
|
||||||
<!-- 오른쪽 배치 -->
|
|
||||||
<div class="column w48 fr col-lg-6 right">
|
|
||||||
<c:forEach var="result" items="${resultList}" varStatus="status">
|
|
||||||
<c:if test="${result.portletSeq%2==0}">
|
|
||||||
<div class="portlet">
|
|
||||||
<div class="portlet-handle">
|
|
||||||
<input id="prsnlId" type="hidden" name="prsnlId" value='<c:out value="${result.prsnlId}" />' maxlength="60" style="width:231px" />
|
|
||||||
<input id="portletSeq" type="hidden" name="portletSeq" value='<c:out value="${result.portletSeq}" />' maxlength="60" style="width:231px" />
|
|
||||||
<c:import url="${result.url}" charEncoding="utf-8">
|
|
||||||
<c:param name="prsnlId" value="${result.prsnlId}" />
|
|
||||||
<c:param name="potlWidth" value="${result.portletWidth}" />
|
|
||||||
<c:param name="potlHeight" value="${result.portletHeight}" />
|
|
||||||
</c:import>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</c:if>
|
|
||||||
</c:forEach>
|
|
||||||
<c:if test="${portletCnt==0}">
|
|
||||||
<div class="portlet">
|
|
||||||
<div class="portlet-handle">
|
|
||||||
<c:import url="/potl/infPortlet2.do" charEncoding="utf-8">
|
|
||||||
</c:import>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</c:if>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<%--
|
|
||||||
<!-- 오늘의 할일 -->
|
|
||||||
<div class="column w48">
|
|
||||||
<div class="week_news">
|
|
||||||
<h1>
|
|
||||||
오늘의 할일
|
|
||||||
<a href="#" class="btn_more" title="오늘의 할일 더보기">더보기</a>
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
<ul class="news_list">
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 05</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 04</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 03</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 02</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 01</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!--//오늘의 할일 -->
|
|
||||||
|
|
||||||
<!-- 최신 업무 공지 -->
|
|
||||||
<div class="column w48 fr">
|
|
||||||
<div class="week_news">
|
|
||||||
<h1>
|
|
||||||
최신 업무 공지
|
|
||||||
<a href="#" class="btn_more" title="최신 업무 공지 더보기">더보기</a>
|
|
||||||
</h1>
|
|
||||||
<ul class="news_list">
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="noti_tit">시스템 업데이트 관련 공지입니다.</span><span class="ico_new">N</span></a>
|
|
||||||
<span class="r_txt"><span class="w_name">관리자</span>2022.10.17</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="noti_tit">시스템 점검 안내</span><span class="ico_new">N</span></a>
|
|
||||||
<span class="r_txt"><span class="w_name">관리자</span>2022.10.17</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="noti_tit">홈페이지를 리뉴얼했습니다.</span></a>
|
|
||||||
<span class="r_txt"><span class="w_name">관리자</span>2022.10.17</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="noti_tit">시스템 업데이트 관련 공지입니다.</span></a>
|
|
||||||
<span class="r_txt"><span class="w_name">관리자</span>2022.10.17</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="noti_tit">시스템 점검 안내</span></a>
|
|
||||||
<span class="r_txt"><span class="w_name">관리자</span>2022.10.17</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<!-- 최신 업무 공지가 없을 경우
|
|
||||||
<ul class="news_list">
|
|
||||||
<li>
|
|
||||||
<span class="not_noti">최신 업무공지 정보가 없습니다.</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<!--//최신 업무 공지가 없을 경우 -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!--//최신 업무 공지 -->
|
|
||||||
--%>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!--//오늘의 할일, 업무공지 전체영역 -->
|
|
||||||
|
|
||||||
<%--
|
|
||||||
<!-- 테스트 div -->
|
|
||||||
<div class="column w48">
|
|
||||||
<div class="week_news">
|
|
||||||
<h1>
|
|
||||||
테스트 div
|
|
||||||
<a href="#" class="btn_more" title="오늘의 할일 더보기">더보기</a>
|
|
||||||
</h1>
|
|
||||||
|
|
||||||
<ul class="news_list">
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 05</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 04</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 03</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 02</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<a href="#"><span class="work_tit">업무타이틀 01</span></a>
|
|
||||||
<span class="r_txt">2021.08.04</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!--//테스트 div -->
|
|
||||||
--%>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<!--//content:e -->
|
|
||||||
</div>
|
|
||||||
<!--//container:e -->
|
|
||||||
</form:form>
|
|
||||||
Loading…
Reference in New Issue
Block a user