Merge branch 'tolag3'
This commit is contained in:
commit
03eff1a213
@ -56,7 +56,7 @@ public class OnlineCounselController {
|
||||
model.addAttribute("data", data);
|
||||
model.addAttribute("pageMaker", pageMaker);
|
||||
|
||||
return "/_extra/gtm/onlineCounsel/list";
|
||||
return "/seed/_extra/gtm/onlineCounsel/list";
|
||||
}
|
||||
|
||||
@RequestMapping("/onlineCounsel/view.do")
|
||||
@ -71,7 +71,7 @@ public class OnlineCounselController {
|
||||
model.addAttribute("memberList", memberList);
|
||||
model.addAttribute("fileList", fileService.fileList(paramMap));
|
||||
|
||||
return "/_extra/gtm/onlineCounsel/view";
|
||||
return "/seed/_extra/gtm/onlineCounsel/view";
|
||||
|
||||
}
|
||||
|
||||
@ -83,7 +83,7 @@ public class OnlineCounselController {
|
||||
|
||||
model.addAttribute("memberList", memberList);
|
||||
|
||||
return "/_extra/gtm/onlineCounsel/write";
|
||||
return "/seed/_extra/gtm/onlineCounsel/write";
|
||||
}
|
||||
|
||||
@RequestMapping("/onlineCounsel/write.do")
|
||||
@ -234,7 +234,7 @@ public class OnlineCounselController {
|
||||
model.addAttribute("data", data);
|
||||
model.addAttribute("pageMaker", pageMaker);
|
||||
|
||||
return "/_extra/gtm/onlineCounsel/lawList";
|
||||
return "/seed/_extra/gtm/onlineCounsel/lawList";
|
||||
}
|
||||
|
||||
@RequestMapping("/onlineCounsel/lawView.do")
|
||||
@ -251,7 +251,7 @@ public class OnlineCounselController {
|
||||
paramMap.put("fileFuncType", SeedUtils.setReplaceNull(paramMap.get("fileFuncType2")));
|
||||
model.addAttribute("fileList2", fileService.fileList(paramMap));
|
||||
|
||||
return "/_extra/gtm/onlineCounsel/lawView";
|
||||
return "/seed/_extra/gtm/onlineCounsel/lawView";
|
||||
}
|
||||
|
||||
@RequestMapping("/onlineCounsel/lawWritePage.do")
|
||||
@ -262,7 +262,7 @@ public class OnlineCounselController {
|
||||
|
||||
model.addAttribute("memberList", memberList);
|
||||
|
||||
return "/_extra/gtm/onlineCounsel/lawWrite";
|
||||
return "/seed/_extra/gtm/onlineCounsel/lawWrite";
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -20,7 +20,22 @@
|
||||
<security:http pattern="/js/**" security="none"/>
|
||||
<security:http pattern="/resource/**" security="none"/>
|
||||
<security:http pattern="\A/WEB-INF/jsp/.*\Z" request-matcher="regex" security="none"/>
|
||||
<security:http pattern="/web/kccadr/payment/inipay/**" security="none"/>
|
||||
|
||||
<!-- 분쟁조정 서블릿 mapping 경로들 -->
|
||||
<security:http pattern="/img/**" security="none"/>
|
||||
<security:http pattern="/site/**" security="none"/>
|
||||
<security:http pattern="/ico/**" security="none"/>
|
||||
<security:http pattern="/font/**" security="none"/>
|
||||
<security:http pattern="/ark/**" security="none"/>
|
||||
<!-- 분쟁조정 서블릿 mapping 경로들 끝 -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<egov-security:config id="securityConfig"
|
||||
loginUrl="/uat/uia/actionMain.do"
|
||||
|
||||
@ -0,0 +1,469 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
|
||||
|
||||
<mapper namespace="onlineCounsel">
|
||||
<insert id="insert" parameterType="java.util.HashMap" useGeneratedKeys="false">
|
||||
<selectKey keyProperty="seq" resultType="int" order="BEFORE">
|
||||
select SEQ_ONLINE_COUNSEL.NEXTVAL FROM DUAL
|
||||
</selectKey>
|
||||
INSERT INTO C_ONLINE_COUNSEL(
|
||||
COUNSEL_SEQ,
|
||||
COUNSEL_NO,
|
||||
APPLCNT_CI,
|
||||
APPLCNT_DI,
|
||||
APPLCNT_NM,
|
||||
APPLCNT_EMAIL,
|
||||
APPLCNT_TEL,
|
||||
MEDIATION_TYPE,
|
||||
TROUBLE_TYPE,
|
||||
COUNSEL_TITLE,
|
||||
COUNSEL_CONTENT,
|
||||
COUNSEL_REGDATE,
|
||||
MANAGER_NM,
|
||||
MANAGER_DEPART,
|
||||
COUNSEL_ANSWER,
|
||||
CIVIL_TYPE,
|
||||
NOTICE_TYPE,
|
||||
NOTICE_RESULT,
|
||||
NOTICE_CONTENT,
|
||||
NOTICE_DATE,
|
||||
COUNSEL_STATE,
|
||||
COUNSEL_RESERVE_YN,
|
||||
COUNSEL_RESERVE_REGDATE,
|
||||
COUNSEL_RESERVE_RESULT,
|
||||
COUNSEL_RESERVE_TEL,
|
||||
MANAGER_ID,
|
||||
COUNSELOR_NO,
|
||||
COUNSELOR_NM,
|
||||
COUNSEL_APPTYPE,
|
||||
COUNSEL_RESERT_GUBUN,
|
||||
COUNSEL_ROUTE
|
||||
) VALUES (
|
||||
${seq},
|
||||
(SELECT
|
||||
CASE
|
||||
WHEN NVL(MAX(SUBSTR(COUNSEL_NO,1,8)), '0') = TO_CHAR(SYSDATE,'YYYYMMDD')
|
||||
THEN TO_CHAR(SYSDATE,'YYYYMMDD') || '-' || LPAD(NVL(MAX(SUBSTR(COUNSEL_NO,10)),'0')+1, 3, 0)
|
||||
ELSE TO_CHAR(SYSDATE,'YYYYMMDD') || '-' || '001'
|
||||
END
|
||||
FROM C_ONLINE_COUNSEL
|
||||
WHERE (SELECT MAX(SUBSTR(COUNSEL_NO,1,8)) FROM C_ONLINE_COUNSEL) = SUBSTR(COUNSEL_NO,1,8)
|
||||
),
|
||||
#{applcntCi},
|
||||
#{applcntDi},
|
||||
#{applcntNm},
|
||||
#{applcntEmail},
|
||||
#{applcntTel},
|
||||
#{caseGubun},
|
||||
#{troubleType},
|
||||
#{counselTitle},
|
||||
#{editorParam_counselContent},
|
||||
SYSDATE,
|
||||
#{managerNm, jdbcType=VARCHAR},
|
||||
#{memberDept, jdbcType=VARCHAR},
|
||||
#{editorParam_counselAnswer, jdbcType=VARCHAR},
|
||||
'online',
|
||||
#{noticeType, jdbcType=VARCHAR},
|
||||
#{noticeResult, jdbcType=VARCHAR},
|
||||
#{editorParam_noticeCon, jdbcType=VARCHAR},
|
||||
'',
|
||||
<choose>
|
||||
<when test="insertDivVal == 'direct'">
|
||||
'02',
|
||||
</when>
|
||||
<otherwise>
|
||||
'01',
|
||||
</otherwise>
|
||||
</choose>
|
||||
'',
|
||||
'',
|
||||
'',
|
||||
'',
|
||||
#{memberId, jdbcType=VARCHAR},
|
||||
#{counselor, jdbcType=INTEGER},
|
||||
(SELECT MEMBER_NAME FROM T_MEMBER WHERE MEMBER_IDX = #{counselor, jdbcType=VARCHAR}),
|
||||
#{counselAppType, jdbcType=VARCHAR},
|
||||
#{counselResertGubun, jdbcType=VARCHAR},
|
||||
#{counselRoute, jdbcType=VARCHAR}
|
||||
)
|
||||
</insert>
|
||||
|
||||
<select id="select" parameterType="egovMap" resultType="egovMap">
|
||||
|
||||
SELECT * FROM
|
||||
(
|
||||
SELECT ROW_.*, ROWNUM AS RNUM FROM
|
||||
(
|
||||
SELECT COUNSEL_SEQ,
|
||||
COUNSEL_NO,
|
||||
APPLCNT_CI,
|
||||
APPLCNT_DI,
|
||||
APPLCNT_NM,
|
||||
APPLCNT_EMAIL,
|
||||
APPLCNT_TEL,
|
||||
MEDIATION_TYPE,
|
||||
(SELECT CODE_NAME FROM C_CODE WHERE CODE_IDXS = COC.MEDIATION_TYPE) AS MEDIATION_TYPE_NAME,
|
||||
TROUBLE_TYPE,
|
||||
COUNSEL_TITLE,
|
||||
COUNSEL_CONTENT,
|
||||
COUNSEL_REGDATE,
|
||||
MANAGER_NM,
|
||||
MANAGER_DEPART,
|
||||
COUNSEL_ANSWER,
|
||||
CIVIL_TYPE,
|
||||
NOTICE_TYPE,
|
||||
NOTICE_RESULT,
|
||||
NOTICE_CONTENT,
|
||||
NOTICE_DATE,
|
||||
COUNSEL_STATE,
|
||||
CASE COUNSEL_STATE
|
||||
WHEN '01' THEN '대기'
|
||||
WHEN '02' THEN '요청'
|
||||
WHEN '03' THEN '완료'
|
||||
ELSE ''
|
||||
END AS COUNSEL_STATE_NAME,
|
||||
COUNSEL_RESERVE_YN,
|
||||
COUNSEL_RESERVE_REGDATE,
|
||||
COUNSELOR_NM,
|
||||
MANAGER_ID
|
||||
FROM C_ONLINE_COUNSEL COC
|
||||
WHERE CIVIL_TYPE = #{civilType}
|
||||
AND DEL_YN = 'N'
|
||||
<if test="hpDi != null and hpDi != ''">
|
||||
AND APPLCNT_DI = #{hpDi}
|
||||
</if>
|
||||
<if test="searchDate1 != null and searchDate1 != ''">
|
||||
AND TO_CHAR(COUNSEL_REGDATE,'YYYYMMDD') >= TO_CHAR(TO_DATE(replace(#{searchDate1},'-',''),'YYYYMMDD'), 'YYYYMMDD')
|
||||
</if>
|
||||
<if test="searchDate2 != null and searchDate2 != ''">
|
||||
AND TO_CHAR(TO_DATE(replace(#{searchDate2},'-',''),'YYYYMMDD'), 'YYYYMMDD') >= TO_CHAR(COUNSEL_REGDATE,'YYYYMMDD')
|
||||
</if>
|
||||
<if test="searchDate3 != null and searchDate3 != ''">
|
||||
AND TO_CHAR(NOTICE_DATE,'YYYYMMDD') >= TO_CHAR(TO_DATE(replace(#{searchDate3},'-',''),'YYYYMMDD'), 'YYYYMMDD')
|
||||
</if>
|
||||
<if test="searchDate4 != null and searchDate4 != ''">
|
||||
AND TO_CHAR(TO_DATE(replace(#{searchDate4},'-',''),'YYYYMMDD'), 'YYYYMMDD') >= TO_CHAR(NOTICE_DATE,'YYYYMMDD')
|
||||
</if>
|
||||
<if test="searchDate5 != null and searchDate5 != ''">
|
||||
AND TO_CHAR(COUNSEL_RESERVE_REGDATE) >= TO_CHAR(TO_DATE(replace(#{searchDate5},'-',''),'YYYYMMDD'), 'YYYY-MM-DD')
|
||||
</if>
|
||||
<if test="searchDate6 != null and searchDate6 != ''">
|
||||
AND TO_CHAR(TO_DATE(replace(#{searchDate6},'-',''),'YYYYMMDD'), 'YYYY-MM-DD') >= TO_CHAR(COUNSEL_RESERVE_REGDATE)
|
||||
</if>
|
||||
<if test="searchApp != null and searchApp != ''">
|
||||
AND APPLCNT_NM LIKE '%' || #{searchApp} || '%'
|
||||
</if>
|
||||
<if test="searchMa != null and searchMa != ''">
|
||||
AND MANAGER_NM LIKE '%' || #{searchMa} || '%'
|
||||
</if>
|
||||
<if test="searchCa != null and searchCa != ''">
|
||||
AND COUNSELOR_NM LIKE '%' || #{searchCa} || '%'
|
||||
</if>
|
||||
<if test="searchType != null and searchType != ''">
|
||||
AND MEDIATION_TYPE = #{searchType}
|
||||
</if>
|
||||
<if test="searchState != null and searchState != ''">
|
||||
AND COUNSEL_STATE = #{searchState}
|
||||
</if>
|
||||
<if test="searchTitle != null and searchTitle != ''">
|
||||
AND COUNSEL_TITLE LIKE '%' || #{searchTitle} || '%'
|
||||
</if>
|
||||
<if test="searchReserve != null and searchReserve != ''">
|
||||
AND COUNSEL_RESERVE_YN = #{searchReserve}
|
||||
</if>
|
||||
ORDER BY COUNSEL_NO DESC
|
||||
) ROW_
|
||||
)
|
||||
WHERE RNUM > #{pageStart} AND #{perPageNum} >= ROWNUM
|
||||
|
||||
</select>
|
||||
|
||||
<select id="selectTot" parameterType="egovMap" resultType="int">
|
||||
SELECT COUNT(*)
|
||||
FROM C_ONLINE_COUNSEL
|
||||
WHERE CIVIL_TYPE = #{civilType}
|
||||
AND DEL_YN = 'N'
|
||||
<if test="hpDi != null and hpDi != ''">
|
||||
AND APPLCNT_DI = #{hpDi}
|
||||
</if>
|
||||
<if test="searchDate1 != null and searchDate1 != ''">
|
||||
AND TO_CHAR(COUNSEL_REGDATE,'YYYYMMDD') >= TO_CHAR(TO_DATE(replace(#{searchDate1},'-',''),'YYYYMMDD'), 'YYYYMMDD')
|
||||
</if>
|
||||
<if test="searchDate2 != null and searchDate2 != ''">
|
||||
AND TO_CHAR(TO_DATE(replace(#{searchDate2},'-',''),'YYYYMMDD'), 'YYYYMMDD') >= TO_CHAR(COUNSEL_REGDATE,'YYYYMMDD')
|
||||
</if>
|
||||
<if test="searchDate3 != null and searchDate3 != ''">
|
||||
AND TO_CHAR(NOTICE_DATE,'YYYYMMDD') >= TO_CHAR(TO_DATE(replace(#{searchDate3},'-',''),'YYYYMMDD'), 'YYYYMMDD')
|
||||
</if>
|
||||
<if test="searchDate4 != null and searchDate4 != ''">
|
||||
AND TO_CHAR(TO_DATE(replace(#{searchDate4},'-',''),'YYYYMMDD'), 'YYYYMMDD') >= TO_CHAR(NOTICE_DATE,'YYYYMMDD')
|
||||
</if>
|
||||
<if test="searchDate5 != null and searchDate5 != ''">
|
||||
AND TO_CHAR(COUNSEL_RESERVE_REGDATE) >= TO_CHAR(TO_DATE(replace(#{searchDate5},'-',''),'YYYYMMDD'), 'YYYY-MM-DD')
|
||||
</if>
|
||||
<if test="searchDate6 != null and searchDate6 != ''">
|
||||
AND TO_CHAR(TO_DATE(replace(#{searchDate6},'-',''),'YYYYMMDD'), 'YYYY-MM-DD') >= TO_CHAR(COUNSEL_RESERVE_REGDATE)
|
||||
</if>
|
||||
<if test="searchApp != null and searchApp != ''">
|
||||
AND APPLCNT_NM LIKE '%' || #{searchApp} || '%'
|
||||
</if>
|
||||
<if test="searchMa != null and searchMa != ''">
|
||||
AND MANAGER_NM LIKE '%' || #{searchMa} || '%'
|
||||
</if>
|
||||
<if test="searchCa != null and searchCa != ''">
|
||||
AND COUNSELOR_NM LIKE '%' || #{searchCa} || '%'
|
||||
</if>
|
||||
<if test="searchType != null and searchType != ''">
|
||||
AND MEDIATION_TYPE = #{searchType}
|
||||
</if>
|
||||
<if test="searchState != null and searchState != ''">
|
||||
AND COUNSEL_STATE = #{searchState}
|
||||
</if>
|
||||
<if test="searchTitle != null and searchTitle != ''">
|
||||
AND COUNSEL_TITLE LIKE '%' || #{searchTitle} || '%'
|
||||
</if>
|
||||
<if test="searchReserve != null and searchReserve != ''">
|
||||
AND COUNSEL_RESERVE_YN = #{searchReserve}
|
||||
</if>
|
||||
</select>
|
||||
|
||||
<select id="view" parameterType="egovMap" resultType="egovMap">
|
||||
SELECT COUNSEL_SEQ AS COUNSEL_SEQ_VAL, <!-- counselSeq로 넘어오는 파라미터랑 겹쳐서 그런지 값이 안들어가 as로 새로운 이름 지어줌 -->
|
||||
COUNSEL_NO,
|
||||
APPLCNT_CI,
|
||||
APPLCNT_DI,
|
||||
APPLCNT_NM,
|
||||
APPLCNT_EMAIL,
|
||||
APPLCNT_TEL,
|
||||
MEDIATION_TYPE,
|
||||
(SELECT CODE_NAME FROM C_CODE WHERE CODE_IDXS = COC.MEDIATION_TYPE) AS MEDIATION_TYPE_NAME,
|
||||
TROUBLE_TYPE,
|
||||
(SELECT CODE_NAME FROM C_CODE WHERE CODE_IDXS = COC.TROUBLE_TYPE) AS TROUBLE_TYPE_NAME,
|
||||
COUNSEL_TITLE,
|
||||
COUNSEL_CONTENT,
|
||||
COUNSEL_REGDATE,
|
||||
MANAGER_NM,
|
||||
MANAGER_DEPART,
|
||||
(SELECT CODE_NAME FROM C_CODE WHERE CODE_IDXS = COC.MANAGER_DEPART) AS MANAGER_DEPART_NAME,
|
||||
COUNSEL_ANSWER,
|
||||
CIVIL_TYPE,
|
||||
CASE CIVIL_TYPE
|
||||
WHEN 'online' THEN '분쟁조정상담'
|
||||
WHEN 'law' THEN '무료법률상담'
|
||||
ELSE ''
|
||||
END AS CIVIL_TYPE_NAME,
|
||||
NOTICE_TYPE,
|
||||
NOTICE_RESULT,
|
||||
NOTICE_CONTENT,
|
||||
NOTICE_DATE,
|
||||
COUNSEL_STATE,
|
||||
<if test="memberDept != null and memberDept != ''">
|
||||
(SELECT CODE_NAME FROM C_CODE WHERE CODE_IDXS = #{memberDept}) AS DEPT_NAME,
|
||||
</if>
|
||||
COUNSEL_RESERVE_YN,
|
||||
COUNSEL_RESERVE_REGDATE,
|
||||
COUNSEL_RESERVE_RESULT,
|
||||
CASE COUNSEL_RESERVE_RESULT
|
||||
WHEN '01' THEN '방문상담으로 종결'
|
||||
WHEN '02' THEN '전화상담으로 종결'
|
||||
WHEN '03' THEN '분쟁조정신청 필요'
|
||||
WHEN '04' THEN '추가회신 필요'
|
||||
WHEN '99' THEN '상담불참'
|
||||
ELSE ''
|
||||
END AS COUNSEL_RESERVE_RESULT_NAME,
|
||||
COUNSEL_RESERVE_TEL,
|
||||
COUNSELOR_NO,
|
||||
COUNSELOR_NM,
|
||||
COUNSEL_APPTYPE,
|
||||
COUNSEL_RESERT_GUBUN,
|
||||
COUNSEL_ROUTE,
|
||||
MANAGER_ID
|
||||
FROM C_ONLINE_COUNSEL COC
|
||||
WHERE COUNSEL_SEQ = #{counselSeq}
|
||||
</select>
|
||||
|
||||
<select id="memberSelect" parameterType="egovMap" resultType="egovMap">
|
||||
SELECT
|
||||
MEMBER_IDX,
|
||||
MEMBER_NAME,
|
||||
(SELECT CODE_NAME FROM C_CODE WHERE CODE_IDXS = TM.MEMBER_DEPT) AS MEMBER_DEPT_NAME
|
||||
FROM T_MEMBER TM
|
||||
WHERE MEMBER_DEPT NOT IN('1020000000')
|
||||
AND MEMBER_STATUS = 'U'
|
||||
ORDER BY MEMBER_DEPT
|
||||
</select>
|
||||
|
||||
<update id="update">
|
||||
UPDATE C_ONLINE_COUNSEL
|
||||
SET
|
||||
MEDIATION_TYPE = #{caseGubun},
|
||||
TROUBLE_TYPE = #{troubleType},
|
||||
COUNSEL_ANSWER = #{editorParam_counselAnswer},
|
||||
NOTICE_TYPE = #{noticeType},
|
||||
NOTICE_RESULT = #{noticeResult},
|
||||
NOTICE_CONTENT = #{editorParam_noticeCon},
|
||||
MANAGER_NM = #{managerNm},
|
||||
MANAGER_DEPART = #{memberDept},
|
||||
COUNSEL_STATE = '02',
|
||||
COUNSELOR_NO = #{counselor},
|
||||
COUNSELOR_NM = (SELECT MEMBER_NAME FROM T_MEMBER WHERE MEMBER_IDX = #{counselor}),
|
||||
COUNSEL_APPTYPE = #{counselAppType},
|
||||
COUNSEL_RESERT_GUBUN = #{counselResertGubun},
|
||||
COUNSEL_ROUTE = #{counselRoute},
|
||||
MANAGER_ID = #{managerId},
|
||||
COUNSEL_TITLE = #{counselTitle},
|
||||
COUNSEL_CONTENT = #{editorParam_counselContent}
|
||||
WHERE COUNSEL_SEQ = #{counselSeq}
|
||||
</update>
|
||||
|
||||
<update id="updateState">
|
||||
UPDATE C_ONLINE_COUNSEL
|
||||
SET COUNSEL_STATE = '03',
|
||||
NOTICE_DATE = SYSDATE
|
||||
WHERE COUNSEL_SEQ = #{counselSeq}
|
||||
</update>
|
||||
|
||||
<update id="delete">
|
||||
UPDATE C_ONLINE_COUNSEL
|
||||
SET DEL_YN = 'Y'
|
||||
WHERE COUNSEL_SEQ = #{counselSeq}
|
||||
</update>
|
||||
|
||||
<select id="selectNo" parameterType="java.util.HashMap" resultType="int">
|
||||
SELECT NVL(MAX(EXAM_NO), 0)
|
||||
FROM C_EXAMBBS
|
||||
</select>
|
||||
|
||||
|
||||
<insert id="lawInsert" parameterType="java.util.HashMap" useGeneratedKeys="false">
|
||||
<selectKey keyProperty="seq" resultType="int" order="BEFORE">
|
||||
select SEQ_ONLINE_COUNSEL.NEXTVAL FROM DUAL
|
||||
</selectKey>
|
||||
INSERT INTO C_ONLINE_COUNSEL(
|
||||
COUNSEL_SEQ,
|
||||
COUNSEL_NO,
|
||||
APPLCNT_CI,
|
||||
APPLCNT_DI,
|
||||
APPLCNT_NM,
|
||||
APPLCNT_EMAIL,
|
||||
APPLCNT_TEL,
|
||||
MEDIATION_TYPE,
|
||||
TROUBLE_TYPE,
|
||||
COUNSEL_TITLE,
|
||||
COUNSEL_CONTENT,
|
||||
COUNSEL_REGDATE,
|
||||
MANAGER_NM,
|
||||
MANAGER_DEPART,
|
||||
COUNSEL_ANSWER,
|
||||
CIVIL_TYPE,
|
||||
NOTICE_TYPE,
|
||||
NOTICE_RESULT,
|
||||
NOTICE_CONTENT,
|
||||
NOTICE_DATE,
|
||||
COUNSEL_STATE,
|
||||
COUNSEL_RESERVE_YN,
|
||||
COUNSEL_RESERVE_REGDATE,
|
||||
COUNSEL_RESERVE_RESULT,
|
||||
COUNSEL_RESERVE_TEL,
|
||||
COUNSEL_APPTYPE,
|
||||
MANAGER_ID,
|
||||
COUNSELOR_NO,
|
||||
COUNSELOR_NM,
|
||||
COUNSEL_RESERT_GUBUN,
|
||||
COUNSEL_ROUTE
|
||||
) VALUES(
|
||||
${seq},
|
||||
(SELECT
|
||||
CASE
|
||||
WHEN NVL(MAX(SUBSTR(COUNSEL_NO,1,8)), '0') = TO_CHAR(SYSDATE,'YYYYMMDD')
|
||||
THEN TO_CHAR(SYSDATE,'YYYYMMDD') || '-' || LPAD(NVL(MAX(SUBSTR(COUNSEL_NO,10)),'0')+1, 3, 0)
|
||||
ELSE TO_CHAR(SYSDATE,'YYYYMMDD') || '-' || '001'
|
||||
END
|
||||
FROM C_ONLINE_COUNSEL
|
||||
WHERE (SELECT MAX(SUBSTR(COUNSEL_NO,1,8)) FROM C_ONLINE_COUNSEL) = SUBSTR(COUNSEL_NO,1,8)
|
||||
),
|
||||
#{applcntCi},
|
||||
#{applcntDi},
|
||||
#{applcntNm},
|
||||
#{applcntEmail},
|
||||
#{applcntTel},
|
||||
#{caseGubun},
|
||||
'',
|
||||
#{counselTitle},
|
||||
#{editorParam_counselContent},
|
||||
SYSDATE,
|
||||
#{managerNm, jdbcType=VARCHAR},
|
||||
#{memberDept, jdbcType=VARCHAR},
|
||||
#{editorParam_counselAnswer, jdbcType=VARCHAR},
|
||||
'law',
|
||||
'',
|
||||
'',
|
||||
'',
|
||||
'',
|
||||
<choose>
|
||||
<when test="insertDivVal == 'direct'">
|
||||
'02',
|
||||
</when>
|
||||
<otherwise>
|
||||
'01',
|
||||
</otherwise>
|
||||
</choose>
|
||||
<choose>
|
||||
<when test="reserveRegdate != null and reserveRegdate != ''">
|
||||
'Y',
|
||||
</when>
|
||||
<otherwise>
|
||||
'N',
|
||||
</otherwise>
|
||||
</choose>
|
||||
#{reserveRegdate, jdbcType=DATE},
|
||||
'',
|
||||
#{reserveTel, jdbcType=VARCHAR},
|
||||
#{counselAppType, jdbcType=VARCHAR},
|
||||
#{memberId, jdbcType=VARCHAR},
|
||||
#{counselor, jdbcType=INTEGER},
|
||||
(SELECT MEMBER_NAME FROM T_MEMBER WHERE MEMBER_IDX = #{counselor, jdbcType=INTEGER}),
|
||||
#{counselResertGubun, jdbcType=VARCHAR},
|
||||
#{counselRoute, jdbcType=VARCHAR}
|
||||
)
|
||||
|
||||
</insert>
|
||||
|
||||
<update id="lawUpdate">
|
||||
UPDATE C_ONLINE_COUNSEL
|
||||
SET COUNSEL_RESERVE_REGDATE = #{reserveRegdate},
|
||||
<if test="reserveRegdate != null and reserveRegdate != ''">
|
||||
COUNSEL_RESERVE_YN = 'Y',
|
||||
</if>
|
||||
COUNSEL_ANSWER = #{editorParam_counselAnswer},
|
||||
MANAGER_NM = #{managerNm},
|
||||
MANAGER_DEPART = #{memberDept},
|
||||
COUNSEL_STATE = '02',
|
||||
COUNSELOR_NO = #{counselor},
|
||||
COUNSELOR_NM = (SELECT MEMBER_NAME FROM T_MEMBER WHERE MEMBER_IDX = #{counselor}),
|
||||
MEDIATION_TYPE = #{caseGubun},
|
||||
COUNSEL_APPTYPE = #{counselAppType},
|
||||
COUNSEL_RESERT_GUBUN = #{counselResertGubun},
|
||||
COUNSEL_ROUTE = #{counselRoute},
|
||||
MANAGER_ID = #{managerId},
|
||||
COUNSEL_TITLE = #{counselTitle},
|
||||
COUNSEL_CONTENT = #{editorParam_counselContent}
|
||||
WHERE COUNSEL_SEQ = #{counselSeq}
|
||||
</update>
|
||||
|
||||
<update id="civilChange">
|
||||
UPDATE C_ONLINE_COUNSEL
|
||||
SET
|
||||
MEDIATION_TYPE = #{caseGubun},
|
||||
<choose>
|
||||
<when test="civilType == 'law'">
|
||||
TROUBLE_TYPE = '',
|
||||
</when>
|
||||
<otherwise>
|
||||
TROUBLE_TYPE = #{troubleType},
|
||||
</otherwise>
|
||||
</choose>
|
||||
CIVIL_TYPE = #{civilType}
|
||||
WHERE COUNSEL_SEQ = #{counselSeq}
|
||||
</update>
|
||||
</mapper>
|
||||
@ -31,7 +31,7 @@
|
||||
</bean>
|
||||
|
||||
<bean class="org.springframework.web.servlet.view.BeanNameViewResolver" id="viewResolver" p:order="0"/>
|
||||
|
||||
|
||||
<!-- 화면처리용 JSP 파일명의 prefix, suffix 처리에 대한 mvc 설정 -->
|
||||
<bean class="org.springframework.web.servlet.view.UrlBasedViewResolver" p:order="1"
|
||||
p:viewClass="org.springframework.web.servlet.view.JstlView"
|
||||
@ -82,4 +82,17 @@
|
||||
execution(public * seed..*Controller.*Web(..)) )" method="logAdminSelect" />
|
||||
</aop:aspect>
|
||||
</aop:config>
|
||||
|
||||
|
||||
<!-- 분쟁조정 서블릿 mapping 경로들 -->
|
||||
<mvc:resources mapping="/img/**" location="/WEB-INF/views/_common/_images/" />
|
||||
<mvc:resources mapping="/site/**" location="/WEB-INF/views/site/" />
|
||||
<mvc:resources mapping="/css/**" location="/WEB-INF/views/_common/_css/" />
|
||||
<mvc:resources mapping="/js/**" location="/WEB-INF/views/_common/_js/" />
|
||||
<mvc:resources mapping="/img/**" location="/WEB-INF/views/_common/_images/" />
|
||||
<mvc:resources mapping="/ico/**" location="/WEB-INF/views/_common/_ico/" />
|
||||
<mvc:resources mapping="/font/**" location="/WEB-INF/views/_common/_font/" />
|
||||
<mvc:resources mapping="/ark/**" location="/WEB-INF/views/_common/_ark/" />
|
||||
<!-- 분쟁조정 서블릿 mapping 경로들 끝 -->
|
||||
|
||||
</beans>
|
||||
@ -1,166 +0,0 @@
|
||||
<%@ page contentType="text/html;charset=utf-8" %>
|
||||
<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
|
||||
<!doctype html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title><s:message code="common.message.title" text="Message Title" /></title>
|
||||
</head>
|
||||
|
||||
<body style="visibility:visible">
|
||||
<div id="wrapper">
|
||||
<div class="login-page">
|
||||
<div class="login-area">
|
||||
<div class="login-wrap">
|
||||
<div class="alert-area clear">
|
||||
<h1></h1>
|
||||
<p class="alert-content"><span id="message"></span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
Copyright (c) 2016 <strong>Global IT</strong>. All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/* <![CDATA[ */
|
||||
$(".wrapper").hide();
|
||||
|
||||
try{
|
||||
if(opener != "undefined" && opener && !opener.closed) {
|
||||
if(opener.location.href.indexOf("Form") < 0 && opener.location.href.indexOf("Edit") < 0 && opener.location.href.indexOf("Reply") < 0){
|
||||
opener.location.replace(opener.location.href);
|
||||
}
|
||||
}
|
||||
}catch(e){
|
||||
|
||||
}finally{
|
||||
|
||||
var href = "";
|
||||
|
||||
//팝업창에서 부모창에 값을 넣어줘야하는경우 https일때는 같이 https페이지로 이동
|
||||
// <c:if test='${fn:indexOf(url, "memberChk.do") <= -1}'>
|
||||
// if(location.href.indexOf("https") > -1){
|
||||
// href = location.href.replace("https://", "");
|
||||
// href = "http://"+href.substring(0, href.indexOf("/"));
|
||||
// }
|
||||
// </c:if>
|
||||
|
||||
if("<s:eval expression="@property['Globals.message.check']" />" == "nomessage"){
|
||||
|
||||
$("body").hide();
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
|
||||
}else{
|
||||
|
||||
if("<s:eval expression="@property['Globals.message.check']" />" == "script"){
|
||||
|
||||
<c:choose>
|
||||
<c:when test='${fn:indexOf(message, "(nomessage)") > -1}'></c:when>
|
||||
<c:when test='${fn:indexOf(message, "(message)") > -1}'>
|
||||
alert("<c:out escapeXml='true' value='${fn:replace(message, "(message)", "")}' />");
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
alert("<s:message code="${message}" text="Error Message" />");
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
|
||||
<c:out escapeXml='false' value='${append}' />
|
||||
|
||||
if("<c:out escapeXml='true' value='${opener}' />" == "location"){
|
||||
opener.location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='true' value='${opener}' />" == "reload"){
|
||||
opener.location.reload();
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='true' value='${opener}' />" == "parent"){
|
||||
parent.location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='false' value='${url}' />" != "" && "<c:out escapeXml='false' value='${url}' />" != "null" && "<c:out escapeXml='false' value='${url}' />" != null){
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}
|
||||
|
||||
if("<c:out escapeXml='true' value='${self}' />" == "close"){
|
||||
self.close();
|
||||
}else if("<c:out escapeXml='true' value='${self}' />" == "history"){
|
||||
history.back();
|
||||
}else if("<c:out escapeXml='true' value='${self}' />" == "history.go(-1)"){
|
||||
history.go(-1);
|
||||
}
|
||||
|
||||
}else{
|
||||
|
||||
$(".wrapper").show();
|
||||
|
||||
<c:choose>
|
||||
<c:when test='${fn:indexOf(message, "(nomessage)") > -1}'></c:when>
|
||||
<c:when test='${fn:indexOf(message, "(message)") > -1}'>
|
||||
$("#message").append("<c:out escapeXml='true' value='${fn:replace(message, "(message)", "")}' />");
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
$("#message").append("<s:message code="${message}" text="Error Message" />");
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
|
||||
<c:out escapeXml='false' value='${append}' />
|
||||
|
||||
if("<s:eval expression="@property['Globals.message.confirm']" />" == "false"){
|
||||
var timer = setInterval(function (){
|
||||
|
||||
if("<c:out escapeXml='true' value='${opener}' />" == "location"){
|
||||
opener.location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='true' value='${opener}' />" == "reload"){
|
||||
opener.location.reload();
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='true' value='${opener}' />" == "parent"){
|
||||
parent.location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='false' value='${url}' />" != "" && "<c:out escapeXml='false' value='${url}' />" != "null" && "<c:out escapeXml='false' value='${url}' />" != null){
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}
|
||||
|
||||
/* if("<c:out escapeXml='true' value='${self}' />" == "close"){
|
||||
self.close();
|
||||
}else if("<c:out escapeXml='true' value='${self}' />" == "history"){
|
||||
history.back();
|
||||
}else if("<c:out escapeXml='true' value='${self}' />" == "history.go(-1)"){
|
||||
history.go(-1);
|
||||
} */
|
||||
|
||||
clearInterval(timer);
|
||||
}, <s:eval expression="@property['Globals.message.time']" />);
|
||||
}else{
|
||||
$(".message_btn_area").append("<input type=\"image\" name=\"confirm\" id=\"confirm\" src=\"/seed/img/common/message_ok.png\" alt=\"<s:message code="common.button.confirm" text="Error Button" />\"");
|
||||
$("#confirm").click(function(){
|
||||
|
||||
if("<c:out escapeXml='true' value='${opener}' />" == "location"){
|
||||
opener.location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='true' value='${opener}' />" == "reload"){
|
||||
opener.location.reload();
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='true' value='${opener}' />" == "parent"){
|
||||
parent.location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='false' value='${url}' />" != "" && "<c:out escapeXml='false' value='${url}' />" != "null" && "<c:out escapeXml='false' value='${url}' />" != null){
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}
|
||||
|
||||
if("<c:out escapeXml='true' value='${self}' />" == "close"){
|
||||
self.close();
|
||||
}else if("<c:out escapeXml='true' value='${self}' />" == "history"){
|
||||
history.back();
|
||||
}else if("<c:out escapeXml='true' value='${self}' />" == "history.go(-1)"){
|
||||
history.go(-1);
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* ]]> */
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,168 +0,0 @@
|
||||
<%@ page contentType="text/html;charset=utf-8" %>
|
||||
<%@ taglib uri="http://www.springframework.org/tags" prefix="s"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
|
||||
<!doctype html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<!-- common.message.title - message-common_ko.properties 파일에 선언 -->
|
||||
<title><s:message code="common.message.title" text="Message Title" /></title>
|
||||
</head>
|
||||
|
||||
<body style="visibility:visible">
|
||||
<div id="wrapper">
|
||||
<div class="login-page">
|
||||
<div class="login-area">
|
||||
<div class="login-wrap">
|
||||
<div class="alert-area clear">
|
||||
<h1></h1>
|
||||
<p class="alert-content"><span id="message"></span></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
Copyright (c) 2016 <strong>Global IT</strong>. All Rights Reserved.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
/* <![CDATA[ */
|
||||
$(".wrapper").hide();
|
||||
|
||||
try{
|
||||
if(opener != "undefined" && opener && !opener.closed) {
|
||||
if(opener.location.href.indexOf("Form") < 0 && opener.location.href.indexOf("Edit") < 0 && opener.location.href.indexOf("Reply") < 0){
|
||||
opener.location.replace(opener.location.href);
|
||||
}
|
||||
}
|
||||
}catch(e){
|
||||
|
||||
}finally{
|
||||
|
||||
var href = "";
|
||||
|
||||
//팝업창에서 부모창에 값을 넣어줘야하는경우 https일때는 같이 https페이지로 이동
|
||||
// <c:if test='${fn:indexOf(url, "memberChk.do") <= -1}'>
|
||||
// if(location.href.indexOf("https") > -1){
|
||||
// href = location.href.replace("https://", "");
|
||||
// href = "http://"+href.substring(0, href.indexOf("/"));
|
||||
// }
|
||||
// </c:if>
|
||||
|
||||
/* globals_*.properties에 선언 된 값들 @property로 사용 */
|
||||
if("<s:eval expression="@property['Globals.message.check']" />" == "nomessage"){
|
||||
|
||||
$("body").hide();
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
|
||||
}else{
|
||||
|
||||
if("<s:eval expression="@property['Globals.message.check']" />" == "script"){
|
||||
|
||||
<c:choose>
|
||||
<c:when test='${fn:indexOf(message, "(nomessage)") > -1}'></c:when>
|
||||
<c:when test='${fn:indexOf(message, "(message)") > -1}'>
|
||||
alert("<c:out escapeXml='true' value='${fn:replace(message, "(message)", "")}' />");
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
alert("<s:message code="${message}" text="Error Message" />");
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
|
||||
<c:out escapeXml='false' value='${append}' />
|
||||
|
||||
if("<c:out escapeXml='true' value='${opener}' />" == "location"){
|
||||
opener.location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='true' value='${opener}' />" == "reload"){
|
||||
opener.location.reload();
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='true' value='${opener}' />" == "parent"){
|
||||
parent.location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='false' value='${url}' />" != "" && "<c:out escapeXml='false' value='${url}' />" != "null" && "<c:out escapeXml='false' value='${url}' />" != null){
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}
|
||||
|
||||
if("<c:out escapeXml='true' value='${self}' />" == "close"){
|
||||
self.close();
|
||||
}else if("<c:out escapeXml='true' value='${self}' />" == "history"){
|
||||
history.back();
|
||||
}else if("<c:out escapeXml='true' value='${self}' />" == "history.go(-1)"){
|
||||
history.go(-1);
|
||||
}
|
||||
|
||||
}else{
|
||||
|
||||
$(".wrapper").show();
|
||||
|
||||
<c:choose>
|
||||
<c:when test='${fn:indexOf(message, "(nomessage)") > -1}'></c:when>
|
||||
<c:when test='${fn:indexOf(message, "(message)") > -1}'>
|
||||
$("#message").append("<c:out escapeXml='true' value='${fn:replace(message, "(message)", "")}' />");
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
$("#message").append("<s:message code="${message}" text="Error Message" />");
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
|
||||
<c:out escapeXml='false' value='${append}' />
|
||||
|
||||
if("<s:eval expression="@property['Globals.message.confirm']" />" == "false"){
|
||||
var timer = setInterval(function (){
|
||||
|
||||
if("<c:out escapeXml='true' value='${opener}' />" == "location"){
|
||||
opener.location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='true' value='${opener}' />" == "reload"){
|
||||
opener.location.reload();
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='true' value='${opener}' />" == "parent"){
|
||||
parent.location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='false' value='${url}' />" != "" && "<c:out escapeXml='false' value='${url}' />" != "null" && "<c:out escapeXml='false' value='${url}' />" != null){
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}
|
||||
|
||||
/* if("<c:out escapeXml='true' value='${self}' />" == "close"){
|
||||
self.close();
|
||||
}else if("<c:out escapeXml='true' value='${self}' />" == "history"){
|
||||
history.back();
|
||||
}else if("<c:out escapeXml='true' value='${self}' />" == "history.go(-1)"){
|
||||
history.go(-1);
|
||||
} */
|
||||
|
||||
clearInterval(timer);
|
||||
}, <s:eval expression="@property['Globals.message.time']" />);
|
||||
}else{
|
||||
$(".message_btn_area").append("<input type=\"image\" name=\"confirm\" id=\"confirm\" src=\"/seed/img/common/message_ok.png\" alt=\"<s:message code="common.button.confirm" text="Error Button" />\"");
|
||||
$("#confirm").click(function(){
|
||||
|
||||
if("<c:out escapeXml='true' value='${opener}' />" == "location"){
|
||||
opener.location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='true' value='${opener}' />" == "reload"){
|
||||
opener.location.reload();
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='true' value='${opener}' />" == "parent"){
|
||||
parent.location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}else if("<c:out escapeXml='false' value='${url}' />" != "" && "<c:out escapeXml='false' value='${url}' />" != "null" && "<c:out escapeXml='false' value='${url}' />" != null){
|
||||
location.replace(href+"<c:out escapeXml='false' value='${url}' />");
|
||||
}
|
||||
|
||||
if("<c:out escapeXml='true' value='${self}' />" == "close"){
|
||||
self.close();
|
||||
}else if("<c:out escapeXml='true' value='${self}' />" == "history"){
|
||||
history.back();
|
||||
}else if("<c:out escapeXml='true' value='${self}' />" == "history.go(-1)"){
|
||||
history.go(-1);
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/* ]]> */
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,356 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
|
||||
<!doctype html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title>정보 관리</title>
|
||||
<link href='/css/space.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed.contents.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed.mediaquery.css' rel='styleGsheet' type='text/css'/>
|
||||
<link href='/site/ntcc/css/gtmCustom.css' rel='stylesheet' type='text/css'/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="page-title-wrap clear">
|
||||
<div class="page-title-inner">
|
||||
<h3 class="page-title">무료법률 상담현황</h3>
|
||||
<div class="tooltipBox type01">
|
||||
<button type="button" class="page-tip">페이지안내</button>
|
||||
<div class="tooltipText">
|
||||
<p>무료법률 상담현황 목록 페이지 입니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sch-wrap">
|
||||
<form id="searchFrm" name="searchFrm" action="" method="get">
|
||||
<fieldset>
|
||||
<div class="bbs-view-layout">
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">등록일</p>
|
||||
<div class="item-box">
|
||||
<div class="form-inline">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate1" value="${param.searchDate1}">
|
||||
</div>
|
||||
<i class="t-hide">~</i>
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate2" value="${param.searchDate2}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="item-title">처리일자</p>
|
||||
<div class="item-box">
|
||||
<div class="form-inline">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate3" value="${param.searchDate3}">
|
||||
</div>
|
||||
<i class="t-hide">~</i>
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate4" value="${param.searchDate4}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">신청인</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="searchApp" value="${param.searchApp}">
|
||||
</div>
|
||||
<p class="item-title">담당자</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="searchMa" value="${param.searchMa}">
|
||||
</div>
|
||||
<p class="item-title">상담자</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="searchCa" value="${param.searchCa}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">조정유형</p>
|
||||
<div class="item-box">
|
||||
<select name="searchType" id="searchType">
|
||||
<option value="">선택하세요</option>
|
||||
</select>
|
||||
</div>
|
||||
<p class="item-title">상태</p>
|
||||
<div class="item-box">
|
||||
<select name="searchState" id="searchState">
|
||||
<option value="">선택하세요</option>
|
||||
<option value="01" <c:if test="${param.searchState == '01' }">selected="selected"</c:if>>대기</option>
|
||||
<option value="02" <c:if test="${param.searchState == '02' }">selected="selected"</c:if>>요청</option>
|
||||
<option value="03" <c:if test="${param.searchState == '03' }">selected="selected"</c:if>>완료</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담제목</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="searchTitle" value="${param.searchTitle}">
|
||||
</div>
|
||||
<p class="item-title">예약일</p>
|
||||
<div class="item-box">
|
||||
<div class="form-inline">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate5" value="${param.searchDate5}">
|
||||
</div>
|
||||
<i class="t-hide">~</i>
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate6" value="${param.searchDate6}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sch-content-wrap clear">
|
||||
<button type="submit" class="btn-page-sch" title="검색 완료 버튼">검색</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<br>
|
||||
<div class="form-wrap">
|
||||
<div class="table-layout br-none">
|
||||
<form:form id="stateFrm" name="stateFrm" action="" method="post">
|
||||
<input type="hidden" name="page" class="page" value="${pageMaker.cri.page}">
|
||||
<input type="hidden" name="searchDate1" id="searchDate1" value="${param.searchDate1}">
|
||||
<input type="hidden" name="searchDate2" id="searchDate2" value="${param.searchDate2}">
|
||||
<input type="hidden" name="searchDate3" id="searchDate3" value="${param.searchDate3}">
|
||||
<input type="hidden" name="searchDate4" id="searchDate4" value="${param.searchDate4}">
|
||||
<input type="hidden" name="searchDate5" id="searchDate5" value="${param.searchDate5}">
|
||||
<input type="hidden" name="searchDate6" id="searchDate6" value="${param.searchDate6}">
|
||||
<input type="hidden" name="searchApp" id="searchApp" value="${param.searchApp}">
|
||||
<input type="hidden" name="searchMa" id="searchMa" value="${param.searchMa}">
|
||||
<input type="hidden" name="searchCa" id="searchCa" value="${param.searchCa}">
|
||||
<input type="hidden" name="searchTitle" id="searchTitle" value="${param.searchTitle}">
|
||||
<input type="hidden" name="searchType" id="searchType" value="${param.searchType}">
|
||||
<input type="hidden" name="searchState" id="searchState" value="${param.searchState}">
|
||||
<table>
|
||||
<caption>온라인 상담 현황 테이블입니다.</caption>
|
||||
<colgroup>
|
||||
<!-- class="item-mobile-hidden" -->
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<col style="width:1%">
|
||||
</c:if>
|
||||
<col style="width:3%">
|
||||
<col style="width:6%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col class="title">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<th scope="col"><input type="checkbox" name="allCh" onchange="allCheck();"></th>
|
||||
</c:if>
|
||||
<th scope="col">순번</th>
|
||||
<th scope="col">상담번호</th>
|
||||
<th scope="col">조정유형</th>
|
||||
<th scope="col">담당자</th>
|
||||
<th scope="col">상담자</th>
|
||||
<th scope="col">신청인</th>
|
||||
<th scope="col">상담제목</th>
|
||||
<th scope="col">등록일</th>
|
||||
<th scope="col">처리일자</th>
|
||||
<th scope="col">통지</th>
|
||||
<th scope="col">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:if test="${not empty data}">
|
||||
<c:forEach items="${data}" var="list" varStatus="status">
|
||||
<tr>
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<td>
|
||||
<c:if test="${list.counselState == '02' }">
|
||||
<input type="checkbox" name="okCheck" value="${list.counselSeq}">
|
||||
</c:if>
|
||||
</td>
|
||||
</c:if>
|
||||
<td>${(pageMaker.totalCount - ((pageMaker.cri.page-1)*pageMaker.cri.perPageNum)) - status.index}</td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.counselNo}</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.mediationTypeName}</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.managerNm }</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.counselorNm }</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.applcntNm }</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.counselTitle}</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.counselRegdate}</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.noticeDate }</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.noticeResult }</a></td>
|
||||
<c:choose>
|
||||
<c:when test="${list.counselState == '01' }"><td style="color: red"></c:when>
|
||||
<c:when test="${list.counselState == '02' }"><td style="color: blue;"></c:when>
|
||||
<c:otherwise><td style="color: black;"></c:otherwise>
|
||||
</c:choose>
|
||||
${list.counselStateName }</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${empty data}">
|
||||
<c:choose>
|
||||
<c:when test='${"0902000000" eq memberPosition}'>
|
||||
<td colspan="10">등록된 데이터가 없습니다.</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td colspan="9">등록된 데이터가 없습니다.</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:if>
|
||||
</tbody>
|
||||
</table>
|
||||
</form:form>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="change-state-area" style="overflow: hidden;">
|
||||
<div align="right">
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<button type="button" onclick="goPage('state')" class="btn-change-state" style="background-color: #5e66ab;">승인</button>
|
||||
</c:if>
|
||||
<button type="button" onclick="goPage('write')" class="btn-change-state" style="background-color: #5e66ab;">상담등록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 페이징 -->
|
||||
<div class="pagination-container">
|
||||
<div class="pagination-inner clear">
|
||||
<div class='pagination-control prev clear'>
|
||||
<a class='first-btn' href="javascript:goPage('paging', '1')" title="첫페이지"></a>
|
||||
<c:choose>
|
||||
<c:when test="${pageMaker.prev}">
|
||||
<a class='prev-btn' href="javascript:goPage('paging', '${pageMaker.cri.page - 1}')" title="이전페이지"><img src="/img/common/list_navi2.gif" alt="이전 목록으로 이동" /></a>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<a class='prev-btn' href="javascript:goPage('paging', '${pageMaker.cri.page}')" title="이전페이지"><img src="/img/common/list_navi2.gif" alt="이전 목록으로 이동" /></a>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</div>
|
||||
|
||||
<ul class='pagination clear'>
|
||||
<c:forEach begin="${pageMaker.startPage}" end="${pageMaker.endPage }" var="idx">
|
||||
<c:choose>
|
||||
<c:when test="${idx == pageMaker.cri.page }">
|
||||
<li><a class='on' href="javascript:goPage('paging', '${idx}')" title="현재페이지">${idx}</a></li>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<li><a href="javascript:goPage('paging', '${idx}')" title="${idx}페이지">${idx}</a></li>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
|
||||
<div class='pagination-control next clear'>
|
||||
<c:choose>
|
||||
<c:when test="${pageMaker.next}">
|
||||
<a class='next-btn' href="javascript:goPage('paging', '${pageMaker.cri.page + 1}')" title="다음페이지"><img src="/img/common/list_navi3.gif" alt="다음 목록으로 이동" /></a>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<a class='next-btn' href="javascript:goPage('paging', '${pageMaker.cri.page}')" title="다음페이지"><img src="/img/common/list_navi3.gif" alt="다음 목록으로 이동" /></a>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<a class='last-btn' href="javascript:goPage('paging', '${pageMaker.endPage}')" title="마지막페이지"><img src="/img/common/list_navi4.gif" alt="마지막 목록으로 이동" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 페이징 END -->
|
||||
|
||||
<form id="frm" name="frm" action="" method="get">
|
||||
<input type="hidden" name="counselSeq" id="counselSeq" value="">
|
||||
<input type="hidden" name="type" id="type" value="">
|
||||
<input type="hidden" name="page" class="page" value="${pageMaker.cri.page}">
|
||||
<input type="hidden" name="searchDate1" id="searchDate1" value="${param.searchDate1}">
|
||||
<input type="hidden" name="searchDate2" id="searchDate2" value="${param.searchDate2}">
|
||||
<input type="hidden" name="searchDate3" id="searchDate3" value="${param.searchDate3}">
|
||||
<input type="hidden" name="searchDate4" id="searchDate4" value="${param.searchDate4}">
|
||||
<input type="hidden" name="searchDate5" id="searchDate5" value="${param.searchDate5}">
|
||||
<input type="hidden" name="searchDate6" id="searchDate6" value="${param.searchDate6}">
|
||||
<input type="hidden" name="searchApp" id="searchApp" value="${param.searchApp}">
|
||||
<input type="hidden" name="searchMa" id="searchMa" value="${param.searchMa}">
|
||||
<input type="hidden" name="searchCa" id="searchCa" value="${param.searchCa}">
|
||||
<input type="hidden" name="searchTitle" id="searchTitle" value="${param.searchTitle}">
|
||||
<input type="hidden" name="searchType" id="searchType" value="${param.searchType}">
|
||||
<input type="hidden" name="searchState" id="searchState" value="${param.searchState}">
|
||||
<input type="hidden" name="fileFuncType" id="fileFuncType" value="law">
|
||||
<input type="hidden" name="fileFuncType2" id="fileFuncType2" value="lawCard">
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
function goPage(type, param){
|
||||
if(type == 'view'){
|
||||
$("#counselSeq").val(param);
|
||||
$("#frm").attr("action","/gtm/case/onlineCounsel/lawView.do");
|
||||
$("#frm").submit();
|
||||
}else if(type == 'paging'){
|
||||
$("#counselSeq").remove();
|
||||
$("#fileFuncType").remove();
|
||||
var pageList = $(".page");
|
||||
$(pageList[0]).val(param);
|
||||
$(pageList[1]).val(param);
|
||||
|
||||
|
||||
$("#frm").attr("action","/gtm/case/onlineCounsel/lawList.do");
|
||||
$("#frm").submit();
|
||||
}else if(type == 'state'){
|
||||
|
||||
var checkList = $("input:checkbox[name=okCheck]:checked");
|
||||
|
||||
if(checkList.length == 0){
|
||||
alert("게시물을 선택해 주세요");
|
||||
}else if(checkList.length > 0){
|
||||
if(confirm("승인 하시겠습니까?")){
|
||||
$("#stateFrm").attr("action","/gtm/case/onlineCounsel/state.do");
|
||||
$("#stateFrm").submit();
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}else if(type == 'write'){
|
||||
location.href="/gtm/case/onlineCounsel/lawWritePage.do";
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
caseGubunCombo();
|
||||
});
|
||||
|
||||
//조정유형
|
||||
function caseGubunCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#searchFrm').serialize();
|
||||
url = "/user/case/common/ajax/CaseGubun2.do";
|
||||
XHR(url, param, function(r){
|
||||
var objList = $("#searchType");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
setTimeout(function() {
|
||||
var optionList = $("#searchType option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${param.searchType}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
}, 500);
|
||||
|
||||
function allCheck(){
|
||||
if($("input:checkbox[name=allCh]").is(":checked")){
|
||||
$("input:checkbox[name=okCheck]").prop("checked",true);
|
||||
}else{
|
||||
$("input:checkbox[name=okCheck]").prop("checked",false);
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,494 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
|
||||
<!doctype html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title>정보 관리</title>
|
||||
<link href='/css/space.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed.contents.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed.mediaquery.css' rel='styleGsheet' type='text/css'/>
|
||||
<link href='/site/ntcc/css/gtmCustom.css' rel='stylesheet' type='text/css'/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="printBox">
|
||||
<div class="page-title-wrap clear">
|
||||
<div class="page-title-inner">
|
||||
<h3 class="page-title">무료법률 상담현황 상세</h3>
|
||||
<div class="tooltipBox type01">
|
||||
<button type="button" class="page-tip">페이지안내</button>
|
||||
<div class="tooltipText">
|
||||
<p>무료법률 상담현황 상세 페이지 입니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form:form name="writeFrm" id="writeFrm" action="/gtm/case/onlineCounsel/rawEdit.do" method="post">
|
||||
<input type="hidden" name="memberDept" value="${memberDept}">
|
||||
<input type="hidden" name="counselSeq" value="${param.counselSeq}">
|
||||
<input type="hidden" name="page" id="page" value="${param.page}">
|
||||
<input type="hidden" name="searchDate1" id="searchDate1" value="${param.searchDate1}">
|
||||
<input type="hidden" name="searchDate2" id="searchDate2" value="${param.searchDate2}">
|
||||
<input type="hidden" name="searchDate3" id="searchDate3" value="${param.searchDate3}">
|
||||
<input type="hidden" name="searchDate4" id="searchDate4" value="${param.searchDate4}">
|
||||
<input type="hidden" name="searchDate5" id="searchDate5" value="${param.searchDate5}">
|
||||
<input type="hidden" name="searchDate6" id="searchDate6" value="${param.searchDate6}">
|
||||
<input type="hidden" name="searchApp" id="searchApp" value="${param.searchApp}">
|
||||
<input type="hidden" name="searchMa" id="searchMa" value="${param.searchMa}">
|
||||
<input type="hidden" name="searchCa" id="searchCa" value="${param.searchCa}">
|
||||
<input type="hidden" name="searchTitle" id="searchTitle" value="${param.searchTitle}">
|
||||
<input type="hidden" name="searchType" id="searchType" value="${param.searchType}">
|
||||
<input type="hidden" name="searchState" id="searchState" value="${param.searchState}">
|
||||
<input type="hidden" name="fileFuncType" id="fileFuncType" value="lawCard">
|
||||
<input type="hidden" name="managerNm" id="managerNm" value="${data.managerNm}">
|
||||
<input type="hidden" name="managerId" id="managerId" value="${data.managerId}">
|
||||
<fieldset>
|
||||
<div class="bbs-view-layout">
|
||||
<c:if test="${data.counselState eq '01'}">
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담구분</p>
|
||||
<div class="item-box">
|
||||
<input type="radio" id="radio02" name="civilType" value="law" <c:if test="${data.civilType == 'law'}">checked="checked"</c:if> onchange="counselCivilTypeCombo('law');">
|
||||
<label for="radio02">법률상담</label>
|
||||
<input type="radio" id="radio01" name="civilType" value="online" <c:if test="${data.civilType == 'online'}">checked="checked"</c:if> onchange="counselCivilTypeCombo('online');">
|
||||
<label for="radio01">분쟁조정상담</label>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">접수번호</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.counselNo }"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담분야</p>
|
||||
<div class="item-box">
|
||||
<select class="sel_full" name="caseGubun" id="caseGubun" onchange="resnCombo()">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="civilTypeDiv" class="bbs-view-item" style="display: none;">
|
||||
<p class="item-title">분쟁유형</p>
|
||||
<div class="item-box">
|
||||
<select id="troubleType" class="sel_full2" name="troubleType">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">성명</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.applcntNm}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">회원 이메일</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.applcntEmail}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">연락처</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.applcntTel}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">등록일</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.counselRegdate}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">예약여부</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.counselReserveYn}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">첨부파일</p>
|
||||
<div class="item-box">
|
||||
<c:forEach items="${fileList}" var="list" varStatus="status">
|
||||
<div style="margin-top:10px">
|
||||
<img src="/img/user/bbs/icon_file.gif" alt="gif"> <a href="/seed/extra/down/file.do?dataIdx=${list.EXTRA_FILE_IDX}&funcType=${list.EXTRA_FUNC_TYPE}&pathKey1=${siteIdx}">${list.EXTRA_FILE_NAME}</a>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담제목</p>
|
||||
<div class="item-box">
|
||||
<input type="text" id="counselTitle" name="counselTitle" value="<c:out value="${data.counselTitle}"/>" maxlength="200">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담방법</p>
|
||||
<div class="item-box">
|
||||
<select name="counselAppType" id="counselAppType">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담내용</p>
|
||||
<div class="item-box">
|
||||
<textarea name="editorParam_counselContent" id="editorParam_counselContent" cols="40" rows="10" placeholder="내용을 입력해 주세요." class="txta_full2"><c:out value="${data.counselContent}"/></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</fieldset>
|
||||
<br>
|
||||
|
||||
<fieldset>
|
||||
<div class="bbs-view-layout">
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">담당자</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${memberName}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담자</p>
|
||||
<div class="item-box">
|
||||
<select id="counselor" class="sel_full2" name="counselor">
|
||||
<option value="">선택</option>
|
||||
<c:forEach items="${memberList}" var="list">
|
||||
<option value="${list.memberIdx}" <c:if test="${data.counselorNo == list.memberIdx }">selected="selected"</c:if>><c:out value="${list.memberName }"/>(<c:out value="${list.memberDeptName}"/>)</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">담당부서</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.deptName}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">법률상담예약</p>
|
||||
<div class="item-box">
|
||||
<input type="text" class="datepicker" name="reserveRegdate" value="${data.counselReserveRegdate}" style="width: 20%">
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">답변내용</p>
|
||||
<div class="item-box">
|
||||
<textarea class="bg_essential " maxlength="2000" name="editorParam_counselAnswer" id="content" title="내용을 입력하세요" style="width:99%; height:300px;"><c:out value="${data.counselAnswer}"/></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">결과분류</p>
|
||||
<div class="item-box">
|
||||
<select name="counselResertGubun" id="counselResertGubun">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">안내경로</p>
|
||||
<div class="item-box">
|
||||
<select name="counselRoute" id="counselRoute">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담기록카드</p>
|
||||
<div class="item-box">
|
||||
<div class="temp-file-area">
|
||||
<label for="upFile" class="temp-file-button">첨부파일</label>
|
||||
</div>
|
||||
<ul class="upFileHtml" id="upFileHtml">
|
||||
<c:forEach items="${fileList2}" var="list" varStatus="status">
|
||||
<li id="fileUploadP${status.count}" class="bbsFileHtml">
|
||||
<img src="/img/user/bbs/icon_file.gif" alt="gif">
|
||||
<a href="/seed/extra/down/file.do?dataIdx=${list.EXTRA_FILE_IDX}&funcType=${list.EXTRA_FUNC_TYPE}&pathKey1=${siteIdx}">${list.EXTRA_FILE_NAME}</a>
|
||||
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${list.EXTRA_FILE_SIZE}');" class="del ml7"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
|
||||
<input type="hidden" name="fileIdx" value="${list.EXTRA_FILE_IDX}" class="fileIdxClass"/>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<input type="hidden" name="fileFuncType" value="lawCard" />
|
||||
<input type="hidden" name="uploadFileCnt" value="${fileListSize}" id="uploadFileCntId" />
|
||||
<input type="hidden" name="deleteFileData" value="" id="deleteFileDataId" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<br>
|
||||
<div class="btn-area">
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<button type="button" class="btn-normal violet mb10" onclick="setOk()">승인</button>
|
||||
</c:if>
|
||||
<c:if test='${data.managerId eq "" || data.managerId eq null || data.managerId eq memberId || "0902000000" eq memberPosition}'>
|
||||
<c:if test="${data.counselState eq '01'}">
|
||||
<button type="button" class="btn-normal violet mb10" onclick="goChange()">상담변경</button>
|
||||
</c:if>
|
||||
<button type="submit" class="btn-normal violet mb10">등록</button>
|
||||
</c:if>
|
||||
<button type="button" class="btn-normal lightgray mb10" onclick="goList()">목록</button>
|
||||
<c:if test="${data.managerId == memberId || '0902000000' == memberPosition}">
|
||||
<button type="button" class="btn-normal lightgray mb10 fr red" onclick="goDel()">삭제</button>
|
||||
</c:if>
|
||||
<!-- <button type="button" class="btn-normal lightgray mb10" onclick="PrintElem(document.getElementById('printBox'));">인쇄</button> -->
|
||||
</div>
|
||||
</form:form>
|
||||
</div>
|
||||
<form id="moveFrm" action="" method="get">
|
||||
<input type="hidden" name="counselSeq" value="${param.counselSeq}">
|
||||
<input type="hidden" name="page" id="page" value="${param.page}">
|
||||
<input type="hidden" name="searchDate1" id="searchDate1" value="${param.searchDate1}">
|
||||
<input type="hidden" name="searchDate2" id="searchDate2" value="${param.searchDate2}">
|
||||
<input type="hidden" name="searchDate3" id="searchDate3" value="${param.searchDate3}">
|
||||
<input type="hidden" name="searchDate4" id="searchDate4" value="${param.searchDate4}">
|
||||
<input type="hidden" name="searchDate5" id="searchDate5" value="${param.searchDate5}">
|
||||
<input type="hidden" name="searchDate6" id="searchDate6" value="${param.searchDate6}">
|
||||
<input type="hidden" name="searchApp" id="searchApp" value="${param.searchApp}">
|
||||
<input type="hidden" name="searchMa" id="searchMa" value="${param.searchMa}">
|
||||
<input type="hidden" name="searchCa" id="searchCa" value="${param.searchCa}">
|
||||
<input type="hidden" name="searchTitle" id="searchTitle" value="${param.searchTitle}">
|
||||
<input type="hidden" name="searchType" id="searchType" value="${param.searchType}">
|
||||
<input type="hidden" name="searchState" id="searchState" value="${param.searchState}">
|
||||
</form>
|
||||
|
||||
<!-- 파일 입시저장을 위한 폼 -->
|
||||
<form id="fileTempUpFrm" action="/seed/extra/temp/file.do" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="fileFuncType" value="lawCard" />
|
||||
<div class="temp-file-area">
|
||||
<input type="file" name="upFile" id="upFile" class="essential temp-file-hideen" onchange="fileTempUp();" required title="첨부파일" value="" style="ime-mode: disabled;" >
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
function goList(){
|
||||
$("#moveFrm").attr("action", "/gtm/case/onlineCounsel/lawList.do");
|
||||
$("#moveFrm").submit();
|
||||
}
|
||||
|
||||
function setOk(){
|
||||
if(confirm("승인 하시겠습니까?")){
|
||||
$("#moveFrm").attr("action", "/gtm/case/onlineCounsel/lawState.do");
|
||||
$("#moveFrm").submit();
|
||||
}
|
||||
}
|
||||
|
||||
function goDel(){
|
||||
if(confirm("정말 삭제 하시겠습니까??")){
|
||||
$("#moveFrm").attr("action", "/gtm/case/onlineCounsel/lawDel.do");
|
||||
$("#moveFrm").submit();
|
||||
}
|
||||
}
|
||||
|
||||
function goChange() {
|
||||
var type = $("input:radio[name='civilType']:checked").val();
|
||||
|
||||
if(type == "online") {
|
||||
if (confirm("분쟁조정상담으로 변경 하시겠습니까?")) {
|
||||
$("#writeFrm").attr("action", "/gtm/case/onlineCounsel/civilChange.do");
|
||||
$("#writeFrm").submit();
|
||||
}
|
||||
} else {
|
||||
alert("상담구분이 기존과 동일합니다.");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function PrintElem(elem)
|
||||
{
|
||||
Popup($(elem).html());
|
||||
}
|
||||
function Popup(data)
|
||||
{
|
||||
var mywindow = window.open('', 'my div', 'height=400,width=600');
|
||||
mywindow.document.write('<html><head><title>my div</title>');
|
||||
mywindow.document.write('</head><body >');
|
||||
mywindow.document.write(data);
|
||||
mywindow.document.write('</body></html>');
|
||||
mywindow.document.close(); // IE >= 10에 필요
|
||||
mywindow.focus(); // necessary for IE >= 10
|
||||
mywindow.print();
|
||||
mywindow.close();
|
||||
return true;
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
caseGubunCombo();
|
||||
counselAppTypeCombo();
|
||||
counselResertGubunCombo();
|
||||
counselRouteCombo();
|
||||
|
||||
|
||||
var optionList = $("#caseGubun option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.mediationType}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselAppType option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
|
||||
if('${data.counselApptype}' == ''){
|
||||
if(optionList[i].value == '4503000000'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}else{
|
||||
if(optionList[i].value == '${data.counselApptype}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselResertGubun option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.counselResertGubun}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselRoute option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.counselRoute}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//상담분야
|
||||
function caseGubunCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/CaseGubun2.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#caseGubun");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
//신청사유
|
||||
function resnCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/Resn2.do";
|
||||
XHR2(url, param, function(r){
|
||||
var sel = "";
|
||||
var objList = $("#troubleType");
|
||||
//초기화
|
||||
objList.html("<option value=''>선택</option>");
|
||||
|
||||
if(objList.length > 0 && objList.val() == ""){
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//신청방식
|
||||
function counselAppTypeCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/CounselAppType.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#counselAppType");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
//결과분류
|
||||
function counselResertGubunCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/LawCounselResertGubun.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#counselResertGubun");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
//안내경로
|
||||
function counselRouteCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
|
||||
url = "/user/case/common/ajax/CounselRoute.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#counselRoute");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
function counselCivilTypeCombo(type) {
|
||||
if(type == "law") {
|
||||
$('#civilTypeDiv').css("display", "none");
|
||||
} else {
|
||||
$('#civilTypeDiv').css("display", "table");
|
||||
}
|
||||
}
|
||||
|
||||
$(window).load(function(){
|
||||
resnCombo();
|
||||
});
|
||||
/* setTimeout(function() {
|
||||
var optionList = $("#caseGubun option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.mediationType}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselAppType option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
|
||||
if('${data.counselApptype}' == ''){
|
||||
if(optionList[i].value == '4503000000'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}else{
|
||||
if(optionList[i].value == '${data.counselApptype}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselResertGubun option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.counselResertGubun}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselRoute option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.counselRoute}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
}, 700); */
|
||||
</script>
|
||||
<script src="/js/seedFileUtil.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,345 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
|
||||
<!doctype html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title>정보 관리</title>
|
||||
<link href='/css/space.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed.contents.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed.mediaquery.css' rel='styleGsheet' type='text/css'/>
|
||||
<link href='/site/ntcc/css/gtmCustom.css' rel='stylesheet' type='text/css'/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="printBox">
|
||||
<div class="page-title-wrap clear">
|
||||
<div class="page-title-inner">
|
||||
<h3 class="page-title">무료법률 상담 등록</h3>
|
||||
<div class="tooltipBox type01">
|
||||
<button type="button" class="page-tip">페이지안내</button>
|
||||
<div class="tooltipText">
|
||||
<p>무료법률 상담 등록 페이지 입니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<form:form name="writeFrm" id="writeFrm" action="/gtm/case/onlineCounsel/lawWrite.do" method="post">
|
||||
<input type="hidden" name="insertDivVal" value="direct">
|
||||
<fieldset>
|
||||
<div class="bbs-view-layout">
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담분야</p>
|
||||
<div class="item-box">
|
||||
<select class="sel_full" name="caseGubun" id="caseGubun">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">성명</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="applcntNm" maxlength="20" style="width: 20%">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">회원 이메일</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="applcntEmail" maxlength="50" style="width: 30%">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">연락처</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="applcntTel" maxlength="15" style="width: 20%">
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담제목</p>
|
||||
<div class="item-box">
|
||||
<input type="text" id="counselTitle" name="counselTitle" maxlength="200">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담방법</p>
|
||||
<div class="item-box">
|
||||
<select name="counselAppType" id="counselAppType">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담내용</p>
|
||||
<div class="item-box">
|
||||
<textarea name="editorParam_counselContent" id="editorParam_counselContent" cols="40" rows="10" placeholder="내용을 입력해 주세요." class="txta_full2"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</fieldset>
|
||||
<br>
|
||||
|
||||
<fieldset>
|
||||
<div class="bbs-view-layout">
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">담당자</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${memberName}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담자</p>
|
||||
<div class="item-box">
|
||||
<select id="troubleType" class="sel_full2" name="counselor">
|
||||
<option value="">선택</option>
|
||||
<c:forEach items="${memberList}" var="list">
|
||||
<option value="${list.memberIdx}" ><c:out value="${list.memberName }"/>(<c:out value="${list.memberDeptName}"/>)</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">법률상담예약</p>
|
||||
<div class="item-box">
|
||||
<input type="text" class="datepicker" name="reserveRegdate" style="width: 20%">
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">답변내용</p>
|
||||
<div class="item-box">
|
||||
<textarea class="bg_essential " maxlength="2000" name="editorParam_counselAnswer" id="content" title="내용을 입력하세요" style="width:99%; height:300px;"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">결과분류</p>
|
||||
<div class="item-box">
|
||||
<select name="counselResertGubun" id="counselResertGubun">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">안내경로</p>
|
||||
<div class="item-box">
|
||||
<select name="counselRoute" id="counselRoute">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담기록카드</p>
|
||||
<div class="item-box">
|
||||
<div class="temp-file-area">
|
||||
<label for="upFile" class="temp-file-button">첨부파일</label>
|
||||
</div>
|
||||
<ul class="upFileHtml" id="upFileHtml">
|
||||
<%-- <c:forEach items="${fileList2}" var="list" varStatus="status">
|
||||
<li id="fileUploadP${status.count}" class="bbsFileHtml">
|
||||
<img src="/img/user/bbs/icon_file.gif" alt="gif">
|
||||
<a href="/seed/extra/down/file.do?dataIdx=${list.EXTRA_FILE_IDX}&funcType=${list.EXTRA_FUNC_TYPE}&pathKey1=${siteIdx}">${list.EXTRA_FILE_NAME}</a>
|
||||
<a href="javascript:;" onclick="javascript:jf_delete_file('${status.count}', '${list.EXTRA_FILE_SIZE}');" class="del ml7"><img src="/img/user/bbs/btn_file_del.png" alt="삭제"></a>
|
||||
<input type="hidden" name="fileIdx" value="${list.EXTRA_FILE_IDX}" class="fileIdxClass"/>
|
||||
</li>
|
||||
</c:forEach> --%>
|
||||
</ul>
|
||||
<input type="hidden" name="fileFuncType" value="lawCard" />
|
||||
<input type="hidden" name="uploadFileCnt" value="${fileListSize}" id="uploadFileCntId" />
|
||||
<input type="hidden" name="deleteFileData" value="" id="deleteFileDataId" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<br>
|
||||
<div class="btn-area">
|
||||
<button type="submit" class="btn-normal violet mb10">등록</button>
|
||||
<button type="button" class="btn-normal lightgray mb10" onclick="goList()">목록</button>
|
||||
</div>
|
||||
</form:form>
|
||||
</div>
|
||||
|
||||
<!-- 파일 입시저장을 위한 폼 -->
|
||||
<form id="fileTempUpFrm" action="/seed/extra/temp/file.do" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="fileFuncType" value="lawCard" />
|
||||
<div class="temp-file-area">
|
||||
<input type="file" name="upFile" id="upFile" class="essential temp-file-hideen" onchange="fileTempUp();" required title="첨부파일" value="" style="ime-mode: disabled;" >
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
function goList(){
|
||||
location.href = "/gtm/case/onlineCounsel/lawList.do";
|
||||
}
|
||||
|
||||
function setOk(){
|
||||
if(confirm("승인 하시겠습니까?")){
|
||||
$("#moveFrm").attr("action", "/gtm/case/onlineCounsel/lawState.do");
|
||||
$("#moveFrm").submit();
|
||||
}
|
||||
}
|
||||
|
||||
function goDel(){
|
||||
if(confirm("정말 삭제 하시겠습니까??")){
|
||||
$("#moveFrm").attr("action", "/gtm/case/onlineCounsel/lawDel.do");
|
||||
$("#moveFrm").submit();
|
||||
}
|
||||
}
|
||||
|
||||
function PrintElem(elem)
|
||||
{
|
||||
Popup($(elem).html());
|
||||
}
|
||||
function Popup(data)
|
||||
{
|
||||
var mywindow = window.open('', 'my div', 'height=400,width=600');
|
||||
mywindow.document.write('<html><head><title>my div</title>');
|
||||
mywindow.document.write('</head><body >');
|
||||
mywindow.document.write(data);
|
||||
mywindow.document.write('</body></html>');
|
||||
mywindow.document.close(); // IE >= 10에 필요
|
||||
mywindow.focus(); // necessary for IE >= 10
|
||||
mywindow.print();
|
||||
mywindow.close();
|
||||
return true;
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
caseGubunCombo();
|
||||
counselAppTypeCombo();
|
||||
counselResertGubunCombo();
|
||||
counselRouteCombo();
|
||||
|
||||
|
||||
var optionList = $("#caseGubun option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.mediationType}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselAppType option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
|
||||
if('${data.counselApptype}' == ''){
|
||||
if(optionList[i].value == '4503000000'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}else{
|
||||
if(optionList[i].value == '${data.counselApptype}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselResertGubun option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.counselResertGubun}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselRoute option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.counselRoute}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
//상담분야
|
||||
function caseGubunCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/CaseGubun2.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#caseGubun");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
//신청방식
|
||||
function counselAppTypeCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/CounselAppType.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#counselAppType");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
//결과분류
|
||||
function counselResertGubunCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/LawCounselResertGubun.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#counselResertGubun");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
//안내경로
|
||||
function counselRouteCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/CounselRoute.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#counselRoute");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
/* setTimeout(function() {
|
||||
var optionList = $("#caseGubun option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.mediationType}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselAppType option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
|
||||
if('${data.counselApptype}' == ''){
|
||||
if(optionList[i].value == '4503000000'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}else{
|
||||
if(optionList[i].value == '${data.counselApptype}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselResertGubun option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.counselResertGubun}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselRoute option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.counselRoute}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
}, 700); */
|
||||
</script>
|
||||
<script src="/js/seedFileUtil.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,454 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
|
||||
<!doctype html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title>정보 관리</title>
|
||||
<link href='/css/seed/space.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed/seed.contents.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed/seed.mediaquery.css' rel='styleGsheet' type='text/css'/>
|
||||
<link href='/site/ntcc/css/gtmCustom.css' rel='stylesheet' type='text/css'/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="page-title-wrap clear">
|
||||
<div class="page-title-inner">
|
||||
<h3 class="page-title">분쟁조정 상담현황</h3>
|
||||
<div class="tooltipBox type01">
|
||||
<button type="button" class="page-tip">페이지안내</button>
|
||||
<div class="tooltipText">
|
||||
<p>분쟁조정 상담현황 목록 페이지 입니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sch-wrap" style="margin-bottom: 20px; margin-top: 10px">
|
||||
<fieldset>
|
||||
<form:form name="statsFrm" id="statsFrm" action="" method="post">
|
||||
<input type="hidden" id="crfNm" name="crfNm" value="">
|
||||
<div class="bbs-view-layout">
|
||||
<div class="bbs-view-item">
|
||||
<div class="item-box">
|
||||
<input type="text" id="Datest" name="CLIPDATA_STARTDATE" placeholder="사건접수일(검색시작날짜)" style="width:20% "> -
|
||||
<input type="text" id="Dateend" name="CLIPDATA_ENDDATE" placeholder="사건접수일(검색종료날짜)" style="width:20% ">
|
||||
|
||||
<select name="statsType" id="statsType" class="sch-select" title="선택" style="width: 150px;text-align: center;margin-left: 10px">
|
||||
<option value="">== 통계 선택 ==</option>
|
||||
<option value="onlineCounsel">일반상담통합</option>
|
||||
<option value="lawCounsel">무료법률상담통합</option>
|
||||
<option value="15_2_daytimeBusiness">주간업무보고</option>
|
||||
</select>
|
||||
|
||||
<button type="button" class="btn-default" onclick="clipCall();" style="margin-left: 10px">통계출력</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form:form>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="col-sch-wrap">
|
||||
<form id="searchFrm" name="searchFrm" action="" method="get">
|
||||
<fieldset>
|
||||
<div class="bbs-view-layout">
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">등록일</p>
|
||||
<div class="item-box">
|
||||
<div class="form-inline">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate1" value="${param.searchDate1}">
|
||||
</div>
|
||||
<i class="t-hide">~</i>
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate2" value="${param.searchDate2}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="item-title">처리일자</p>
|
||||
<div class="item-box">
|
||||
<div class="form-inline">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate3" value="${param.searchDate3}">
|
||||
</div>
|
||||
<i class="t-hide">~</i>
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate4" value="${param.searchDate4}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">신청인</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="searchApp" value="${param.searchApp}">
|
||||
</div>
|
||||
<p class="item-title">담당자</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="searchMa" value="${param.searchMa}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">조정유형</p>
|
||||
<div class="item-box">
|
||||
<select name="searchType" id="searchType">
|
||||
<option value="">선택하세요</option>
|
||||
</select>
|
||||
</div>
|
||||
<p class="item-title">상태</p>
|
||||
<div class="item-box">
|
||||
<select name="searchState" id="searchState">
|
||||
<option value="">선택하세요</option>
|
||||
<option value="01" <c:if test="${param.searchState == '01' }">selected="selected"</c:if>>대기</option>
|
||||
<option value="02" <c:if test="${param.searchState == '02' }">selected="selected"</c:if>>요청</option>
|
||||
<option value="03" <c:if test="${param.searchState == '03' }">selected="selected"</c:if>>완료</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title col-tit-1">상담제목</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="searchTitle" value="${param.searchTitle}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sch-content-wrap clear">
|
||||
<button type="submit" class="btn-page-sch" title="검색 완료 버튼">검색</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<br>
|
||||
<div class="form-wrap">
|
||||
<div class="table-layout br-none">
|
||||
<form:form id="stateFrm" name="stateFrm" action="" method="post">
|
||||
<input type="hidden" name="page" class="page" value="${pageMaker.cri.page}">
|
||||
<input type="hidden" name="searchDate1" id="searchDate1" value="${param.searchDate1}">
|
||||
<input type="hidden" name="searchDate2" id="searchDate2" value="${param.searchDate2}">
|
||||
<input type="hidden" name="searchDate3" id="searchDate3" value="${param.searchDate3}">
|
||||
<input type="hidden" name="searchDate4" id="searchDate4" value="${param.searchDate4}">
|
||||
<input type="hidden" name="searchApp" id="searchApp" value="${param.searchApp}">
|
||||
<input type="hidden" name="searchMa" id="searchMa" value="${param.searchMa}">
|
||||
<input type="hidden" name="searchTitle" id="searchTitle" value="${param.searchTitle}">
|
||||
<input type="hidden" name="searchType" id="searchType" value="${param.searchType}">
|
||||
<input type="hidden" name="searchState" id="searchState" value="${param.searchState}">
|
||||
<table>
|
||||
<caption>온라인 상담 현황 테이블입니다.</caption>
|
||||
<colgroup>
|
||||
<!-- class="item-mobile-hidden" -->
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<col style="width:1%">
|
||||
</c:if>
|
||||
<col style="width:3%">
|
||||
<col style="width:6%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col class="title">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<th scope="col"><input type="checkbox" name="allCh" onchange="allCheck();"></th>
|
||||
</c:if>
|
||||
<th scope="col">순번</th>
|
||||
<th scope="col">상담번호</th>
|
||||
<th scope="col">조정유형</th>
|
||||
<th scope="col">담당자</th>
|
||||
<th scope="col">신청인</th>
|
||||
<th scope="col">상담제목</th>
|
||||
<th scope="col">등록일</th>
|
||||
<th scope="col">처리일자</th>
|
||||
<th scope="col">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:if test="${not empty data}">
|
||||
<c:forEach items="${data}" var="list" varStatus="status">
|
||||
<tr>
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<td>
|
||||
<c:if test="${list.counselState == '02' }">
|
||||
<input type="checkbox" name="okCheck" value="${list.counselSeq}">
|
||||
</c:if>
|
||||
</td>
|
||||
</c:if>
|
||||
<td>${(pageMaker.totalCount - ((pageMaker.cri.page-1)*pageMaker.cri.perPageNum)) - status.index}</td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.counselNo}</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.mediationTypeName}</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.managerNm }</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.applcntNm }</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.counselTitle}</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.counselRegdate}</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.noticeDate }</a></td>
|
||||
<c:choose>
|
||||
<c:when test="${list.counselState == '01' }"><td style="color: red"></c:when>
|
||||
<c:when test="${list.counselState == '02' }"><td style="color: blue;"></c:when>
|
||||
<c:otherwise><td style="color: black;"></c:otherwise>
|
||||
</c:choose>
|
||||
${list.counselStateName }</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${empty data}">
|
||||
<tr>
|
||||
<c:choose>
|
||||
<c:when test='${"0902000000" eq memberPosition}'>
|
||||
<td colspan="10">등록된 데이터가 없습니다.</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td colspan="9">등록된 데이터가 없습니다.</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</tr>
|
||||
</c:if>
|
||||
</tbody>
|
||||
</table>
|
||||
</form:form>
|
||||
</div>
|
||||
|
||||
<div class="change-state-area" style="overflow: hidden;">
|
||||
<div align="right">
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<button type="button" onclick="goPage('state')" class="btn-change-state" style="background-color: #5e66ab;">승인</button>
|
||||
</c:if>
|
||||
<button type="button" onclick="goPage('write')" class="btn-change-state" style="background-color: #5e66ab;">상담등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 페이징 -->
|
||||
<div class="pagination-container">
|
||||
<div class="pagination-inner clear">
|
||||
<div class='pagination-control prev clear'>
|
||||
<a class='first-btn' href="javascript:goPage('paging', '1')" title="첫페이지"></a>
|
||||
<c:choose>
|
||||
<c:when test="${pageMaker.prev}">
|
||||
<a class='prev-btn' href="javascript:goPage('paging', '${pageMaker.cri.page - 1}')" title="이전페이지"><img src="/img/common/list_navi2.gif" alt="이전 목록으로 이동" /></a>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<a class='prev-btn' href="javascript:goPage('paging', '${pageMaker.cri.page}')" title="이전페이지"><img src="/img/common/list_navi2.gif" alt="이전 목록으로 이동" /></a>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</div>
|
||||
|
||||
<ul class='pagination clear'>
|
||||
<c:forEach begin="${pageMaker.startPage}" end="${pageMaker.endPage }" var="idx">
|
||||
<c:choose>
|
||||
<c:when test="${idx == pageMaker.cri.page }">
|
||||
<li><a class='on' href="javascript:goPage('paging', '${idx}')" title="현재페이지">${idx}</a></li>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<li><a href="javascript:goPage('paging', '${idx}')" title="${idx}페이지">${idx}</a></li>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
|
||||
<div class='pagination-control next clear'>
|
||||
<c:choose>
|
||||
<c:when test="${pageMaker.next}">
|
||||
<a class='next-btn' href="javascript:goPage('paging', '${pageMaker.cri.page + 1}')" title="다음페이지"><img src="/img/common/list_navi3.gif" alt="다음 목록으로 이동" /></a>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<a class='next-btn' href="javascript:goPage('paging', '${pageMaker.cri.page}')" title="다음페이지"><img src="/img/common/list_navi3.gif" alt="다음 목록으로 이동" /></a>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<a class='last-btn' href="javascript:goPage('paging', '${pageMaker.endPage}')" title="마지막페이지"><img src="/img/common/list_navi4.gif" alt="마지막 목록으로 이동" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 페이징 END -->
|
||||
|
||||
<form id="frm" name="frm" action="" method="get">
|
||||
<input type="hidden" name="counselSeq" id="counselSeq" value="">
|
||||
<input type="hidden" name="type" id="type" value="">
|
||||
<input type="hidden" name="page" class="page" value="${pageMaker.cri.page}">
|
||||
<input type="hidden" name="searchDate1" id="searchDate1" value="${param.searchDate1}">
|
||||
<input type="hidden" name="searchDate2" id="searchDate2" value="${param.searchDate2}">
|
||||
<input type="hidden" name="searchDate3" id="searchDate3" value="${param.searchDate3}">
|
||||
<input type="hidden" name="searchDate4" id="searchDate4" value="${param.searchDate4}">
|
||||
<input type="hidden" name="searchApp" id="searchApp" value="${param.searchApp}">
|
||||
<input type="hidden" name="searchMa" id="searchMa" value="${param.searchMa}">
|
||||
<input type="hidden" name="searchTitle" id="searchTitle" value="${param.searchTitle}">
|
||||
<input type="hidden" name="searchType" id="searchType" value="${param.searchType}">
|
||||
<input type="hidden" name="searchState" id="searchState" value="${param.searchState}">
|
||||
<input type="hidden" name="fileFuncType" id="fileFuncType" value="online">
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
function goPage(type, param){
|
||||
if(type == 'view'){
|
||||
$("#counselSeq").val(param);
|
||||
$("#frm").attr("action","/gtm/case/onlineCounsel/view.do");
|
||||
$("#frm").submit();
|
||||
}else if(type == 'paging'){
|
||||
$("#counselSeq").remove();
|
||||
$("#fileFuncType").remove();
|
||||
var pageList = $(".page");
|
||||
$(pageList[0]).val(param);
|
||||
$(pageList[1]).val(param);
|
||||
|
||||
|
||||
$("#frm").attr("action","/gtm/case/onlineCounsel/list.do");
|
||||
$("#frm").submit();
|
||||
}else if(type == 'state'){
|
||||
|
||||
var checkList = $("input:checkbox[name=okCheck]:checked");
|
||||
|
||||
if(checkList.length == 0){
|
||||
alert("게시물을 선택해 주세요");
|
||||
}else if(checkList.length > 0){
|
||||
if(confirm("승인 하시겠습니까?")){
|
||||
$("#stateFrm").attr("action","/gtm/case/onlineCounsel/state.do");
|
||||
$("#stateFrm").submit();
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
|
||||
}else if(type == 'write'){
|
||||
location.href="/gtm/case/onlineCounsel/writePage.do";
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
caseGubunCombo();
|
||||
});
|
||||
|
||||
$(document).ready(function(){
|
||||
//jQuery DatePicker Option
|
||||
var dateOption = {
|
||||
showOn: "button",
|
||||
buttonImage: "/img/icon_calendar.gif",
|
||||
buttonImageOnly: true,
|
||||
dateFormat: 'yy-mm-dd',
|
||||
showMonthAfterYear:true,
|
||||
buttonText: "달력",
|
||||
monthNames: ['년 1월','년 2월','년 3월','년 4월','년 5월','년 6월','년 7월','년 8월','년 9월','년 10월','년 11월','년 12월'],
|
||||
dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],
|
||||
changeMonth: true,
|
||||
changeYear: true,
|
||||
gotoCurrent: false,
|
||||
showButtonPanel:true,
|
||||
yearRange:'-100:+10'
|
||||
,maxDate : '+0d'
|
||||
//오늘을 기준으로 지난 날만 선택하려면 minDate를 maxDate로 변경, 전체 선택하려면 minDate나 maxDate 삭제
|
||||
};
|
||||
//시작일
|
||||
jQuery("#Datest, #Dateend").datepicker(dateOption);
|
||||
|
||||
//종료일
|
||||
//jQuery("#Dateend").datepicker(dateOption);
|
||||
|
||||
/*
|
||||
제작자 : 최병기
|
||||
제작일 : 2013.01.25
|
||||
시작일 종료일 검증
|
||||
시작일의 ID 맨 뒤에 st를 붙인다.
|
||||
종료일의 ID 맨 뒤에 end를 붙인다.
|
||||
단, ID는 동일하게 설정하고 뒤에 st, end를 붙이면 된다.
|
||||
*/
|
||||
jQuery('input').change(function(){
|
||||
if(this.type == 'text'){
|
||||
var startid = "";
|
||||
var endid = "";
|
||||
var startval = "";
|
||||
var endval = "";
|
||||
var id = "";
|
||||
|
||||
startid = this.id.substring(this.id.length-2);
|
||||
endid = this.id.substring(this.id.length-3);
|
||||
|
||||
if(startid != "" && startid == 'st'){
|
||||
var id = this.id.substring(this.id.length-2, -this.id.length);
|
||||
|
||||
//시작일 값
|
||||
startval = jQuery(this).val();
|
||||
//종료일값
|
||||
endval = jQuery("#"+id+"end").val();
|
||||
if(endval != ""){
|
||||
startval = startval.replace(/-/gi, "").replace(/ /gi, "").replace(/:/gi, "");
|
||||
endval = endval.replace(/-/gi, "").replace(/ /gi, "").replace(/:/gi, "");
|
||||
if(startval > endval){
|
||||
alert("종료일이 시작일보다 앞섭니다. 다시 선택해 주세요.");
|
||||
jQuery(this).val("");
|
||||
}
|
||||
}
|
||||
}else if(endid != "" && endid == 'end'){
|
||||
var id = this.id.substring(this.id.length-3, -this.id.length);
|
||||
//시작일 값
|
||||
startval = jQuery("#"+id+"st").val();
|
||||
endval = jQuery(this).val();
|
||||
if(endval != ""){
|
||||
startval = startval.replace(/-/gi, "").replace(/ /gi, "").replace(/:/gi, "");
|
||||
endval = endval.replace(/-/gi, "").replace(/ /gi, "").replace(/:/gi, "");
|
||||
if(startval > endval){
|
||||
alert("종료일이 시작일보다 앞섭니다. 다시 선택해 주세요.");
|
||||
jQuery(this).val("");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//조정유형
|
||||
function caseGubunCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#searchFrm').serialize();
|
||||
url = "/user/case/common/ajax/CaseGubun2.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#searchType");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
setTimeout(function() {
|
||||
var optionList = $("#searchType option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${param.searchType}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
}, 500);
|
||||
|
||||
function allCheck(){
|
||||
if($("input:checkbox[name=allCh]").is(":checked")){
|
||||
$("input:checkbox[name=okCheck]").prop("checked",true);
|
||||
}else{
|
||||
$("input:checkbox[name=okCheck]").prop("checked",false);
|
||||
}
|
||||
}
|
||||
|
||||
//클립리포트 호출
|
||||
function clipCall(){
|
||||
if($("#statsType").val() == ""){
|
||||
alert("통계를 선택해 주세요.");
|
||||
$("#statsType").focus();
|
||||
return false;
|
||||
}
|
||||
|
||||
$("#crfNm").val($("#statsType").val());
|
||||
/* $("#CLIPDATA_SEARCHVAL").val($("#searchVal").val());
|
||||
$("#CLIPDATA_SEARCHTYPE").val($("#searchType").val());
|
||||
$("#CLIPDATA_DATEST").val($("#dateSt").val());
|
||||
$("#CLIPDATA_DATEEND").val($("#dateEnd").val()); */
|
||||
|
||||
var f = document.statsFrm;
|
||||
f.target = "blank";
|
||||
f.action = "/clip/ClipReport4/ClipReportViewer/ClipReport4.do";
|
||||
f.submit();
|
||||
f.target = "_self";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,376 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
|
||||
<!doctype html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title>정보 관리</title>
|
||||
<link href='/css/space.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed.contents.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed.mediaquery.css' rel='styleGsheet' type='text/css'/>
|
||||
<link href='/site/ntcc/css/gtmCustom.css' rel='stylesheet' type='text/css'/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="page-title-wrap clear">
|
||||
<div class="page-title-inner">
|
||||
<h3 class="page-title">분쟁조정 상담현황</h3>
|
||||
<div class="tooltipBox type01">
|
||||
<button type="button" class="page-tip">페이지안내</button>
|
||||
<div class="tooltipText">
|
||||
<p>분쟁조정 상담현황 목록 페이지 입니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sch-wrap" style="margin-bottom: 20px; margin-top: 10px">
|
||||
<fieldset>
|
||||
<form:form name="statsFrm" id="statsFrm" action="" method="post">
|
||||
<input type="hidden" id="crfNm" name="crfNm" value="">
|
||||
<div class="bbs-view-layout">
|
||||
<div class="bbs-view-item">
|
||||
<div class="item-box">
|
||||
<input type="text" id="Datest" class="datepicker" name="CLIPDATA_STARTDATE" placeholder="사건접수일(검색시작날짜)" style="width:20% "> ~
|
||||
<input type="text" id="Dateend" class="datepicker" name="CLIPDATA_ENDDATE" placeholder="사건접수일(검색종료날짜)" style="width:20% ">
|
||||
|
||||
<select name="statsType" id="statsType" class="sch-select" title="선택" style="width: 150px;text-align: center;margin-left: 10px">
|
||||
<option value="">== 통계 선택 ==</option>
|
||||
<option value="onlineCounsel">일반상담통합</option>
|
||||
<option value="lawCounsel">무료법률상담통합</option>
|
||||
<option value="15_2_daytimeBusiness">주간업무보고</option>
|
||||
</select>
|
||||
|
||||
<button type="button" class="btn-default" onclick="clipCall();" style="margin-left: 10px">통계출력</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form:form>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<div class="col-sch-wrap">
|
||||
<form id="searchFrm" name="searchFrm" action="" method="get">
|
||||
<fieldset>
|
||||
<div class="bbs-view-layout">
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">등록일</p>
|
||||
<div class="item-box">
|
||||
<div class="form-inline">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate1" value="${param.searchDate1}">
|
||||
</div>
|
||||
<i class="t-hide">~</i>
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate2" value="${param.searchDate2}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="item-title">처리일자</p>
|
||||
<div class="item-box">
|
||||
<div class="form-inline">
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate3" value="${param.searchDate3}">
|
||||
</div>
|
||||
<i class="t-hide">~</i>
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-element hasDatepicker datepicker" name="searchDate4" value="${param.searchDate4}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">신청인</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="searchApp" value="${param.searchApp}">
|
||||
</div>
|
||||
<p class="item-title">담당자</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="searchMa" value="${param.searchMa}">
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">조정유형</p>
|
||||
<div class="item-box">
|
||||
<select name="searchType" id="searchType">
|
||||
<option value="">선택하세요</option>
|
||||
</select>
|
||||
</div>
|
||||
<p class="item-title">상태</p>
|
||||
<div class="item-box">
|
||||
<select name="searchState" id="searchState">
|
||||
<option value="">선택하세요</option>
|
||||
<option value="01" <c:if test="${param.searchState == '01' }">selected="selected"</c:if>>대기</option>
|
||||
<option value="02" <c:if test="${param.searchState == '02' }">selected="selected"</c:if>>요청</option>
|
||||
<option value="03" <c:if test="${param.searchState == '03' }">selected="selected"</c:if>>완료</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title col-tit-1">상담제목</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="searchTitle" value="${param.searchTitle}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sch-content-wrap clear">
|
||||
<button type="submit" class="btn-page-sch" title="검색 완료 버튼">검색</button>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
<br>
|
||||
<div class="form-wrap">
|
||||
<div class="table-layout br-none">
|
||||
<form:form id="stateFrm" name="stateFrm" action="" method="post">
|
||||
<input type="hidden" name="page" class="page" value="${pageMaker.cri.page}">
|
||||
<input type="hidden" name="searchDate1" id="searchDate1" value="${param.searchDate1}">
|
||||
<input type="hidden" name="searchDate2" id="searchDate2" value="${param.searchDate2}">
|
||||
<input type="hidden" name="searchDate3" id="searchDate3" value="${param.searchDate3}">
|
||||
<input type="hidden" name="searchDate4" id="searchDate4" value="${param.searchDate4}">
|
||||
<input type="hidden" name="searchApp" id="searchApp" value="${param.searchApp}">
|
||||
<input type="hidden" name="searchMa" id="searchMa" value="${param.searchMa}">
|
||||
<input type="hidden" name="searchTitle" id="searchTitle" value="${param.searchTitle}">
|
||||
<input type="hidden" name="searchType" id="searchType" value="${param.searchType}">
|
||||
<input type="hidden" name="searchState" id="searchState" value="${param.searchState}">
|
||||
<table>
|
||||
<caption>온라인 상담 현황 테이블입니다.</caption>
|
||||
<colgroup>
|
||||
<!-- class="item-mobile-hidden" -->
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<col style="width:1%">
|
||||
</c:if>
|
||||
<col style="width:3%">
|
||||
<col style="width:6%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col class="title">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
<col style="width:5%">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<th scope="col"><input type="checkbox" name="allCh" onchange="allCheck();"></th>
|
||||
</c:if>
|
||||
<th scope="col">순번</th>
|
||||
<th scope="col">상담번호</th>
|
||||
<th scope="col">조정유형</th>
|
||||
<th scope="col">담당자</th>
|
||||
<th scope="col">신청인</th>
|
||||
<th scope="col">상담제목</th>
|
||||
<th scope="col">등록일</th>
|
||||
<th scope="col">처리일자</th>
|
||||
<th scope="col">상태</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:if test="${not empty data}">
|
||||
<c:forEach items="${data}" var="list" varStatus="status">
|
||||
<tr>
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<td>
|
||||
<c:if test="${list.counselState == '02' }">
|
||||
<input type="checkbox" name="okCheck" value="${list.counselSeq}">
|
||||
</c:if>
|
||||
</td>
|
||||
</c:if>
|
||||
<td>${(pageMaker.totalCount - ((pageMaker.cri.page-1)*pageMaker.cri.perPageNum)) - status.index}</td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.counselNo}</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.mediationTypeName}</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.managerNm }</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.applcntNm }</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.counselTitle}</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.counselRegdate}</a></td>
|
||||
<td><a href="javascript:goPage('view','${list.counselSeq}');">${list.noticeDate }</a></td>
|
||||
<c:choose>
|
||||
<c:when test="${list.counselState == '01' }"><td style="color: red"></c:when>
|
||||
<c:when test="${list.counselState == '02' }"><td style="color: blue;"></c:when>
|
||||
<c:otherwise><td style="color: black;"></c:otherwise>
|
||||
</c:choose>
|
||||
${list.counselStateName }</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
|
||||
<c:if test="${empty data}">
|
||||
<tr>
|
||||
<c:choose>
|
||||
<c:when test='${"0902000000" eq memberPosition}'>
|
||||
<td colspan="10">등록된 데이터가 없습니다.</td>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<td colspan="9">등록된 데이터가 없습니다.</td>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</tr>
|
||||
</c:if>
|
||||
</tbody>
|
||||
</table>
|
||||
</form:form>
|
||||
</div>
|
||||
|
||||
<div class="change-state-area" style="overflow: hidden;">
|
||||
<div align="right">
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<button type="button" onclick="goPage('state')" class="btn-change-state" style="background-color: #5e66ab;">승인</button>
|
||||
</c:if>
|
||||
<button type="button" onclick="goPage('write')" class="btn-change-state" style="background-color: #5e66ab;">상담등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 페이징 -->
|
||||
<div class="pagination-container">
|
||||
<div class="pagination-inner clear">
|
||||
<div class='pagination-control prev clear'>
|
||||
<a class='first-btn' href="javascript:goPage('paging', '1')" title="첫페이지"></a>
|
||||
<c:choose>
|
||||
<c:when test="${pageMaker.prev}">
|
||||
<a class='prev-btn' href="javascript:goPage('paging', '${pageMaker.cri.page - 1}')" title="이전페이지"><img src="/img/common/list_navi2.gif" alt="이전 목록으로 이동" /></a>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<a class='prev-btn' href="javascript:goPage('paging', '${pageMaker.cri.page}')" title="이전페이지"><img src="/img/common/list_navi2.gif" alt="이전 목록으로 이동" /></a>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</div>
|
||||
|
||||
<ul class='pagination clear'>
|
||||
<c:forEach begin="${pageMaker.startPage}" end="${pageMaker.endPage }" var="idx">
|
||||
<c:choose>
|
||||
<c:when test="${idx == pageMaker.cri.page }">
|
||||
<li><a class='on' href="javascript:goPage('paging', '${idx}')" title="현재페이지">${idx}</a></li>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<li><a href="javascript:goPage('paging', '${idx}')" title="${idx}페이지">${idx}</a></li>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
|
||||
<div class='pagination-control next clear'>
|
||||
<c:choose>
|
||||
<c:when test="${pageMaker.next}">
|
||||
<a class='next-btn' href="javascript:goPage('paging', '${pageMaker.cri.page + 1}')" title="다음페이지"><img src="/img/common/list_navi3.gif" alt="다음 목록으로 이동" /></a>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<a class='next-btn' href="javascript:goPage('paging', '${pageMaker.cri.page}')" title="다음페이지"><img src="/img/common/list_navi3.gif" alt="다음 목록으로 이동" /></a>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<a class='last-btn' href="javascript:goPage('paging', '${pageMaker.endPage}')" title="마지막페이지"><img src="/img/common/list_navi4.gif" alt="마지막 목록으로 이동" /></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- 페이징 END -->
|
||||
|
||||
<form id="frm" name="frm" action="" method="get">
|
||||
<input type="hidden" name="counselSeq" id="counselSeq" value="">
|
||||
<input type="hidden" name="type" id="type" value="">
|
||||
<input type="hidden" name="page" class="page" value="${pageMaker.cri.page}">
|
||||
<input type="hidden" name="searchDate1" id="searchDate1" value="${param.searchDate1}">
|
||||
<input type="hidden" name="searchDate2" id="searchDate2" value="${param.searchDate2}">
|
||||
<input type="hidden" name="searchDate3" id="searchDate3" value="${param.searchDate3}">
|
||||
<input type="hidden" name="searchDate4" id="searchDate4" value="${param.searchDate4}">
|
||||
<input type="hidden" name="searchApp" id="searchApp" value="${param.searchApp}">
|
||||
<input type="hidden" name="searchMa" id="searchMa" value="${param.searchMa}">
|
||||
<input type="hidden" name="searchTitle" id="searchTitle" value="${param.searchTitle}">
|
||||
<input type="hidden" name="searchType" id="searchType" value="${param.searchType}">
|
||||
<input type="hidden" name="searchState" id="searchState" value="${param.searchState}">
|
||||
<input type="hidden" name="fileFuncType" id="fileFuncType" value="online">
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
function goPage(type, param){
|
||||
if(type == 'view'){
|
||||
$("#counselSeq").val(param);
|
||||
$("#frm").attr("action","/gtm/case/onlineCounsel/view.do");
|
||||
$("#frm").submit();
|
||||
}else if(type == 'paging'){
|
||||
$("#counselSeq").remove();
|
||||
$("#fileFuncType").remove();
|
||||
var pageList = $(".page");
|
||||
$(pageList[0]).val(param);
|
||||
$(pageList[1]).val(param);
|
||||
|
||||
|
||||
$("#frm").attr("action","/gtm/case/onlineCounsel/list.do");
|
||||
$("#frm").submit();
|
||||
}else if(type == 'state'){
|
||||
|
||||
var checkList = $("input:checkbox[name=okCheck]:checked");
|
||||
|
||||
if(checkList.length == 0){
|
||||
alert("게시물을 선택해 주세요");
|
||||
}else if(checkList.length > 0){
|
||||
if(confirm("승인 하시겠습니까?")){
|
||||
$("#stateFrm").attr("action","/gtm/case/onlineCounsel/state.do");
|
||||
$("#stateFrm").submit();
|
||||
}
|
||||
}
|
||||
|
||||
return false;
|
||||
|
||||
}else if(type == 'write'){
|
||||
location.href="/gtm/case/onlineCounsel/writePage.do";
|
||||
}
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
caseGubunCombo();
|
||||
});
|
||||
|
||||
//조정유형
|
||||
function caseGubunCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#searchFrm').serialize();
|
||||
url = "/user/case/common/ajax/CaseGubun2.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#searchType");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
setTimeout(function() {
|
||||
var optionList = $("#searchType option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${param.searchType}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
}, 500);
|
||||
|
||||
function allCheck(){
|
||||
if($("input:checkbox[name=allCh]").is(":checked")){
|
||||
$("input:checkbox[name=okCheck]").prop("checked",true);
|
||||
}else{
|
||||
$("input:checkbox[name=okCheck]").prop("checked",false);
|
||||
}
|
||||
}
|
||||
|
||||
//클립리포트 호출
|
||||
function clipCall(){
|
||||
if($("#statsType").val() == ""){
|
||||
alert("통계를 선택해 주세요.");
|
||||
$("#statsType").focus();
|
||||
return false;
|
||||
}
|
||||
|
||||
$("#crfNm").val($("#statsType").val());
|
||||
/* $("#CLIPDATA_SEARCHVAL").val($("#searchVal").val());
|
||||
$("#CLIPDATA_SEARCHTYPE").val($("#searchType").val());
|
||||
$("#CLIPDATA_DATEST").val($("#dateSt").val());
|
||||
$("#CLIPDATA_DATEEND").val($("#dateEnd").val()); */
|
||||
|
||||
var f = document.statsFrm;
|
||||
f.target = "blank";
|
||||
f.action = "/clip/ClipReport4/ClipReportViewer/ClipReport4.do";
|
||||
f.submit();
|
||||
f.target = "_self";
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,489 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
||||
<!doctype html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title>정보 관리</title>
|
||||
<link href='/css/space.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed.contents.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed.mediaquery.css' rel='styleGsheet' type='text/css'/>
|
||||
<link href='/site/ntcc/css/gtmCustom.css' rel='stylesheet' type='text/css'/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="printBox">
|
||||
<div class="page-title-wrap clear">
|
||||
<div class="page-title-inner">
|
||||
<h3 class="page-title">분쟁조정 상담현황 상세 </h3>
|
||||
<div class="tooltipBox type01">
|
||||
<button type="button" class="page-tip">페이지안내</button>
|
||||
<div class="tooltipText">
|
||||
<p>분쟁조정 상담현황 상세 페이지 입니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form:form name="writeFrm" id="writeFrm" action="/gtm/case/onlineCounsel/edit.do" method="post">
|
||||
<input type="hidden" name="memberDept" value="${memberDept}">
|
||||
<input type="hidden" name="counselSeq" value="${param.counselSeq}">
|
||||
<input type="hidden" name="page" id="page" value="${param.page}">
|
||||
<input type="hidden" name="searchDate1" id="searchDate1" value="${param.searchDate1}">
|
||||
<input type="hidden" name="searchDate2" id="searchDate2" value="${param.searchDate2}">
|
||||
<input type="hidden" name="searchDate3" id="searchDate3" value="${param.searchDate3}">
|
||||
<input type="hidden" name="searchDate4" id="searchDate4" value="${param.searchDate4}">
|
||||
<input type="hidden" name="searchApp" id="searchApp" value="${param.searchApp}">
|
||||
<input type="hidden" name="searchMa" id="searchMa" value="${param.searchMa}">
|
||||
<input type="hidden" name="searchTitle" id="searchTitle" value="${param.searchTitle}">
|
||||
<input type="hidden" name="searchType" id="searchType" value="${param.searchType}">
|
||||
<input type="hidden" name="searchState" id="searchState" value="${param.searchState}">
|
||||
<input type="hidden" name="managerNm" id="managerNm" value="${data.managerNm}">
|
||||
<input type="hidden" name="managerId" id="managerId" value="${data.managerId}">
|
||||
<fieldset>
|
||||
<div class="bbs-view-layout">
|
||||
<c:if test="${data.counselState eq '01'}">
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담구분</p>
|
||||
<div class="item-box">
|
||||
<input type="radio" id="radio01" name="civilType" value="online" <c:if test="${data.civilType == 'online'}">checked="checked"</c:if> onchange="counselCivilTypeCombo('online');">
|
||||
<label for="radio01">분쟁조정상담</label>
|
||||
<input type="radio" id="radio02" name="civilType" value="law" <c:if test="${data.civilType == 'law'}">checked="checked"</c:if> onchange="counselCivilTypeCombo('law');">
|
||||
<label for="radio02">법률상담</label>
|
||||
</div>
|
||||
</div>
|
||||
</c:if>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">접수번호</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.counselNo }"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담분야</p>
|
||||
<div class="item-box">
|
||||
<select class="sel_full" name="caseGubun" id="caseGubun" onchange="resnCombo()">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="civilTypeDiv" class="bbs-view-item">
|
||||
<p class="item-title">분쟁유형</p>
|
||||
<div class="item-box">
|
||||
<select id="troubleType" class="sel_full2" name="troubleType">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">등록일시</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.counselRegdate}"/>
|
||||
<span id="amPmBox"></span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">성명</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.applcntNm}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">연락처</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.applcntTel}"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">첨부파일</p>
|
||||
<div class="item-box">
|
||||
<c:forEach items="${fileList}" var="list" varStatus="status">
|
||||
<div style="margin-top:10px">
|
||||
<img src="/img/user/bbs/icon_file.gif" alt="gif"> <a href="/seed/extra/down/file.do?dataIdx=${list.EXTRA_FILE_IDX}&funcType=${list.EXTRA_FUNC_TYPE}&pathKey1=${siteIdx}">${list.EXTRA_FILE_NAME}</a>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담제목</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="counselTitle" value="<c:out value="${data.counselTitle}"/>" style="width: 50%" maxlength="100">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담내용</p>
|
||||
<div class="item-box">
|
||||
<%pageContext.setAttribute("enter","\n"); %>
|
||||
|
||||
<textarea rows="" cols="" name="editorParam_counselContent"><c:out escapeXml='false' value="${data.counselContent}"/></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</fieldset>
|
||||
<br>
|
||||
<fieldset>
|
||||
<div class="bbs-view-layout">
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">담당자</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.managerNm}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담자</p>
|
||||
<div class="item-box">
|
||||
<select id="counselor" class="sel_full2" name="counselor">
|
||||
<option value="">선택</option>
|
||||
<c:forEach items="${memberList}" var="list">
|
||||
<option value="${list.memberIdx}" <c:if test="${data.counselorNo == list.memberIdx }">selected="selected"</c:if>><c:out value="${list.memberName }"/>(<c:out value="${list.memberDeptName}"/>)</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">담당부서</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.deptName}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담방법</p>
|
||||
<div class="item-box">
|
||||
<select name="counselAppType" id="counselAppType">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">답변내용</p>
|
||||
<div class="item-box">
|
||||
<textarea class="bg_essential " maxlength="2000" name="editorParam_counselAnswer" id="content" title="내용을 입력하세요" style="width:99%; height:300px;"><c:out value="${data.counselAnswer}"/></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<br>
|
||||
<fieldset>
|
||||
<div class="bbs-view-layout">
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">민원유형</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.civilTypeName}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">통지수단</p>
|
||||
<div class="item-box">
|
||||
<select name="noticeType">
|
||||
<option value="">선택</option>
|
||||
<option value="tel" <c:if test="${data.noticeType == 'tel' }">selected="selected"</c:if>>전화통지</option>
|
||||
<option value="sms" <c:if test="${data.noticeType == 'sms' }">selected="selected"</c:if>>SMS통지</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">통지결과</p>
|
||||
<div class="item-box">
|
||||
<select name="noticeResult">
|
||||
<option value="">선택</option>
|
||||
<option value="Y" <c:if test="${data.noticeResult == 'Y' }">selected="selected"</c:if>>통지성공</option>
|
||||
<option value="N" <c:if test="${data.noticeResult == 'N' }">selected="selected"</c:if>>통지실패</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">결과분류</p>
|
||||
<div class="item-box">
|
||||
<select name="counselResertGubun" id="counselResertGubun">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">안내경로</p>
|
||||
<div class="item-box">
|
||||
<select name="counselRoute" id="counselRoute">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">전자우편</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.applcntEmail}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">연락처</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${data.applcntTel}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item" style="display: none;">
|
||||
<p class="item-title">통지내용</p>
|
||||
<div class="item-box">
|
||||
<textarea class="bg_essential " maxlength="2000" name="editorParam_noticeCon" id="content" title="내용을 입력하세요" style="width:99%; height:300px;">${data.noticeContent }</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-area">
|
||||
<c:if test='${"0902000000" eq memberPosition}'>
|
||||
<button type="button" class="btn-normal violet mb10" onclick="setOk()">승인</button>
|
||||
</c:if>
|
||||
<c:if test='${data.managerId eq "" || data.managerId eq null || data.managerId eq memberId || "0902000000" eq memberPosition}'>
|
||||
<c:if test="${data.counselState eq '01'}">
|
||||
<button type="button" class="btn-normal violet mb10" onclick="goChange()">상담변경</button>
|
||||
</c:if>
|
||||
<button type="submit" class="btn-normal violet mb10">등록</button>
|
||||
</c:if>
|
||||
<button type="button" class="btn-normal lightgray mb10" onclick="goList()">목록</button>
|
||||
<c:if test="${data.managerId == memberId || '0902000000' == memberPosition}">
|
||||
<button type="button" class="btn-normal lightgray mb10 fr red" onclick="goDel()">삭제</button>
|
||||
</c:if>
|
||||
<!-- <button type="button" class="btn-normal lightgray mb10" onclick="PrintElem(document.getElementById('printBox'));">인쇄</button> -->
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
</form:form>
|
||||
</div>
|
||||
<form id="moveFrm" action="" method="get">
|
||||
<input type="hidden" name="counselSeq" value="${param.counselSeq}">
|
||||
<input type="hidden" name="page" id="page" value="${param.page}">
|
||||
<input type="hidden" name="searchDate1" id="searchDate1" value="${param.searchDate1}">
|
||||
<input type="hidden" name="searchDate2" id="searchDate2" value="${param.searchDate2}">
|
||||
<input type="hidden" name="searchDate3" id="searchDate3" value="${param.searchDate3}">
|
||||
<input type="hidden" name="searchDate4" id="searchDate4" value="${param.searchDate4}">
|
||||
<input type="hidden" name="searchApp" id="searchApp" value="${param.searchApp}">
|
||||
<input type="hidden" name="searchMa" id="searchMa" value="${param.searchMa}">
|
||||
<input type="hidden" name="searchTitle" id="searchTitle" value="${param.searchTitle}">
|
||||
<input type="hidden" name="searchType" id="searchType" value="${param.searchType}">
|
||||
<input type="hidden" name="searchState" id="searchState" value="${param.searchState}">
|
||||
</form>
|
||||
<script type="text/javascript">
|
||||
function goList(){
|
||||
$("#moveFrm").attr("action", "/gtm/case/onlineCounsel/list.do");
|
||||
$("#moveFrm").submit();
|
||||
}
|
||||
|
||||
function setOk(){
|
||||
|
||||
if(confirm("승인 하시겠습니까?")){
|
||||
$("#moveFrm").attr("action", "/gtm/case/onlineCounsel/state.do");
|
||||
$("#moveFrm").submit();
|
||||
}
|
||||
}
|
||||
|
||||
function goDel(){
|
||||
if(confirm("정말 삭제 하시겠습니까??")){
|
||||
$("#moveFrm").attr("action", "/gtm/case/onlineCounsel/del.do");
|
||||
$("#moveFrm").submit();
|
||||
}
|
||||
}
|
||||
|
||||
function goChange() {
|
||||
var type = $("input:radio[name='civilType']:checked").val();
|
||||
|
||||
if(type == "law") {
|
||||
if (confirm("법률상담으로 변경 하시겠습니까?")) {
|
||||
$("#writeFrm").attr("action", "/gtm/case/onlineCounsel/civilChange.do");
|
||||
$("#writeFrm").submit();
|
||||
}
|
||||
} else {
|
||||
alert("상담구분이 기존과 동일합니다.");
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function PrintElem(elem)
|
||||
{
|
||||
Popup($(elem).html());
|
||||
}
|
||||
function Popup(data)
|
||||
{
|
||||
var mywindow = window.open('', 'my div', 'height=400,width=600');
|
||||
mywindow.document.write('<html><head><title>my div</title>');
|
||||
mywindow.document.write('</head><body >');
|
||||
mywindow.document.write(data);
|
||||
mywindow.document.write('</body></html>');
|
||||
mywindow.document.close(); // IE >= 10에 필요
|
||||
mywindow.focus(); // necessary for IE >= 10
|
||||
mywindow.print();
|
||||
mywindow.close();
|
||||
return true;
|
||||
}
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
|
||||
$("#writeFrm").submit(function(){
|
||||
if($("#counselAppType").val() == ""){
|
||||
alert("상담방법을 선택해주세요.");
|
||||
$("#counselAppType").focus();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
caseGubunCombo();
|
||||
counselAppTypeCombo();
|
||||
counselResertGubunCombo();
|
||||
counselRouteCombo();
|
||||
|
||||
|
||||
//주야 계산
|
||||
|
||||
var d = new Date('${data.counselRegdate}');
|
||||
var time = d.getHours();
|
||||
var text = "";
|
||||
if(time >= 18 && time <= 24){
|
||||
text = " (야간)";
|
||||
}else{
|
||||
text = " (주간)";
|
||||
}
|
||||
|
||||
$("#amPmBox").text(text);
|
||||
|
||||
});
|
||||
|
||||
//상담분야
|
||||
function caseGubunCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/CaseGubun2.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#caseGubun");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
//신청사유
|
||||
function resnCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/Resn2.do";
|
||||
XHR2(url, param, function(r){
|
||||
var sel = "";
|
||||
var objList = $("#troubleType");
|
||||
//초기화
|
||||
objList.html("<option value=''>선택</option>");
|
||||
|
||||
if(objList.length > 0 && objList.val() == ""){
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
//신청방식
|
||||
function counselAppTypeCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/CounselAppType.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#counselAppType");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
//결과분류
|
||||
function counselResertGubunCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/CounselResertGubun.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#counselResertGubun");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
//안내경로
|
||||
function counselRouteCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/CounselRoute.do";
|
||||
XHR2(url, param, function(r){
|
||||
var objList = $("#counselRoute");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
function counselCivilTypeCombo(type) {
|
||||
if(type == "law") {
|
||||
$('#civilTypeDiv').css("display", "none");
|
||||
} else {
|
||||
$('#civilTypeDiv').css("display", "table");
|
||||
}
|
||||
}
|
||||
|
||||
$(window).load(function(){
|
||||
|
||||
/* setTimeout(function() { */
|
||||
var optionList = $("#caseGubun option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.mediationType}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselAppType option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
|
||||
if('${data.counselApptype}' == ''){
|
||||
if(optionList[i].value == '4503000000'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}else{
|
||||
if(optionList[i].value == '${data.counselApptype}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselResertGubun option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.counselResertGubun}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
|
||||
optionList = $("#counselRoute option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.counselRoute}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
|
||||
resnCombo();
|
||||
/* }, 700); */
|
||||
|
||||
/* setTimeout(function() { */
|
||||
var optionList = $("#troubleType option");
|
||||
for(var i = 0; i < optionList.size(); i++){
|
||||
if(optionList[i].value == '${data.troubleType}'){
|
||||
$(optionList[i]).attr("selected", true);
|
||||
}
|
||||
}
|
||||
/* }, 1200); */
|
||||
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,348 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
|
||||
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
|
||||
<!doctype html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title>정보 관리</title>
|
||||
<link href='/css/space.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed.contents.css' rel='stylesheet' type='text/css'/>
|
||||
<link href='/css/seed.mediaquery.css' rel='styleGsheet' type='text/css'/>
|
||||
<link href='/site/ntcc/css/gtmCustom.css' rel='stylesheet' type='text/css'/>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="printBox">
|
||||
<div class="page-title-wrap clear">
|
||||
<div class="page-title-inner">
|
||||
<h3 class="page-title">분쟁조정 상담 등록</h3>
|
||||
<div class="tooltipBox type01">
|
||||
<button type="button" class="page-tip">페이지안내</button>
|
||||
<div class="tooltipText">
|
||||
<p>분쟁조정 상담 등록 페이지 입니다.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<form:form name="writeFrm" id="writeFrm" action="/gtm/case/onlineCounsel/write.do" method="post">
|
||||
<input type="hidden" name="insertDivVal" value="direct">
|
||||
<fieldset>
|
||||
<div class="bbs-view-layout">
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담분야</p>
|
||||
<div class="item-box">
|
||||
<select class="sel_full" name="caseGubun" id="caseGubun" onchange="resnCombo()">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">분쟁유형</p>
|
||||
<div class="item-box">
|
||||
<select id="troubleType" class="sel_full2" name="troubleType">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">성명</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="applcntNm" id="applcntNm" value="" maxlength="20" style="width: 10%">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">연락처</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="applcntTel01" id="applcntTel01" value="" style="width: 5%" maxlength="3">-
|
||||
<input type="text" name="applcntTel02" id="applcntTel02" value="" style="width: 10%" maxlength="4">-
|
||||
<input type="text" name="applcntTel03" id="applcntTel03" value="" style="width: 10%" maxlength="4">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">첨부파일</p>
|
||||
<div class="item-box">
|
||||
<div class="temp-file-area">
|
||||
<label for="upFile" class="temp-file-button">첨부파일</label>
|
||||
</div>
|
||||
<ul class="upFileHtml" id="upFileHtml">
|
||||
|
||||
</ul>
|
||||
<input type="hidden" name="fileFuncType" value="online" />
|
||||
<input type="hidden" name="uploadFileCnt" value="0" id="uploadFileCntId" />
|
||||
<input type="hidden" name="deleteFileData" value="" id="deleteFileDataId" />
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">이메일</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="applcntEmail" value="" style="width: 30%" maxlength="50" >
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담제목</p>
|
||||
<div class="item-box">
|
||||
<input type="text" name="counselTitle" id="counselTitle" value="" style="width: 50%" maxlength="100">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담내용</p>
|
||||
<div class="item-box">
|
||||
<textarea rows="" cols="" name="editorParam_counselContent" id="editorParam_counselContent"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<br>
|
||||
<fieldset>
|
||||
<div class="bbs-view-layout">
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">담당자</p>
|
||||
<div class="item-box">
|
||||
<c:out value="${memberName}"/>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담자</p>
|
||||
<div class="item-box">
|
||||
<select id="troubleType" class="sel_full2" name="counselor" id="counselor">
|
||||
<option value="">선택</option>
|
||||
<c:forEach items="${memberList}" var="list">
|
||||
<option value="${list.memberIdx}" <c:if test="${data.counselorNo == list.memberIdx }">selected="selected"</c:if>><c:out value="${list.memberName }"/>(<c:out value="${list.memberDeptName}"/>)</option>
|
||||
</c:forEach>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">상담방법</p>
|
||||
<div class="item-box">
|
||||
<select name="counselAppType" id="counselAppType">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">답변내용</p>
|
||||
<div class="item-box">
|
||||
<textarea class="bg_essential " maxlength="2000" name="editorParam_counselAnswer" id="editorParam_counselAnswer" title="내용을 입력하세요" style="width:99%; height:300px;"><c:out value="${data.counselAnswer}"/></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
<br>
|
||||
<fieldset>
|
||||
<div class="bbs-view-layout">
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">통지수단</p>
|
||||
<div class="item-box">
|
||||
<select name="noticeType" id="noticeType">
|
||||
<option value="">선택</option>
|
||||
<option value="tel" <c:if test="${data.noticeType == 'tel' }">selected="selected"</c:if>>전화통지</option>
|
||||
<option value="sms" <c:if test="${data.noticeType == 'sms' }">selected="selected"</c:if>>SMS통지</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">통지결과</p>
|
||||
<div class="item-box">
|
||||
<select name="noticeResult" id="noticeResult">
|
||||
<option value="">선택</option>
|
||||
<option value="Y" <c:if test="${data.noticeResult == 'Y' }">selected="selected"</c:if>>통지성공</option>
|
||||
<option value="N" <c:if test="${data.noticeResult == 'N' }">selected="selected"</c:if>>통지실패</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">결과분류</p>
|
||||
<div class="item-box">
|
||||
<select name="counselResertGubun" id="counselResertGubun">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="bbs-view-item">
|
||||
<p class="item-title">안내경로</p>
|
||||
<div class="item-box">
|
||||
<select name="counselRoute" id="counselRoute">
|
||||
<option value="">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 통지내용 삭제 해달라는 요청.... 화면에만 안보이게 숨김 (문대호) -->
|
||||
<div class="bbs-view-item" style="display: none;">
|
||||
<p class="item-title">통지내용</p>
|
||||
<div class="item-box">
|
||||
<textarea class="bg_essential " maxlength="2000" name="editorParam_noticeCon" id="content" title="내용을 입력하세요" style="width:99%; height:300px;">${data.noticeContent }</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
|
||||
<div class="btn-area">
|
||||
<button type="submit" class="btn-normal violet mb10">등록</button>
|
||||
<button type="button" class="btn-normal lightgray mb10" onclick="goList()">목록</button>
|
||||
</div>
|
||||
</form:form>
|
||||
</div>
|
||||
<form id="moveFrm" action="" method="get">
|
||||
<input type="hidden" name="counselSeq" value="${param.counselSeq}">
|
||||
<input type="hidden" name="page" id="page" value="${param.page}">
|
||||
<input type="hidden" name="searchDate1" id="searchDate1" value="${param.searchDate1}">
|
||||
<input type="hidden" name="searchDate2" id="searchDate2" value="${param.searchDate2}">
|
||||
<input type="hidden" name="searchDate3" id="searchDate3" value="${param.searchDate3}">
|
||||
<input type="hidden" name="searchDate4" id="searchDate4" value="${param.searchDate4}">
|
||||
<input type="hidden" name="searchApp" id="searchApp" value="${param.searchApp}">
|
||||
<input type="hidden" name="searchMa" id="searchMa" value="${param.searchMa}">
|
||||
<input type="hidden" name="searchTitle" id="searchTitle" value="${param.searchTitle}">
|
||||
<input type="hidden" name="searchType" id="searchType" value="${param.searchType}">
|
||||
<input type="hidden" name="searchState" id="searchState" value="${param.searchState}">
|
||||
</form>
|
||||
<!-- 파일 입시저장을 위한 폼 -->
|
||||
<form id="fileTempUpFrm" action="/seed/extra/temp/file.do" method="post" enctype="multipart/form-data">
|
||||
<input type="hidden" name="fileFuncType" value="online" />
|
||||
<div class="temp-file-area">
|
||||
<input type="file" name="upFile" id="upFile" class="essential temp-file-hideen" onchange="fileTempUp();" required title="첨부파일" value="" style="ime-mode: disabled;" >
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script type="text/javascript">
|
||||
function goList(){
|
||||
location.href="/gtm/case/onlineCounsel/list.do";
|
||||
}
|
||||
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
$("#writeFrm").submit(function(){
|
||||
if($("#caseGubun").val() == ""){
|
||||
alert("상담분야 선택해주세요.");
|
||||
$("#caseGubun").focus();
|
||||
return false;
|
||||
}else if($("#troubleType").val() == ""){
|
||||
alert("분쟁유형을 선택해주세요.");
|
||||
$("#troubleType").focus();
|
||||
return false;
|
||||
}else if($("#applcntTel01").val() == "" || $("#applcntTel02").val() == "" || $("#applcntTel03").val() == ""){
|
||||
alert("연락처를 입력해주세요.");
|
||||
$("#applcntTel01").focus();
|
||||
return false;
|
||||
}else if($("#counselTitle").val() == ""){
|
||||
alert("상담제목을 입력해주세요.");
|
||||
$("#counselTitle").focus();
|
||||
return false;
|
||||
}else if($("#editorParam_counselContent").val() == ""){
|
||||
alert("상담내용을 선택해주세요.");
|
||||
$("#editorParam_counselContent").focus();
|
||||
return false;
|
||||
}else if($("#counselor").val()){
|
||||
alert("상담자를 입력해주세요.");
|
||||
$("#counselor").focus();
|
||||
return false;
|
||||
}else if($("#counselAppType").val() == ""){
|
||||
alert("상담방법을 입력해주세요.");
|
||||
$("#counselAppType").focus();
|
||||
return false;
|
||||
}else if($("#editorParam_counselAnswer").val() == ""){
|
||||
alert("답변내용을 입력해주세요.");
|
||||
$("#editorParam_counselAnswer").focus();
|
||||
return false;
|
||||
}else if($("#noticeType").val() == ""){
|
||||
alert("통지수단을 입력해주세요.");
|
||||
$("#noticeType").focus();
|
||||
return false;
|
||||
}else if($("#noticeResult").val() == ""){
|
||||
alert("통지결과을 입력해주세요.");
|
||||
$("#noticeResult").focus();
|
||||
return false;
|
||||
}else if($("#counselResertGubun").val() == ""){
|
||||
alert("결과분류를 입력해주세요.");
|
||||
$("#counselResertGubun").focus();
|
||||
return false;
|
||||
}
|
||||
});
|
||||
|
||||
caseGubunCombo();
|
||||
counselAppTypeCombo();
|
||||
counselResertGubunCombo();
|
||||
counselRouteCombo();
|
||||
});
|
||||
|
||||
//상담분야
|
||||
function caseGubunCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/CaseGubun2.do";
|
||||
XHR(url, param, function(r){
|
||||
var objList = $("#caseGubun");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
//신청사유
|
||||
function resnCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/Resn2.do";
|
||||
XHR(url, param, function(r){
|
||||
var sel = "";
|
||||
var objList = $("#troubleType");
|
||||
//초기화
|
||||
objList.html("<option value=''>선택</option>");
|
||||
|
||||
if(objList.length > 0 && objList.val() == ""){
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function counselAppTypeCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/CounselAppType.do";
|
||||
XHR(url, param, function(r){
|
||||
var objList = $("#counselAppType");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
//결과분류
|
||||
function counselResertGubunCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/CounselResertGubun.do";
|
||||
XHR(url, param, function(r){
|
||||
var objList = $("#counselResertGubun");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
|
||||
//안내경로
|
||||
function counselRouteCombo(){
|
||||
var url = "";
|
||||
$("#type").val("L");
|
||||
var param = jQuery('#writeFrm').serialize();
|
||||
url = "/user/case/common/ajax/CounselRoute.do";
|
||||
XHR(url, param, function(r){
|
||||
var objList = $("#counselRoute");
|
||||
var sel = "";
|
||||
ajaxCombo(r.data, objList, sel);
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<script src="/js/seedFileUtil.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Report</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<link rel="stylesheet" type="text/css" href="./css/clipreport.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/UserConfig.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/font.css">
|
||||
<script type='text/javascript' src='./js/clipreport.js'></script>
|
||||
<script type='text/javascript' src='./js/jquery-1.11.1.js'></script>
|
||||
<script type='text/javascript' src='./js/UserConfig.js'></script>
|
||||
<script type='text/javascript'>
|
||||
var urlPath = document.location.protocol + "//" + document.location.host;
|
||||
function html2xml(divPath) {
|
||||
var report = createJSPReport(urlPath + "/ClipReport4/Clip.jsp", urlPath + "/ClipReport4/createJSPReport.jsp", "" ,document.getElementById(divPath));
|
||||
//리포트 뷰어의 옵션
|
||||
report.setSlidePage(true);
|
||||
//리포트 뷰어 실행
|
||||
report.view();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body id="targetBody1" onload="html2xml('targetBody1')">
|
||||
</body>
|
||||
</html>
|
||||
30
src/main/webapp/WEB-INF/views/ClipReport4/test.html
Normal file
30
src/main/webapp/WEB-INF/views/ClipReport4/test.html
Normal file
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>Report</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<link rel="stylesheet" type="text/css" href="./css/clipreport.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/UserConfig.css">
|
||||
<link rel="stylesheet" type="text/css" href="./css/font.css">
|
||||
<script type='text/javascript' src='./js/clipreport.js'></script>
|
||||
<script type='text/javascript' src='./js/jquery-1.11.1.js'></script>
|
||||
<script type='text/javascript' src='./js/UserConfig.js'></script>
|
||||
<script type='text/javascript'>
|
||||
var urlPath = document.location.protocol + "//" + document.location.host;
|
||||
function html2xml(divPath) {
|
||||
var report = "%root%/crf/CLIP.crf";
|
||||
var oof = "<?xml version='1.0' encoding='utf-8'?><oof version='3.0'><document title='report' enable-thread='0'><file-list><file type='reb.root' communicationType='local' path='" + report + "'></file></file-list></document></oof>";
|
||||
var report = createReport(urlPath + "/ClipReport4/Clip.jsp", oof, document.getElementById(divPath));
|
||||
//리포트 뷰어의 옵션
|
||||
report.setSlidePage(true);
|
||||
//리포트 뷰어 실행
|
||||
report.view();
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<button onclick="html2xml('targetDiv1')">리포트</button>
|
||||
<div id='targetDiv1' style='position:absolute;top:50px;left:5px;right:5px;bottom:5px;'></div>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 3.7 KiB After Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 6.4 KiB After Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 3.4 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 6.7 KiB After Width: | Height: | Size: 6.7 KiB |
|
Before Width: | Height: | Size: 9.7 KiB After Width: | Height: | Size: 9.7 KiB |
1
src/main/webapp/WEB-INF/views/site/bbs/css/alert.css
Normal file
1
src/main/webapp/WEB-INF/views/site/bbs/css/alert.css
Normal file
@ -0,0 +1 @@
|
||||
@charset "utf-8";
|
||||
1
src/main/webapp/WEB-INF/views/site/bbs/css/charge.css
Normal file
1
src/main/webapp/WEB-INF/views/site/bbs/css/charge.css
Normal file
@ -0,0 +1 @@
|
||||
@charset "utf-8";
|
||||
47
src/main/webapp/WEB-INF/views/site/bbs/css/fileupload.css
Normal file
47
src/main/webapp/WEB-INF/views/site/bbs/css/fileupload.css
Normal file
@ -0,0 +1,47 @@
|
||||
@charset 'utf-8';
|
||||
/**
|
||||
* fileupload css
|
||||
* GLOBAL_IT FRONTDEVTEAM LSK 20160411
|
||||
*/
|
||||
|
||||
/*
|
||||
* reset
|
||||
*/
|
||||
|
||||
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {margin:0;padding:0;}
|
||||
body,input,textarea,select,button,table {font-family:'Open Sans','Nanum Gothic',sans-serif;font-size:12px;color:#1c1c1c;}
|
||||
img,fieldset,iframe {border:0;}
|
||||
.ui ul,.ui ol {list-style:none;}
|
||||
em,address {font-style:normal;}
|
||||
a {color:#1c1c1c;text-decoration:none;}
|
||||
a:hover,a:active,a:focus {text-decoration:underline;}
|
||||
.ui a:hover,.ui a:active,.ui a:focus {text-decoration:none;}
|
||||
article,aside,dialog,footer,header,section,footer,nav,figure {display:block;margin:0;padding:0;}
|
||||
caption {width:0;height:0;font-size:0;line-height:0;text-indent:-9999em;}
|
||||
input,select {border-radius:0;}
|
||||
input[type="checkbox"],
|
||||
input[type="radio"] {width:13px;height:13px;vertical-align:-2px;}
|
||||
input[type="submit"],button,label {cursor:pointer;}
|
||||
button::-moz-focus-inner {padding:0;border:0;}
|
||||
::-webkit-input-placeholder {font-size:11px;color:#1c1c1c;}
|
||||
::-moz-placeholder {font-size:11px;color:#1c1c1c;} /* firefox 19+ */
|
||||
:-ms-input-placeholder {font-size:11px;color:#1c1c1c;} /* ie */
|
||||
input:-moz-placeholder {font-size:11px;color:#1c1c1c;}
|
||||
input:read-only, textarea:read-only, [contenteditable]:read-only {background-color:#fafafa;cursor:not-allowed;}
|
||||
html.popup {overflow:hidden;}
|
||||
.hidden,legend,hr {overflow:hidden;position:absolute;top:0;left:-10000%;width:1px;height:1px;font-size:0;line-height:0;text-indent:-10000px;}
|
||||
|
||||
html {width:100%;overflow:hidden;}
|
||||
#fileuploadWrap {position:relative;}
|
||||
h1 {height:50px;line-height:50px;padding:0 10px;font-size:20px;font-weight:700;}
|
||||
.seed_tbl {border-top:2px solid #cccccc;border-bottom:1px solid #cccccc;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;}
|
||||
.seed_tbl table {width:100%;border-collapse:collapse;}
|
||||
.seed_tbl table th, .seed_tbl table td {padding:10px;border-top:1px solid #eeeeee;}
|
||||
.seed_tbl table th {background-color:#fafafa;}
|
||||
.seed_tbl table tbody tr:first-of-type th, .seed_tbl table tbody tr:first-of-type td {border-top:0;}
|
||||
.seed_tbl table input[type='file'] {padding:5px;vertical-align:top;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
|
||||
.seed_tbl table textarea {overflow-y:auto;width:100%;height:200px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;border:1px solid #dddddd;resize:vertical;}
|
||||
.btnArea_fileuopload {margin-top:10px;padding-right:10px;}
|
||||
.btnArea_fileuopload.ar {text-align:right;}
|
||||
.seedbbs_btn {display:inline-block;padding:5px 10px;border:1px solid #dddddd;border-radius:2px;background:#ffffff;background:-moz-linear-gradient(top,#ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);background:-webkit-linear-gradient(top,#ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);background:linear-gradient(to bottom,#ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);text-decoration:none;}
|
||||
.btnPopupClose {position:absolute;width:30px;height:30px;top:10px;right:10px;border:0;background:url('/img/icon_popup_close.png') no-repeat 0 0;text-indent:-9999em;}
|
||||
1
src/main/webapp/WEB-INF/views/site/bbs/css/login.css
Normal file
1
src/main/webapp/WEB-INF/views/site/bbs/css/login.css
Normal file
@ -0,0 +1 @@
|
||||
@charset "utf-8";
|
||||
1
src/main/webapp/WEB-INF/views/site/bbs/css/member.css
Normal file
1
src/main/webapp/WEB-INF/views/site/bbs/css/member.css
Normal file
@ -0,0 +1 @@
|
||||
@charset "utf-8";
|
||||
1
src/main/webapp/WEB-INF/views/site/bbs/css/menu_main.css
Normal file
1
src/main/webapp/WEB-INF/views/site/bbs/css/menu_main.css
Normal file
@ -0,0 +1 @@
|
||||
menu_main.css
|
||||
1
src/main/webapp/WEB-INF/views/site/bbs/css/menu_sub.css
Normal file
1
src/main/webapp/WEB-INF/views/site/bbs/css/menu_sub.css
Normal file
@ -0,0 +1 @@
|
||||
menu_sub.css
|
||||
55
src/main/webapp/WEB-INF/views/site/bbs/css/mypage.css
Normal file
55
src/main/webapp/WEB-INF/views/site/bbs/css/mypage.css
Normal file
@ -0,0 +1,55 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* mypage_search */
|
||||
.mypage_searchForm{margin-bottom:15px; text-align:right;}
|
||||
.mypage_searchForm input{vertical-align:middle;}
|
||||
.mypage_searchForm img{vertical-align:middle;}
|
||||
.mypage_searchForm select{border:1px #d6d6d6 solid; vertical-align:middle;}
|
||||
.mypage_searchForm .searchTxt{height:18px; border:1px #d6d6d6 solid;}
|
||||
|
||||
/* mypage_tableList */
|
||||
.mypage_tableList{width:100%; margin-bottom:20px; border-top:2px #747474 solid; border-collapse:collapse;}
|
||||
.mypage_tableList caption{width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
|
||||
.mypage_tableList thead th{padding:10px 0; border-bottom:1px #A6A6A6 solid; color:#4C4C4C;}
|
||||
.mypage_tableList tbody td{padding:10px 0; border-bottom:1px #A6A6A6 solid; text-align:center;}
|
||||
.mypage_tableList tbody td p{padding-left:10px; text-align:left;}
|
||||
.mypage_tableList tbody td img{vertical-align:middle;}
|
||||
|
||||
/* mypage_paging */
|
||||
.mypage_paging{text-align:center;}
|
||||
.mypage_paging img{vertical-align:middle;}
|
||||
.mypage_paging span{margin:0 8px;}
|
||||
.mypage_paging span a{display:inline-block; width:26px; height:18px; padding-top:6px; border:1px #d6d6d6 solid; text-align:center; vertical-align:middle;}
|
||||
.mypage_paging span a:hover{color:#3c75b7; border:1px #3c75b7 solid;}
|
||||
.mypage_paging span strong{display:inline-block; width:26px; height:18px; padding-top:6px; border:1px #4C4C4C solid; text-align:center; vertical-align:middle; color:#4C4C4C;}
|
||||
|
||||
/* mypage_tableForm */
|
||||
.mypage_tableForm{width:100%; margin-bottom:20px; border-top:2px #747474 solid; border-collapse:collapse;}
|
||||
.mypage_tableForm caption{width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
|
||||
.mypage_tableForm tbody th{padding:10px 0; border-bottom:1px #A6A6A6 solid; color:#4C4C4C;}
|
||||
.mypage_tableForm tbody td{padding:10px 0; border-bottom:1px #A6A6A6 solid;}
|
||||
.mypage_tableForm tbody td p{padding-left:10px;}
|
||||
.mypage_tableForm tbody td label{display: inline-block; margin-left: 5px; margin-top: 6px; vertical-align: top;}
|
||||
.mypage_tableForm tbody td input{height: 22px;}
|
||||
.mypage_tableForm tbody td div{padding-top:5px;}
|
||||
|
||||
/* mypage_tableEdit */
|
||||
.mypage_tableEdit{width:100%; margin-bottom:20px; border-top:2px #747474 solid; border-collapse:collapse;}
|
||||
.mypage_tableEdit caption{width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
|
||||
.mypage_tableEdit tbody th{padding:10px 0; border-bottom:1px #A6A6A6 solid; color:#4C4C4C;}
|
||||
.mypage_tableEdit tbody td{padding:10px 0; border-bottom:1px #A6A6A6 solid;}
|
||||
.mypage_tableEdit tbody td p{padding-left:10px;}
|
||||
.mypage_tableEdit tbody td label{display: inline-block; margin-left: 5px; margin-top: 6px; vertical-align: top;}
|
||||
.mypage_tableEdit tbody td input{height: 22px;}
|
||||
.mypage_tableEdit tbody td div{padding-top:5px;}
|
||||
|
||||
/* mypage_btn */
|
||||
.mypage_btnL{text-align:left;}
|
||||
.mypage_btnL input{vertical-align: middle;}
|
||||
.mypage_btnL img{vertical-align: middle;}
|
||||
|
||||
.mypage_btnR{text-align:right; margin-right: 5px;}
|
||||
.mypage_btnR input{vertical-align: middle;}
|
||||
.mypage_btnR img{vertical-align: middle;}
|
||||
|
||||
.memberAuthIp{text-align:left;}
|
||||
@ -0,0 +1 @@
|
||||
@charset "utf-8";
|
||||
@ -0,0 +1 @@
|
||||
@charset "utf-8";
|
||||
1
src/main/webapp/WEB-INF/views/site/bbs/css/smartmenu.css
Normal file
1
src/main/webapp/WEB-INF/views/site/bbs/css/smartmenu.css
Normal file
@ -0,0 +1 @@
|
||||
@charset "utf-8";
|
||||
7
src/main/webapp/WEB-INF/views/site/bbs/html/charge.html
Normal file
7
src/main/webapp/WEB-INF/views/site/bbs/html/charge.html
Normal file
@ -0,0 +1,7 @@
|
||||
<div>
|
||||
<ul>
|
||||
<c:forEach items="${siteMenuManagerList}" var="siteMenuManagerList" varStatus="status">
|
||||
<li><c:out escapeXml='true' value='${siteMenuManagerList.memberName}' /></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</div>
|
||||
1
src/main/webapp/WEB-INF/views/site/bbs/html/error.html
Normal file
1
src/main/webapp/WEB-INF/views/site/bbs/html/error.html
Normal file
@ -0,0 +1 @@
|
||||
error
|
||||
31
src/main/webapp/WEB-INF/views/site/bbs/html/fileupload.html
Normal file
31
src/main/webapp/WEB-INF/views/site/bbs/html/fileupload.html
Normal file
@ -0,0 +1,31 @@
|
||||
<div id="fileuploadWrap">
|
||||
<h1>첨부파일</h1>
|
||||
<div class="addWrap default">
|
||||
<fieldset>
|
||||
<legend>첨부파일 업로드</legend>
|
||||
<div class="seed_tbl">
|
||||
<table>
|
||||
<caption>첨부파일, 첨부파일 설명을 입력할 수 있는 표 입니다.</caption>
|
||||
<colgroup>
|
||||
<col width="20%">
|
||||
<col width="*">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><label for="upFile">첨부파일</label></th>
|
||||
<td><input type="file" name="upFile" id="upFile" onchange="javascript:document.getElementById('commonFileText').value = this.value" required></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">첨부파일<br>설명</th>
|
||||
<td><textarea id="commonFileText" name="commonFileText"></textarea></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div class="btnArea_fileuopload ar">
|
||||
<input type="submit" value="파일업로드" class="seedbbs_btn">
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
<button type="button" class="btnPopupClose" onclick="javascript:self.close();">닫기</button>
|
||||
</div>
|
||||
1
src/main/webapp/WEB-INF/views/site/bbs/html/footer.html
Normal file
1
src/main/webapp/WEB-INF/views/site/bbs/html/footer.html
Normal file
@ -0,0 +1 @@
|
||||
<p>footer.html</p>
|
||||
1
src/main/webapp/WEB-INF/views/site/bbs/html/header.html
Normal file
1
src/main/webapp/WEB-INF/views/site/bbs/html/header.html
Normal file
@ -0,0 +1 @@
|
||||
<p>header.html</p>
|
||||
22
src/main/webapp/WEB-INF/views/site/bbs/html/login.html
Normal file
22
src/main/webapp/WEB-INF/views/site/bbs/html/login.html
Normal file
@ -0,0 +1,22 @@
|
||||
<form id="frm" name="frm" action="/user/proc/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${siteMenuIdx}' />/loginProc.do" method="post" >
|
||||
|
||||
<div>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<label for="memberId">회원아이디</label>
|
||||
<input type="text" maxlength="100" id="memberId" name="memberId" title="회원아이디" required style="ime-mode: disabled;" value="" autocomplete="off"/>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<label for="memberPw">패스워드</label>
|
||||
<input type="password" maxlength="16" id="memberPw" name="memberPw" title="패스워드" required value="" autocomplete="off" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div><input type="submit" value="확인" /></div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
23
src/main/webapp/WEB-INF/views/site/bbs/html/loginAuth.html
Normal file
23
src/main/webapp/WEB-INF/views/site/bbs/html/loginAuth.html
Normal file
@ -0,0 +1,23 @@
|
||||
<form id="frm" name="frm" action="/user/proc/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${siteMenuIdx}' />/loginAuthProc.do" method="post" >
|
||||
<input type="hidden" id="memberAuthIdx" name="memberAuthIdx" value="<c:out escapeXml='true' value='${memberAuthIdx}' />"/>
|
||||
|
||||
<div>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<label for="memberName">회원명</label>
|
||||
<input type="text" maxlength="100" id="memberName" name="memberName" title="회원명" value="" required style="width:200px;" />
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<label for="memberEmail1">이메일주소</label>
|
||||
<input type="text" maxlength="100" name="memberEmail1" id="memberEmail1" title="이메일" value="" required style="width:130px;" /> @ <input type="text" maxlength="100" name="memberEmail2" id="memberEmail2" title="이메일" value="" required style="width:130px;" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div><input type="submit" value="확인" /></div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
31
src/main/webapp/WEB-INF/views/site/bbs/html/loginPw.html
Normal file
31
src/main/webapp/WEB-INF/views/site/bbs/html/loginPw.html
Normal file
@ -0,0 +1,31 @@
|
||||
<form id="frm" name="frm" action="/user/proc/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${siteMenuIdx}' />/loginPwProc.do" method="post" >
|
||||
|
||||
<div>
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<label for="memberPwo">현재 패스워드</label>
|
||||
<input type="password" maxlength="100" id="memberPwo" name="memberPwo" title="현재 패스워드" value="" required style="width:100px;" />
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<label for="memberPw">새 패스워드</label>
|
||||
<input type="password" maxlength="100" name="memberPw" id="memberPw" title="새 패스워드" value="" required style="width:100px;" />
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<label for="memberPwRe">새 패스워드 확인</label>
|
||||
<input type="password" maxlength="100" name="memberPwRe" id="memberPwRe" title="새 패스워드 확인" value="" required style="width:100px;" />
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div>
|
||||
<input type="submit" value="확인" />
|
||||
<a href="/user/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${siteMenuIdx}' />/login.do">다음에 변경하기</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
4
src/main/webapp/WEB-INF/views/site/bbs/html/logout.html
Normal file
4
src/main/webapp/WEB-INF/views/site/bbs/html/logout.html
Normal file
@ -0,0 +1,4 @@
|
||||
<div>
|
||||
<c:out escapeXml='true' value='${memberName}' />님이 로그인 하셨습니다.
|
||||
<a href="/user/proc/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${siteMenuIdx}' />/logoutProc.do">로그아웃</a>
|
||||
</div>
|
||||
22
src/main/webapp/WEB-INF/views/site/bbs/html/memberChk.html
Normal file
22
src/main/webapp/WEB-INF/views/site/bbs/html/memberChk.html
Normal file
@ -0,0 +1,22 @@
|
||||
<form id="frm" name="frm" action="/user/proc/<c:out escapeXml='true' value='${siteIdx}' />/memberChkProc.do" method="post" >
|
||||
|
||||
<table>
|
||||
<caption>회원아이디의 입력 화면 입니다.</caption>
|
||||
<colgroup>
|
||||
<col style="width: 20%;" />
|
||||
<col style="width: auto;" />
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberId">회원아이디</label></th>
|
||||
<td><input type="text" maxlength="100" maxlength="100" name="memberId" id="memberId" title="회원아이디" value="" required style="ime-mode: disabled; width:200px;" /></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div>
|
||||
<input type="submit" value="확인" /></span>
|
||||
<a href="javascript:window.close();">닫기</a></span>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
182
src/main/webapp/WEB-INF/views/site/bbs/html/memberEdit.html
Normal file
182
src/main/webapp/WEB-INF/views/site/bbs/html/memberEdit.html
Normal file
@ -0,0 +1,182 @@
|
||||
<form id="frm" name="frm" action="/user/proc/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${siteMenuIdx}' />/memberModProc.do" method="post" >
|
||||
<input type="hidden" name="memberIdx" id="memberIdx" value="<c:out escapeXml='true' value='${tMemberDB.memberIdx}' />" />
|
||||
|
||||
<table>
|
||||
<caption>회원정보 수정화면입니다.</caption>
|
||||
<colgroup>
|
||||
<col style="width: 20%;" />
|
||||
<col style="width: auto;" />
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberName">회원명</label></th>
|
||||
<td>
|
||||
<input type="text" maxlength="100" name="memberName" id="memberName" title="회원명" value="<c:out escapeXml='true' value='${tMemberDB.memberName}' />" required style="width:200px;" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberId">회원아이디</label></th>
|
||||
<td>
|
||||
<input type="text" maxlength="100" name="memberId" id="memberId" title="회원아이디" value="<c:out escapeXml='true' value='${tMemberDB.memberId}' />" readonly required style="ime-mode: disabled; width:200px;" autocomplete="off" />
|
||||
<a href="/user/<c:out escapeXml='true' value='${siteIdx}' />/memberChk.do" id="memberIdChk">아이디찾기</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberPw">패스워드</label></th>
|
||||
<td>
|
||||
<input type="password" maxlength="16" name="memberPw" id="memberPw" title="패스워드" value="" required style="width:200px;" autocomplete="off" />
|
||||
<p>미입력시 기존 비밀번호 유지</p>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberPwRe">패스워드 확인</label></th>
|
||||
<td>
|
||||
<input type="password" maxlength="16" name="memberPwRe" id="memberPwRe" title="패스워드 확인" value="" required style="width:200px;" autocomplete="off" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberEmail1">이메일</label></th>
|
||||
<td>
|
||||
<input type="text" maxlength="100" name="memberEmail1" id="memberEmail1" title="이메일" value="<c:out escapeXml='true' value='${tMemberDB.memberEmail1}' />" required style="width:130px;" /> @ <input type="text" maxlength="100" name="memberEmail2" id="memberEmail2" title="이메일" value="<c:out escapeXml='true' value='${tMemberDB.memberEmail2}' />" required style="width:130px;" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<c:forEach items="${memberItemList}" var="memberItemList">
|
||||
|
||||
<c:set var="memberItemGroup" value='${memberItemList._memberItemGroup}' />
|
||||
|
||||
<c:if test='${memberItemList._memberItemStatus == "U"}'>
|
||||
|
||||
<c:choose>
|
||||
<c:when test='${memberItemList._memberItemPattern == "TEXT"}'>
|
||||
<c:set var="textStatus" value="0"/>
|
||||
<tr>
|
||||
<th scope="row"><label for="<c:out escapeXml='true' value='${memberItemList._memberItemGroup}' />"><c:out escapeXml='true' value='${memberItemList._memberItemName}' /></label></th>
|
||||
<td>
|
||||
<c:forEach items="${memberItemValuesList}" var="memberItemValuesList">
|
||||
<c:if test='${memberItemValuesList._memberItemGroup == memberItemList._memberItemGroup}'>
|
||||
<c:set var="memberData" value='${fn:split(tMemberDB[memberItemGroup], ",")[textStatus]}' />
|
||||
<c:set var="textStatus" value='${textStatus+1}' />
|
||||
<input type="text" name="<c:out escapeXml='true' value='${memberItemList._memberItemGroup}' />" title="<c:out escapeXml='true' value='${memberItemList._memberItemName}' />" style="width:<c:out escapeXml='true' value='${memberItemValuesList._memberItemWidth}' />px;" value="<c:out escapeXml='true' value='${memberData}' />" /><c:if test='${memberItemValuesList._memberItemValue != null && memberItemValuesList._memberItemValue != ""}'> <c:out escapeXml='true' value='${memberItemValuesList._memberItemValue}' /></c:if>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<div><c:out escapeXml='true' value='${memberItemList._memberItemText}' /></div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:when>
|
||||
<c:when test='${memberItemList._memberItemPattern == "TEXTAREA"}'>
|
||||
<c:set var="textAreaStatus" value="0"/>
|
||||
<tr>
|
||||
<th scope="row"><label for="<c:out escapeXml='true' value='${memberItemList._memberItemGroup}' />"><c:out escapeXml='true' value='${memberItemList._memberItemName}' /></label></th>
|
||||
<td>
|
||||
<c:forEach items="${memberItemValuesList}" var="memberItemValuesList">
|
||||
<c:if test='${memberItemValuesList._memberItemGroup == memberItemList._memberItemGroup}'>
|
||||
<c:set var="memberData" value='${fn:split(tMemberDB[memberItemGroup], ",")[textAreaStatus]}' />
|
||||
<c:set var="textAreaStatus" value='${textAreaStatus+1}' />
|
||||
<textarea name="<c:out escapeXml='true' value='${memberItemList._memberItemGroup}' />" style="width:<c:out escapeXml='true' value='${memberItemValuesList._memberItemWidth}' />px; height:<c:out escapeXml='true' value='${memberItemValuesList._memberItemHeight}' />px;" ><c:out escapeXml='true' value='${memberData}' /></textarea><c:if test='${memberItemValuesList._memberItemValue != null && memberItemValuesList._memberItemValue != ""}'> <c:out escapeXml='true' value='${memberItemValuesList._memberItemValue}' /></c:if>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<div><c:out escapeXml='true' value='${memberItemList._memberItemText}' /></div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:when>
|
||||
<c:when test='${memberItemList._memberItemPattern == "SELECT"}'>
|
||||
<tr>
|
||||
<th scope="row"><label for="<c:out escapeXml='true' value='${memberItemList._memberItemGroup}' />"><c:out escapeXml='true' value='${memberItemList._memberItemName}' /></label></th>
|
||||
<td>
|
||||
|
||||
<c:set var="doneLoop" value="false"/>
|
||||
<c:forEach items="${memberItemValuesList}" var="memberItemValuesList">
|
||||
<c:if test="${not doneLoop}">
|
||||
<c:if test='${memberItemList._memberItemGroup == memberItemValuesList._memberItemGroup}'>
|
||||
<c:set var="memberItemSelectWidth" value='${memberItemValuesList._memberItemWidth}' />
|
||||
<c:set var="doneLoop" value="true"/>
|
||||
</c:if>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
|
||||
<select name="<c:out escapeXml='true' value='${memberItemList._memberItemGroup}' />" id="<c:out escapeXml='true' value='${memberItemList._memberItemGroup}' />" title="<c:out escapeXml='true' value='${memberItemList._memberItemName}' />" style="width:<c:out escapeXml='true' value='${memberItemSelectWidth}' />px;">
|
||||
<option value=""><s:message code="common.select.option.value"/></option>
|
||||
<c:forEach items="${memberItemValuesList}" var="memberItemValuesList">
|
||||
<c:if test='${memberItemValuesList._memberItemGroup == memberItemList._memberItemGroup}'>
|
||||
<option value="<c:out escapeXml='true' value='${memberItemValuesList._memberItemValue}' />" <c:if test='${tMemberDB[memberItemGroup] == memberItemValuesList._memberItemValue}'>selected</c:if>><c:out escapeXml='true' value='${memberItemValuesList._memberItemValue}' /></option>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</select>
|
||||
<div><c:out escapeXml='true' value='${memberItemList._memberItemText}' /></div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:when>
|
||||
<c:when test='${memberItemList._memberItemPattern == "RADIO"}'>
|
||||
<tr>
|
||||
<th scope="row">${memberItemList._memberItemName}</th>
|
||||
<td>
|
||||
<c:forEach items="${memberItemValuesList}" var="memberItemValuesList">
|
||||
<c:if test='${memberItemValuesList._memberItemGroup == memberItemList._memberItemGroup}'>
|
||||
<input type="radio" name="${memberItemList._memberItemGroup}" id="${memberItemValuesList._memberItemIdx}" <c:if test='${tMemberDB[memberItemGroup] == memberItemValuesList._memberItemValue}'>checked</c:if> value='${memberItemValuesList._memberItemValue}' /><label for="${memberItemValuesList._memberItemIdx}">${memberItemValuesList._memberItemValue}</label>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<div><c:out escapeXml='true' value='${memberItemList._memberItemText}' /></div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:when>
|
||||
<c:when test='${memberItemList._memberItemPattern == "CHECKBOX"}'>
|
||||
<tr>
|
||||
<th scope="row">${memberItemList._memberItemName}</th>
|
||||
<td>
|
||||
<c:forEach items="${memberItemValuesList}" var="memberItemValuesList">
|
||||
<c:if test='${memberItemValuesList._memberItemGroup == memberItemList._memberItemGroup}'>
|
||||
|
||||
<c:set var="memberSplit" value='${fn:split(tMemberDB[memberItemGroup], ",")}' />
|
||||
<c:set var="checked" value="" />
|
||||
<c:forEach items="${memberSplit}" var="memberSplit" varStatus="status">
|
||||
<c:if test='${memberSplit == memberItemValuesList._memberItemValue}'>
|
||||
<c:set var="checked" value="checked" />
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
|
||||
<input type="checkbox" name="${memberItemList._memberItemGroup}" ${checked} id="${memberItemValuesList._memberItemIdx}" value='${memberItemValuesList._memberItemValue}' /><label for="${memberItemValuesList._memberItemIdx}">${memberItemValuesList._memberItemValue}</label>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<div><c:out escapeXml='true' value='${memberItemList._memberItemText}' /></div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
|
||||
</c:if>
|
||||
|
||||
</c:forEach>
|
||||
|
||||
<tr>
|
||||
<th scope="row">그룹</th>
|
||||
<td>
|
||||
<c:forEach items="${groupsList}" var="groupsList" varStatus="status">
|
||||
<c:set var="index" value='${status.index}' />
|
||||
<c:set var="siteNameTmp" value="[${groupsList._siteName}]" />
|
||||
|
||||
<c:choose>
|
||||
<c:when test='${status.index > 0 && groupsList._siteName != siteName}'>
|
||||
<c:set var="index" value="0" />
|
||||
<br/>
|
||||
</c:when>
|
||||
<c:when test='${status.index > 0}'>
|
||||
<c:set var="siteNameTmp" value="" />
|
||||
</c:when>
|
||||
</c:choose>
|
||||
|
||||
<c:if test='${index > 0}'>, </c:if>
|
||||
${siteNameTmp} ${groupsList._groupName}
|
||||
<c:set var="siteName" value='${groupsList._siteName}' />
|
||||
</c:forEach>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div>
|
||||
<input type="submit" value="회원정보 수정" /></span>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
151
src/main/webapp/WEB-INF/views/site/bbs/html/memberForm.html
Normal file
151
src/main/webapp/WEB-INF/views/site/bbs/html/memberForm.html
Normal file
@ -0,0 +1,151 @@
|
||||
<form id="frm" name="frm" action="/user/proc/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${siteMenuIdx}' />/memberRegProc.do" method="post" >
|
||||
|
||||
<table>
|
||||
<caption>회원정보 입력화면입니다.</caption>
|
||||
<colgroup>
|
||||
<col style="width: 20%;" />
|
||||
<col style="width: auto;" />
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberName">회원명</label></th>
|
||||
<td>
|
||||
<input type="text" maxlength="100" name="memberName" id="memberName" title="회원명" value="" required style="width:200px;" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberId">회원아이디</label></th>
|
||||
<td>
|
||||
<input type="text" maxlength="100" name="memberId" id="memberId" title="회원아이디" value="" readonly required style="ime-mode: disabled; width:200px;" autocomplete="off" />
|
||||
<a href="/user/<c:out escapeXml='true' value='${siteIdx}' />/memberChk.do" id="memberIdChk">아이디찾기</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberPw">패스워드</label></th>
|
||||
<td>
|
||||
<input type="password" maxlength="16" name="memberPw" id="memberPw" title="패스워드" value="" required style="width:200px;" autocomplete="off" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberPwRe">패스워드 확인</label></th>
|
||||
<td>
|
||||
<input type="password" maxlength="16" name="memberPwRe" id="memberPwRe" title="패스워드 확인" value="" required style="width:200px;" autocomplete="off" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberEmail1">이메일</label></th>
|
||||
<td>
|
||||
<input type="text" maxlength="100" name="memberEmail1" id="memberEmail1" title="이메일" value="" required style="width:130px;" /> @ <input type="text" maxlength="100" name="memberEmail2" id="memberEmail2" title="이메일" value="" required style="width:130px;" />
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<c:forEach items="${memberItemList}" var="memberItemList">
|
||||
|
||||
<c:if test='${memberItemList._memberItemStatus == "U"}'>
|
||||
|
||||
<c:choose>
|
||||
<c:when test='${memberItemList._memberItemPattern == "TEXT"}'>
|
||||
<tr>
|
||||
<th scope="row"><label for="<c:out escapeXml='true' value='${memberItemList._memberItemGroup}' />"><c:out escapeXml='true' value='${memberItemList._memberItemName}' /></label></th>
|
||||
<td>
|
||||
<c:forEach items="${memberItemValuesList}" var="memberItemValuesList">
|
||||
<c:if test='${memberItemValuesList._memberItemGroup == memberItemList._memberItemGroup}'>
|
||||
<input type="text" name="<c:out escapeXml='true' value='${memberItemList._memberItemGroup}' />" title="<c:out escapeXml='true' value='${memberItemList._memberItemGroup}' />" style="width:<c:out escapeXml='true' value='${memberItemValuesList._memberItemWidth}' />px;" value="" /><c:if test='${memberItemValuesList._memberItemValue != null && memberItemValuesList._memberItemValue != ""}'> <c:out escapeXml='true' value='${memberItemValuesList._memberItemValue}' /></c:if>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<div><c:out escapeXml='true' value='${memberItemList._memberItemText}' /></div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:when>
|
||||
<c:when test='${memberItemList._memberItemPattern == "TEXTAREA"}'>
|
||||
<tr>
|
||||
<th scope="row"><label for="<c:out escapeXml='true' value='${memberItemList._memberItemGroup}' />"><c:out escapeXml='true' value='${memberItemList._memberItemName}' /></label></th>
|
||||
<td>
|
||||
<c:forEach items="${memberItemValuesList}" var="memberItemValuesList">
|
||||
<c:if test='${memberItemValuesList._memberItemGroup == memberItemList._memberItemGroup}'>
|
||||
<textarea name="<c:out escapeXml='true' value='${memberItemList._memberItemGroup}' />" title="<c:out escapeXml='true' value='${memberItemList._memberItemGroup}' />" style="width:<c:out escapeXml='true' value='${memberItemValuesList._memberItemWidth}' />px; height:<c:out escapeXml='true' value='${memberItemValuesList._memberItemHeight}' />px;" ></textarea><c:if test='${memberItemValuesList._memberItemValue != null && memberItemValuesList._memberItemValue != ""}'> <c:out escapeXml='true' value='${memberItemValuesList._memberItemValue}' /></c:if>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<div><c:out escapeXml='true' value='${memberItemList._memberItemText}' /></div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:when>
|
||||
<c:when test='${memberItemList._memberItemPattern == "SELECT"}'>
|
||||
<tr>
|
||||
<th scope="row"><label for="${memberItemList._memberItemGroup}">${memberItemList._memberItemName}</label></th>
|
||||
<td>
|
||||
|
||||
<c:set var="doneLoop" value="false"/>
|
||||
<c:forEach items="${memberItemValuesList}" var="memberItemValuesList">
|
||||
<c:if test="${not doneLoop}">
|
||||
<c:if test='${memberItemList._memberItemGroup == memberItemValuesList._memberItemGroup}'>
|
||||
<c:set var="memberItemSelectWidth" value='${memberItemValuesList._memberItemWidth}' />
|
||||
<c:set var="doneLoop" value="true"/>
|
||||
</c:if>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
|
||||
<select name="${memberItemList._memberItemGroup}" id="${memberItemList._memberItemGroup}" title="${memberItemList._memberItemName}" style="width:${memberItemSelectWidth}px;">
|
||||
<option value=""><s:message code="common.select.option.value"/></option>
|
||||
<c:forEach items="${memberItemValuesList}" var="memberItemValuesList">
|
||||
<c:if test='${memberItemValuesList._memberItemGroup == memberItemList._memberItemGroup}'>
|
||||
<option value="<c:out escapeXml='true' value='${memberItemValuesList._memberItemValue}' />"><c:out escapeXml='true' value='${memberItemValuesList._memberItemValue}' /></option>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</select>
|
||||
<div><c:out escapeXml='true' value='${memberItemList._memberItemText}' /></div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:when>
|
||||
<c:when test='${memberItemList._memberItemPattern == "RADIO"}'>
|
||||
<tr>
|
||||
<th scope="row">${memberItemList._memberItemName}</th>
|
||||
<td>
|
||||
<c:forEach items="${memberItemValuesList}" var="memberItemValuesList">
|
||||
<c:if test='${memberItemValuesList._memberItemGroup == memberItemList._memberItemGroup}'>
|
||||
<input type="radio" name="${memberItemList._memberItemGroup}" id="${memberItemValuesList._memberItemIdx}" value='${memberItemValuesList._memberItemValue}' /><label for="${memberItemValuesList._memberItemIdx}">${memberItemValuesList._memberItemValue}</label>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<div><c:out escapeXml='true' value='${memberItemList._memberItemText}' /></div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:when>
|
||||
<c:when test='${memberItemList._memberItemPattern == "CHECKBOX"}'>
|
||||
<tr>
|
||||
<th scope="row">${memberItemList._memberItemName}</th>
|
||||
<td>
|
||||
<c:forEach items="${memberItemValuesList}" var="memberItemValuesList">
|
||||
<c:if test='${memberItemValuesList._memberItemGroup == memberItemList._memberItemGroup}'>
|
||||
<input type="checkbox" name="${memberItemList._memberItemGroup}" id="${memberItemValuesList._memberItemIdx}" value='${memberItemValuesList._memberItemValue}' /><label for="${memberItemValuesList._memberItemIdx}">${memberItemValuesList._memberItemValue}</label>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<div><c:out escapeXml='true' value='${memberItemList._memberItemText}' /></div>
|
||||
</td>
|
||||
</tr>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
|
||||
</c:if>
|
||||
|
||||
</c:forEach>
|
||||
|
||||
<tr>
|
||||
<th scope="row"><label for="groupIdx">그룹</label></th>
|
||||
<td>
|
||||
<select name="groupIdx" id="groupIdx" title="<s:message code="common.select.option.value"/>" style="width:200px;" required>
|
||||
<option value=""><s:message code="common.select.option.value"/></option>
|
||||
<c:forEach items="${groupList}" var="groupList" varStatus="status">
|
||||
<c:if test='${groupList._groupLevel < 999}'>
|
||||
<option value="<c:out escapeXml='true' value='${groupList._groupIdx}' />"><c:out escapeXml='true' value='${groupList._groupName}' /></option>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div><input type="submit" value="회원가입" /></div>
|
||||
|
||||
</form>
|
||||
@ -0,0 +1,21 @@
|
||||
<form id="frm" name="frm" action="/user/proc/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${siteMenuIdx}' />/memberPwProc.do" method="post" >
|
||||
|
||||
<table>
|
||||
<caption>패스워드 입력화면입니다.</caption>
|
||||
<colgroup>
|
||||
<col style="width: 20%;" />
|
||||
<col style="width: auto;" />
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberPw">패스워드</label></th>
|
||||
<td>
|
||||
<input type="password" maxlength="16" name="memberPw" id="memberPw" title="패스워드" value="" required style="width:200px;" autocomplete="off" />
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div><input type="submit" value="확인" /></div>
|
||||
|
||||
</form>
|
||||
@ -0,0 +1,21 @@
|
||||
<form id="frm" name="frm" action="/user/proc/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${siteMenuIdx}' />/memberDelProc.do" method="post" >
|
||||
|
||||
<table>
|
||||
<caption>패스워드 입력화면입니다.</caption>
|
||||
<colgroup>
|
||||
<col style="width: 20%;" />
|
||||
<col style="width: auto;" />
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberPw">패스워드</label></th>
|
||||
<td>
|
||||
<input type="password" maxlength="16" name="memberPw" id="memberPw" title="패스워드" value="" required style="width:200px;" autocomplete="off" />
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div><input type="submit" value="확인" /></div>
|
||||
|
||||
</form>
|
||||
@ -0,0 +1,27 @@
|
||||
<form id="frm" name="frm" action="/user/proc/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${siteMenuIdx}' />/memberIdFindProc.do" method="post" >
|
||||
|
||||
<table>
|
||||
<caption>아이디찾기 이름, 이메일주소 입력화면입니다.</caption>
|
||||
<colgroup>
|
||||
<col style="width: 20%;" />
|
||||
<col style="width: auto;" />
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberName">이름</label></th>
|
||||
<td>
|
||||
<input type="text" maxlength="100" name="memberName" id="memberName" title="이름" value="" required style="width:200px;" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberEmail1">이메일주소</label></th>
|
||||
<td>
|
||||
<input type="text" maxlength="100" name="memberEmail1" id="memberEmail1" title="이메일" value="" required style="width:200px;" />@<input type="text" maxlength="100" name="memberEmail2" id="memberEmail2" title="이메일" value="" required style="width:200px;" />
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div><input type="submit" value="확인" /></div>
|
||||
|
||||
</form>
|
||||
@ -0,0 +1,4 @@
|
||||
<div>
|
||||
아이디 : <c:out escapeXml='true' value='${resultMemberId}' />
|
||||
</div>
|
||||
|
||||
@ -0,0 +1,3 @@
|
||||
<div>
|
||||
회원이 탈퇴되었습니다.
|
||||
</div>
|
||||
@ -0,0 +1,27 @@
|
||||
<form id="frm" name="frm" action="/user/proc/<c:out escapeXml='true' value='${siteIdx}' />/<c:out escapeXml='true' value='${siteMenuIdx}' />/memberPwFindProc.do" method="post" >
|
||||
|
||||
<table>
|
||||
<caption>패스워드찾기 이름, 아이디 입력화면입니다.</caption>
|
||||
<colgroup>
|
||||
<col style="width: 20%;" />
|
||||
<col style="width: auto;" />
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberName">이름</label></th>
|
||||
<td>
|
||||
<input type="text" maxlength="100" name="memberName" id="memberName" title="이름" value="" required style="width:200px;" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"><label for="memberId">아이디</label></th>
|
||||
<td>
|
||||
<input type="text" maxlength="100" name="memberId" id="memberId" title="아이디" value="" required style="width:200px;" />
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<div><input type="submit" value="확인" /></div>
|
||||
|
||||
</form>
|
||||
@ -0,0 +1,4 @@
|
||||
<div>
|
||||
임시 비밀번호 : <c:out escapeXml='true' value='${resultMemberPw}' />
|
||||
</div>
|
||||
|
||||
1
src/main/webapp/WEB-INF/views/site/bbs/html/message.html
Normal file
1
src/main/webapp/WEB-INF/views/site/bbs/html/message.html
Normal file
@ -0,0 +1 @@
|
||||
<div id="message"></div>
|
||||
@ -0,0 +1,7 @@
|
||||
<c:set var="naviCnt" value='${fn:length(siteMenuNavigationList)}' />
|
||||
<c:forEach items="${siteMenuNavigationList}" var="siteMenuNavigationList" varStatus="status">
|
||||
<span><c:out escapeXml='false' value='${siteMenuNavigationList}' /></span>
|
||||
<c:if test='${status.index+1 < naviCnt}'>
|
||||
>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
@ -0,0 +1,10 @@
|
||||
<input type="radio" id="siteSatisfactionStatus1" name="siteSatisfactionStatus" value="1" checked="checked"/> <label for="siteSatisfactionStatus1">매우 만족</label>
|
||||
<input type="radio" id="siteSatisfactionStatus2" name="siteSatisfactionStatus" value="2" /> <label for="siteSatisfactionStatus2">만족</label>
|
||||
<input type="radio" id="siteSatisfactionStatus3" name="siteSatisfactionStatus" value="3" /> <label for="siteSatisfactionStatus3">보통</label>
|
||||
<input type="radio" id="siteSatisfactionStatus4" name="siteSatisfactionStatus" value="4" /> <label for="siteSatisfactionStatus4">불만족</label>
|
||||
<input type="radio" id="siteSatisfactionStatus5" name="siteSatisfactionStatus" value="5" /> <label for="siteSatisfactionStatus5">매우불만족</label>
|
||||
|
||||
<div>
|
||||
<textarea id="siteSatisfactionContents" name="siteSatisfactionContents" rows="2" cols="80" style="width: 100%; height: 150px;" required title="평가내용입력" ></textarea>
|
||||
</div>
|
||||
<input type="submit" value="평가하기" />
|
||||
@ -0,0 +1,7 @@
|
||||
<ul>
|
||||
<c:forEach items="${siteMenuList}" var="siteMenuList" varStatus="status">
|
||||
<li><input type="checkbox" name="arrayMenuIdxs" id="<c:out escapeXml='true' value='${smartMenuSetIdx}' />_<c:out escapeXml='true' value='${siteMenuList.siteMenuIdx}' />" value="<c:out escapeXml='true' value='${siteMenuList.siteMenuIdx}' />" /><label for="<c:out escapeXml='true' value='${smartMenuSetIdx}' />_<c:out escapeXml='true' value='${siteMenuList.siteMenuIdx}' />" class="seed_draggable" seed-data="${siteMenuList.siteMenuIdx}"><c:out escapeXml='true' value='${siteMenuList.siteMenuName}' /></label></li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
|
||||
<input type="submit" value="저장" />
|
||||
1
src/main/webapp/WEB-INF/views/site/bbs/html/sub.html
Normal file
1
src/main/webapp/WEB-INF/views/site/bbs/html/sub.html
Normal file
@ -0,0 +1 @@
|
||||
<p>sub.html</p>
|
||||
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_del.gif
Normal file
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_del.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_first.gif
Normal file
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_first.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_icon_del.gif
Normal file
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_icon_del.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 394 B |
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_last.gif
Normal file
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_last.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_list.gif
Normal file
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_list.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_next.gif
Normal file
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_next.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_prev.gif
Normal file
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_prev.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_reg.gif
Normal file
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_reg.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_save.gif
Normal file
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_save.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.1 KiB |
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_search.gif
Normal file
BIN
src/main/webapp/WEB-INF/views/site/bbs/images/btn_search.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
3
src/main/webapp/WEB-INF/views/site/bbs/js/menu_main.js
Normal file
3
src/main/webapp/WEB-INF/views/site/bbs/js/menu_main.js
Normal file
@ -0,0 +1,3 @@
|
||||
function menu_main_js(){
|
||||
|
||||
}
|
||||
3
src/main/webapp/WEB-INF/views/site/bbs/js/menu_sub.js
Normal file
3
src/main/webapp/WEB-INF/views/site/bbs/js/menu_sub.js
Normal file
@ -0,0 +1,3 @@
|
||||
function menu_sub_js(){
|
||||
|
||||
}
|
||||
1165
src/main/webapp/WEB-INF/views/site/case/css/common.css
Normal file
1165
src/main/webapp/WEB-INF/views/site/case/css/common.css
Normal file
File diff suppressed because it is too large
Load Diff
447
src/main/webapp/WEB-INF/views/site/case/css/common_160809.css
Normal file
447
src/main/webapp/WEB-INF/views/site/case/css/common_160809.css
Normal file
@ -0,0 +1,447 @@
|
||||
@charset "utf-8";
|
||||
|
||||
p,span,li{color:#747474;}
|
||||
|
||||
#wrap{position:relative;}
|
||||
#header{width:100%;margin:0 auto;height:135px;background:url('') repeat-x center center;}
|
||||
header{height:100%;background:#fff;}
|
||||
.head_top{width:1000px;height:80px;margin:0 auto;}
|
||||
.head_con{background:#29b3e8 url(../images/gnb_bg.png) repeat-x bottom;}
|
||||
.head_con>nav{width:1000px;height:55px;margin:0 auto;}
|
||||
|
||||
.logo{display:inline-block;float:left;width:300px;height:52px;margin-top:12px;}
|
||||
.logo>a{display:block;width:100%;height:100%;}
|
||||
|
||||
|
||||
|
||||
.top_menu{display:inline-block;width:210px;height:30px;float:right;line-height:30px;margin-top:26px;}
|
||||
.top_menu>span{padding:0 10px;}
|
||||
.top_menu>span:first-child{background:url(../images/top_devide.png)no-repeat center right;padding-left:0;}
|
||||
.top_menu>button{width:17px;height:16px;}
|
||||
|
||||
.gnb_bg{margin:0 auto; display:none;position:absolute;top:135px;z-index:10;background:#fff url(../images/gnb_bg_bot.png)repeat-x bottom;width:100%;height:410px;}
|
||||
.p_menu{height:100%;}
|
||||
.p_menu .depth1 > li{float:left;display:block;position:relative;z-index:11;width:calc(20% - 2px);text-align:center;border-right:1px solid #79c1e8;border-left:1px solid #18718c;}
|
||||
.p_menu .depth1 > li:last-child{border-right:1px solid #18718c;}
|
||||
.p_menu .depth1 > li > a{display:block;color:#fff;width:100%;height:55px;line-height:55px;font-size:1.25em;}
|
||||
.p_menu .depth1 > li > a:hover{color:#000;}
|
||||
|
||||
.depth2{display:none;position:absolute;top:55px;left:-1px;z-index:100;border-left:1px solid #eeeeee;height:400px;width:100%;}
|
||||
.pmenu_last{border-right:1px solid #eeeeee;}
|
||||
.depth2 > li{text-align:left;width:165px;}
|
||||
.depth2 > li > a{color:#232323;display:block;padding:10px 5px;}
|
||||
.depth2 > li > a:hover{color:#000;}
|
||||
|
||||
.m_menu{display:none;position:absolute;top:125px;right:0;z-index:103;border-left:1px solid #ed781c;background-color:#ffffff;width:320px;height:100%;}
|
||||
.m_depth1 > li{width:320px;}
|
||||
.m_depth1 > li > a{display:block;height:50px;line-height:50px;color:#232323;font-weight:bold;padding-left:10px;border-bottom:1px solid #cccccc;}
|
||||
.m_depth2{display:none;background-color:#ffffff;border-bottom:1px solid #cccccc;padding:5px 0;}
|
||||
.m_depth2 > li > a{display:block;color:#353535;padding:7px 0;margin-left:20px;}
|
||||
.m_depth2 > li > a:hover{color:#ed781c;}
|
||||
.gnb_m_btn{display:none;position:absolute;top:48px;right:15px;z-index:103;}
|
||||
.gnb_m_close{display:none;position:absolute;top:65px;right:15px;z-index:104;}
|
||||
|
||||
#main{width:100%;overflow:hidden;}
|
||||
.con_part1{background:#ceedf7;}
|
||||
.con_part2{background:#fff;padding-bottom:50px;}
|
||||
.con_part1_inner,
|
||||
.con_part2_inner{width:1000px;margin:0 auto;}
|
||||
|
||||
.more{position:absolute;top:12px; right:15px;text-indent:-999em;font-size:0;width:26px;height:26px;}
|
||||
.more_b{background:url(../images/more_b.png)no-repeat center center;border:1px solid #cecece;}
|
||||
.more_w{background:url(../images/more_w.png)no-repeat center center;border:1px solid #fff;}
|
||||
|
||||
|
||||
.con_part1_inner .main_tit{float:left;width:60%;height:165px;}
|
||||
.con_part1_inner .main_tit>h1{background:url(../images/main_tit.png)no-repeat top left;text-indent:-999em;font-size:0;display:inline-block;width:364px;height:75px;margin-top:70px;}
|
||||
.con_part1_inner aside{float:left;width:40%;height:198px;background:#1872b3 url(../images/calling.png)no-repeat 270px 70px;margin:15px 0;color:#fff;position:relative;}
|
||||
.con_part1_inner aside h3{border-bottom:1px solid #fff;height:50px; line-height:50px; margin:0 15px; font-size:1.25em;}
|
||||
.con_part1_inner aside a{color:#fff;}
|
||||
.con_part1_inner .call_center{margin:15px;}
|
||||
.con_part1_inner .callno{display:block;color:#f3e465;font-size:2.5em;font-family:ng_bold;margin-top:25px;}
|
||||
.callperi{display:block;margin-top:5px;margin-left:5px;color:#fff;}
|
||||
.call_center a{display:inline-block;width:100px; height:30px; line-height:30px; text-align:center; border:1px solid #fff; margin-top:15px; font-size:1.25em;}
|
||||
.main_vi{width:100%;}
|
||||
.main_vi>a{display:inline-block;width:20%;height:173px;text-align:center;font-size:1.25em;margin:0;padding:0;}
|
||||
.main_vi>a span{display:inline-block;margin-top:140px;color:#fff;}
|
||||
.main_vi .vi1{background:#316aa5 url(../images/vi1.png)no-repeat right bottom;}
|
||||
.main_vi .vi2{background:#56a994 url(../images/vi2.png)no-repeat right bottom;}
|
||||
.main_vi .vi3{background:#8075d0 url(../images/vi3.png)no-repeat right bottom;}
|
||||
.main_vi .vi4{background:#f0b324 url(../images/vi4.png)no-repeat right bottom;}
|
||||
.main_vi .vi5{background:#14ade1 url(../images/vi5.png)no-repeat right bottom;}
|
||||
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD>ϴ<EFBFBD><CFB4><EFBFBD> <20><>Ʈ */
|
||||
.con_part2_inner_a{border:1px solid #cecece;border-top:none;}
|
||||
.board_wrap{float:left;width:calc(70% - 31px);height:260px;border-right:1px solid #cecece;position:relative;padding:5px 15px;}
|
||||
/*.board_wrap>article{position:absolute;top:0;left:0;width:100%;}*/
|
||||
.board_wrap>article>h3>button{height:40px;line-height:40px;font-size:1.07em;background:url(../images/board_tit_bg.png)no-repeat right center;padding:0 15px;}
|
||||
.board_wrap>article:last-child h3>button{background:none;}
|
||||
.board_wrap>article>ul{border-top:1px solid #cecece;}
|
||||
.board_wrap>article>ul>li{margin:15px 0;text-indent:10px;list-style-type: disc; list-style-position: inside;}
|
||||
.board_wrap>article>ul>li span{float:right;}
|
||||
.board_wrap .qest1 button{font-size:1.2em;color:#000;font-weight:bold;padding-left:0;}
|
||||
.qest2{position:absolute;top:5px;left:150px;}
|
||||
.qest3{position:absolute;top:5px;left:280px;}
|
||||
.service{float:right;width:30%;}
|
||||
.service>ul>li{height:25%;border-bottom:1px solid #cecece;}
|
||||
.service>ul>li:last-child{border-bottom:none;}
|
||||
.service>ul>li>a{display:inline-block;width:calc(100% - 30px);height:100%;padding:13px 0 0 10px;}
|
||||
.service>ul>li h4{font-size:1.1em;color:#343639;font-weight:bold;}
|
||||
.service>ul>li p{font-size:0.8em;margin-top:10px;}
|
||||
.service .sv1{background:url(../images/sv1.png)no-repeat 240px center;}
|
||||
.service .sv2{background:url(../images/sv2.png)no-repeat 240px center;}
|
||||
.service .sv3{background:url(../images/sv3.png)no-repeat 240px center;}
|
||||
.service .sv4{background:url(../images/sv4.png)no-repeat 240px center;}
|
||||
|
||||
|
||||
/* Ǫ<><C7AA> */
|
||||
#foot{width:100%;height:140px;margin:0 auto;background:#f2f2f2 url(../images/foot_bg.png) repeat-x top;overflow:hidden;}
|
||||
.foot_top{width:1000px;margin:0 auto;height:40px;line-height:40px;}
|
||||
.foot_top .slct_site_wrap{float:right;}
|
||||
.foot_top .slct_site{height:30px;}
|
||||
.foot_top .slct_site_go{display:inline-block;width:22px;height:30px;line-height:30px;text-align:center;color:#fff;margin-top:5px;margin-left:3px;background:#464646;}
|
||||
.foot_top a{padding:0 15px;border-right:1px solid #cecece;}
|
||||
.foot_top a:first-child{color:#1978ad;padding-left:0;}
|
||||
.foot_top a:last-child{border-right:none;}
|
||||
.foot_con{width:1000px;margin:0 auto;padding:15px 0;}
|
||||
.foot_con > p{color:#414141;line-height:16px;}
|
||||
.foot_logo{padding-right:20px;border-right:1px solid #cecece;height:31px;width:233px;float:left;}
|
||||
.foot_logo img{text-align:left;height:100%;}
|
||||
address{float:right;width:725px;}
|
||||
address p{margin:0;font-size:0.9em;}
|
||||
address p strong{color:#000;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/************** sub **************/
|
||||
/*
|
||||
<EFBFBD><EFBFBD><EFBFBD><EFBFBD> 1a5da8
|
||||
<EFBFBD><EFBFBD><EFBFBD>ϴû<EFBFBD>(<EFBFBD>߰<EFBFBD>) 72a4df
|
||||
<EFBFBD><EFBFBD><EFBFBD><EFBFBD>ϴû<EFBFBD> cdedf6
|
||||
|
||||
<EFBFBD><EFBFBD><EFBFBD>ȸ<EFBFBD><EFBFBD>(<EFBFBD><EFBFBD><EFBFBD><EFBFBD>) f2f2f2
|
||||
<EFBFBD><EFBFBD>ȸ<EFBFBD><EFBFBD>(<EFBFBD>߰<EFBFBD>) bbb
|
||||
<EFBFBD><EFBFBD><EFBFBD>ȸ<EFBFBD><EFBFBD>(<EFBFBD><EFBFBD><EFBFBD><EFBFBD>) 676767
|
||||
|
||||
borderȸ<EFBFBD><EFBFBD>(<EFBFBD><EFBFBD><EFBFBD><EFBFBD>) bebebe
|
||||
borderȸ<EFBFBD><EFBFBD>(<EFBFBD><EFBFBD><EFBFBD><EFBFBD>) e2e2e2
|
||||
*/
|
||||
body{background:#cbeaf3;}
|
||||
.wrap{width:1000px;margin:0 auto;overflow:hidden;background:#fff;}
|
||||
.loc_wrap{width:1000px;margin:0 auto;}
|
||||
.location{display:inline-block;float:right;width:300px;height:40px;line-height:40px;}
|
||||
.location>a{padding:0 5px 0 15px;background:url(../images/loc_divide.png)no-repeat left 2px;}
|
||||
.location>a:first-child{padding-left:15px;background:url(../images/loc_home.png)no-repeat left 2px;}
|
||||
|
||||
.sub_nav_bg{float:left;width:210px;}
|
||||
.sub_nav_wrap{width:210px;}
|
||||
/*.sub_nav_wrap{width:210px;background:url(../images/sub_nav_bg.png)repeat-y left top;}*/
|
||||
.sub_con_wrap{width:790px;float:left;background:#fff;}
|
||||
|
||||
.sub_con_wrap_inner{width:calc(100% - 40px);margin:0 auto;}
|
||||
.sub_con{margin:30px 0 100px;}
|
||||
.sub_nav_top{width:210px;height:123px;background:url(../images/sub_lnb_top.png)no-repeat left top;}
|
||||
.sub_nav_top>strong{display:inline-block;color:#fff;margin-left:10px;padding-top:60px;font-size:1.75em;}
|
||||
.sub_nav_on{background:url(../images/sub_lnb_tab_on.png)no-repeat left top;}
|
||||
.sub_nav_on>a{border:0 !important;}
|
||||
.sub_nav>li{}
|
||||
.sub_nav>li>a{display:inline-block;width:calc(100% - 2px);height:40px;line-height:40px;text-indent:25px;font-size:1.2em;background:#fff url(../images/sub_lnb_off.png)no-repeat 10px 14px;border:1px solid #cecece;}
|
||||
li.sub_nav_on>a{color:#fff;background:url(../images/sub_lnb_on.png)no-repeat 10px 14px;height:48px;}
|
||||
.sub_nav>li>ul{padding:7px 0;border-right:1px solid #cecece;background:#cbeaf3 url(../images/sub_lnb_tab_on_bg.png)repeat-y 8px top;}
|
||||
.sub_nav>li>ul>li{ list-style-type: disc;
|
||||
list-style-position: inside;text-indent:20px;height:30px;line-height:30px;}
|
||||
.sub_tit{border-bottom:1px solid #cecece;}
|
||||
.sub_tit>span{margin-left:5px;display:inline-block;}
|
||||
.lnb_bot_box{background:#fff;border:1px solid #cecece;width:208px;height:2000px;}
|
||||
|
||||
/* <20><>û <20><><EFBFBD><EFBFBD> : <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
||||
.process>li{width:160px;height:60px;display:inline-block;margin-left:10px;}
|
||||
.process>li>a{width:100%;height:100%;display:inline-block;}
|
||||
.process1{background:url(../images/process1.png)no-repeat center center;}
|
||||
.process2{background:url(../images/process2.png)no-repeat center center;}
|
||||
.process3{background:url(../images/process3.png)no-repeat center center;}
|
||||
.process4{background:url(../images/process4.png)no-repeat center center;}
|
||||
|
||||
/*
|
||||
.process>li{float:left;display:inline-block;width:25%;text-align:center;height:41px;line-height:41px;background:#bbb url(../images/process_off.png)no-repeat right center;}
|
||||
.process>li>span{margin-left:-15px;color:#000;}
|
||||
.process>li.process_on{background:#1a5da8 url(../images/process_on.png)no-repeat right center;color:#fff;}
|
||||
.process>li.process_on>span{color:#fff;}
|
||||
.process>li:last-child{background:#bbb url(../images/process_off_last.png)no-repeat right center;}
|
||||
*/
|
||||
.certify_btn_wrap{text-align:center;float:right;position:relative;left:-50%;}
|
||||
.certify{display:inline-block;float:left;width:200px;height:130px;border:1px solid #ccc;vertical-align:bottom;float:left;position:relative;left:50%;}
|
||||
.certify1{background:url(../images/certify1.png)no-repeat center 17px;margin-right:10px;}
|
||||
.certify2{background:url(../images/certify2.png)no-repeat center 17px;}
|
||||
a.certify_btn_1{display:inline-block;width:90%;height:30px;line-height:30px;background:#1da5d7;color:#fff;vertical-align:-100px;}
|
||||
a.certify_btn_2{display:inline-block;width:90%;height:30px;line-height:30px;background:#ff7e00;color:#fff;vertical-align:-100px;}
|
||||
|
||||
/* <20><>û <20><><EFBFBD><EFBFBD> : <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
||||
.agree_wrap{position:relative;}
|
||||
.agree_check_wrap{position:absolute;right:0;bottom:0;}
|
||||
|
||||
/* <20><>û <20><><EFBFBD><EFBFBD> : <20><><EFBFBD><EFBFBD><EFBFBD>Է<EFBFBD> */
|
||||
.qBtn{background:url(../images/question.png)no-repeat center center;width:13px;height:13px;margin-left:3px;}
|
||||
.qBtn>span{position: absolute;overflow: hidden;width: 1px !important;height:1px !important;margin: -1px !important;line-height: 0 !important;border: 0;clip: rect(0 0 0 0);}
|
||||
.must{display:inline-block;background:url(../images/must.png)no-repeat left center;padding-left:10px;}
|
||||
.add_row_wrap{position:absolute;top:15px;right:0;}
|
||||
|
||||
/* <20><>û <20><><EFBFBD><EFBFBD> : (tip) */
|
||||
.tip{background:url(../images/tip.png)no-repeat left 3px;display:inline-block;padding-left:10px;position:absolute;display:none;}
|
||||
.tip_con{display:inline-block;max-width:100px;background:#676767;color:#fff;font-size:12px;font-family:'<27><><EFBFBD><EFBFBD>',dotum,sans-serif;padding:5px;text-align:justify;line-height:14px;border-radius:6px;}
|
||||
.q11{top:10px;left:160px;}
|
||||
.q12{top:52px;left:160px;}
|
||||
.q13{top:94px;left:185px;}
|
||||
.q14{top:94px;left:520px;}
|
||||
.q15{top:136px;left:200px;}
|
||||
.q16{top:178px;left:200px;}
|
||||
.q17{top:240px;left:200px;}
|
||||
.q19{top:390px;left:210px;}
|
||||
.q23{top:60px;left:185px;}
|
||||
.q1{top:247px;left:75px;}
|
||||
.q24{top:60px;left:520px;}
|
||||
.q25{top:102px;left:195px;}
|
||||
.q26{top:144px;left:195px;}
|
||||
.q27{top:210px;left:200px;}
|
||||
.q29{top:355px;left:210px;}
|
||||
|
||||
|
||||
|
||||
/************** common **************/
|
||||
/* text */
|
||||
.bold{font-weight:bold;}
|
||||
.f_sz09{font-size:0.9em;}
|
||||
.f_sz11{font-size:1.1em;}
|
||||
.f_sz12{font-size:1.2em;}
|
||||
.f_sz13{font-size:1.3em;}
|
||||
.f_sz14{font-size:1.4em;}
|
||||
.f_sz15{font-size:1.5em;}
|
||||
.f_sz20{font-size:2em;}
|
||||
.c_black{color:#000;}
|
||||
.c_red{color:red;}
|
||||
|
||||
/* <20>ణ */
|
||||
/* p{line-height:1.8em;margin:8px 0;} */
|
||||
p{line-height:22px;margin:8px 0;}
|
||||
.li_gap>li{margin:30px 0;}
|
||||
|
||||
/* Ÿ<><C5B8>Ʋ */
|
||||
.tit1{font-family:ng_bold;display:inline-block;font-size:1.6em;height:50px;line-height:50px;margin-top:20px;margin-right:5px;}
|
||||
.tit2{background:#edf7fa;display:block;height:40px;line-height:40px;color:#1a5da8;text-align:center;font-size:1.4em;margin-bottom:30px;}
|
||||
.tit3{background:url(../images/sub_con_h3.png)no-repeat left 1px;display:block;font-size:1.2em;color:#000;padding-left:13px;line-height:1.3em;}
|
||||
.tit4{background:#edf7fa;display:block;height:60px;line-height:60px;color:#1a5da8;font-size:1.4em;margin-bottom:30px;font-weight:bold;padding-left:10px;border-left:8px solid #1a5da8;}
|
||||
.tit5{color:#1a5da8;font-size:12px;}
|
||||
.tit6_agree{font-size:0.9em;}
|
||||
/* list-style-type */
|
||||
.disc1{background:url(../images/disc1.png)no-repeat 10px 7px;}
|
||||
.disc2{background:url(../images/disc2.png)no-repeat 0 6px;}
|
||||
.disc3{background:url(../images/disc4.png)no-repeat 0 6px;}
|
||||
|
||||
/* <20>鿩<EFBFBD><E9BFA9><EFBFBD><EFBFBD> */
|
||||
/*.indent>*,.indent>li>*{padding-left:13px;}*/
|
||||
.indent{padding-left:13px;}
|
||||
.indent2{padding-left:20px;}
|
||||
|
||||
/* <20>ڽ<EFBFBD> */
|
||||
.inbox{background:#f7f7f7;padding:15px;}
|
||||
.inbox2{background:#f7f7f7;padding:25px;}
|
||||
.text_box1{width:100%;height:200px;overflow-y:scroll;border:1px solid #e2e2e2;padding:10px;}
|
||||
.text_box2{width:calc(100% - 20px);height:100px;overflow-y:scroll;border:1px solid #e2e2e2;padding:10px;}
|
||||
|
||||
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ʈ */
|
||||
.resp_li1>li{border-bottom:1px solid #e2e2e2;line-height:20px;padding:10px 0;}
|
||||
.resp_li1>li.resp_li_tit{background:#efefef;border-top:1px solid #1a5da8;}
|
||||
.resp_li1>li.resp_li_tit>span{color:#000;}
|
||||
.resp_li1>li>span{text-align:center;display:inline-block;vertical-align:top;}
|
||||
|
||||
/* <20><>ư */
|
||||
.btn_wrap{width:100%;text-align:center;}
|
||||
.btn_noti{display:inline-block;color:#fff;text-align:center;padding:10px 30px;background:#676767;cursor:pointer;}
|
||||
.btn_next{display:inline-block;color:#fff;text-align:center;padding:10px 30px;background:#1a5da8;cursor:pointer;}
|
||||
.btn_cancle{display:inline-block;color:#fff;text-align:center;padding:10px 30px;background:#676767;cursor:pointer;}
|
||||
.btn_del{display:inline-block;color:#fff;text-align:center;padding:10px 30px;background:#3685e1;cursor:pointer;}
|
||||
|
||||
/* position */
|
||||
.rel_wrap{position:relative;}
|
||||
|
||||
/* <20><> */
|
||||
.tab_pos_rel{position:relative;}
|
||||
.sub_con .subTab_a{width:calc(100% - 132px);}
|
||||
.sub_con .subTab_b_con{width:calc(100% - 20px);padding-top:90px;}
|
||||
.sub_con .subTab_b_tit{display:inline-block;background:#f2f2f2;width:calc(100%/3);height:45px;line-height:45px;position:absolute;}
|
||||
.sub_con .subTab_b_tit>button{display:inline-block;width:90%;height:80%;color:#000;text-align:left;padding-left:20px;margin-left:10px;background:url(../images/disc3.png)no-repeat left center;}
|
||||
.sub_con .subTab_b_tit1{top:0;left:0;}
|
||||
.sub_con .subTab_b_tit2{top:0;left:calc(100%/3);}
|
||||
.sub_con .subTab_b_tit3{top:0;left:calc(200%/3);}
|
||||
.sub_con .subTab_b_tit4{top:40px;left:0;}
|
||||
.sub_con .subTab_b_tit5{top:40px;left:calc(100%/3);}
|
||||
.sub_con .subTab_b_tit6{top:40px;left:calc(200%/3);}
|
||||
.sub_con .subTab_c_tit{width:calc(100% - 10px);height:50px;line-height:50px;padding-left:10px;}
|
||||
.sub_con .subTab_c_tit{color:#fff;font-size:1.3em;display:inline-block;width:100%;height:100%;text-align:left;}
|
||||
.sub_con .subTab_c_tit1{background:#72a4df url(../images/arr_up.png)no-repeat 98% center;}
|
||||
.sub_con .subTab_c_tit2{background:#bbb url(../images/arr_bot.png)no-repeat 98% center;}
|
||||
|
||||
|
||||
|
||||
/* table common */
|
||||
.inp_ful{display:inline-block;width:calc(100% - 10px);border:1px solid #e2e2e2;margin:5px;height:30px;}
|
||||
.inp_basic{display:inline-block;width:175px;border:1px solid #e2e2e2;margin:5px;height:30px;}
|
||||
.inp_phone{display:inline-block;width:45px;border:1px solid #e2e2e2;margin:5px 3px;height:30px;}
|
||||
.inp_fax{display:inline-block;width:40px;border:1px solid #e2e2e2;margin:5px 3px 5px 5px;height:30px;}
|
||||
.inp_cnt{display:inline-block;width:calc(100% - 40px);border:1px solid #e2e2e2;margin:5px;height:30px;}
|
||||
.sel_basic{margin:5px;height:30px;width:175px;border:1px solid #e2e2e2;}
|
||||
.sel_full{margin:5px;height:30px;width:calc(100% - 10px);margin:0 5px;border:1px solid #e2e2e2;}
|
||||
.sel_phone{margin:5px 0 5px 5px;height:30px;border:1px solid #e2e2e2;}
|
||||
.btn_in_tbl{display:inline-block;color:#fff;text-align:center;padding:7px 20px;background:#676767;cursor:pointer;}
|
||||
.txta_full{width:calc(100% - 10px);height:100px;margin:5px;}
|
||||
/* table */
|
||||
.bdr{border-right:1px solid #cecece;}
|
||||
.bdl{border-left:1px solid #cecece;}
|
||||
.tbl1, .tbl2, .tbl3, .tbl4{position:relative;}
|
||||
.tbl1 table{width:100%;border-top:2px solid #1a5da8;font-size:13px;}
|
||||
.tbl1 table tr{border-bottom:1px solid #cecece;}
|
||||
.tbl1 table th{background:#f2f2f2;padding:10px 0;border-bottom:1px solid #cecece;vertical-align:middle;}
|
||||
.tbl1 table td{border-bottom:1px solid #cecece;vertical-align:middle;}
|
||||
.tbl1 table td select{border:1px solid #cecece;}
|
||||
.tbl1 table th{line-height:18px;}
|
||||
|
||||
.tbl2 table{width:100%;border-top:2px solid #1a5da8;font-size:13px;}
|
||||
.tbl2 table tr{border-bottom:1px solid #cecece;}
|
||||
.tbl2 table th{background:#f2f2f2;padding:10px 0;border-bottom:1px solid #cecece;vertical-align:middle;}
|
||||
.tbl2 table td{border-bottom:1px solid #cecece;vertical-align:middle;text-align:center;border-right:1px solid #cecece;}
|
||||
.tbl2 table td:last-child{border-right:0;}
|
||||
.tbl2 table td select{border:1px solid #cecece;}
|
||||
.tbl2 table th{line-height:18px;}
|
||||
.tbl2 table td.tal_l {text-align:left;}
|
||||
.tbl2 table td label{line-height:18px;}
|
||||
|
||||
.tbl3 table{width:100%;border-top:2px solid #1a5da8;font-size:13px;}
|
||||
.tbl3 table tr{border-bottom:1px solid #cecece;}
|
||||
.tbl3 table th{padding:10px 0;border-bottom:1px solid #cecece;vertical-align:middle;border-right:1px solid #cecece;}
|
||||
.tbl3 table td{border-bottom:1px solid #cecece;vertical-align:middle;text-align:center;border-right:1px solid #cecece;line-height:18px;}
|
||||
.tbl3 table td:last-child{border-right:0;}
|
||||
.tbl3 table th:last-child{border-right:0;}
|
||||
.tbl3 table td select{border:1px solid #cecece;}
|
||||
.tbl3 table th{line-height:18px;}
|
||||
.tbl3 table td.tal_l {text-align:left;}
|
||||
.tbl3 table th.bdr{border-right:1px solid #cecece;}
|
||||
th.tbl_bg{background:#f2f2f2;}
|
||||
|
||||
|
||||
/* <20><><EFBFBD>Ͼ<EFBFBD><CFBE>ε<EFBFBD> */
|
||||
input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
|
||||
.ex_filename {display: inline-block;padding: .5em .75em;color: #999;font-size: inherit;line-height: normal;ertical-align: middle;background-color: #13b9ab;cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;color:#fff;width:70%;}
|
||||
.upload-name {display: inline-block;padding: .5em .75em; /* label<65><6C> <20>е<EFBFBD><D0B5> <20><>ġ */font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #f5f5f5;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;-webkit-appearance: none; /* <20><><EFBFBD><EFBFBD>Ƽ<EFBFBD><C6BC> <20><><EFBFBD><EFBFBD> <20><><EFBFBD>߱<EFBFBD> */-moz-appearance: none;appearance: none;margin-left:5px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/************** media **************/
|
||||
|
||||
@media screen and (max-width:1000px) {
|
||||
#header,#main,#footer{width:100%;margin:0 auto;}
|
||||
header{margin:0 auto;}
|
||||
.head_top{width:calc(100% - 20px);}
|
||||
.head_con{width:100%;}
|
||||
.head_con>nav{width:100%;}
|
||||
|
||||
.gnb_m_btn{display:block;}
|
||||
.p_menu{display:none;}
|
||||
.top_menu{display:none;}
|
||||
|
||||
.con_part1_inner,.con_part2_inner{width:100%;}
|
||||
|
||||
.loc_wrap{display:none;}
|
||||
|
||||
.sub_nav_bg{display:none;}
|
||||
.sub_con_wrap{width:100%;}
|
||||
.wrap{width:100%;}
|
||||
|
||||
#foot{padding:0 10px;width:calc(100% - 20px);height:auto;}
|
||||
.foot_logo{border:0;float:none;padding:0;}
|
||||
.foot_top{width:100%;}
|
||||
.foot_con{width:100%;margin:0 auto;padding:15px 0;text-align:center;}
|
||||
address{width:100%;margin-top:10px;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:801px) {
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:580px) {
|
||||
.sub_tit .tit1{display:block;width:100%;}
|
||||
.sub_tit span{margin-left:0;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:565px) {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
852
src/main/webapp/WEB-INF/views/site/case/css/common_160908.css
Normal file
852
src/main/webapp/WEB-INF/views/site/case/css/common_160908.css
Normal file
@ -0,0 +1,852 @@
|
||||
@charset "utf-8";
|
||||
|
||||
p,span,li{color:#747474;}
|
||||
|
||||
#wrap{position:relative;}
|
||||
#header{width:100%;margin:0 auto;height:135px;background:url('') repeat-x center center;}
|
||||
header{height:100%;background:#fff;}
|
||||
.head_top{width:1000px;height:80px;margin:0 auto;}
|
||||
.head_con{background:#29b3e8 url(/site/case/images/gnb_bg.png) repeat-x bottom;}
|
||||
.head_con>nav{width:1000px;height:55px;margin:0 auto;}
|
||||
|
||||
.logo{display:inline-block;float:left;width:300px;height:52px;margin-top:12px;}
|
||||
.logo>a{display:block;width:100%;height:100%;}
|
||||
|
||||
|
||||
|
||||
.top_menu{display:inline-block;width:210px;height:30px;float:right;line-height:30px;margin-top:26px;}
|
||||
.top_menu>span{padding:0 10px;}
|
||||
.top_menu>span:first-child{background:url(/site/case/images/top_devide.png) no-repeat center right;padding-left:0;}
|
||||
.top_menu>button{width:17px;height:16px;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.test{overflow:hidden;}
|
||||
|
||||
|
||||
.gnb_bg{margin:0 auto; display:none;position:absolute;top:135px;z-index:10;background:#fff url(/site/case/images/gnb_bg_bot.png)repeat-x bottom;width:100%;height:410px;}
|
||||
.p_menu{height:100%;}
|
||||
.p_menu .gnbDp-1 > li{float:left;display:block;position:relative;z-index:11;width:calc(20% - 2px);text-align:center;border-right:1px solid #79c1e8;border-left:1px solid #18718c;}
|
||||
.p_menu .gnbDp-1 > li:last-child{border-right:1px solid #18718c;}
|
||||
.p_menu .gnbDp-1 > li > a{display:block;color:#fff;width:100%;height:55px;line-height:55px;font-size:1.25em;}
|
||||
.p_menu .gnbDp-1 > li > a:hover{color:#000; font-weight:bold;}
|
||||
|
||||
.gnbDp-2{display:none;position:absolute;top:55px;left:-1px;z-index:100;border-left:1px solid #eeeeee;height:400px;width:100%;}
|
||||
.pmenu_last{border-right:1px solid #eeeeee;}
|
||||
.gnbDp-2 > li{text-align:left;width:100%;}
|
||||
.gnbDp-2 > li > a{color:#232323;display:block;padding:10px; font-weight:bold; font-size:1.15em;}
|
||||
.gnbDp-2 > li > a:hover{background:#29b3e8; color:#fff; }
|
||||
|
||||
.gnbDp-3 > li{width:100%;}
|
||||
.gnbDp-3 > li > a{font-size:1.05em; display:block; padding:8px 15px; }
|
||||
.gnbDp-3 > li > a:hover{font-weight:bold;}
|
||||
|
||||
.gnbDp-1 > li:last-child >ul{border-right:1px solid #eeeeee;}
|
||||
|
||||
.m_menu{display:none;position:absolute;top:125px;right:0;z-index:103;border-left:1px solid #ed781c;background-color:#ffffff;width:320px;height:100%;}
|
||||
.m_gnbDp-1 > li{width:320px;}
|
||||
.m_gnbDp-1 > li > a{display:block;height:50px;line-height:50px;color:#232323;font-weight:bold;padding-left:10px;border-bottom:1px solid #cccccc;}
|
||||
.m_gnbDp-2{display:none;background-color:#ffffff;border-bottom:1px solid #cccccc;padding:5px 0;}
|
||||
.m_gnbDp-2 > li > a{display:block;color:#353535;padding:7px 0;margin-left:20px;}
|
||||
.m_gnbDp-2 > li > a:hover{color:#ed781c;}
|
||||
.gnb_m_btn{display:none;position:absolute;top:48px;right:15px;z-index:103;}
|
||||
.gnb_m_close{display:none;position:absolute;top:65px;right:15px;z-index:104;}
|
||||
|
||||
|
||||
/* gnb css를 seed cms에 맞춤 */
|
||||
/*
|
||||
.top_menu{display:inline-block;width:210px;height:30px;float:right;line-height:30px;margin-top:26px;}
|
||||
.top_menu>span{padding:0 10px;}
|
||||
.top_menu>span:first-child{background:url(/site/case/images/top_devide.png) no-repeat center right;padding-left:0;}
|
||||
.top_menu>button{width:17px;height:16px;}
|
||||
|
||||
.gnb_bg{margin:0 auto; display:none;position:absolute;top:135px;z-index:10;background:#fff url(/site/case/images/gnb_bg_bot.png)repeat-x bottom;width:100%;height:410px;}
|
||||
.p_menu{height:100%;}
|
||||
.p_menu .depth1 > li{float:left;display:block;position:relative;z-index:11;width:calc(20% - 2px);text-align:center;border-right:1px solid #79c1e8;border-left:1px solid #18718c;}
|
||||
.p_menu .depth1 > li:last-child{border-right:1px solid #18718c;}
|
||||
.p_menu .depth1 > li > a{display:block;color:#fff;width:100%;height:55px;line-height:55px;font-size:1.25em;}
|
||||
.p_menu .depth1 > li > a:hover{color:#000;}
|
||||
|
||||
.depth2{display:none;position:absolute;top:55px;left:-1px;z-index:100;border-left:1px solid #eeeeee;height:400px;width:100%;}
|
||||
.pmenu_last{border-right:1px solid #eeeeee;}
|
||||
.depth2 > li{text-align:left;width:165px;}
|
||||
.depth2 > li > a{color:#232323;display:block;padding:10px 5px;}
|
||||
.depth2 > li > a:hover{color:#000;}
|
||||
|
||||
.m_menu{display:none;position:absolute;top:125px;right:0;z-index:103;border-left:1px solid #ed781c;background-color:#ffffff;width:320px;height:100%;}
|
||||
.m_depth1 > li{width:320px;}
|
||||
.m_depth1 > li > a{display:block;height:50px;line-height:50px;color:#232323;font-weight:bold;padding-left:10px;border-bottom:1px solid #cccccc;}
|
||||
.m_depth2{display:none;background-color:#ffffff;border-bottom:1px solid #cccccc;padding:5px 0;}
|
||||
.m_depth2 > li > a{display:block;color:#353535;padding:7px 0;margin-left:20px;}
|
||||
.m_depth2 > li > a:hover{color:#ed781c;}
|
||||
.gnb_m_btn{display:none;position:absolute;top:48px;right:15px;z-index:103;}
|
||||
.gnb_m_close{display:none;position:absolute;top:65px;right:15px;z-index:104;}
|
||||
*/
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
#main{width:100%;}
|
||||
.con_part1{background:#ceedf7;}
|
||||
.con_part2{background:#fff;padding-bottom:50px;}
|
||||
.con_part1_inner,
|
||||
.con_part2_inner{width:1000px;margin:0 auto;}
|
||||
|
||||
.more{position:absolute;top:12px; right:15px;text-indent:-999em;font-size:0;width:26px;height:26px;}
|
||||
.more_b{background:url(/site/case/images/more_b.png) no-repeat center center;border:1px solid #cecece;}
|
||||
.more_w{background:url(/site/case/images/more_w.png) no-repeat center center;border:1px solid #fff;}
|
||||
|
||||
|
||||
.con_part1_inner .main_tit{float:left;width:60%;height:165px;}
|
||||
.con_part1_inner .main_tit>h1{background:url(/site/case/images/main_tit.png) no-repeat top left;text-indent:-999em;font-size:0;display:inline-block;width:364px;height:75px;margin-top:70px;}
|
||||
.con_part1_inner aside{float:left;width:40%;height:198px;background:#1872b3 url(/site/case/images/calling.png) no-repeat 270px 70px;margin:15px 0;color:#fff;position:relative;}
|
||||
.con_part1_inner aside h3{border-bottom:1px solid #fff;height:50px; line-height:50px; margin:0 15px; font-size:1.25em;}
|
||||
.con_part1_inner aside a{color:#fff;}
|
||||
.con_part1_inner .call_center{margin:15px;}
|
||||
.con_part1_inner .callno{display:block;color:#f3e465;font-size:2.5em;font-family:ng_bold;margin-top:25px;}
|
||||
.callperi{display:block;margin-top:5px;margin-left:5px;color:#fff;}
|
||||
.call_center a{display:inline-block;width:100px; height:30px; line-height:30px; text-align:center; border:1px solid #fff; margin-top:15px; font-size:1.25em;}
|
||||
.main_vi{width:100%;}
|
||||
.main_vi>a{display:inline-block;width:20%;height:173px;text-align:center;font-size:1.25em;margin:0;padding:0;}
|
||||
.main_vi>a span{display:inline-block;margin-top:140px;color:#fff;}
|
||||
.main_vi .vi1{background:#316aa5 url(/site/case/images/vi1.png) no-repeat right bottom;}
|
||||
.main_vi .vi2{background:#56a994 url(/site/case/images/vi2.png) no-repeat right bottom;}
|
||||
.main_vi .vi3{background:#8075d0 url(/site/case/images/vi3.png) no-repeat right bottom;}
|
||||
.main_vi .vi4{background:#f0b324 url(/site/case/images/vi4.png) no-repeat right bottom;}
|
||||
.main_vi .vi5{background:#14ade1 url(/site/case/images/vi5.png) no-repeat right bottom;}
|
||||
|
||||
|
||||
/* 자주하는질문 파트 */
|
||||
.con_part2_inner_a{border:1px solid #cecece;border-top:none;}
|
||||
.board_wrap{float:left;width:calc(70% - 31px);height:260px;border-right:1px solid #cecece;position:relative;padding:5px 15px;}
|
||||
/*.board_wrap>article{position:absolute;top:0;left:0;width:100%;}*/
|
||||
.board_wrap>article>h3>button{height:40px;line-height:40px;font-size:1.07em;background:url(/site/case/images/board_tit_bg.png) no-repeat right center;padding:0 15px;}
|
||||
.board_wrap>article:last-child h3>button{background:none;}
|
||||
.board_wrap>article>ul{border-top:1px solid #cecece;}
|
||||
.board_wrap>article>ul>li{margin:15px 0;text-indent:10px;list-style-type: disc; list-style-position: inside;}
|
||||
.board_wrap>article>ul>li span{float:right;}
|
||||
.board_wrap .qest1 button{font-size:1.2em;color:#000;font-weight:bold;padding-left:0;}
|
||||
.qest2{position:absolute;top:5px;left:150px;}
|
||||
.qest3{position:absolute;top:5px;left:280px;}
|
||||
.service{float:right;width:30%;}
|
||||
.service>ul>li{height:25%;border-bottom:1px solid #cecece;}
|
||||
.service>ul>li:last-child{border-bottom:none;}
|
||||
.service>ul>li>a{display:inline-block;width:calc(100% - 30px);height:100%;padding:13px 0 0 10px;}
|
||||
.service>ul>li h4{font-size:1.1em;color:#343639;font-weight:bold;}
|
||||
.service>ul>li p{font-size:0.8em;margin-top:10px;}
|
||||
.service .sv1{background:url(/site/case/images/sv1.png) no-repeat 240px center;}
|
||||
.service .sv2{background:url(/site/case/images/sv2.png) no-repeat 240px center;}
|
||||
.service .sv3{background:url(/site/case/images/sv3.png) no-repeat 240px center;}
|
||||
.service .sv4{background:url(/site/case/images/sv4.png) no-repeat 240px center;}
|
||||
|
||||
|
||||
/* 푸터 */
|
||||
#foot{width:100%;height:140px;margin:0 auto;background:#f2f2f2 url(/site/case/images/foot_bg.png) repeat-x top;overflow:hidden;}
|
||||
.foot_top{width:1000px;margin:0 auto;height:40px;line-height:40px;}
|
||||
.foot_top .slct_site_wrap{float:right;}
|
||||
.foot_top .slct_site{height:30px;}
|
||||
.foot_top .slct_site_go{display:inline-block;width:22px;height:30px;line-height:30px;text-align:center;color:#fff;margin-top:5px;margin-left:3px;background:#464646;}
|
||||
.foot_top a{padding:0 15px;border-right:1px solid #cecece;}
|
||||
.foot_top a:first-child{color:#1978ad;padding-left:0;}
|
||||
.foot_top a:last-child{border-right:none;}
|
||||
.foot_con{width:1000px;margin:0 auto;padding:15px 0;}
|
||||
.foot_con > p{color:#414141;line-height:16px;}
|
||||
.foot_logo{padding-right:20px;border-right:1px solid #cecece;height:31px;width:233px;float:left;}
|
||||
.foot_logo img{text-align:left;height:100%;}
|
||||
address{float:right;width:725px;}
|
||||
address p{margin:0;font-size:0.9em;}
|
||||
address p strong{color:#000;}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/************** sub **************/
|
||||
/*
|
||||
남색 1a5da8
|
||||
탭하늘색(중간) 72a4df
|
||||
배경하늘색 cdedf6
|
||||
|
||||
배경회색(연함) f2f2f2
|
||||
탭회색(중간) bbb
|
||||
배경회색(진함) 676767
|
||||
|
||||
border회색(진함) bebebe
|
||||
border회색(연함) e2e2e2
|
||||
*/
|
||||
body{background:#f5f5f5;}
|
||||
.wrap{width:1000px;margin:0 auto;overflow:hidden;background:#fff;}
|
||||
.loc_wrap{width:1000px;margin:0 auto;}
|
||||
.location{display:inline-block;float:right;height:40px;line-height:40px;}
|
||||
.location>a{padding:0 5px 0 15px;background:url(/site/case/images/loc_divide.png) no-repeat left 2px;}
|
||||
.location>a:first-child{padding-left:15px;background:url(/site/case/images/loc_home.png) no-repeat left 2px;}
|
||||
|
||||
.sub_nav_bg{float:left; width:210px; position:relative;}
|
||||
.sub_nav_wrap{width:210px; overflow:hidden;}
|
||||
/*.sub_nav_wrap{width:210px;background:url(/site/case/images/sub_nav_bg.png)repeat-y left top;}*/
|
||||
.sub_con_wrap{width:790px;float:left;background:#fff;}
|
||||
|
||||
.sub_con_wrap_inner{width:calc(100% - 40px);margin:0 auto;}
|
||||
.sub_con{margin:30px 0 100px;}
|
||||
.sub_nav_top{width:210px;height:123px;background:url(/site/case/images/sub_lnb_top.png) no-repeat left top;}
|
||||
.sub_nav_top>strong{display:inline-block;color:#fff;margin-left:10px;padding-top:60px;font-size:1.75em;}
|
||||
.subMDp-1>.subMenuOn{background:url(/site/case/images/sub_lnb_tab_on.png) no-repeat left top;}
|
||||
.subMDp-2>.subMenuOn{font-weight:bold; color:#000;}
|
||||
.subMenuOn>a{border:0 !important;}
|
||||
.subMDp-1>li>a{display:inline-block;width:calc(100% - 2px);height:40px;line-height:40px;text-indent:25px;font-size:1.2em;background:#fff url(/site/case/images/sub_lnb_off.png) no-repeat 10px 14px;border:1px solid #cecece; border-bottom:0;}
|
||||
.subMDp-1 > li.subMenuOn>a{color:#fff;background:url(/site/case/images/sub_lnb_on.png) no-repeat 10px 14px;height:48px;}
|
||||
.subMDp-1>li>ul{padding:7px 0;border-right:1px solid #cecece;background:#f5f5f5 url(/site/case/images/sub_lnb_tab_on_bg.png) repeat-y 8px top;}
|
||||
/* .subMDp-1>li>ul>li{ list-style-type: disc;
|
||||
list-style-position: inside;text-indent:20px;height:30px;line-height:30px;} */
|
||||
.subMDp-1>li>ul>li{text-indent:30px;height:30px;line-height:30px; background: url(/site/case/images/lnb_li_type.png) no-repeat 20px center; }
|
||||
.sub_tit{border-bottom:1px solid #cecece;}
|
||||
.sub_tit>span{margin-left:5px;display:inline-block;}
|
||||
.lnb_bot_box{border:1px solid #cecece;width:208px;height:2000px; border-bottom:0;}
|
||||
|
||||
/* 분쟁조정신청(탭6) */
|
||||
button.subTab_b_tit_selected{font-weight:bold;font-size:1.05em;color:#1a5da8 !important;background-image:url(/site/case/images/disc3_on.png) !important;}
|
||||
|
||||
/* 분쟁조정신청(팝업) */
|
||||
dd,dl,dt{list-style:none;margin:0;border:0;padding:0}
|
||||
.bgDimmed { z-index: 10; position: fixed; width: 100%; height: 100%; min-height: 100%; top: 0;left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5;opacity: 0.5;background: #000000;}
|
||||
.popup{position:fixed;display:none;z-index:10;width:100%;height:100%;top:200px;left:0;}
|
||||
.popup .wrap{position:relative;top:20px;margin:0 auto;max-width:700px;width:calc(100% - 40px);padding:20px;background-color:#ffffff;z-index:15;-moz-border-radius:15px;border-radius:15px;line-height:100%;overflow:hidden}
|
||||
.popup dt{background-color:#ccaabb;padding:5px;text-align:center;font-weight:bold}
|
||||
.popup dd{background-color:#f2f2f2;min-height:100px;padding:5px;text-align:left;margin-bottom:15px;color:#000;}
|
||||
.popup .button{text-align:center}
|
||||
|
||||
/* 신청 절차 : 본인인증 */
|
||||
.process>li{width:calc(25% - 3px);height:60px;display:inline-block;}
|
||||
.process>li>a{width:100%;height:100%;display:inline-block;}
|
||||
.process1{background:url(/site/case/images/process1.png) no-repeat center center;}
|
||||
.process2{background:url(/site/case/images/process2.png) no-repeat center center;}
|
||||
.process3{background:url(/site/case/images/process3.png) no-repeat center center;}
|
||||
.process4{background:url(/site/case/images/process4.png) no-repeat center center;}
|
||||
/*
|
||||
.process>li{float:left;display:inline-block;width:25%;text-align:center;height:41px;line-height:41px;background:#bbb url(/site/case/images/process_off.png) no-repeat right center;}
|
||||
.process>li>span{margin-left:-15px;color:#000;}
|
||||
.process>li.process_on{background:#1a5da8 url(/site/case/images/process_on.png) no-repeat right center;color:#fff;}
|
||||
.process>li.process_on>span{color:#fff;}
|
||||
.process>li:last-child{background:#bbb url(/site/case/images/process_off_last.png) no-repeat right center;}
|
||||
*/
|
||||
.certify_btn_wrap{text-align:center;float:right;position:relative;left:-50%;}
|
||||
.certify{display:inline-block;float:left;width:200px;height:130px;border:1px solid #ccc;vertical-align:bottom;float:left;position:relative;left:50%;}
|
||||
.certify1{background:url(/site/case/images/certify1.png) no-repeat center 17px;margin-right:10px;}
|
||||
.certify2{background:url(/site/case/images/certify2.png) no-repeat center 17px;}
|
||||
a.certify_btn_1{display:inline-block;width:90%;height:30px;line-height:30px;background:#1da5d7;color:#fff;vertical-align:-100px;}
|
||||
a.certify_btn_2{display:inline-block;width:90%;height:30px;line-height:30px;background:#ff7e00;color:#fff;vertical-align:-100px;}
|
||||
|
||||
/* 신청 절차 : 개인정보수집동의 */
|
||||
.agree_wrap{position:relative;}
|
||||
.agree_check_wrap{position:absolute;right:0;bottom:0;}
|
||||
|
||||
/* 신청 절차 : 정보입력 */
|
||||
.qBtn{background:url(/site/case/images/question.png) no-repeat center center;width:13px;height:13px;margin-left:3px;}
|
||||
.qBtn>span{position: absolute;overflow: hidden;width: 1px !important;height:1px !important;margin: -1px !important;line-height: 0 !important;border: 0;clip: rect(0 0 0 0);}
|
||||
.must{display:inline-block;background:url(/site/case/images/must.png) no-repeat left 3px;padding-left:10px;}
|
||||
.add_row_wrap{position:absolute;top:15px;right:0;}
|
||||
button.btnDelTabC{background:#ff6630;}
|
||||
|
||||
/* 신청 절차 : (tip) */
|
||||
.tip{background:url(/site/case/images/tip.png) no-repeat left 3px;display:inline-block;padding-left:10px;position:absolute;display:none;}
|
||||
.tip_con{display:inline-block;max-width:100px;background:#676767;color:#fff;font-size:12px;font-family:'돋움',dotum,sans-serif;padding:5px;text-align:justify;line-height:14px;border-radius:6px;}
|
||||
.q11{top:10px;left:160px;}
|
||||
.q12{top:52px;left:160px;}
|
||||
.q13{top:94px;left:185px;}
|
||||
.q14{top:94px;left:520px;}
|
||||
.q15{top:136px;left:200px;}
|
||||
.q16{top:178px;left:200px;}
|
||||
.q17{top:240px;left:200px;}
|
||||
.q19{top:390px;left:210px;}
|
||||
.q23{top:60px;left:185px;}
|
||||
.q1{top:247px;left:75px;}
|
||||
.q24{top:60px;left:520px;}
|
||||
.q25{top:102px;left:195px;}
|
||||
.q26{top:144px;left:195px;}
|
||||
.q27{top:210px;left:200px;}
|
||||
.q29{top:355px;left:210px;}
|
||||
|
||||
button{border-radius:3px;}
|
||||
|
||||
/* 신청 절차 : (tip) */
|
||||
.noti_tit{background:#f8f8f8;border-top:4px solid #1a5da8;border-bottom:1px solid #cacaca;}
|
||||
.noti_con{background:#f8f8f8;padding:30px 10px;}
|
||||
.noti_con strong{color:#000;}
|
||||
.noti_con>ul>li{margin-bottom:20px;}
|
||||
.noti_con>ul>li>p{padding-left:15px;font-size:0.9em;}
|
||||
.noti_con>ul>li>p span{display:block;}
|
||||
.noti_con>ul>li>p.noti_con_emp strong{color:#1a5da8;}
|
||||
|
||||
/* login(사건조회) */
|
||||
.login_wrap{width:50%;margin:0 auto;}
|
||||
.id_wrap{position:relative;height:40px;}
|
||||
.id_wrap label{display:inline-block;margin-top:15px;}
|
||||
.lg_r{position:absolute;right:0;top:0;}
|
||||
|
||||
/* 협의회(로긴) */
|
||||
.meet_lg_wrap1{width:50%; max-width:600px; margin:0 auto; }
|
||||
.meet_lg_wrap .meet_lg{width:calc(100% - 2px); vertical-align:middle; background:#f4f4f4; border:1px solid #e2e2e2; border-top:0;}
|
||||
.meet_lg_wrap .meet_lg_tit{text-align:center; background:#fff; height:50px; line-height:50px;}
|
||||
.meet_lg_wrap .meet_lg_con{padding:50px;}
|
||||
.meet_lg_wrap .meet_lg_l{display:inline-block; width:70%; vertical-align:middle;}
|
||||
.meet_lg_wrap .meet_lg_r{display:inline-block; width:calc(30% - 16px); height:100%; vertical-align:middle; margin-left:10px;}
|
||||
.meet_lg_wrap .meet_lg_noti{text-align:center;}
|
||||
.meet_lg_wrap .meet_lg_noti>p{display:inline-block;}
|
||||
.meet_lg_wrap .login_wrap2{width:100%;margin:0 auto;}
|
||||
.meet_lg_wrap .meet_lg_close{}
|
||||
.meet_lg_wrap .close_btn_l{display:inline-block;width:calc(100% - 50px);border-bottom:1px solid #e2e2e2;float:left;height:50px;}
|
||||
.meet_lg_wrap .meet_lg_close>button{width:50px; height:50px; text-indent:-9999em; background:#fff url(/site/case/images/meet_close.png) no-repeat center center;border:1px solid #e2e2e2;border-bottom:0;border-radius:0; float:right;}
|
||||
/* 협의회(팝업) */
|
||||
.meet_lg_wrap2{width:80%; max-width:1000px; margin:0 auto; }
|
||||
.meet_lg_wrap2 .meet_lg{background:#fff; vertical-align:top;}
|
||||
.meet_lg_wrap2 .meet_lg_l{display:inline-block; width:60%; vertical-align:top;}
|
||||
.meet_lg_wrap2 .meet_lg_r{display:inline-block; width:calc(40% - 16px); height:100%; vertical-align:top; margin-left:10px;}
|
||||
.meet_lg_wrap2 .meet_lg_noti{text-align:right;}
|
||||
.meet_lg_wrap2 .meet_lg_con{padding:25px;}
|
||||
|
||||
/* 메일완료 팝업 */
|
||||
.mail_cmpltd_wrap{width:70%; max-width:800px; margin:0 auto; position:relative; }
|
||||
.mail_cmpltd_top_wrap{background:#1b88ec url(/site/case/images/mail_form_tit_bg.png) no-repeat right top; min-height:72px; border-bottom:5px solid #005cb6;}
|
||||
.mail_cmpltd_top_wrap h1{}
|
||||
.mail_cmpltd_con_wrap{background:#fff;}
|
||||
.mail_cmpltd_tit{border-top:5px solid #ffc32b;}
|
||||
.mail_site{position:absolute; top:20px; right:20px;}
|
||||
.mail_site>a{border:1px solid #fff;}
|
||||
.mail_cmpltd_tit{text-align:center; color:#000; font-size:2em; font-weight:bold; min-height:30px; line-height:1.4em; padding:40px;}
|
||||
.mail_cmpltd_foot{border-top:1px dashed #e2e2e2; font-family:'굴림', gulim, verdana; font-size:12px;}
|
||||
|
||||
/************** common **************/
|
||||
/* pc, mobile for table */
|
||||
.pc{display:block;}
|
||||
.mobile{display:none;}
|
||||
.m_ul1{border-top:2px solid #1a5da8;} /* 분쟁조정신청현황 9 (행1개)*/
|
||||
.m_ul1>li{border-bottom:1px solid #e2e2e2;padding:10px;}
|
||||
.m_ul1 li{padding-top::5px;padding-bottom:5px;line-height:1.3em;}
|
||||
.m_ul1>li>ul{list-style-type:square;text-indent:-13px;padding-left:13px;list-style-position:inside;}
|
||||
.m_ul_tit{font-weight:bold;color:#000;}
|
||||
.m_ul2{border-top:2px solid #1a5da8;} /* 분쟁조정신청현황 10 (행2개) */
|
||||
.m_ul2>li{border-bottom:1px solid #e2e2e2;padding:10px;}
|
||||
.m_ul2 li{padding-top:5px;padding-bottom:5px;line-height:1.3em;}
|
||||
.m_ul2>li>ul{list-style-type:square;text-indent:-13px;padding-left:13px;list-style-position:inside;}
|
||||
.m_ul2 .m_ul_tit{font-weight:bold;color:#000;display:block;margin-bottom:5px;}
|
||||
/* text */
|
||||
.bold{font-weight:bold;color:#575757;}
|
||||
.f_sz09{font-size:0.9em;}
|
||||
.f_sz11{font-size:1.1em;}
|
||||
.f_sz12{font-size:1.2em;}
|
||||
.f_sz13{font-size:1.3em;}
|
||||
.f_sz14{font-size:1.4em;}
|
||||
.f_sz15{font-size:1.5em;}
|
||||
.f_sz20{font-size:2em;}
|
||||
.c_black{color:#000;}
|
||||
.c_red{color:red;}
|
||||
.c_dahong{color:#ff8048;}
|
||||
.c_sky{color:#4d90db;}
|
||||
.c_blue,.c_blue>*{color:#1a5da8;}
|
||||
.h4enlarge{font-size:1.4em;font-weight:bold;}
|
||||
.bg_red{background:red;}
|
||||
.bot_dash{border-bottom:1px dashed #e2e2e2;}
|
||||
/* 행간 */
|
||||
/* p{line-height:1.8em;margin:8px 0;} */
|
||||
p, strong{line-height:22px;margin:8px 0;display:block;}
|
||||
h5{line-height:22px;margin:8px 0;font-size:1em;}
|
||||
.li_gap>li{margin:30px 0;}
|
||||
.childblock>*{display:block;line-height:22px;}
|
||||
|
||||
/* 자간 */
|
||||
.let_shot{letter-spacing:-1px;}
|
||||
|
||||
/* 타이틀 */
|
||||
.tit1{font-family:ng_bold;display:inline-block;font-size:1.6em;height:50px;line-height:50px;margin-top:20px;margin-right:5px;}
|
||||
.tit2{background:#edf7fa;display:block;height:40px;line-height:40px;color:#1a5da8;text-align:center;font-size:1.4em;margin-bottom:30px;}
|
||||
.tit3{background:url(/site/case/images/sub_con_h3.png) no-repeat left 1px;display:block;font-size:1.2em;color:#000;padding-left:13px;line-height:1.3em;}
|
||||
.tit4{background:#edf7fa;display:block;height:60px;line-height:60px;color:#1a5da8;font-size:1.4em;margin-bottom:30px;font-weight:bold;padding-left:10px;border-left:8px solid #1a5da8;}
|
||||
.tit5{color:#1a5da8;font-size:12px;}
|
||||
.tit6_agree{font-size:0.9em;}
|
||||
.tit7{display:inline-block;padding-left:25px;background:url(/site/case/images/noti_blue.png) no-repeat left center;font-size:1.5em;color:#1a5da8;height:60px;line-height:60px;font-family:ng_bold;}
|
||||
|
||||
|
||||
/* list-style-type */
|
||||
.disc1{background:url(/site/case/images/disc1.png) no-repeat 10px 7px;}
|
||||
.disc2{background:url(/site/case/images/disc2.png) no-repeat 0 5px;}
|
||||
.disc3{background:url(/site/case/images/disc4.png) no-repeat 0 6px;}
|
||||
.disc4:before{content:"□ ";}
|
||||
.disc5>li{background:url(/site/case/images/disc5.png) no-repeat 3px 1px;}
|
||||
.disc6{background:url(/site/case/images/sub_con_h3.png) no-repeat 0 0;}
|
||||
.disc7{background:url(/site/case/images/disc2.png) no-repeat 0 5px;padding-left:10px;}
|
||||
.disc8>li{background:url(/site/case/images/disc2.png) no-repeat 0 9px;padding-left:12px;}
|
||||
.depth3>li,.depth3>*{background:url(/site/case/images/disc5.png) no-repeat 3px 1px;padding-left:18px;line-height:22px;}
|
||||
.depth2{background:url(/site/case/images/disc6.png) no-repeat 3px 6px;padding-left:18px;line-height:22px;}
|
||||
.depth3_for_sub>li{background:url(/site/case/images/disc5.png) no-repeat 3px 6px;padding-left:18px;line-height:22px;}
|
||||
.depth3{background:url(/site/case/images/disc5.png) no-repeat 3px 6px;padding-left:18px;line-height:22px;}
|
||||
|
||||
/* 들여쓰기 */
|
||||
/*.indent>*,.indent>li>*{padding-left:13px;}*/
|
||||
.indent{padding-left:13px;}
|
||||
.indent2{padding-left:20px;}
|
||||
.indent18{padding-left:18px;}
|
||||
.indent_child>li{padding-left:13px;}
|
||||
.indent18_child>li{padding-left:18px;}
|
||||
|
||||
/* 박스 */
|
||||
.inbox{background:#f7f7f7;padding:15px;}
|
||||
.inbox2{background:#f7f7f7;padding:25px;}
|
||||
.inbox3{background:#f9fcfe url(/site/case/images/speaker.png) no-repeat 20px 20px;padding:25px;border:1px solid #e2e2e2;}
|
||||
.inbox4{background:#e4f2fe url(/site/case/images/building.png) no-repeat 20px 20px;height:93px;padding:35px;border:1px solid #e2e2e2;border-bottom:2px solid #6b99ca;}
|
||||
.inbox5{background:#f1f5f6;padding:25px;border:1px solid #e2e2e2;border-top:0;}
|
||||
.text_box1{width:100%;height:200px;overflow-y:scroll;border:1px solid #e2e2e2;padding:10px;}
|
||||
.text_box2{width:calc(100% - 20px);height:100px;overflow-y:scroll;border:1px solid #e2e2e2;padding:10px;}
|
||||
.text_box3{height:300px;overflow-y:scroll;border:1px solid #e2e2e2;padding:10px;}
|
||||
|
||||
/* 반응형리스트 */
|
||||
/* 좌우정렬 */
|
||||
.resp_li_child2l>li>span:nth-child(2){text-align:left;padding-left:10px;}
|
||||
.resp_li_child2l>li.resp_li_tit>span{text-align:center;}
|
||||
/* 4칸 */
|
||||
.resp_li1>li{border-bottom:1px solid #e2e2e2;line-height:20px;padding:10px 0;}
|
||||
.resp_li1>li.resp_li_tit{background:#efefef;border-top:2px solid #1a5da8;}
|
||||
.resp_li1>li.resp_li_tit>span{color:#000;}
|
||||
.resp_li1>li>span{text-align:center;display:inline-block;vertical-align:top;padding:0 5px;}
|
||||
.resp_li1>li>span:nth-child(1){width:calc(20% - 10px);}
|
||||
.resp_li1>li>span:nth-child(2){width:calc(40% - 10px);}
|
||||
.resp_li1>li>span:nth-child(3){width:calc(20% - 10px);}
|
||||
.resp_li1>li>span:nth-child(4){width:calc(20% - 10px);}
|
||||
/* 4칸 */
|
||||
.resp_li1_2>li{border-bottom:1px solid #e2e2e2;line-height:20px;padding:10px 0;}
|
||||
.resp_li1_2>li.resp_li_tit{background:#efefef;border-top:2px solid #1a5da8;}
|
||||
.resp_li1_2>li.resp_li_tit>span{color:#000;}
|
||||
.resp_li1_2>li>span{text-align:center;display:inline-block;vertical-align:top;padding:0 5px;}
|
||||
.resp_li1_2>li>span:nth-child(1){width:calc(10% - 10px);}
|
||||
.resp_li1_2>li>span:nth-child(2){width:calc(55% - 10px);text-align:left;}
|
||||
.resp_li1_2>li>span:nth-child(3){width:calc(20% - 10px);}
|
||||
.resp_li1_2>li>span:nth-child(4){width:calc(15% - 10px);}
|
||||
/* 5칸 */
|
||||
.resp_li2>li{border-bottom:1px solid #e2e2e2;line-height:20px;padding:10px 0;}
|
||||
.resp_li2>li.resp_li_tit{background:#efefef;border-top:2px solid #1a5da8;}
|
||||
.resp_li2>li.resp_li_tit>span{color:#000;}
|
||||
.resp_li2>li>span{text-align:center;display:inline-block;vertical-align:top;padding:0 5px;}
|
||||
.resp_li2>li>span:nth-child(1){width:calc(15% - 10px);}
|
||||
.resp_li2>li>span:nth-child(2){width:calc(45% - 20px);}
|
||||
.resp_li2>li>span:nth-child(3){width:calc(10% - 10px);}
|
||||
.resp_li2>li>span:nth-child(4){width:calc(15% - 10px);}
|
||||
.resp_li2>li>span:nth-child(5){width:calc(15% - 10px);}
|
||||
/* 3칸 */
|
||||
.resp_li3>li{border-bottom:1px solid #e2e2e2;line-height:20px;padding:10px 0;}
|
||||
.resp_li3>li.resp_li_tit{background:#efefef;border-top:2px solid #1a5da8;}
|
||||
.resp_li3>li.resp_li_tit>span{color:#000;}
|
||||
.resp_li3>li>span{text-align:center;display:inline-block;vertical-align:top;padding:0 5px;}
|
||||
.resp_li3>li>span:nth-child(1){width:calc(30% - 10px);}
|
||||
.resp_li3>li>span:nth-child(2){width:calc(30% - 10px);}
|
||||
.resp_li3>li>span:nth-child(3){width:calc(40% - 10px);}
|
||||
/* 3칸 */
|
||||
.resp_li3_2>li{border-bottom:1px solid #e2e2e2;line-height:20px;padding:10px 0;}
|
||||
.resp_li3_2>li.resp_li_tit{background:#efefef;border-top:2px solid #1a5da8;}
|
||||
.resp_li3_2>li.resp_li_tit>span{color:#000;}
|
||||
.resp_li3_2>li>span{text-align:center;display:inline-block;vertical-align:top;padding:0 5px;}
|
||||
.resp_li3_2>li>span:nth-child(1){width:calc(15% - 10px);}
|
||||
.resp_li3_2>li>span:nth-child(2){width:calc(70% - 10px);text-align:left;}
|
||||
.resp_li3_2>li>span:nth-child(3){width:calc(15% - 10px);}
|
||||
|
||||
|
||||
|
||||
/* list */
|
||||
/* 오시는 길 */
|
||||
.map_wrap1{width:100%;}
|
||||
.map_l ul>li{padding-top:3px; padding-bottom:3px;line-height:18px;}
|
||||
.map_l{display:inline-block;width:50%;float:left;margin-top:20px;}
|
||||
.map_r{display:inline-block;width:50%;float:right;margin-top:20px;}
|
||||
.map_wrap1>div{width:100% !important;}
|
||||
.busnum{line-height:20px;}
|
||||
|
||||
/* 페이지네이션 */
|
||||
.pre2{display:inline-block;width:20px;height:20px;background:url(/site/case/images/page_1.png) no-repeat center center;text-indent:-9999em;margin-right:5px;}
|
||||
.pre1{display:inline-block;width:20px;height:20px;background:url(/site/case/images/page_2.png) no-repeat center center;text-indent:-9999em;margin-right:5px;}
|
||||
.post1{display:inline-block;width:20px;height:20px;background:url(/site/case/images/page_3.png) no-repeat center center;text-indent:-9999em;margin-right:5px;}
|
||||
.post2{display:inline-block;width:20px;height:20px;background:url(/site/case/images/page_4.png) no-repeat center center;text-indent:-9999em;}
|
||||
.p_num{display:inline-block;width:20px;height:20px; line-height:20px; no-repeat center center;margin-right:5px;text-align:center;vertical-align:middle;color:#9a9a9a;}
|
||||
.p_num_on{color:#fff;background:#ffc32b;}
|
||||
|
||||
/* position */
|
||||
.rel_wrap{position:relative;}
|
||||
|
||||
/* 탭 */
|
||||
.tab_pos_rel{position:relative;}
|
||||
.sub_con .subTab_a{width:calc(100% - 132px);}
|
||||
.sub_con .subTab_b_con{width:calc(100% - 20px);padding-top:90px;}
|
||||
.sub_con .subTab_b_tit{display:inline-block;background:#f2f2f2;width:calc(100%/3);height:45px;line-height:45px;position:absolute;}
|
||||
.sub_con .subTab_b_tit>button{display:inline-block;width:90%;height:80%;color:#000;text-align:left;padding-left:20px;margin-left:10px;background:url(/site/case/images/disc3.png) no-repeat left center;}
|
||||
.sub_con .subTab_b_tit1{top:0;left:0;}
|
||||
.sub_con .subTab_b_tit2{top:0;left:calc(100%/3);}
|
||||
.sub_con .subTab_b_tit3{top:0;left:calc(200%/3);}
|
||||
.sub_con .subTab_b_tit4{top:40px;left:0;}
|
||||
.sub_con .subTab_b_tit5{top:40px;left:calc(100%/3);}
|
||||
.sub_con .subTab_b_tit6{top:40px;left:calc(200%/3);}
|
||||
.sub_con .subTab_c_tit{width:calc(100% - 10px);height:50px;line-height:50px;padding-left:10px;}
|
||||
.sub_con .subTab_c_tit span{color:#fff;}
|
||||
.sub_con .subTab_c_tit{color:#fff;font-size:1.3em;display:inline-block;width:100%;height:100%;text-align:left;background:#bbb url(/site/case/images/arr_bot.png) no-repeat 98% center;}
|
||||
.sub_con .subTab_c_tit_on{background:#72a4df url(/site/case/images/arr_up.png) no-repeat 98% center;}
|
||||
.sub_con .subTab_c_tit_off{background:#bbb url(/site/case/images/arr_bot.png) no-repeat 98% center;}
|
||||
|
||||
|
||||
/* 2개짜리탭(분쟁조정신청현황) */
|
||||
.tab_wrap{position:relative;}
|
||||
.tab2{float:left;display:inline-block;text-align:center;}
|
||||
.tab2>strong{background:#eaecec;margin:0;padding:0;width:100%;}
|
||||
.tab2>strong a{display:inline-block;padding:10px 30px;width:calc(100% - 60px);}
|
||||
.tab2>strong.tab_on{background:#0595d1;}
|
||||
.tab2>strong.tab_on a{color:#fff;}
|
||||
div.tab2Con{width:100%;position:absolute;top:42px;}
|
||||
.border_t{border-top:1px solid #b4b4b4;}
|
||||
.test{width:100%;position:absolute;bottom:0;}
|
||||
/* 4개짜리탭(분쟁조정신청현황) */
|
||||
.tab4{float:left;display:inline-block;text-align:center;width:50%;}
|
||||
.tab4:nth-child(odd){margin-right:1px;width:calc(50% - 1px);}
|
||||
.tab4:nth-child(even){margin-bottom:1px;;}
|
||||
.tab4>strong{background:#eaecec;margin:0;padding:0;width:100%;}
|
||||
.tab4>strong a{display:inline-block;padding:10px 30px;width:calc(100% - 60px);}
|
||||
.tab4>strong.tab_on{background:#0595d1;}
|
||||
.tab4>strong.tab_on a{color:#fff;}
|
||||
|
||||
|
||||
|
||||
/* table common */
|
||||
.inp_default{display:inline-block;border:1px solid #e2e2e2;height:30px;}
|
||||
.inp_ful{display:inline-block;width:calc(100% - 10px);border:1px solid #e2e2e2;margin:5px;height:30px;}
|
||||
.inp_label{display:inline-block;width:calc(100% - 80px);border:1px solid #e2e2e2;margin:5px 0;height:30px;}
|
||||
.inp_basic{display:inline-block;width:175px;border:1px solid #e2e2e2;margin:5px;height:30px;}
|
||||
.inp_right{display:inline-block;width:370px;border:1px solid #e2e2e2;margin:5px;height:30px;float:right;}
|
||||
.inp_phone{display:inline-block;width:45px;border:1px solid #e2e2e2;margin:5px 3px;height:30px;}
|
||||
.inp_phone2{display:inline-block;width:75px;border:1px solid #e2e2e2;margin:5px 3px;height:30px;}
|
||||
.inp_fax{display:inline-block;width:40px;border:1px solid #e2e2e2;margin:5px 3px 5px 5px;height:30px;}
|
||||
.inp_cnt{display:inline-block;width:calc(100% - 40px);border:1px solid #e2e2e2;margin:5px;height:30px;}
|
||||
.inp_period{display:inline-block;width:calc(50% - 20px);border:1px solid #e2e2e2;margin:5px;height:30px;}
|
||||
.sel_default{height:32px;border:1px solid #e2e2e2;}
|
||||
.sel_basic{margin:5px;height:30px;width:175px;border:1px solid #e2e2e2;}
|
||||
.sel_full{margin:0 5px;height:30px;width:calc(100% - 10px);border:1px solid #e2e2e2;}
|
||||
.sel_full2{margin:5px 0;height:30px;width:100%;border:1px solid #e2e2e2;}
|
||||
.sel_full3{height:30px;width:100%;border:1px solid #e2e2e2;}
|
||||
.sel_phone{margin:5px 0 5px 5px;height:30px;border:1px solid #e2e2e2;}
|
||||
.btn_in_tbl{display:inline-block;color:#fff;text-align:center;padding:7px 20px;background:#676767;cursor:pointer;}
|
||||
.txta_full{width:calc(100% - 10px);height:100px;max-height:200px;max-width:100%;margin:5px;}
|
||||
.txta_full2{width:calc(100% - 5px);height:100px;max-height:200px;max-width:100%;margin-top:5px;}
|
||||
/* 버튼 */
|
||||
.btn_wrap{width:100%;text-align:center;}
|
||||
.btn_default{display:inline-block;color:#fff;text-align:center; padding:9px 30px;background:#676767; cursor:pointer;border-radius:4px;}
|
||||
.btn_noti{display:inline-block;color:#fff;text-align:center; padding:10px 30px; background:#676767; cursor:pointer; border-radius:4px;}
|
||||
.btn_next{display:inline-block;color:#fff;text-align:center; padding:10px 30px; background:#1a5da8; cursor:pointer;border-radius:4px;}
|
||||
.btn_cancle{display:inline-block;color:#fff;text-align:center; padding:10px 30px;background:#676767; cursor:pointer;border-radius:4px;}
|
||||
.btn_del{display:inline-block;color:#fff;text-align:center;padding:10px 30px;background:#3685e1; cursor:pointer;border-radius:4px;}
|
||||
.btn_look{color:#fff;text-align:center;padding:5px 10px;background:#13b9ab;cursor:pointer;v ertical-align:middle;border-radius:4px;}
|
||||
.btn1{display:inline-block;color:#fff;text-align:center;padding:6px 10px 3px 10px;background:#1a5da8;cursor:pointer;line-height:1.2em;vertical-align:middle; border-radius:5px;border-radius:4px;}
|
||||
.btn_login{display:inline-block;color:#fff;text-align:center; padding:10px 30px; background:#1a5da8; cursor:pointer;border-radius:4px;width:100%;}
|
||||
.btn_login2{display:inline-block;color:#fff;text-align:center; background:#ff8048; cursor:pointer;border-radius:4px;width:100%;font-size:1.3em;font-weight:bold;height:70px;}
|
||||
.bg_orange{background:#ffc32b;}
|
||||
.bg_sky{background:#add5f8;}
|
||||
.bg_brown{background:#cd7900;}
|
||||
.bg_000{background:#000;}
|
||||
.fc_000{color:#000;}
|
||||
.fc_brown{color:#cd7900;}
|
||||
|
||||
/* table */
|
||||
.tbl1 table{width:100%;border-top:2px solid #1a5da8;font-size:13px;}
|
||||
.tbl1 table tr{border-bottom:1px solid #cecece;}
|
||||
.tbl1 table th{background:#f2f2f2;padding:10px 0;border-bottom:1px solid #cecece;vertical-align:middle;}
|
||||
.tbl1 table td{border-bottom:1px solid #cecece;vertical-align:middle;line-height:42px;}
|
||||
.tbl1 table td input{margin-left:5px;}
|
||||
.tbl1 table td select{border:1px solid #cecece;}
|
||||
.tbl1 table th{line-height:18px;}
|
||||
|
||||
.tbl2 table{width:100%;border-top:2px solid #1a5da8;font-size:13px;}
|
||||
.tbl2 table tr{border-bottom:1px solid #cecece;}
|
||||
.tbl2 table th{background:#f2f2f2;padding:10px 0;border-bottom:1px solid #cecece;vertical-align:middle;}
|
||||
.tbl2 table td{border-bottom:1px solid #cecece;vertical-align:middle;text-align:center;border-right:1px solid #cecece;}
|
||||
.tbl2 table td:last-child{border-right:0;}
|
||||
.tbl2 table td select{border:1px solid #cecece;}
|
||||
.tbl2 table th{line-height:18px;}
|
||||
.tbl2 table td.tal_l {text-align:left;}
|
||||
.tbl2 table td label{line-height:18px;}
|
||||
|
||||
.tbl3 table{width:100%;border-top:2px solid #1a5da8;font-size:13px;}
|
||||
.tbl3 table tr{border-bottom:1px solid #cecece;}
|
||||
.tbl3 table th{padding:10px 0;border-bottom:1px solid #cecece;vertical-align:middle;border-right:1px solid #cecece;}
|
||||
.tbl3 table td{border-bottom:1px solid #cecece;vertical-align:middle;text-align:center;border-right:1px solid #cecece;line-height:18px;}
|
||||
.tbl3 table td:last-child{border-right:0;}
|
||||
.tbl3 table th:last-child{border-right:0;}
|
||||
.tbl3 table td select{border:1px solid #cecece;}
|
||||
.tbl3 table th{line-height:18px;}
|
||||
.tbl3 table td.tal_l {text-align:left;}
|
||||
.tbl3 table th.bdr{border-right:1px solid #cecece;}
|
||||
|
||||
.tbl4 table{width:100%;border-top:2px solid #1a5da8;font-size:13px;}
|
||||
.tbl4 table tr{border-bottom:1px solid #e2e2e2;}
|
||||
.tbl4 table th{background:#f2f2f2;padding:10px 0;border-bottom:1px solid #e2e2e2;vertical-align:middle;border-left:1px solid #e2e2e2;}
|
||||
.tbl4 table th:first-child{border-left:0;}
|
||||
.tbl4 table td{border-bottom:1px solid #e2e2e2;vertical-align:middle;line-height:18px; text-align:center;padding:5px 0;border-left:1px solid #e2e2e2;}
|
||||
.tbl4 table td:first-child{border-left:0;}
|
||||
.tbl4 table td input{margin-left:5px;}
|
||||
.tbl4 table td select{border:1px solid #e2e2e2;}
|
||||
.tbl4 table th{line-height:18px;}
|
||||
|
||||
.tbl5 table{width:100%;border-top:2px solid #1a5da8;font-size:13px;}
|
||||
.tbl5 table tr{border-bottom:1px solid #cecece;}
|
||||
.tbl5 table th{background:#f2f2f2;padding:10px 0;border-bottom:1px solid #cecece;vertical-align:middle;line-height:18px;}
|
||||
.tbl5 table td{border-bottom:1px solid #cecece;vertical-align:middle;line-height:24px;padding:10px 15px;}
|
||||
|
||||
/* 테이블 상단 left, right(검색박스) */
|
||||
.tbl_abv_wrap{}
|
||||
.tbl_abv_l{display:inline-block;margin-top:18px;}
|
||||
.tbl_abv_r{display:inline-block;float:right;}
|
||||
.tbl_abv_wrap2{border-bottom:1px solid #e2e2e2;padding:20px 10px 15px 20px;vertical-align:middle;}
|
||||
.tbl_abv_l2{display:inline-block;vertical-align:middle;}
|
||||
.tbl_abv_l2>span{font-size:1.4em;}
|
||||
.tbl_abv_r2{display:inline-block;float:right;vertical-align:middle;}
|
||||
.tbl_abv_r2 img{vertical-align:middle;}
|
||||
.file_ico{background:url(/site/case/images/paper.png) no-repeat left center;padding-left:18px;}
|
||||
|
||||
/* tbl 마지막으로 유지 */
|
||||
.bdr{border-right:1px solid #cecece;}
|
||||
td.bdl,table td:first-child.bdl{border-left:1px solid #cecece;}
|
||||
td.bdl2,table td:first-child.bdl2{border-left:1px solid #e2e2e2;}
|
||||
.tbl1, .tbl2, .tbl3, .tbl4{position:relative;}
|
||||
th.tbl_bg{background:#f2f2f2;}
|
||||
.td_p_12 table td{padding:12px 0;}
|
||||
|
||||
|
||||
/* 파일업로드 */
|
||||
input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
|
||||
.ex_filename,.ex_filename2 {display: inline-block;padding: .5em .75em;color: #999;font-size: inherit;line-height: normal;ertical-align: middle;background-color: #13b9ab;cursor: pointer;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;color:#fff;padding:7px 20px;}
|
||||
.upload-name,.upload-name2 {display: inline-block;padding: .5em .75em; /* label의 패딩값과 일치 */font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #f5f5f5;border: 1px solid #ebebeb;border-bottom-color: #e2e2e2;border-radius: .25em;-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;margin-left:5px;}
|
||||
|
||||
/* 달력 datepicker */
|
||||
.datepicker{border:1px solid #e2e2e2;height:30px;margin-left:5px;}
|
||||
#ui-datepicker-div{font-size: 62.5% !important;}
|
||||
.cal{display:inline-block;height:30px;line-height:30px;}
|
||||
.cal>img{margin:4px;}
|
||||
|
||||
/* 달력 */
|
||||
.cal_wrap{background:#f4f4f4; padding-bottom:18px;}
|
||||
#calendar button{border-radius:0; }
|
||||
#calendar {position:relative; max-width:300px; width:100%; margin:0 auto; padding:1px; }
|
||||
#calendar .control {position:absolute; z-index:10; width:100%; height:40px;}
|
||||
#calendar .control a {font-size:12px; line-height:40px; color:#fff; text-decoration:none; border-radius:0}
|
||||
#calendar .control button {background-color:#f0f0f0; border-radius:0; height:2em; line-height:1; padding:0 1em; width:8em; line-height:20px; text-indent:-9999em;}
|
||||
#calendar .control button:first-child{background:url(/site/case/images/cal_l_ico.png) no-repeat center center;}
|
||||
#calendar .control button:last-child{background:url(/site/case/images/cal_r_ico.png) no-repeat center center;}
|
||||
#calendar .control .prevMon {position:absolute; top:3px; left:5px;}
|
||||
#calendar .control .nextMon {position:absolute; top:3px; right:5px;}
|
||||
#calendar .calendarBox {}
|
||||
#calendar .calendarBox table {width:100%; border-collapse:collapse; table-layout:fixed;}
|
||||
#calendar .calendarBox table caption {position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0, 0, 0, 0); border:0;}
|
||||
#calendar .calendarBox table th {height:36px; line-height:36px; width:14.285%; font-size:12px;}
|
||||
#calendar .calendarBox table td { background-color:#fff; text-align:center; height:30px; font-size:11px; vertical-align:middle; border-bottom:1px solid #e2e2e2;}
|
||||
#calendar .calendarBox table td .day {display:block; width:100%; height:30px; border:none; color:#333; text-decoration:none; line-height:30px;}
|
||||
#calendar .calendarBox table td .day:hover {background-color:#ffc32b; color:#fff !important; font-weight:bold; border-radius:0}
|
||||
#calendar .calendarBox table td.today .day {color:#fff; font-weight:bold; background-color:#ffc32b;}
|
||||
#calendar .calendarBox table td.sunday .day {color:#cc0033; font-weight:bold;}
|
||||
#calendar .calendarBox table td.holiday .day {color:#cc0033; font-weight:bold;}
|
||||
#calendar .calendarBox table td.saturday .day {color:#0066ff; font-weight:bold;}
|
||||
#calendar .calendarBox table td.prevMonth {color:#ccc;}
|
||||
#calendar .calendarBox table td.nextMonth {color:#ccc;}
|
||||
#calendar .calendarBox table td.point button{width:26px; height:26px; border-radius:13px; background:#ff6600; color:#fff; text-align:center; margin:2px auto; vertical-align:middle; line-height:28px;}
|
||||
#calendar .calendarBox table thead tr:first-child th{font-size:18px;}
|
||||
#calendar .calendarBox table thead tr:last-child th{border-top:2px solid #1a5da8;border-bottom:1px solid #ccc;}
|
||||
#calendar .calendarBox table thead tr:last-child{border-left:1px solid #ccc;border-right:1px solid #ccc;}
|
||||
#calendar .calendarBox table tbody{border-left:1px solid #ccc;border-right:1px solid #ccc;}
|
||||
#calendar .calendarBox table tbody tr:nth-child(even) td{background:#f4f4f4;}
|
||||
/************** media **************/
|
||||
|
||||
@media screen and (max-width:1000px) {
|
||||
#header,#main,#footer{width:100%;margin:0 auto;}
|
||||
header{margin:0 auto;}
|
||||
.head_top{width:calc(100% - 20px);}
|
||||
.head_con{width:100%;}
|
||||
.head_con>nav{width:100%;}
|
||||
|
||||
.gnb_m_btn{display:block;}
|
||||
.p_menu{display:none;}
|
||||
.top_menu{display:none;}
|
||||
|
||||
.con_part1_inner,.con_part2_inner{width:100%;}
|
||||
|
||||
.loc_wrap{display:none;}
|
||||
|
||||
.sub_nav_bg{display:none;}
|
||||
.sub_con_wrap{width:100%;}
|
||||
.wrap{width:100%;}
|
||||
|
||||
#foot{padding:0 10px;width:calc(100% - 20px);height:auto;}
|
||||
.foot_logo{border:0;float:none;padding:0;}
|
||||
.foot_top{width:100%;}
|
||||
.foot_con{width:100%;margin:0 auto;padding:15px 0;text-align:center;}
|
||||
address{width:100%;margin-top:10px;}
|
||||
|
||||
/* 협의회 */
|
||||
.meet_lg_r{margin-top:30px; padding-top:30px; border-top:1px dashed #e2e2e2;}
|
||||
.meet_lg_wrap2 .meet_lg_l{width:100%;}
|
||||
.meet_lg_wrap2 .meet_lg_r{width:100%; margin-left:0;}
|
||||
.tbl_abv_r2{float:none; display:block; margin-top:10px;}
|
||||
/* mail폼 */
|
||||
.mail_cmpltd_wrap{width:100%;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:768px) {
|
||||
.sub_tit{padding-bottom:10px;margin-bottom:10px;}
|
||||
.sub_con{margin-top:0;}
|
||||
.sub_con_wrap_inner{width:100%;}
|
||||
.sub_con .subTab_b_tit {width:50%;}
|
||||
.sub_con .subTab_b_tit1 {top:0;left:0;}
|
||||
.sub_con .subTab_b_tit2 {top:0;left:50%;}
|
||||
.sub_con .subTab_b_tit3 {top:40px;left:0;}
|
||||
.sub_con .subTab_b_tit4 {top:40px;left:50%;}
|
||||
.sub_con .subTab_b_tit5 {top:80px;left:0;}
|
||||
.sub_con .subTab_b_tit6 {top:80px;left:50%;}
|
||||
|
||||
.m_pd_0{padding:0;}
|
||||
.m_bg_none{background:none;}
|
||||
.m_bgclr_none{background-image:none;}
|
||||
|
||||
/* 서브페이지 타이틀 */
|
||||
.sub_tit .tit1{display:block;width:100%;}
|
||||
.sub_tit span{margin-left:0;}
|
||||
|
||||
/* pc, mobile for table */
|
||||
.pc{display:none;}
|
||||
.mobile{display:block;}
|
||||
.tab2{width:50%;}
|
||||
.tab2>strong a{padding:10px 0;}
|
||||
.tab2Con>h4{margin-left:10px;}
|
||||
|
||||
.m_mgl_to_0{margin-left:0;}
|
||||
.m_mgr_to_10{margin-right:10px;}
|
||||
.m_pdl_to_0{padding-left:0;}
|
||||
|
||||
/* resp_li1 (테이블형리스트) */
|
||||
.resp_li{padding-left:0;}
|
||||
.resp_li span,.resp_li span a{word-wrap: break-word;}
|
||||
.resp_li1{padding-left:0;}
|
||||
.resp_li1 span,.resp_li1 span a{word-wrap: break-word;}
|
||||
.resp_li3{padding-left:0;}
|
||||
.resp_li3 span,.resp_li1 span a{word-wrap: break-word;}
|
||||
|
||||
/* resp_li2 */
|
||||
.resp_li2{border-top:2px solid #1a5da8;}
|
||||
.resp_li2>li>span{padding-left:10px; background:url(/site/case/images/disc7.png) no-repeat left center;margin-left:10px;}
|
||||
.resp_li2>li>span:before{color:#000;}
|
||||
.resp_li2>li>span:nth-child(1){width:calc(100% - 20px);}
|
||||
.resp_li2>li>span:nth-child(1):before{content:"구분 : ";}
|
||||
.resp_li2>li>span:nth-child(2){width:calc(100% - 20px);}
|
||||
.resp_li2>li>span:nth-child(2):before{content:"제목 : ";}
|
||||
.resp_li2>li>span:nth-child(3){width:calc(100% - 20px);}
|
||||
.resp_li2>li>span:nth-child(3):before{content:"답변여부 : ";}
|
||||
.resp_li2>li>span:nth-child(4){width:calc(100% - 20px);}
|
||||
.resp_li2>li>span:nth-child(4):before{content:"접수일 : ";}
|
||||
.resp_li2>li>span:nth-child(5){width:calc(100% - 20px);}
|
||||
.resp_li2>li>span:nth-child(5):before{content:"처리상태 : ";}
|
||||
.resp_li2>li>span{text-align:left;}
|
||||
.resp_li2>.resp_li_tit{display:none;}
|
||||
|
||||
|
||||
/* 사건조회 로긴 */
|
||||
.login_wrap{width:100%;}
|
||||
|
||||
/* 분쟁조정신청(6개탭이 2줄-3줄로 늘어남) */
|
||||
.sub_con .subTab_b_con{padding-top:120px;}
|
||||
/* */
|
||||
/* 본인인증 (2개페이지) */
|
||||
.certify_btn_wrap{width:100%;float:none;left:auto;}
|
||||
.certify {float:none;left:auto;margin-right:0;margin-bottom:10px;}
|
||||
/* 반응형에서 오른쪽 띄우기(반응형 전용 박스가 필요함) */
|
||||
.indent,.indent2{margin-right:15px;}
|
||||
/* 오시는 길 */
|
||||
.map_l{width:100%;float:auto;}
|
||||
.map_r{width:100%;float:auto;}
|
||||
/* 협의회 */
|
||||
.meet_lg_wrap{width:100%;}
|
||||
/* 메일폼 */
|
||||
.mail_cmpltd_top_wrap{ background-image:none; padding-bottom:20px;}
|
||||
.logo{display:block;}
|
||||
.mail_site{position:relative; top:10px; right:auto; left:20px;}
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:480px) {
|
||||
.tbl_abv_r{width:100%;margin-top:10px;}
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width:320px) {
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* */
|
||||
/* */
|
||||
/* */
|
||||
/* */
|
||||
/* */
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
494
src/main/webapp/WEB-INF/views/site/case/css/default.css
Normal file
494
src/main/webapp/WEB-INF/views/site/case/css/default.css
Normal file
@ -0,0 +1,494 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* Reset CSS */
|
||||
* { margin:0; padding:0; border:0; vertical-align:baseline;}
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display:block;}
|
||||
ul, ol, dl { list-style:none; }
|
||||
img, video { max-width:100%; border:0; vertical-align:top; }
|
||||
a { vertical-align:top; text-decoration:none; color:#000; }
|
||||
table { border-spacing:0;}
|
||||
input, select { vertical-align:middle; }
|
||||
body { font-family:'ng', '돋움'; font-size:13px; line-height:1; }
|
||||
label { cursor:pointer; }
|
||||
legend,hr,caption {position: absolute;overflow: hidden;width: 1px !important;height:1px !important;margin: -1px !important;line-height: 0 !important;border: 0;clip: rect(0 0 0 0);}
|
||||
|
||||
i,em,address { font-style:normal; font-weight:normal; }
|
||||
|
||||
/* link, button, input */
|
||||
a:link {text-decoration:none;}
|
||||
a:visited {text-decoration:none;}
|
||||
a:hover {text-decoration:none;}
|
||||
a:active {text-decoration:none;}
|
||||
|
||||
button{display:inline-block;font-family:inherit;vertical-align:middle;cursor:pointer;white-space:nowrap;text-decoration:none;background:transparent;border:none;}
|
||||
/* -------------------------- */
|
||||
|
||||
/* Form */
|
||||
input {height:auto; font-family:NanumGothic,돋움,arial,verdana,sans-serif; border:0px; vertical-align:middle;}
|
||||
select {font-family:NanumGothic,돋움,arial,verdana,sans-serif; font-size:small; vertical-align: middle;}
|
||||
textarea {font-family:NanumGothic,돋움,arial,verdana,sans-serif; border:solid 1px #e2e2e2;}
|
||||
/* select {behavior:url('selectbox.htc');} */
|
||||
/* -------------------------- */
|
||||
|
||||
/* h */
|
||||
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
|
||||
/* -------------------------- */
|
||||
|
||||
/* scroll */
|
||||
body, div, textarea {
|
||||
scrollbar-face-color:#fff;
|
||||
scrollbar-shadow-color:#fff;
|
||||
scrollbar-highlight-color:#fff;
|
||||
scrollbar-3dlight-color:#ccc;
|
||||
scrollbar-darkshadow-color:#ccc;
|
||||
scrollbar-track-color:#fff;
|
||||
scrollbar-arrow-color:#ccc;}
|
||||
/* -------------------------- */
|
||||
|
||||
/* float hack
|
||||
.clfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
|
||||
.clfix {display:inline-block;}
|
||||
ie Holly Hack
|
||||
*html .clfix {height:1%;}
|
||||
.clfix {display:block;}
|
||||
ie Holly Hack end
|
||||
float hack end */
|
||||
|
||||
/* fonts */
|
||||
@font-face {
|
||||
font-family: 'ng';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: local(※),
|
||||
url('/site/case/fonts/NanumGothic-Regular.ttf') format('truetype'),
|
||||
url('/site/case/fonts/NanumGothic-Regular.otf') format('opentype'),
|
||||
url('/site/case/fonts/NanumGothic-Regular.eot'),
|
||||
url('/site/case/fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('/site/case/fonts/NanumGothic-Regular.woff2') format('woff2'),
|
||||
url('/site/case/fonts/NanumGothic-Regular.woff') format('woff');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'ng_bold';
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
src: local(※),
|
||||
url('/site/case/fonts/NanumGothic-Bold.ttf') format('truetype'),
|
||||
url('/site/case/fonts/NanumGothic-Bold.otf') format('opentype'),
|
||||
url('/site/case/fonts/NanumGothic-Bold.eot'),
|
||||
url('/site/case/fonts/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('/site/case/fonts/NanumGothic-Bold.woff2') format('woff2'),
|
||||
url('/site/case/fonts/NanumGothic-Bold.woff') format('woff');
|
||||
}
|
||||
/* -------------------------- */
|
||||
|
||||
/* display, clear */
|
||||
.clear:after{content:'';clear:both;display:block;}/*.clear{clear:both;height:0;}*/
|
||||
.clear2{clear:both;}
|
||||
.dis_none{display:none;}
|
||||
.blind{position: absolute;overflow: hidden;width: 1px !important;height:1px !important;margin: -1px !important;line-height: 0 !important;border: 0;clip: rect(0 0 0 0);}
|
||||
.inblock{display:inline-block;}
|
||||
.text_blind,.text_blind>*{text-indent:-999em;}
|
||||
/* -------------------------- */
|
||||
/* float */
|
||||
.ofh{overflow:hidden;}
|
||||
.fl{float:left;}
|
||||
.fr{float:right;}
|
||||
/* -------------------------- */
|
||||
/* skip_nav */
|
||||
.skip_nav{position:relative;width:100%;z-index:99999;}
|
||||
.skip_nav a{position:absolute;left:0;top:-1000px;display:block;width:100%;padding:7px 0; font-style:normal; font-variant:normal;text-align:center;font-family:"Nanum Gothic";font-size:13px; font-weight:bold;color:#ffffff;background:#4e90d0;}
|
||||
.skip_nav a:active,
|
||||
.skip_nav a:focus{top:0;text-decoration:none;color:#ffffff;}
|
||||
/* -------------------------- */
|
||||
/* align */
|
||||
.tal_r {text-align:right;}
|
||||
.tal_l {text-align:left;}
|
||||
.tal_l_i {text-align:left !important;}
|
||||
.tal_c {text-align:center;}
|
||||
.tal_c_i {text-align:center !important;}
|
||||
.val_t {vertical-align:top;}
|
||||
.val_m {vertical-align:middle;}
|
||||
.val_b {vertical-align:bottom;}
|
||||
.vm_child,.vm_child>* {vertical-align:middle;}
|
||||
.fl_l {float:left;}
|
||||
.fl_r {float:right;}
|
||||
.cl_l {clear:left;}
|
||||
.cl_r {clear:right;}
|
||||
.pos_a {position:absolute;}
|
||||
.pos_r {position:relative;}
|
||||
|
||||
/* -------------------------- */
|
||||
.w100per{width:100%;}
|
||||
|
||||
/* -------------------------- */
|
||||
/* margin & padding */
|
||||
.mg_auto_w {margin:0 auto;}
|
||||
.mg_auto_h {margin:auto 0;}
|
||||
|
||||
.mg0 {margin:0;}
|
||||
.mg10 {margin:10px;}
|
||||
.mg20 {margin:20px;}
|
||||
.mg30 {margin:30px;}
|
||||
.mgt0 {margin-top:0;}
|
||||
.mgr0 {margin-right:0;}
|
||||
.mgl0 {margin-left:0;}
|
||||
.mgb0 {margin-bottom:0;}
|
||||
.pa0i {padding:0 !important;}
|
||||
.pa0 {padding:0;}
|
||||
.pa10 {padding:10px;}
|
||||
.pa20 {padding:20px;}
|
||||
.pa30 {padding:30px;}
|
||||
|
||||
|
||||
|
||||
.mgl1m {margin-left:-1px;}
|
||||
.mgl2m {margin-left:-2px;}
|
||||
.mgl3m {margin-left:-3px;}
|
||||
.mgl4m {margin-left:-4px;}
|
||||
.mgl5m {margin-left:-5px;}
|
||||
.mgl1 {margin-left:1px;}
|
||||
.mgl2 {margin-left:2px;}
|
||||
.mgl3 {margin-left:3px;}
|
||||
.mgl4 {margin-left:4px;}
|
||||
.mgl5 {margin-left:5px;}
|
||||
.mgl5i {margin-left:5px !important;}
|
||||
.mgl6 {margin-left:6px;}
|
||||
.mgl7 {margin-left:7px;}
|
||||
.mgl8 {margin-left:8px;}
|
||||
.mgl9 {margin-left:9px;}
|
||||
.mgl10 {margin-left:10px;}
|
||||
.mgl10i {margin-left:10px !important;}
|
||||
.mgl11 {margin-left:11px;}
|
||||
.mgl12 {margin-left:12px;}
|
||||
.mgl13 {margin-left:13px;}
|
||||
.mgl14 {margin-left:14px;}
|
||||
.mgl15 {margin-left:15px;}
|
||||
.mgl16 {margin-left:16px;}
|
||||
.mgl17 {margin-left:17px;}
|
||||
.mgl18 {margin-left:18px;}
|
||||
.mgl19 {margin-left:19px;}
|
||||
.mgl20 {margin-left:20px;}
|
||||
.mgl21 {margin-left:21px;}
|
||||
.mgl22 {margin-left:22px;}
|
||||
.mgl23 {margin-left:23px;}
|
||||
.mgl24 {margin-left:24px;}
|
||||
.mgl25 {margin-left:25px;}
|
||||
.mgl26 {margin-left:26px;}
|
||||
.mgl27 {margin-left:27px;}
|
||||
.mgl28 {margin-left:28px;}
|
||||
.mgl29 {margin-left:29px;}
|
||||
.mgl30 {margin-left:30px;}
|
||||
.mgl35 {margin-left:35px;}
|
||||
.mgl40 {margin-left:40px;}
|
||||
.mgl45 {margin-left:45px;}
|
||||
.mgl50 {margin-left:50px;}
|
||||
.mgl55 {margin-left:55px;}
|
||||
|
||||
.mgr1 {margin-right:1px;}
|
||||
.mgr2 {margin-right:2px;}
|
||||
.mgr3 {margin-right:3px;}
|
||||
.mgr4 {margin-right:4px;}
|
||||
.mgr5 {margin-right:5px;}
|
||||
.mgr6 {margin-right:6px;}
|
||||
.mgr7 {margin-right:7px;}
|
||||
.mgr8 {margin-right:8px;}
|
||||
.mgr9 {margin-right:9px;}
|
||||
.mgr10 {margin-right:10px;}
|
||||
.mgr11 {margin-right:11px;}
|
||||
.mgr12 {margin-right:12px;}
|
||||
.mgr13 {margin-right:13px;}
|
||||
.mgr14 {margin-right:14px;}
|
||||
.mgr15 {margin-right:15px;}
|
||||
.mgr16 {margin-right:16px;}
|
||||
.mgr17 {margin-right:17px;}
|
||||
.mgr18 {margin-right:18px;}
|
||||
.mgr19 {margin-right:19px;}
|
||||
.mgr20 {margin-right:20px;}
|
||||
.mgr21 {margin-right:21px;}
|
||||
.mgr22 {margin-right:22px;}
|
||||
.mgr23 {margin-right:23px;}
|
||||
.mgr24 {margin-right:24px;}
|
||||
.mgr25 {margin-right:25px;}
|
||||
.mgr26 {margin-right:26px;}
|
||||
.mgr27 {margin-right:27px;}
|
||||
.mgr28 {margin-right:28px;}
|
||||
.mgr29 {margin-right:29px;}
|
||||
.mgr30 {margin-right:30px;}
|
||||
.mgr35 {margin-right:35px;}
|
||||
.mgr40 {margin-right:40px;}
|
||||
.mgr45 {margin-right:45px;}
|
||||
.mgr50 {margin-right:50px;}
|
||||
.mgr55 {margin-right:55px;}
|
||||
.mgr60 {margin-right:60px;}
|
||||
.mgr70 {margin-right:70px;}
|
||||
.mgr80 {margin-right:80px;}
|
||||
.mgr90 {margin-right:90px;}
|
||||
.mgr100 {margin-right:100px;}
|
||||
|
||||
.mgt1m {margin-top:-1px;}
|
||||
.mgt2m {margin-top:-2px;}
|
||||
.mgt3m {margin-top:-3px;}
|
||||
.mgt4m {margin-top:-4px;}
|
||||
.mgt5m {margin-top:-5px;}
|
||||
.mgt1 {margin-top:1px;}
|
||||
.mgt2 {margin-top:2px;}
|
||||
.mgt3 {margin-top:3px;}
|
||||
.mgt4 {margin-top:4px;}
|
||||
.mgt5 {margin-top:5px;}
|
||||
.mgt5i {margin-top:5px !important;}
|
||||
.mgt6 {margin-top:6px;}
|
||||
.mgt7 {margin-top:7px;}
|
||||
.mgt8 {margin-top:8px;}
|
||||
.mgt9 {margin-top:9px;}
|
||||
.mgt10 {margin-top:10px;}
|
||||
.mgt11 {margin-top:11px;}
|
||||
.mgt12 {margin-top:12px;}
|
||||
.mgt13 {margin-top:13px;}
|
||||
.mgt14 {margin-top:14px;}
|
||||
.mgt15 {margin-top:15px;}
|
||||
.mgt16 {margin-top:16px;}
|
||||
.mgt17 {margin-top:17px;}
|
||||
.mgt18 {margin-top:18px;}
|
||||
.mgt19 {margin-top:19px;}
|
||||
.mgt20 {margin-top:20px;}
|
||||
.mgt21 {margin-top:21px;}
|
||||
.mgt22 {margin-top:22px;}
|
||||
.mgt23 {margin-top:23px;}
|
||||
.mgt24 {margin-top:24px;}
|
||||
.mgt25 {margin-top:25px;}
|
||||
.mgt26 {margin-top:26px;}
|
||||
.mgt27 {margin-top:27px;}
|
||||
.mgt28 {margin-top:28px;}
|
||||
.mgt29 {margin-top:29px;}
|
||||
.mgt30 {margin-top:30px;}
|
||||
.mgt31 {margin-top:31px;}
|
||||
.mgt32 {margin-top:32px;}
|
||||
.mgt34 {margin-top:34px;}
|
||||
.mgt35 {margin-top:35px;}
|
||||
.mgt37 {margin-top:37px;}
|
||||
.mgt40 {margin-top:40px;}
|
||||
.mgt42 {margin-top:42px;}
|
||||
.mgt44 {margin-top:44px;}
|
||||
.mgt45 {margin-top:45px;}
|
||||
.mgt46 {margin-top:46px;}
|
||||
.mgt48 {margin-top:48px;}
|
||||
.mgt50 {margin-top:50px;}
|
||||
.mgt51 {margin-top:51px;}
|
||||
.mgt53 {margin-top:53px;}
|
||||
.mgt55 {margin-top:55px;}
|
||||
.mgt56 {margin-top:56px;}
|
||||
.mgt57 {margin-top:57px;}
|
||||
.mgt60 {margin-top:60px;}
|
||||
.mgt61 {margin-top:61px;}
|
||||
.mgt64 {margin-top:64px;}
|
||||
.mgt66 {margin-top:66px;}
|
||||
.mgt67 {margin-top:67px;}
|
||||
.mgt70 {margin-top:70px;}
|
||||
.mgt72 {margin-top:72px;}
|
||||
.mgt74 {margin-top:74px;}
|
||||
.mgt76 {margin-top:76px;}
|
||||
.mgt80 {margin-top:80px;}
|
||||
.mgt85 {margin-top:85px;}
|
||||
.mgt90 {margin-top:90px;}
|
||||
.mgt111 {margin-top:111px;}
|
||||
.mgt150 {margin-top:150px;}
|
||||
|
||||
.mgb1 {margin-bottom:1px;}
|
||||
.mgb2 {margin-bottom:2px;}
|
||||
.mgb3 {margin-bottom:3px;}
|
||||
.mgb4 {margin-bottom:4px;}
|
||||
.mgb5 {margin-bottom:5px;}
|
||||
.mgb6 {margin-bottom:6px;}
|
||||
.mgb7 {margin-bottom:7px;}
|
||||
.mgb8 {margin-bottom:8px;}
|
||||
.mgb9 {margin-bottom:9px;}
|
||||
.mgb10 {margin-bottom:10px;}
|
||||
.mgb11 {margin-bottom:11px;}
|
||||
.mgb12 {margin-bottom:12px;}
|
||||
.mgb13 {margin-bottom:13px;}
|
||||
.mgb14 {margin-bottom:14px;}
|
||||
.mgb15 {margin-bottom:15px;}
|
||||
.mgb16 {margin-bottom:16px;}
|
||||
.mgb17 {margin-bottom:17px;}
|
||||
.mgb18 {margin-bottom:18px;}
|
||||
.mgb19 {margin-bottom:19px;}
|
||||
.mgb20 {margin-bottom:20px;}
|
||||
.mgb21 {margin-bottom:21px;}
|
||||
.mgb22 {margin-bottom:22px;}
|
||||
.mgb23 {margin-bottom:23px;}
|
||||
.mgb24 {margin-bottom:24px;}
|
||||
.mgb25 {margin-bottom:25px;}
|
||||
.mgb26 {margin-bottom:26px;}
|
||||
.mgb27 {margin-bottom:27px;}
|
||||
.mgb28 {margin-bottom:28px;}
|
||||
.mgb29 {margin-bottom:29px;}
|
||||
.mgb30 {margin-bottom:30px;}
|
||||
.mgb35 {margin-bottom:35px;}
|
||||
.mgb40 {margin-bottom:40px;}
|
||||
.mgb45 {margin-bottom:45px;}
|
||||
.mgb50 {margin-bottom:50px;}
|
||||
.mgb55 {margin-bottom:55px;}
|
||||
|
||||
.pal1 {padding-left:1px;}
|
||||
.pal2 {padding-left:2px;}
|
||||
.pal3 {padding-left:3px;}
|
||||
.pal4 {padding-left:4px;}
|
||||
.pal5 {padding-left:5px;}
|
||||
.pal5i {padding-left:5px !important;}
|
||||
.pal6 {padding-left:6px;}
|
||||
.pal7 {padding-left:7px;}
|
||||
.pal8 {padding-left:8px;}
|
||||
.pal9 {padding-left:9px;}
|
||||
.pal10 {padding-left:10px;}
|
||||
.pal10i {padding-left:10px !important;}
|
||||
.pal11 {padding-left:11px;}
|
||||
.pal12 {padding-left:12px;}
|
||||
.pal13 {padding-left:13px;}
|
||||
.pal14 {padding-left:14px;}
|
||||
.pal15 {padding-left:15px;}
|
||||
.pal16 {padding-left:16px;}
|
||||
.pal17 {padding-left:17px;}
|
||||
.pal18 {padding-left:18px;}
|
||||
.pal19 {padding-left:19px;}
|
||||
.pal20 {padding-left:20px;}
|
||||
.pal21 {padding-left:21px;}
|
||||
.pal22 {padding-left:22px;}
|
||||
.pal23 {padding-left:23px;}
|
||||
.pal24 {padding-left:24px;}
|
||||
.pal25 {padding-left:25px;}
|
||||
.pal26 {padding-left:26px;}
|
||||
.pal27 {padding-left:27px;}
|
||||
.pal28 {padding-left:28px;}
|
||||
.pal29 {padding-left:29px;}
|
||||
.pal30 {padding-left:30px;}
|
||||
.pal32i {padding-left:32px !important;}
|
||||
.pal35 {padding-left:35px;}
|
||||
.pal35i {padding-left:35px !important;}
|
||||
.pal40 {padding-left:40px;}
|
||||
.pal45 {padding-left:45px;}
|
||||
.pal50 {padding-left:50px;}
|
||||
.pal55 {padding-left:55px;}
|
||||
.pal65 {padding-left:65px;}
|
||||
.pal120{padding-left:120px;}
|
||||
.pal160{padding-left:160px;}
|
||||
.pal260 {padding-left:260px;}
|
||||
|
||||
.par1 {padding-right:1px;}
|
||||
.par2 {padding-right:2px;}
|
||||
.par3 {padding-right:3px;}
|
||||
.par4 {padding-right:4px;}
|
||||
.par5 {padding-right:5px;}
|
||||
.par6 {padding-right:6px;}
|
||||
.par7 {padding-right:7px;}
|
||||
.par8 {padding-right:8px;}
|
||||
.par9 {padding-right:9px;}
|
||||
.par10 {padding-right:10px;}
|
||||
.par11 {padding-right:11px;}
|
||||
.par12 {padding-right:12px;}
|
||||
.par13 {padding-right:13px;}
|
||||
.par14 {padding-right:14px;}
|
||||
.par15 {padding-right:15px;}
|
||||
.par16 {padding-right:16px;}
|
||||
.par17 {padding-right:17px;}
|
||||
.par18 {padding-right:18px;}
|
||||
.par19 {padding-right:19px;}
|
||||
.par20 {padding-right:20px;}
|
||||
.par21 {padding-right:21px;}
|
||||
.par22 {padding-right:22px;}
|
||||
.par23 {padding-right:23px;}
|
||||
.par24 {padding-right:24px;}
|
||||
.par25 {padding-right:25px;}
|
||||
.par26 {padding-right:26px;}
|
||||
.par27 {padding-right:27px;}
|
||||
.par28 {padding-right:28px;}
|
||||
.par29 {padding-right:29px;}
|
||||
.par30 {padding-right:30px;}
|
||||
.par33i {padding-right:33px !important;}
|
||||
.par35 {padding-right:35px;}
|
||||
.par35i {padding-right:35px !important;}
|
||||
.par40 {padding-right:40px;}
|
||||
.par45 {padding-right:45px;}
|
||||
.par50 {padding-right:50px;}
|
||||
.par55 {padding-right:55px;}
|
||||
.par60 {padding-right:60px;}
|
||||
.par70 {padding-right:70px;}
|
||||
.par80 {padding-right:80px;}
|
||||
.par90 {padding-right:90px;}
|
||||
.par100 {padding-right:100px;}
|
||||
.par150 {padding-right:150px;}
|
||||
.par167 {padding-right:167px;}
|
||||
.par200 {padding-right:200px;}
|
||||
.par250 {padding-right:250px;}
|
||||
|
||||
.pat1 {padding-top:1px;}
|
||||
.pat2 {padding-top:2px;}
|
||||
.pat3 {padding-top:3px;}
|
||||
.pat4 {padding-top:4px;}
|
||||
.pat5 {padding-top:5px;}
|
||||
.pat6 {padding-top:6px;}
|
||||
.pat7 {padding-top:7px;}
|
||||
.pat8 {padding-top:8px;}
|
||||
.pat9 {padding-top:9px;}
|
||||
.pat10 {padding-top:10px;}
|
||||
.pat11 {padding-top:11px;}
|
||||
.pat12 {padding-top:12px;}
|
||||
.pat13 {padding-top:13px;}
|
||||
.pat14 {padding-top:14px;}
|
||||
.pat15 {padding-top:15px;}
|
||||
.pat16 {padding-top:16px;}
|
||||
.pat17 {padding-top:17px;}
|
||||
.pat18 {padding-top:18px;}
|
||||
.pat19 {padding-top:19px;}
|
||||
.pat20 {padding-top:20px;}
|
||||
.pat21 {padding-top:21px;}
|
||||
.pat22 {padding-top:22px;}
|
||||
.pat23 {padding-top:23px;}
|
||||
.pat24 {padding-top:24px;}
|
||||
.pat25 {padding-top:25px;}
|
||||
.pat26 {padding-top:26px;}
|
||||
.pat27 {padding-top:27px;}
|
||||
.pat28 {padding-top:28px;}
|
||||
.pat29 {padding-top:29px;}
|
||||
.pat30 {padding-top:30px;}
|
||||
.pat35 {padding-top:35px;}
|
||||
.pat40 {padding-top:40px;}
|
||||
.pat45 {padding-top:45px;}
|
||||
.pat50 {padding-top:50px;}
|
||||
.pat55 {padding-top:55px;}
|
||||
|
||||
.pab1 {padding-bottom:1px;}
|
||||
.pab2 {padding-bottom:2px;}
|
||||
.pab3 {padding-bottom:3px;}
|
||||
.pab4 {padding-bottom:4px;}
|
||||
.pab5 {padding-bottom:5px;}
|
||||
.pab6 {padding-bottom:6px;}
|
||||
.pab7 {padding-bottom:7px;}
|
||||
.pab8 {padding-bottom:8px;}
|
||||
.pab9 {padding-bottom:9px;}
|
||||
.pab10 {padding-bottom:10px;}
|
||||
.pab11 {padding-bottom:11px;}
|
||||
.pab12 {padding-bottom:12px;}
|
||||
.pab13 {padding-bottom:13px;}
|
||||
.pab14 {padding-bottom:14px;}
|
||||
.pab15 {padding-bottom:15px;}
|
||||
.pab16 {padding-bottom:16px;}
|
||||
.pab17 {padding-bottom:17px;}
|
||||
.pab18 {padding-bottom:18px;}
|
||||
.pab19 {padding-bottom:19px;}
|
||||
.pab20 {padding-bottom:20px;}
|
||||
.pab21 {padding-bottom:21px;}
|
||||
.pab22 {padding-bottom:22px;}
|
||||
.pab23 {padding-bottom:23px;}
|
||||
.pab24 {padding-bottom:24px;}
|
||||
.pab25 {padding-bottom:25px;}
|
||||
.pab26 {padding-bottom:26px;}
|
||||
.pab27 {padding-bottom:27px;}
|
||||
.pab28 {padding-bottom:28px;}
|
||||
.pab29 {padding-bottom:29px;}
|
||||
.pab30 {padding-bottom:30px;}
|
||||
.pab35 {padding-bottom:35px;}
|
||||
.pab40 {padding-bottom:40px;}
|
||||
.pab45 {padding-bottom:45px;}
|
||||
.pab50 {padding-bottom:50px;}
|
||||
.pab55 {padding-bottom:55px;}
|
||||
/* -------------------------- */
|
||||
472
src/main/webapp/WEB-INF/views/site/case/css/default_160908.css
Normal file
472
src/main/webapp/WEB-INF/views/site/case/css/default_160908.css
Normal file
@ -0,0 +1,472 @@
|
||||
@charset "utf-8";
|
||||
|
||||
/* Reset CSS */
|
||||
* { margin:0; padding:0; border:0; vertical-align:baseline;}
|
||||
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display:block;}
|
||||
ul, ol, dl { list-style:none; }
|
||||
img, video { max-width:100%; border:0; vertical-align:top; }
|
||||
a { vertical-align:top; text-decoration:none; color:#000; }
|
||||
table { border-spacing:0;}
|
||||
input, select { vertical-align:middle; }
|
||||
body { font-family:'ng', '돋움'; font-size:14px; line-height:1; }
|
||||
label { cursor:pointer; }
|
||||
legend,hr,caption {position: absolute;overflow: hidden;width: 1px !important;height:1px !important;margin: -1px !important;line-height: 0 !important;border: 0;clip: rect(0 0 0 0);}
|
||||
|
||||
i,em,address { font-style:normal; font-weight:normal; }
|
||||
|
||||
/* link, button, input */
|
||||
a:link {text-decoration:none;}
|
||||
a:visited {text-decoration:none;}
|
||||
a:hover {text-decoration:none;}
|
||||
a:active {text-decoration:none;}
|
||||
|
||||
button{display:inline-block;font-family:inherit;vertical-align:middle;cursor:pointer;white-space:nowrap;text-decoration:none;background:transparent;border:none;}
|
||||
/* -------------------------- */
|
||||
|
||||
/* Form */
|
||||
input {height:auto; font-family:NanumGothic,돋움,arial,verdana,sans-serif; border:0px; vertical-align:middle;}
|
||||
select {font-family:NanumGothic,돋움,arial,verdana,sans-serif; font-size:small; vertical-align: middle;}
|
||||
textarea {font-family:NanumGothic,돋움,arial,verdana,sans-serif; border:solid 1px #ccc;}
|
||||
/* select {behavior:url('selectbox.htc');} */
|
||||
/* -------------------------- */
|
||||
|
||||
/* h */
|
||||
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
|
||||
/* -------------------------- */
|
||||
|
||||
/* scroll */
|
||||
body, div, textarea {
|
||||
scrollbar-face-color:#fff;
|
||||
scrollbar-shadow-color:#fff;
|
||||
scrollbar-highlight-color:#fff;
|
||||
scrollbar-3dlight-color:#ccc;
|
||||
scrollbar-darkshadow-color:#ccc;
|
||||
scrollbar-track-color:#fff;
|
||||
scrollbar-arrow-color:#ccc;}
|
||||
/* -------------------------- */
|
||||
|
||||
/* float hack
|
||||
.clfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
|
||||
.clfix {display:inline-block;}
|
||||
ie Holly Hack
|
||||
*html .clfix {height:1%;}
|
||||
.clfix {display:block;}
|
||||
ie Holly Hack end
|
||||
float hack end */
|
||||
|
||||
/* fonts */
|
||||
@font-face {
|
||||
font-family: 'ng';
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: local(※),
|
||||
url('/site/case/fonts/NanumGothic-Regular.otf') format('opentype'),
|
||||
url('/site/case/fonts/NanumGothic-Regular.eot'),
|
||||
url('/site/case/fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
|
||||
url('/site/case/fonts/NanumGothic-Regular.woff2') format('woff2'),
|
||||
url('/site/case/fonts/NanumGothic-Regular.woff') format('woff'),
|
||||
url('/site/case/fonts/NanumGothic-Regular.ttf') format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'ng_bold';
|
||||
font-style: normal;
|
||||
font-weight: bold;
|
||||
src: local(※),
|
||||
url('/site/case/fonts/NanumGothic-Bold.otf') format('opentype'),
|
||||
url('/site/case/fonts/NanumGothic-Bold.eot'),
|
||||
url('/site/case/fonts/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
|
||||
url('/site/case/fonts/NanumGothic-Bold.woff2') format('woff2'),
|
||||
url('/site/case/fonts/NanumGothic-Bold.woff') format('woff'),
|
||||
url('/site/case/fonts/NanumGothic-Bold.ttf') format('truetype');
|
||||
}
|
||||
/* -------------------------- */
|
||||
|
||||
/* display, clear */
|
||||
.clear:after{content:'';clear:both;display:block;}/*.clear{clear:both;height:0;}*/
|
||||
.clear2{clear:both;}
|
||||
.dis_none{display:none;}
|
||||
.blind{position: absolute;overflow: hidden;width: 1px !important;height:1px !important;margin: -1px !important;line-height: 0 !important;border: 0;clip: rect(0 0 0 0);}
|
||||
.inblock{display:inline-block;}
|
||||
.text_blind,.text_blind>*{text-indent:-999em;}
|
||||
/* -------------------------- */
|
||||
/* float */
|
||||
.ofh{overflow:hidden;}
|
||||
.fl{float:left;}
|
||||
.fr{float:right;}
|
||||
/* -------------------------- */
|
||||
/* skip_nav */
|
||||
.skip_nav{position:relative;width:100%;z-index:99999;}
|
||||
.skip_nav a{position:absolute;left:0;top:-1000px;display:block;width:100%;padding:7px 0; font-style:normal; font-variant:normal;text-align:center;font-family:"Nanum Gothic";font-size:13px; font-weight:bold;color:#ffffff;background:#4e90d0;}
|
||||
.skip_nav a:active,
|
||||
.skip_nav a:focus{top:0;text-decoration:none;color:#ffffff;}
|
||||
/* -------------------------- */
|
||||
/* align */
|
||||
.tal_r {text-align:right;}
|
||||
.tal_l {text-align:left;}
|
||||
.tal_l_i {text-align:left !important;}
|
||||
.tal_c {text-align:center;}
|
||||
.val_t {vertical-align:top;}
|
||||
.val_m {vertical-align:middle;}
|
||||
.val_b {vertical-align:bottom;}
|
||||
.fl_l {float:left;}
|
||||
.fl_r {float:right;}
|
||||
.cl_l {clear:left;}
|
||||
.cl_r {clear:right;}
|
||||
.pos_a {position:absolute;}
|
||||
.pos_r {position:relative;}
|
||||
|
||||
/* -------------------------- */
|
||||
.w100per{width:100%;}
|
||||
|
||||
/* -------------------------- */
|
||||
/* margin & padding */
|
||||
.mg_auto_w {margin:0 auto;}
|
||||
.mg_auto_h {margin:auto 0;}
|
||||
|
||||
.pa0 {padding:0 !important;}
|
||||
.mg0 {margin:0;}
|
||||
|
||||
.mgl1m {margin-left:-1px;}
|
||||
.mgl2m {margin-left:-2px;}
|
||||
.mgl3m {margin-left:-3px;}
|
||||
.mgl4m {margin-left:-4px;}
|
||||
.mgl5m {margin-left:-5px;}
|
||||
.mgl1 {margin-left:1px;}
|
||||
.mgl2 {margin-left:2px;}
|
||||
.mgl3 {margin-left:3px;}
|
||||
.mgl4 {margin-left:4px;}
|
||||
.mgl5 {margin-left:5px;}
|
||||
.mgl6 {margin-left:6px;}
|
||||
.mgl7 {margin-left:7px;}
|
||||
.mgl8 {margin-left:8px;}
|
||||
.mgl9 {margin-left:9px;}
|
||||
.mgl10 {margin-left:10px;}
|
||||
.mgl10i {margin-left:10px !important;}
|
||||
.mgl11 {margin-left:11px;}
|
||||
.mgl12 {margin-left:12px;}
|
||||
.mgl13 {margin-left:13px;}
|
||||
.mgl14 {margin-left:14px;}
|
||||
.mgl15 {margin-left:15px;}
|
||||
.mgl16 {margin-left:16px;}
|
||||
.mgl17 {margin-left:17px;}
|
||||
.mgl18 {margin-left:18px;}
|
||||
.mgl19 {margin-left:19px;}
|
||||
.mgl20 {margin-left:20px;}
|
||||
.mgl21 {margin-left:21px;}
|
||||
.mgl22 {margin-left:22px;}
|
||||
.mgl23 {margin-left:23px;}
|
||||
.mgl24 {margin-left:24px;}
|
||||
.mgl25 {margin-left:25px;}
|
||||
.mgl26 {margin-left:26px;}
|
||||
.mgl27 {margin-left:27px;}
|
||||
.mgl28 {margin-left:28px;}
|
||||
.mgl29 {margin-left:29px;}
|
||||
.mgl30 {margin-left:30px;}
|
||||
.mgl35 {margin-left:35px;}
|
||||
.mgl40 {margin-left:40px;}
|
||||
.mgl45 {margin-left:45px;}
|
||||
.mgl50 {margin-left:50px;}
|
||||
.mgl55 {margin-left:55px;}
|
||||
|
||||
.mgr1 {margin-right:1px;}
|
||||
.mgr2 {margin-right:2px;}
|
||||
.mgr3 {margin-right:3px;}
|
||||
.mgr4 {margin-right:4px;}
|
||||
.mgr5 {margin-right:5px;}
|
||||
.mgr6 {margin-right:6px;}
|
||||
.mgr7 {margin-right:7px;}
|
||||
.mgr8 {margin-right:8px;}
|
||||
.mgr9 {margin-right:9px;}
|
||||
.mgr10 {margin-right:10px;}
|
||||
.mgr11 {margin-right:11px;}
|
||||
.mgr12 {margin-right:12px;}
|
||||
.mgr13 {margin-right:13px;}
|
||||
.mgr14 {margin-right:14px;}
|
||||
.mgr15 {margin-right:15px;}
|
||||
.mgr16 {margin-right:16px;}
|
||||
.mgr17 {margin-right:17px;}
|
||||
.mgr18 {margin-right:18px;}
|
||||
.mgr19 {margin-right:19px;}
|
||||
.mgr20 {margin-right:20px;}
|
||||
.mgr21 {margin-right:21px;}
|
||||
.mgr22 {margin-right:22px;}
|
||||
.mgr23 {margin-right:23px;}
|
||||
.mgr24 {margin-right:24px;}
|
||||
.mgr25 {margin-right:25px;}
|
||||
.mgr26 {margin-right:26px;}
|
||||
.mgr27 {margin-right:27px;}
|
||||
.mgr28 {margin-right:28px;}
|
||||
.mgr29 {margin-right:29px;}
|
||||
.mgr30 {margin-right:30px;}
|
||||
.mgr35 {margin-right:35px;}
|
||||
.mgr40 {margin-right:40px;}
|
||||
.mgr45 {margin-right:45px;}
|
||||
.mgr50 {margin-right:50px;}
|
||||
.mgr55 {margin-right:55px;}
|
||||
.mgr60 {margin-right:60px;}
|
||||
.mgr70 {margin-right:70px;}
|
||||
.mgr80 {margin-right:80px;}
|
||||
.mgr90 {margin-right:90px;}
|
||||
.mgr100 {margin-right:100px;}
|
||||
|
||||
.mgt1m {margin-top:-1px;}
|
||||
.mgt2m {margin-top:-2px;}
|
||||
.mgt3m {margin-top:-3px;}
|
||||
.mgt4m {margin-top:-4px;}
|
||||
.mgt5m {margin-top:-5px;}
|
||||
.mgt1 {margin-top:1px;}
|
||||
.mgt2 {margin-top:2px;}
|
||||
.mgt3 {margin-top:3px;}
|
||||
.mgt4 {margin-top:4px;}
|
||||
.mgt5 {margin-top:5px;}
|
||||
.mgt5i {margin-top:5px !important;}
|
||||
.mgt6 {margin-top:6px;}
|
||||
.mgt7 {margin-top:7px;}
|
||||
.mgt8 {margin-top:8px;}
|
||||
.mgt9 {margin-top:9px;}
|
||||
.mgt10 {margin-top:10px;}
|
||||
.mgt11 {margin-top:11px;}
|
||||
.mgt12 {margin-top:12px;}
|
||||
.mgt13 {margin-top:13px;}
|
||||
.mgt14 {margin-top:14px;}
|
||||
.mgt15 {margin-top:15px;}
|
||||
.mgt16 {margin-top:16px;}
|
||||
.mgt17 {margin-top:17px;}
|
||||
.mgt18 {margin-top:18px;}
|
||||
.mgt19 {margin-top:19px;}
|
||||
.mgt20 {margin-top:20px;}
|
||||
.mgt21 {margin-top:21px;}
|
||||
.mgt22 {margin-top:22px;}
|
||||
.mgt23 {margin-top:23px;}
|
||||
.mgt24 {margin-top:24px;}
|
||||
.mgt25 {margin-top:25px;}
|
||||
.mgt26 {margin-top:26px;}
|
||||
.mgt27 {margin-top:27px;}
|
||||
.mgt28 {margin-top:28px;}
|
||||
.mgt29 {margin-top:29px;}
|
||||
.mgt30 {margin-top:30px;}
|
||||
.mgt31 {margin-top:31px;}
|
||||
.mgt32 {margin-top:32px;}
|
||||
.mgt34 {margin-top:34px;}
|
||||
.mgt35 {margin-top:35px;}
|
||||
.mgt37 {margin-top:37px;}
|
||||
.mgt40 {margin-top:40px;}
|
||||
.mgt42 {margin-top:42px;}
|
||||
.mgt44 {margin-top:44px;}
|
||||
.mgt45 {margin-top:45px;}
|
||||
.mgt46 {margin-top:46px;}
|
||||
.mgt48 {margin-top:48px;}
|
||||
.mgt50 {margin-top:50px;}
|
||||
.mgt51 {margin-top:51px;}
|
||||
.mgt53 {margin-top:53px;}
|
||||
.mgt55 {margin-top:55px;}
|
||||
.mgt56 {margin-top:56px;}
|
||||
.mgt57 {margin-top:57px;}
|
||||
.mgt60 {margin-top:60px;}
|
||||
.mgt61 {margin-top:61px;}
|
||||
.mgt64 {margin-top:64px;}
|
||||
.mgt66 {margin-top:66px;}
|
||||
.mgt67 {margin-top:67px;}
|
||||
.mgt70 {margin-top:70px;}
|
||||
.mgt72 {margin-top:72px;}
|
||||
.mgt74 {margin-top:74px;}
|
||||
.mgt76 {margin-top:76px;}
|
||||
.mgt80 {margin-top:80px;}
|
||||
.mgt85 {margin-top:85px;}
|
||||
.mgt90 {margin-top:90px;}
|
||||
.mgt111 {margin-top:111px;}
|
||||
.mgt150 {margin-top:150px;}
|
||||
|
||||
.mgb1 {margin-bottom:1px;}
|
||||
.mgb2 {margin-bottom:2px;}
|
||||
.mgb3 {margin-bottom:3px;}
|
||||
.mgb4 {margin-bottom:4px;}
|
||||
.mgb5 {margin-bottom:5px;}
|
||||
.mgb6 {margin-bottom:6px;}
|
||||
.mgb7 {margin-bottom:7px;}
|
||||
.mgb8 {margin-bottom:8px;}
|
||||
.mgb9 {margin-bottom:9px;}
|
||||
.mgb10 {margin-bottom:10px;}
|
||||
.mgb11 {margin-bottom:11px;}
|
||||
.mgb12 {margin-bottom:12px;}
|
||||
.mgb13 {margin-bottom:13px;}
|
||||
.mgb14 {margin-bottom:14px;}
|
||||
.mgb15 {margin-bottom:15px;}
|
||||
.mgb16 {margin-bottom:16px;}
|
||||
.mgb17 {margin-bottom:17px;}
|
||||
.mgb18 {margin-bottom:18px;}
|
||||
.mgb19 {margin-bottom:19px;}
|
||||
.mgb20 {margin-bottom:20px;}
|
||||
.mgb21 {margin-bottom:21px;}
|
||||
.mgb22 {margin-bottom:22px;}
|
||||
.mgb23 {margin-bottom:23px;}
|
||||
.mgb24 {margin-bottom:24px;}
|
||||
.mgb25 {margin-bottom:25px;}
|
||||
.mgb26 {margin-bottom:26px;}
|
||||
.mgb27 {margin-bottom:27px;}
|
||||
.mgb28 {margin-bottom:28px;}
|
||||
.mgb29 {margin-bottom:29px;}
|
||||
.mgb30 {margin-bottom:30px;}
|
||||
.mgb35 {margin-bottom:35px;}
|
||||
.mgb40 {margin-bottom:40px;}
|
||||
.mgb45 {margin-bottom:45px;}
|
||||
.mgb50 {margin-bottom:50px;}
|
||||
.mgb55 {margin-bottom:55px;}
|
||||
|
||||
.pal1 {padding-left:1px;}
|
||||
.pal2 {padding-left:2px;}
|
||||
.pal3 {padding-left:3px;}
|
||||
.pal4 {padding-left:4px;}
|
||||
.pal5 {padding-left:5px;}
|
||||
.pal5i {padding-left:5px !important;}
|
||||
.pal6 {padding-left:6px;}
|
||||
.pal7 {padding-left:7px;}
|
||||
.pal8 {padding-left:8px;}
|
||||
.pal9 {padding-left:9px;}
|
||||
.pal10 {padding-left:10px;}
|
||||
.pal10i {padding-left:10px !important;}
|
||||
.pal11 {padding-left:11px;}
|
||||
.pal12 {padding-left:12px;}
|
||||
.pal13 {padding-left:13px;}
|
||||
.pal14 {padding-left:14px;}
|
||||
.pal15 {padding-left:15px;}
|
||||
.pal16 {padding-left:16px;}
|
||||
.pal17 {padding-left:17px;}
|
||||
.pal18 {padding-left:18px;}
|
||||
.pal19 {padding-left:19px;}
|
||||
.pal20 {padding-left:20px;}
|
||||
.pal21 {padding-left:21px;}
|
||||
.pal22 {padding-left:22px;}
|
||||
.pal23 {padding-left:23px;}
|
||||
.pal24 {padding-left:24px;}
|
||||
.pal25 {padding-left:25px;}
|
||||
.pal26 {padding-left:26px;}
|
||||
.pal27 {padding-left:27px;}
|
||||
.pal28 {padding-left:28px;}
|
||||
.pal29 {padding-left:29px;}
|
||||
.pal30 {padding-left:30px;}
|
||||
.pal35 {padding-left:35px;}
|
||||
.pal40 {padding-left:40px;}
|
||||
.pal45 {padding-left:45px;}
|
||||
.pal50 {padding-left:50px;}
|
||||
.pal55 {padding-left:55px;}
|
||||
.pal65 {padding-left:65px;}
|
||||
.pal260 {padding-left:260px;}
|
||||
|
||||
.par1 {padding-right:1px;}
|
||||
.par2 {padding-right:2px;}
|
||||
.par3 {padding-right:3px;}
|
||||
.par4 {padding-right:4px;}
|
||||
.par5 {padding-right:5px;}
|
||||
.par6 {padding-right:6px;}
|
||||
.par7 {padding-right:7px;}
|
||||
.par8 {padding-right:8px;}
|
||||
.par9 {padding-right:9px;}
|
||||
.par10 {padding-right:10px;}
|
||||
.par11 {padding-right:11px;}
|
||||
.par12 {padding-right:12px;}
|
||||
.par13 {padding-right:13px;}
|
||||
.par14 {padding-right:14px;}
|
||||
.par15 {padding-right:15px;}
|
||||
.par16 {padding-right:16px;}
|
||||
.par17 {padding-right:17px;}
|
||||
.par18 {padding-right:18px;}
|
||||
.par19 {padding-right:19px;}
|
||||
.par20 {padding-right:20px;}
|
||||
.par21 {padding-right:21px;}
|
||||
.par22 {padding-right:22px;}
|
||||
.par23 {padding-right:23px;}
|
||||
.par24 {padding-right:24px;}
|
||||
.par25 {padding-right:25px;}
|
||||
.par26 {padding-right:26px;}
|
||||
.par27 {padding-right:27px;}
|
||||
.par28 {padding-right:28px;}
|
||||
.par29 {padding-right:29px;}
|
||||
.par30 {padding-right:30px;}
|
||||
.par35 {padding-right:35px;}
|
||||
.par40 {padding-right:40px;}
|
||||
.par45 {padding-right:45px;}
|
||||
.par50 {padding-right:50px;}
|
||||
.par55 {padding-right:55px;}
|
||||
.par60 {padding-right:60px;}
|
||||
.par70 {padding-right:70px;}
|
||||
.par80 {padding-right:80px;}
|
||||
.par90 {padding-right:90px;}
|
||||
.par100 {padding-right:100px;}
|
||||
.par150 {padding-right:150px;}
|
||||
.par167 {padding-right:167px;}
|
||||
.par200 {padding-right:200px;}
|
||||
.par250 {padding-right:250px;}
|
||||
|
||||
.pat1 {padding-top:1px;}
|
||||
.pat2 {padding-top:2px;}
|
||||
.pat3 {padding-top:3px;}
|
||||
.pat4 {padding-top:4px;}
|
||||
.pat5 {padding-top:5px;}
|
||||
.pat6 {padding-top:6px;}
|
||||
.pat7 {padding-top:7px;}
|
||||
.pat8 {padding-top:8px;}
|
||||
.pat9 {padding-top:9px;}
|
||||
.pat10 {padding-top:10px;}
|
||||
.pat11 {padding-top:11px;}
|
||||
.pat12 {padding-top:12px;}
|
||||
.pat13 {padding-top:13px;}
|
||||
.pat14 {padding-top:14px;}
|
||||
.pat15 {padding-top:15px;}
|
||||
.pat16 {padding-top:16px;}
|
||||
.pat17 {padding-top:17px;}
|
||||
.pat18 {padding-top:18px;}
|
||||
.pat19 {padding-top:19px;}
|
||||
.pat20 {padding-top:20px;}
|
||||
.pat21 {padding-top:21px;}
|
||||
.pat22 {padding-top:22px;}
|
||||
.pat23 {padding-top:23px;}
|
||||
.pat24 {padding-top:24px;}
|
||||
.pat25 {padding-top:25px;}
|
||||
.pat26 {padding-top:26px;}
|
||||
.pat27 {padding-top:27px;}
|
||||
.pat28 {padding-top:28px;}
|
||||
.pat29 {padding-top:29px;}
|
||||
.pat30 {padding-top:30px;}
|
||||
.pat35 {padding-top:35px;}
|
||||
.pat40 {padding-top:40px;}
|
||||
.pat45 {padding-top:45px;}
|
||||
.pat50 {padding-top:50px;}
|
||||
.pat55 {padding-top:55px;}
|
||||
|
||||
.pab1 {padding-bottom:1px;}
|
||||
.pab2 {padding-bottom:2px;}
|
||||
.pab3 {padding-bottom:3px;}
|
||||
.pab4 {padding-bottom:4px;}
|
||||
.pab5 {padding-bottom:5px;}
|
||||
.pab6 {padding-bottom:6px;}
|
||||
.pab7 {padding-bottom:7px;}
|
||||
.pab8 {padding-bottom:8px;}
|
||||
.pab9 {padding-bottom:9px;}
|
||||
.pab10 {padding-bottom:10px;}
|
||||
.pab11 {padding-bottom:11px;}
|
||||
.pab12 {padding-bottom:12px;}
|
||||
.pab13 {padding-bottom:13px;}
|
||||
.pab14 {padding-bottom:14px;}
|
||||
.pab15 {padding-bottom:15px;}
|
||||
.pab16 {padding-bottom:16px;}
|
||||
.pab17 {padding-bottom:17px;}
|
||||
.pab18 {padding-bottom:18px;}
|
||||
.pab19 {padding-bottom:19px;}
|
||||
.pab20 {padding-bottom:20px;}
|
||||
.pab21 {padding-bottom:21px;}
|
||||
.pab22 {padding-bottom:22px;}
|
||||
.pab23 {padding-bottom:23px;}
|
||||
.pab24 {padding-bottom:24px;}
|
||||
.pab25 {padding-bottom:25px;}
|
||||
.pab26 {padding-bottom:26px;}
|
||||
.pab27 {padding-bottom:27px;}
|
||||
.pab28 {padding-bottom:28px;}
|
||||
.pab29 {padding-bottom:29px;}
|
||||
.pab30 {padding-bottom:30px;}
|
||||
.pab35 {padding-bottom:35px;}
|
||||
.pab40 {padding-bottom:40px;}
|
||||
.pab45 {padding-bottom:45px;}
|
||||
.pab50 {padding-bottom:50px;}
|
||||
.pab55 {padding-bottom:55px;}
|
||||
/* -------------------------- */
|
||||
@ -0,0 +1 @@
|
||||
menu_main.css
|
||||
21
src/main/webapp/WEB-INF/views/site/case/css/menu_sub.css
Normal file
21
src/main/webapp/WEB-INF/views/site/case/css/menu_sub.css
Normal file
@ -0,0 +1,21 @@
|
||||
.gnb_bg{margin:0 auto; display:none;position:absolute;top:135px;z-index:10;background:#fff url(../images/gnb_bg_bot.png)repeat-x bottom;width:100%;height:410px;}
|
||||
.p_menu{height:100%;}
|
||||
.p_menu .gnbDp-1 > li{float:left;display:block;position:relative;z-index:11;width:calc(20% - 2px);text-align:center;border-right:1px solid #79c1e8;border-left:1px solid #18718c;}
|
||||
.p_menu .gnbDp-1 > li:last-child{border-right:1px solid #18718c;}
|
||||
.p_menu .gnbDp-1 > li > a{display:block;color:#fff;width:100%;height:55px;line-height:55px;font-size:1.25em;}
|
||||
.p_menu .gnbDp-1 > li > a:hover{color:#000;}
|
||||
|
||||
.gnbDp-2{display:none;position:absolute;top:55px;left:-1px;z-index:100;border-left:1px solid #eeeeee;height:400px;width:100%;}
|
||||
.pmenu_last{border-right:1px solid #eeeeee;}
|
||||
.gnbDp-2 > li{text-align:left;width:165px;}
|
||||
.gnbDp-2 > li > a{color:#232323;display:block;padding:10px 5px;}
|
||||
.gnbDp-2 > li > a:hover{color:#000;}
|
||||
|
||||
.m_menu{display:none;position:absolute;top:125px;right:0;z-index:103;border-left:1px solid #ed781c;background-color:#ffffff;width:320px;height:100%;}
|
||||
.m_gnbDp-1 > li{width:320px;}
|
||||
.m_gnbDp-1 > li > a{display:block;height:50px;line-height:50px;color:#232323;font-weight:bold;padding-left:10px;border-bottom:1px solid #cccccc;}
|
||||
.m_gnbDp-2{display:none;background-color:#ffffff;border-bottom:1px solid #cccccc;padding:5px 0;}
|
||||
.m_gnbDp-2 > li > a{display:block;color:#353535;padding:7px 0;margin-left:20px;}
|
||||
.m_gnbDp-2 > li > a:hover{color:#ed781c;}
|
||||
.gnb_m_btn{display:none;position:absolute;top:48px;right:15px;z-index:103;}
|
||||
.gnb_m_close{display:none;position:absolute;top:65px;right:15px;z-index:104;}
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user