Merge branch 'advc' of
http://yongjoon.cho@vcs.iten.co.kr:9999/hylee/offedu into advc Conflicts: src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/VEEduMIXService.java src/main/java/kcc/ve/instr/tngrVisitEdu/eduInfo/service/impl/VEEduMIXServiceImpl.java
This commit is contained in:
myname
commit
fbb6398521
@ -299,6 +299,10 @@ public class VEEduAplctVO extends ComDefaultVO implements Serializable {
|
||||
|
||||
private String unfthYn; //불성실여부
|
||||
|
||||
private String trgtNm; //기소유예 대상자
|
||||
|
||||
private String vs_clphone; //기소유예 대상자 폰번호
|
||||
|
||||
|
||||
public String getPrcsAplctPrdOrd() {
|
||||
return prcsAplctPrdOrd;
|
||||
@ -1523,6 +1527,18 @@ public class VEEduAplctVO extends ComDefaultVO implements Serializable {
|
||||
public void setNeedTxtbNum(String needTxtbNum) {
|
||||
this.needTxtbNum = needTxtbNum;
|
||||
}
|
||||
public String getTrgtNm() {
|
||||
return trgtNm;
|
||||
}
|
||||
public void setTrgtNm(String trgtNm) {
|
||||
this.trgtNm = trgtNm;
|
||||
}
|
||||
public String getVs_clphone() {
|
||||
return vs_clphone;
|
||||
}
|
||||
public void setVs_clphone(String vs_clphone) {
|
||||
this.vs_clphone = vs_clphone;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@ -55,4 +55,7 @@ public interface VEEduMIXService {
|
||||
|
||||
//신청서 임시 저장 리스트 불러오기
|
||||
List<VEEduAplctVO> selectPagingList4Temp(VEEduAplctVO paramVO) throws Exception;
|
||||
|
||||
void updateAplctStateCd(VEEduAplctVO vEEduAplctVO);
|
||||
|
||||
}
|
||||
|
||||
@ -142,6 +142,10 @@ public class VEEduMIXDAO extends EgovAbstractDAO {
|
||||
@SuppressWarnings("unchecked")
|
||||
List<VEEduAplctVO> tlist = (List<VEEduAplctVO>) list("VEEduMIXDAO.selectExprnPagingList", paramVO);
|
||||
return tlist;
|
||||
}
|
||||
|
||||
public void updateAplctStateCd(VEEduAplctVO vEEduAplctVO) {
|
||||
update("VEEduMIXDAO.updateAplctStateCd", vEEduAplctVO);
|
||||
}
|
||||
|
||||
public List<VEEduAplctVO> selectPagingList4Temp(VEEduAplctVO paramVO) throws Exception {
|
||||
|
||||
@ -134,4 +134,10 @@ public class VEEduMIXServiceImpl implements VEEduMIXService {
|
||||
public List<VEEduAplctVO> selectPagingList4Temp(VEEduAplctVO paramVO) throws Exception{
|
||||
return vEEduMIXDAO.selectPagingList4Temp(paramVO);
|
||||
}
|
||||
|
||||
@Override
|
||||
public void updateAplctStateCd(VEEduAplctVO vEEduAplctVO) {
|
||||
vEEduMIXDAO.updateAplctStateCd(vEEduAplctVO);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -17,4 +17,6 @@ public interface VEAPrcsAplctPrdInstrAsgnmService {
|
||||
VEPrcsDetailVO selectAprvlCdEduAplctDetail(VEPrcsDetailVO vEDetailVO);
|
||||
|
||||
void updateAprvlCdEduAplctDetail(VEPrcsDetailVO vEDetailVO);
|
||||
|
||||
void updateAplctStateCdListAjax(VEPrcsDetailVO vEPrcsDetailVO);
|
||||
}
|
||||
|
||||
@ -114,6 +114,7 @@ public class VEPrcsDetailVO extends ComDefaultVO implements Serializable {
|
||||
private String eduPlace; //교육장소
|
||||
|
||||
private String instrDiv;
|
||||
private String instrCnt;
|
||||
private String userId;
|
||||
|
||||
|
||||
@ -563,6 +564,12 @@ public class VEPrcsDetailVO extends ComDefaultVO implements Serializable {
|
||||
public void setInstrDiv(String instrDiv) {
|
||||
this.instrDiv = instrDiv;
|
||||
}
|
||||
public String getInstrCnt() {
|
||||
return instrCnt;
|
||||
}
|
||||
public void setInstrCnt(String instrCnt) {
|
||||
this.instrCnt = instrCnt;
|
||||
}
|
||||
public String getUserId() {
|
||||
return userId;
|
||||
}
|
||||
|
||||
@ -36,6 +36,11 @@ public class VEAPrcsAplctPrdInstrAsgnmDAO extends EgovAbstractDAO {
|
||||
|
||||
public void updateAprvlCdEduAplctDetail(VEPrcsDetailVO vEDetailVO) {
|
||||
delete("VEAPrcsAplctPrdInstrAsgnmDAO.updateAprvlCdEduAplctDetail", vEDetailVO);
|
||||
}
|
||||
|
||||
public void updateAplctStateCdListAjax(VEPrcsDetailVO vEPrcsDetailVO) {
|
||||
update("VEAPrcsAplctPrdInstrAsgnmDAO.updateAplctStateCdListAjax", vEPrcsDetailVO);
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@ -58,4 +58,10 @@ public class VEAPrcsAplctPrdInstrAsgnmServiceImpl implements VEAPrcsAplctPrdInst
|
||||
public void updateAprvlCdEduAplctDetail(VEPrcsDetailVO vEDetailVO) {
|
||||
vEAPrcsAplctPrdInstrAsgnmDAO.updateAprvlCdEduAplctDetail(vEDetailVO);
|
||||
}
|
||||
|
||||
@Override
|
||||
public void updateAplctStateCdListAjax(VEPrcsDetailVO vEPrcsDetailVO) {
|
||||
vEAPrcsAplctPrdInstrAsgnmDAO.updateAplctStateCdListAjax(vEPrcsDetailVO);
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@ -6,6 +6,7 @@ import javax.annotation.Resource;
|
||||
import javax.servlet.http.HttpServletRequest;
|
||||
import javax.servlet.http.HttpSession;
|
||||
|
||||
import org.apache.commons.lang3.StringUtils;
|
||||
import org.slf4j.Logger;
|
||||
import org.slf4j.LoggerFactory;
|
||||
import org.springframework.stereotype.Controller;
|
||||
@ -612,7 +613,7 @@ public class CndtnPrcsInfoMngController {
|
||||
}
|
||||
|
||||
/**
|
||||
* 기반강화연수과정 기간 상세화면
|
||||
* 조건부기소유예 기간 상세화면
|
||||
*/
|
||||
@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngDetail.do")
|
||||
public String cndtnEduPrcsAplctPrdMngDetail(
|
||||
@ -652,7 +653,6 @@ public class CndtnPrcsInfoMngController {
|
||||
|
||||
List<VEEduAplctVO> vEPrcsDetailVOList = vEEduMIXService.selectList(paramVO);
|
||||
vEPrcsDetailVOList = egovCryptoUtil.decryptVeEduAplctList(vEPrcsDetailVOList);
|
||||
System.out.println("====");
|
||||
|
||||
|
||||
//대상 리스트, 페이징 정보 전달
|
||||
@ -662,6 +662,7 @@ public class CndtnPrcsInfoMngController {
|
||||
// 강사 배치 정보
|
||||
{
|
||||
|
||||
System.out.println("====");
|
||||
List<VEAPrcsAplctPrdInstrAsgnmVO> vEAPrcsAplctPrdInstrAsgnmList = vEAPrcsAplctPrdInstrAsgnmService.findByPrcsAplctPrdOrd(vEPrcsDetailVO.getPrcsAplctPrdOrd());
|
||||
List<VEAPrcsAplctPrdInstrAsgnmVO> instrAsgnmList = egovCryptoUtil.decryptVEAPrcsAplctPrdInstrAsgnmVOList(vEAPrcsAplctPrdInstrAsgnmList);
|
||||
|
||||
@ -670,10 +671,114 @@ public class CndtnPrcsInfoMngController {
|
||||
|
||||
return "/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngDetail";
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* 기반강화 신청자 상태값 변경
|
||||
* 조건부기소유예 기간 상세화면
|
||||
*/
|
||||
@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngDetail.do")
|
||||
public String cndtnEduPrcsAplctCfnMngDetail(
|
||||
@ModelAttribute("vEPrcsDetailVO") VEPrcsDetailVO vEPrcsDetailVO
|
||||
|
||||
, ModelMap model
|
||||
, RedirectAttributes redirectAttributes
|
||||
, HttpSession session
|
||||
, HttpServletRequest request
|
||||
) throws Exception {
|
||||
|
||||
//로그인 처리====================================
|
||||
//로그인 정보 가져오기
|
||||
|
||||
LoginVO loginVO = checkLoginUtil.getAuthLoginVO(); //권한에 따른 로그인 정보 가져오기
|
||||
SsoLoginVO ssoLoginVO = checkLoginUtil.getSSOLoginVO(request); //SSO 로그인 정보 가져오기
|
||||
|
||||
//과정 조회
|
||||
VEPrcsDetailVO vEPrcsDetailVODetail = vEPrcsAplctPrdService.selectDetailNewOne4Fndth(vEPrcsDetailVO);
|
||||
model.addAttribute("info", vEPrcsDetailVODetail);
|
||||
|
||||
//과정 신청자 정보 가져오기
|
||||
{
|
||||
//해당 과정을 제출한 사용자 정보를 가져온다.
|
||||
VEEduAplctVO paramVO = new VEEduAplctVO();
|
||||
paramVO.setPrcsOrd(vEPrcsDetailVO.getPrcsAplctPrdOrd());
|
||||
paramVO.setSbmtYn("Y");
|
||||
|
||||
// 검색 - 날짜
|
||||
paramVO.setSearchSmbtStartDt(vEPrcsDetailVO.getSearchSmbtStartDt());
|
||||
paramVO.setSearchSmbtEndDt(vEPrcsDetailVO.getSearchSmbtEndDt());
|
||||
// 검색 - 검색어
|
||||
paramVO.setSearchStatus(vEPrcsDetailVO.getSearchStatus());
|
||||
paramVO.setSearchSelStatus(vEPrcsDetailVO.getSearchSelStatus());
|
||||
|
||||
if(StringUtils.isNotEmpty(vEPrcsDetailVO.getSearchStatus())) {
|
||||
|
||||
String searchQuery = "AND vadi.APLCT_STATE_CD = "+vEPrcsDetailVO.getSearchStatus();
|
||||
paramVO.setSearchQuery(searchQuery);
|
||||
}
|
||||
|
||||
|
||||
List<VEEduAplctVO> vEPrcsDetailVOList = vEEduMIXService.selectList(paramVO);
|
||||
vEPrcsDetailVOList = egovCryptoUtil.decryptVeEduAplctList(vEPrcsDetailVOList);
|
||||
|
||||
|
||||
//대상 리스트, 페이징 정보 전달
|
||||
model.addAttribute("listPrcsAplct", vEPrcsDetailVOList);
|
||||
}
|
||||
|
||||
// 강사 배치 정보
|
||||
{
|
||||
|
||||
System.out.println("====");
|
||||
List<VEAPrcsAplctPrdInstrAsgnmVO> vEAPrcsAplctPrdInstrAsgnmList = vEAPrcsAplctPrdInstrAsgnmService.findByPrcsAplctPrdOrd(vEPrcsDetailVO.getPrcsAplctPrdOrd());
|
||||
List<VEAPrcsAplctPrdInstrAsgnmVO> instrAsgnmList = egovCryptoUtil.decryptVEAPrcsAplctPrdInstrAsgnmVOList(vEAPrcsAplctPrdInstrAsgnmList);
|
||||
|
||||
model.addAttribute("instrAsgnmList", instrAsgnmList);
|
||||
}
|
||||
|
||||
return "/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngDetail";
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 기소유예 이수 / 미이수 상태 변경 처리
|
||||
*/
|
||||
@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/updateAplctStateCdAjax.do")
|
||||
public ModelAndView updateAplctStateCdAjax(
|
||||
@ModelAttribute("vEEduAplctVO") VEEduAplctVO vEEduAplctVO
|
||||
, ModelMap model
|
||||
, HttpServletRequest request
|
||||
) throws Exception {
|
||||
|
||||
ModelAndView modelAndView = new ModelAndView("jsonView");
|
||||
|
||||
//로그인 처리====================================
|
||||
//로그인 정보 가져오기
|
||||
|
||||
String s_oprtnLoginCheckNInfo = checkLoginUtil.oprtnCheckNInfo(model);
|
||||
if (!"".equals(s_oprtnLoginCheckNInfo)) {
|
||||
modelAndView.addObject("result", "loginFail");
|
||||
return modelAndView;
|
||||
}
|
||||
|
||||
//로그인 처리====================================
|
||||
LoginVO loginVO = checkLoginUtil.getAuthLoginVO(); //권한에 따른 로그인 정보 가져오기
|
||||
SsoLoginVO ssoLoginVO = checkLoginUtil.getSSOLoginVO(request); //SSO 로그인 정보 가져오기
|
||||
|
||||
try {
|
||||
|
||||
vEEduMIXService.updateAplctStateCd(vEEduAplctVO);
|
||||
modelAndView.addObject("result", "success");
|
||||
} catch (Exception e) {
|
||||
modelAndView.addObject("result", "");
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
return modelAndView;
|
||||
|
||||
}
|
||||
/**
|
||||
* 기소유예 신청자 상태값 변경
|
||||
*/
|
||||
@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/updateEduAplctAprvlCdAjax.do")
|
||||
public ModelAndView updateEduAplctAprvlCd(
|
||||
@ -718,6 +823,54 @@ public class CndtnPrcsInfoMngController {
|
||||
}
|
||||
|
||||
|
||||
return modelAndView;
|
||||
|
||||
}
|
||||
|
||||
/**
|
||||
* 기소유예 교육확정상세 > 이수/미이수 체크버튼 처리
|
||||
*/
|
||||
@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/updateAplctStateCdListAjax.do")
|
||||
public ModelAndView updateAplctStateCdListAjax(
|
||||
@ModelAttribute("vEPrcsDetailVO") VEPrcsDetailVO vEPrcsDetailVO
|
||||
, ModelMap model
|
||||
, HttpServletRequest request
|
||||
) throws Exception {
|
||||
|
||||
ModelAndView modelAndView = new ModelAndView();
|
||||
modelAndView.setViewName("jsonView");
|
||||
//로그인 처리====================================
|
||||
//로그인 정보 가져오기
|
||||
String s_oprtnLoginCheckNInfo = checkLoginUtil.oprtnCheckNInfo(model);
|
||||
if (!"".equals(s_oprtnLoginCheckNInfo)) {
|
||||
modelAndView.addObject("result", "loginFail");
|
||||
return modelAndView;
|
||||
}
|
||||
//로그인 처리====================================
|
||||
|
||||
LoginVO loginVO = checkLoginUtil.getAuthLoginVO(); //권한에 따른 로그인 정보 가져오기
|
||||
|
||||
try {
|
||||
// 교육 신청 테이블에 신청자 상태값 update
|
||||
vEAPrcsAplctPrdInstrAsgnmService.updateAplctStateCdListAjax(vEPrcsDetailVO);
|
||||
|
||||
// 승인 - 승인일 경우 vea_aplct_detail_info TB에 넣어줘야함
|
||||
if("20".equals(vEPrcsDetailVO.getAprvlCd())) {
|
||||
this.aprvlCd20(vEPrcsDetailVO,loginVO.getUniqId());
|
||||
}
|
||||
// 접수취소(반려) - vea_aplct_detail_info TB에 data update
|
||||
else if("30".equals(vEPrcsDetailVO.getAprvlCd()))
|
||||
{
|
||||
this.aprvlCd30(vEPrcsDetailVO);
|
||||
}
|
||||
modelAndView.addObject("result", "success");
|
||||
|
||||
} catch (Exception ex) {
|
||||
ex.printStackTrace();
|
||||
modelAndView.addObject("result", "");
|
||||
}
|
||||
|
||||
|
||||
return modelAndView;
|
||||
|
||||
}
|
||||
@ -1037,7 +1190,7 @@ public class CndtnPrcsInfoMngController {
|
||||
|
||||
|
||||
@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngList.do")
|
||||
public String fndthEduPrcsAplctPrdMngList(
|
||||
public String cndtnEduPrcsAplctPrdMngList(
|
||||
@ModelAttribute("vEPrcsDetailVO") VEPrcsDetailVO vEPrcsDetailVO
|
||||
, ModelMap model
|
||||
) throws Exception {
|
||||
@ -1094,6 +1247,76 @@ public class CndtnPrcsInfoMngController {
|
||||
return "oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngList";
|
||||
}
|
||||
|
||||
|
||||
@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngList.do")
|
||||
public String cndtnEduPrcsAplctCfnMngList(
|
||||
@ModelAttribute("vEPrcsDetailVO") VEPrcsDetailVO vEPrcsDetailVO
|
||||
, ModelMap model
|
||||
) throws Exception {
|
||||
|
||||
//로그인 처리====================================
|
||||
//로그인 정보 가져오기
|
||||
|
||||
String s_oprtnLoginCheckNInfo = checkLoginUtil.oprtnCheckNInfo(model);
|
||||
if (!"".equals(s_oprtnLoginCheckNInfo)) return s_oprtnLoginCheckNInfo;
|
||||
|
||||
//로그인 처리====================================
|
||||
|
||||
//1.pageing step1
|
||||
PaginationInfo paginationInfo = this.setPagingStep1(vEPrcsDetailVO);
|
||||
|
||||
//임시로 페이징 처리를 안하기 위해서 RecordCountPerPage 수를 10000 으로 셋팅함
|
||||
//paginationInfo.setRecordCountPerPage(10000);
|
||||
|
||||
//2. pageing step2
|
||||
vEPrcsDetailVO = this.setPagingStep2(vEPrcsDetailVO, paginationInfo);
|
||||
|
||||
//기반강화 조회
|
||||
vEPrcsDetailVO.setLctrDivCd(LCTR_DIV_CD); //강의구분코드 VE0011 10-청소년강의, 20-성인강의, 30-체험, 50-기반강화, 60-조건부
|
||||
//교육확정 목록 조회
|
||||
vEPrcsDetailVO.setDdlnCd("20");
|
||||
|
||||
if(StringUtil.isNotEmpty(vEPrcsDetailVO.getSearchKeyword())){
|
||||
String selectCondition = "AND b.PRCS_NM LIKE CONCAT ('%', '" +vEPrcsDetailVO.getSearchKeyword() + "', '%')";
|
||||
vEPrcsDetailVO.setSelectPagingListQuery(selectCondition);
|
||||
|
||||
}
|
||||
|
||||
if(StringUtil.isNotEmpty(vEPrcsDetailVO.getPrcsKind())){
|
||||
String[] splited = vEPrcsDetailVO.getPrcsKind().split(",");
|
||||
vEPrcsDetailVO.setSearchStatusArr(splited);
|
||||
}
|
||||
|
||||
if(StringUtil.isEmpty(vEPrcsDetailVO.getPrcsDiv())) {
|
||||
|
||||
//vEPrcsDetailVO.setPrcsDiv("10");// 과정구분 VE0015 10-산업종사자, 20-대학생, 30-공무원, 40-일반인, 50-청소년, 60-학부모
|
||||
|
||||
}
|
||||
List<VEPrcsDetailVO> vEPrcsDetailVOList = vEPrcsAplctPrdService.selectPagingList4Fndth(vEPrcsDetailVO);
|
||||
|
||||
//3.pageing step3
|
||||
paginationInfo = this.setPagingStep3(vEPrcsDetailVOList, paginationInfo);
|
||||
|
||||
|
||||
model.addAttribute("paginationInfo", paginationInfo);
|
||||
|
||||
// 지정된 강사가 있는지 확인
|
||||
vEPrcsDetailVOList.stream().forEach(t->{
|
||||
|
||||
List<VEAPrcsAplctPrdInstrAsgnmVO> vEAPrcsAplctPrdInstrAsgnmList = vEAPrcsAplctPrdInstrAsgnmService.findByPrcsAplctPrdOrd(t.getPrcsAplctPrdOrd());
|
||||
if(vEAPrcsAplctPrdInstrAsgnmList.size() > 0) {
|
||||
t.setInstrCnt(Integer.toString(vEAPrcsAplctPrdInstrAsgnmList.size()));
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
//대상 리스트, 페이징 정보 전달
|
||||
model.addAttribute("list", vEPrcsDetailVOList);
|
||||
|
||||
|
||||
return "oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngList";
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 기소유예 신청기간 등록 화면
|
||||
@ -1156,7 +1379,7 @@ public class CndtnPrcsInfoMngController {
|
||||
|
||||
|
||||
/**
|
||||
* 기반강화연수과정 기간 상세수정화면
|
||||
* 조건부기소유예 기간 상세수정화면
|
||||
*/
|
||||
@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngMdfy.do")
|
||||
public String cndtnEduPrcsAplctPrdMngMdfy(
|
||||
@ -1219,7 +1442,7 @@ public class CndtnPrcsInfoMngController {
|
||||
|
||||
|
||||
/**
|
||||
* 기반강화연수과정 신청기간 수정
|
||||
* 조건부기소유예 신청기간 수정
|
||||
*/
|
||||
@RequestMapping("/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngMdfyAjax.do")
|
||||
public ModelAndView cndtnEduPrcsAplctPrdMngMdfyAjax(
|
||||
|
||||
@ -36,6 +36,7 @@ import kcc.ve.instr.tngrVisitEdu.eduInfo.service.VEEduAplctVO;
|
||||
import kcc.ve.instr.tngrVisitEdu.eduInfo.service.VEEduChasiService;
|
||||
import kcc.ve.instr.tngrVisitEdu.eduInfo.service.VEEduChasiVO;
|
||||
import kcc.ve.instr.tngrVisitEdu.eduInfo.service.VEEduMIXService;
|
||||
import kcc.ve.instr.tngrVisitEdu.prcsInfo.service.VEAPrcsAplctPrdInstrAsgnmVO;
|
||||
import kcc.ve.instr.tngrVisitEdu.prcsInfo.service.VEPrcsAplctPrdService;
|
||||
import kcc.ve.instr.tngrVisitEdu.prcsInfo.service.VEPrcsDetailVO;
|
||||
import kcc.ve.instr.tngrVisitEdu.prcsInfo.service.VEPrcsMIXService;
|
||||
@ -128,66 +129,6 @@ public class FndthPrcsAplctMngController {
|
||||
@Resource(name = "mberManageService")
|
||||
private EgovMberManageService mberManageService;
|
||||
|
||||
/**
|
||||
* 기반강화연수 과정 신청 관리 목록 화면
|
||||
*/
|
||||
@RequestMapping("/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctMngList.do")
|
||||
public String fndthEduPrcsAplctMngList( @ModelAttribute("vEEduAplctVO") VEEduAplctVO vEEduAplctVO , HttpSession session, ModelMap model ) throws Exception {
|
||||
|
||||
LoginVO user = EgovUserDetailsHelper.isAuthenticated()? (LoginVO)EgovUserDetailsHelper.getAuthenticatedUser():null;
|
||||
|
||||
//년도
|
||||
if(StringUtils.isBlank(vEEduAplctVO.getSearchYear())){
|
||||
//vEEduAplctVO.setSearchYear(String.valueOf(LocalDate.now().getYear()));
|
||||
}
|
||||
|
||||
//월
|
||||
if(StringUtils.isBlank(vEEduAplctVO.getSearchMonth())){
|
||||
vEEduAplctVO.setSearchMonth(String.valueOf(LocalDate.now().getMonthValue()));
|
||||
}
|
||||
if(!"".equals(vEEduAplctVO.getSearchChrgNm())) {
|
||||
vEEduAplctVO.setSearchChrgNm(egovCryptoUtil.encrypt(vEEduAplctVO.getSearchChrgNm()));
|
||||
}
|
||||
|
||||
// 요청, 반려건
|
||||
//vEEduAplctVO.setSearchNotStatusArr(new String[]{"60"});
|
||||
// 청소년
|
||||
vEEduAplctVO.setLctrDivCd(VeConstants.LCTR_DIV_CD_50);
|
||||
//1.pageing step1
|
||||
PaginationInfo paginationInfo = this.setPagingStep1(vEEduAplctVO);
|
||||
|
||||
//정렬
|
||||
if("".equals(vEEduAplctVO.getSearchSortCnd())){ //최초조회시 최신것 조회List
|
||||
vEEduAplctVO.setOrderByQuery("A.SBMT_PNTTM DESC");
|
||||
}else{
|
||||
vEEduAplctVO.setOrderByQuery(vEEduAplctVO.getSearchSortCnd() + " " +vEEduAplctVO.getSearchSortOrd());
|
||||
}
|
||||
|
||||
System.out.println("vEEduAplctVO.getOrderByQuery() :: "+ vEEduAplctVO.getOrderByQuery());
|
||||
|
||||
//2. pageing step2
|
||||
vEEduAplctVO = this.setPagingStep2Sub(vEEduAplctVO, paginationInfo);
|
||||
vEEduAplctVO.setNotiUserId(user.getUniqId());
|
||||
vEEduAplctVO.setMenuNo(session.getAttribute("menuNo").toString());
|
||||
|
||||
|
||||
/*
|
||||
* 리스트 검색에서 교육일자 시작/종료일 입력 없이 검색시
|
||||
* 기존 searchEndDt where 조건에 1=2로 되어있어서 리스트 검색이 안되던 것을
|
||||
* 저작위 요청사항으로 1=1로 변경하여 날짜 입력이 안되어도 검색이 되도록 수정함
|
||||
* 2023-04-28 우영두
|
||||
*
|
||||
* */
|
||||
List<VEEduAplctVO> vEEduAplctVOList = vEEduMIXService.selectPagingList(vEEduAplctVO);
|
||||
vEEduAplctVOList = egovCryptoUtil.decryptVEEduAplctVOList(vEEduAplctVOList);
|
||||
vEEduAplctVO.setSearchChrgNm(egovCryptoUtil.decrypt(vEEduAplctVO.getSearchChrgNm()));
|
||||
//3.pageing step3
|
||||
paginationInfo = this.setPagingStep3(vEEduAplctVOList, paginationInfo);
|
||||
model.addAttribute("paginationInfo", paginationInfo);
|
||||
//대상 리스트, 페이징 정보 전달
|
||||
model.addAttribute("list", vEEduAplctVOList);
|
||||
return "oprtn/fndthEnhanceTrn/fndthEduPrcsAplctMngList";
|
||||
}
|
||||
|
||||
/**
|
||||
* 기반강화연수 신청 등록 화면
|
||||
|
||||
@ -7,6 +7,7 @@ import javax.annotation.Resource;
|
||||
import javax.servlet.http.HttpServletRequest;
|
||||
import javax.servlet.http.HttpSession;
|
||||
|
||||
import org.apache.commons.lang3.StringUtils;
|
||||
import org.slf4j.Logger;
|
||||
import org.slf4j.LoggerFactory;
|
||||
import org.springframework.stereotype.Controller;
|
||||
@ -240,6 +241,147 @@ public class FndthPrcsAplctPrdMngController {
|
||||
return "oprtn/fndthEnhanceTrn/fndthEduPrcsAplctPrdMngList";
|
||||
///kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsMngList.do
|
||||
}
|
||||
|
||||
/**
|
||||
* 기반강화연수 교육확정관리목록
|
||||
*/
|
||||
@RequestMapping("/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngList.do")
|
||||
public String fndthEduPrcsAplctMngList( @ModelAttribute("vEPrcsDetailVO") VEPrcsDetailVO vEPrcsDetailVO
|
||||
, HttpSession session, ModelMap model ) throws Exception {
|
||||
|
||||
|
||||
|
||||
//로그인 처리====================================
|
||||
//로그인 정보 가져오기
|
||||
|
||||
String s_oprtnLoginCheckNInfo = checkLoginUtil.oprtnCheckNInfo(model);
|
||||
if (!"".equals(s_oprtnLoginCheckNInfo)) return s_oprtnLoginCheckNInfo;
|
||||
|
||||
//로그인 처리====================================
|
||||
|
||||
//1.pageing step1
|
||||
PaginationInfo paginationInfo = this.setPagingStep1(vEPrcsDetailVO);
|
||||
|
||||
//임시로 페이징 처리를 안하기 위해서 RecordCountPerPage 수를 10000 으로 셋팅함
|
||||
//paginationInfo.setRecordCountPerPage(10000);
|
||||
|
||||
//2. pageing step2
|
||||
vEPrcsDetailVO = this.setPagingStep2(vEPrcsDetailVO, paginationInfo);
|
||||
|
||||
//기반강화 조회
|
||||
vEPrcsDetailVO.setLctrDivCd("50"); //강의구분코드 VE0011 10-청소년강의, 20-성인강의, 30-체험, 50-기반강화, 60-조건부
|
||||
//교육확정 목록 조회
|
||||
vEPrcsDetailVO.setDdlnCd("20");
|
||||
|
||||
if(StringUtil.isNotEmpty(vEPrcsDetailVO.getSearchKeyword())){
|
||||
String selectCondition = "AND b.PRCS_NM LIKE CONCAT ('%', '" +vEPrcsDetailVO.getSearchKeyword() + "', '%')";
|
||||
vEPrcsDetailVO.setSelectPagingListQuery(selectCondition);
|
||||
|
||||
}
|
||||
|
||||
if(StringUtil.isNotEmpty(vEPrcsDetailVO.getPrcsKind())){
|
||||
String[] splited = vEPrcsDetailVO.getPrcsKind().split(",");
|
||||
vEPrcsDetailVO.setSearchStatusArr(splited);
|
||||
}
|
||||
|
||||
if(StringUtil.isEmpty(vEPrcsDetailVO.getPrcsDiv())) {
|
||||
|
||||
//vEPrcsDetailVO.setPrcsDiv("10");// 과정구분 VE0015 10-산업종사자, 20-대학생, 30-공무원, 40-일반인, 50-청소년, 60-학부모
|
||||
|
||||
}
|
||||
List<VEPrcsDetailVO> vEPrcsDetailVOList = vEPrcsAplctPrdService.selectPagingList4Fndth(vEPrcsDetailVO);
|
||||
|
||||
//3.pageing step3
|
||||
paginationInfo = this.setPagingStep3(vEPrcsDetailVOList, paginationInfo);
|
||||
|
||||
|
||||
model.addAttribute("paginationInfo", paginationInfo);
|
||||
|
||||
// 지정된 강사가 있는지 확인
|
||||
vEPrcsDetailVOList.stream().forEach(t->{
|
||||
|
||||
List<VEAPrcsAplctPrdInstrAsgnmVO> vEAPrcsAplctPrdInstrAsgnmList = vEAPrcsAplctPrdInstrAsgnmService.findByPrcsAplctPrdOrd(t.getPrcsAplctPrdOrd());
|
||||
if(vEAPrcsAplctPrdInstrAsgnmList.size() > 0) {
|
||||
t.setInstrCnt(Integer.toString(vEAPrcsAplctPrdInstrAsgnmList.size()));
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
//대상 리스트, 페이징 정보 전달
|
||||
model.addAttribute("list", vEPrcsDetailVOList);
|
||||
|
||||
|
||||
|
||||
|
||||
return "oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngList";
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* 조건부기소유예 기간 상세화면
|
||||
*/
|
||||
@RequestMapping("/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngDetail.do")
|
||||
public String cndtnEduPrcsAplctCfnMngDetail(
|
||||
@ModelAttribute("vEPrcsDetailVO") VEPrcsDetailVO vEPrcsDetailVO
|
||||
|
||||
, ModelMap model
|
||||
, RedirectAttributes redirectAttributes
|
||||
, HttpSession session
|
||||
, HttpServletRequest request
|
||||
) throws Exception {
|
||||
|
||||
//로그인 처리====================================
|
||||
//로그인 정보 가져오기
|
||||
|
||||
LoginVO loginVO = checkLoginUtil.getAuthLoginVO(); //권한에 따른 로그인 정보 가져오기
|
||||
SsoLoginVO ssoLoginVO = checkLoginUtil.getSSOLoginVO(request); //SSO 로그인 정보 가져오기
|
||||
|
||||
//과정 조회
|
||||
VEPrcsDetailVO vEPrcsDetailVODetail = vEPrcsAplctPrdService.selectDetailNewOne4Fndth(vEPrcsDetailVO);
|
||||
model.addAttribute("info", vEPrcsDetailVODetail);
|
||||
|
||||
//과정 신청자 정보 가져오기
|
||||
{
|
||||
//해당 과정을 제출한 사용자 정보를 가져온다.
|
||||
VEEduAplctVO paramVO = new VEEduAplctVO();
|
||||
paramVO.setPrcsOrd(vEPrcsDetailVO.getPrcsAplctPrdOrd());
|
||||
paramVO.setSbmtYn("Y");
|
||||
|
||||
if(StringUtils.isNotEmpty(vEPrcsDetailVO.getSearchStatus())) {
|
||||
|
||||
String searchQuery = "AND vadi.APLCT_STATE_CD = "+vEPrcsDetailVO.getSearchStatus();
|
||||
paramVO.setSearchQuery(searchQuery);
|
||||
}
|
||||
// 검색 - 날짜
|
||||
paramVO.setSearchSmbtStartDt(vEPrcsDetailVO.getSearchSmbtStartDt());
|
||||
paramVO.setSearchSmbtEndDt(vEPrcsDetailVO.getSearchSmbtEndDt());
|
||||
// 검색 - 검색어
|
||||
paramVO.setSearchStatus(vEPrcsDetailVO.getSearchStatus());
|
||||
|
||||
|
||||
|
||||
List<VEEduAplctVO> vEPrcsDetailVOList = vEEduMIXService.selectList(paramVO);
|
||||
vEPrcsDetailVOList = egovCryptoUtil.decryptVeEduAplctList(vEPrcsDetailVOList);
|
||||
System.out.println("====");
|
||||
|
||||
|
||||
//대상 리스트, 페이징 정보 전달
|
||||
model.addAttribute("listPrcsAplct", vEPrcsDetailVOList);
|
||||
}
|
||||
|
||||
// 강사 배치 정보
|
||||
{
|
||||
|
||||
System.out.println("====");
|
||||
List<VEAPrcsAplctPrdInstrAsgnmVO> vEAPrcsAplctPrdInstrAsgnmList = vEAPrcsAplctPrdInstrAsgnmService.findByPrcsAplctPrdOrd(vEPrcsDetailVO.getPrcsAplctPrdOrd());
|
||||
List<VEAPrcsAplctPrdInstrAsgnmVO> instrAsgnmList = egovCryptoUtil.decryptVEAPrcsAplctPrdInstrAsgnmVOList(vEAPrcsAplctPrdInstrAsgnmList);
|
||||
|
||||
model.addAttribute("instrAsgnmList", instrAsgnmList);
|
||||
}
|
||||
|
||||
return "oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngDetail";
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
|
||||
@ -109,11 +109,10 @@
|
||||
/* cndtnTrgtInfoMngDAO.update */
|
||||
UPDATE
|
||||
<include refid="CndtnTrgtInfoMngDAO.table_name"/>
|
||||
SET
|
||||
user_id = #userId#
|
||||
, edu_state_cd = #eduStateCd#
|
||||
, last_updt_pnttm = SYSDATE
|
||||
, last_updusr_id = #lastUpdusrId#
|
||||
SET
|
||||
edu_state_cd = #eduStateCd#
|
||||
, last_updt_pnttm = SYSDATE
|
||||
, last_updusr_id = #lastUpdusrId#
|
||||
, trgt_nm = #trgtNm#
|
||||
, clphone = #clphone#
|
||||
, d_birth = #dBirth#
|
||||
|
||||
@ -117,7 +117,7 @@
|
||||
|
||||
</select>
|
||||
|
||||
<!-- 강사 정보 L -->
|
||||
<!-- -->
|
||||
<select id="VEEduMIXDAO.selectList" parameterClass="VEEduAplctVO" resultClass="VEEduAplctVO">
|
||||
/* VEEduMIXDAO.selectList */
|
||||
SELECT
|
||||
@ -149,6 +149,63 @@
|
||||
AND a.aprvl_cd = #searchSelStatus#
|
||||
</isNotEmpty>
|
||||
|
||||
<isNotEmpty property="searchQuery">
|
||||
$searchQuery$
|
||||
</isNotEmpty>
|
||||
|
||||
<isNotEmpty property="searchSmbtStartDt">
|
||||
AND TO_CHAR(a.sbmt_pnttm, 'YYYYMMDD') <![CDATA[ >= ]]> REPLACE(#searchSmbtStartDt#, '.' , '')
|
||||
</isNotEmpty>
|
||||
|
||||
<isNotEmpty property="searchSmbtEndDt">
|
||||
AND TO_CHAR(a.sbmt_pnttm, 'YYYYMMDD') <![CDATA[ <= ]]> REPLACE(#searchSmbtEndDt#, '.' , '')
|
||||
</isNotEmpty>
|
||||
|
||||
AND a.use_yn = 'Y'
|
||||
|
||||
</select>
|
||||
|
||||
<!-- -->
|
||||
<select id="VEEduMIXDAO.selectTrgtList" parameterClass="VEEduAplctVO" resultClass="VEEduAplctVO">
|
||||
/* VEEduMIXDAO.selectList */
|
||||
SELECT
|
||||
qe.QESTNR_ID AS qestnrId , /* 설문했으면 ID가 있음 */
|
||||
vadi.APLCT_STATE_CD AS aplctStateCd, /* 이수 상태 */
|
||||
le.MBER_NM AS userNm,
|
||||
<include refid="VEEduMIXDAO.select_column_name"/>,
|
||||
vsit.trgt_nm AS trgtNm,
|
||||
vsit.clphone AS vs_clphone,
|
||||
vsit.d_birth AS dBirth
|
||||
FROM
|
||||
<include refid="VEEduMIXDAO.table_name"/> a
|
||||
JOIN ve_prcs_aplct_prd vpap ON
|
||||
a.PRCS_ORD = vpap.PRCS_APLCT_PRD_ORD
|
||||
LEFT JOIN VEA_APLCT_DETAIL_INFO vadi ON
|
||||
a.EDU_APLCT_ORD = vadi.EDU_APLCT_ORD
|
||||
/* AND vpap.PRCS_APLCT_PRD_ORD = vadi.PRCS_APLCT_PRD_ORD */
|
||||
JOIN LETTNGNRLMBER le ON
|
||||
a.USER_ID = le.MBER_ID
|
||||
LEFT JOIN LETTNQESTNRINFO qe ON
|
||||
a.USER_ID = qe.FRST_REGISTER_ID
|
||||
LEFT JOIN VEA_SSPN_IDMT_TRGT vsit
|
||||
ON a.user_id = vsit.user_id
|
||||
WHERE
|
||||
1=1
|
||||
<isNotEmpty property="prcsOrd">
|
||||
AND a.prcs_ord=#prcsOrd#
|
||||
</isNotEmpty>
|
||||
<isNotEmpty property="sbmtYn">
|
||||
AND a.sbmt_yn=#sbmtYn#
|
||||
</isNotEmpty>
|
||||
|
||||
<isNotEmpty property="searchSelStatus">
|
||||
AND a.aprvl_cd = #searchSelStatus#
|
||||
</isNotEmpty>
|
||||
|
||||
<isNotEmpty property="searchQuery">
|
||||
$searchQuery$
|
||||
</isNotEmpty>
|
||||
|
||||
<isNotEmpty property="searchSmbtStartDt">
|
||||
AND TO_CHAR(a.sbmt_pnttm, 'YYYYMMDD') <![CDATA[ >= ]]> REPLACE(#searchSmbtStartDt#, '.' , '')
|
||||
</isNotEmpty>
|
||||
@ -3458,6 +3515,19 @@ VALUES
|
||||
edu_aplct_ord = #eduAplctOrd#
|
||||
</insert>
|
||||
|
||||
<update id="VEEduMIXDAO.updateAplctStateCd" parameterClass="VEEduAplctVO">
|
||||
/* VEEduMIXDAO.updateAplctStateCd */
|
||||
|
||||
UPDATE
|
||||
vea_aplct_detail_info
|
||||
SET
|
||||
aplct_state_cd = #aplctStateCd#
|
||||
WHERE
|
||||
prcs_aplct_prd_ord = #prcsAplctPrdOrd#
|
||||
AND edu_aplct_ord = #eduAplctOrd#
|
||||
|
||||
|
||||
</update>
|
||||
<select id="VEEduMIXDAO.selectExprnPagingList" parameterClass="VEEduAplctVO" resultClass="VEEduAplctVO">
|
||||
/* 임시.*NOT_SQL_LOG.* VEEduMIXDAO.selectExprnPagingList */
|
||||
SELECT
|
||||
|
||||
@ -116,9 +116,26 @@
|
||||
|
||||
<!-- 교육 신청자 상태 update -->
|
||||
<update id="VEAPrcsAplctPrdInstrAsgnmDAO.udpateAprvlCdEduAplct" parameterClass="VEPrcsDetailVO">
|
||||
|
||||
/* VEAPrcsAplctPrdInstrAsgnmDAO.updateAplctStateCdListAjax */
|
||||
|
||||
UPDATE VE_EDU_APLCT
|
||||
SET aprvl_cd = #aprvlCd#
|
||||
WHERE edu_aplct_ord IN
|
||||
WHERE prcs_aplct_prd_ord = #prcsAplctPrdOrd#
|
||||
AND edu_aplct_ord IN
|
||||
<iterate property="eduAplctOrdList" open="(" close=")" conjunction=",">
|
||||
#eduAplctOrdList[]#
|
||||
</iterate>
|
||||
</update>
|
||||
|
||||
<!-- 교육 신청자 상태 update -->
|
||||
<update id="VEAPrcsAplctPrdInstrAsgnmDAO.updateAplctStateCdListAjax" parameterClass="VEPrcsDetailVO">
|
||||
/* VEAPrcsAplctPrdInstrAsgnmDAO.updateAplctStateCdListAjax */
|
||||
|
||||
UPDATE VEA_APLCT_DETAIL_INFO
|
||||
SET aplct_state_cd = #aplctStateCd#
|
||||
WHERE prcs_aplct_prd_ord = #prcsAplctPrdOrd#
|
||||
AND edu_aplct_ord IN
|
||||
<iterate property="eduAplctOrdList" open="(" close=")" conjunction=",">
|
||||
#eduAplctOrdList[]#
|
||||
</iterate>
|
||||
@ -126,7 +143,8 @@
|
||||
|
||||
<!-- 강사 배정 등록 -->
|
||||
<select id="VEAPrcsAplctPrdInstrAsgnmDAO.findByPrcsAplctPrdOrd" parameterClass="String" resultClass="VEAPrcsAplctPrdInstrAsgnmVO">
|
||||
|
||||
/* VEAPrcsAplctPrdInstrAsgnmDAO.findByPrcsAplctPrdOrd */
|
||||
|
||||
SELECT
|
||||
<include refid="VEAPrcsAplctPrdInstrAsgnmDAO.select_column_name"/>
|
||||
, vid.instr_nm as instrNm
|
||||
|
||||
@ -331,11 +331,17 @@
|
||||
<isNotEmpty property="prcsAplctPrdOrd">
|
||||
AND a.prcs_aplct_prd_ord=#prcsAplctPrdOrd#
|
||||
</isNotEmpty>
|
||||
|
||||
/*교육확정목록을 조회하기 위한 조건문*/
|
||||
<isNotEmpty property="ddlnCd">
|
||||
AND a.ddln_cd = #ddlnCd#
|
||||
</isNotEmpty>
|
||||
|
||||
<isNotEmpty property="searchKeyword">
|
||||
AND b.prcs_nm LIKE '%'|| #searchKeyword# ||'%'
|
||||
</isNotEmpty>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
ORDER BY 1
|
||||
@ -592,13 +598,13 @@
|
||||
<select id="VEPrcsAplctPrdDAO.findAllDashboardCnt" parameterClass="VEPrcsDetailVO" resultClass="java.util.HashMap">
|
||||
/*
|
||||
VEPrcsAplctPrdDAO.findAllDashboardCnt
|
||||
count_end_cd 는 조건이 b.aplct_state_cd = '20' (VEA003 - 이수완료) 여야 하는데
|
||||
이수완료 update 액션 포인트가 아직 안정해져 있어서 날짜로 대체
|
||||
count_end_cd 는 조건이 b.aplct_state_cd = '20' (VEA003 - 이수완료)
|
||||
*/
|
||||
SELECT
|
||||
SUM(CASE WHEN a.aprvl_cd = '10' THEN 1 ELSE 0 END) AS count_aprvl_cd_10,
|
||||
SUM(CASE WHEN a.aprvl_cd = '20' AND TO_DATE(c.edu_ddln_pnttm, 'YYYY.MM.DD') > CURRENT_DATE THEN 1 ELSE 0 END) AS count_aprvl_cd_20,
|
||||
SUM(CASE WHEN a.aprvl_cd = '20' AND TO_DATE(c.edu_ddln_pnttm, 'YYYY.MM.DD') < CURRENT_DATE THEN 1 ELSE 0 END) AS count_end_cd
|
||||
SUM(CASE WHEN a.aprvl_cd = '10' THEN 1 ELSE 0 END) AS count_aprvl_cd_10
|
||||
, SUM(CASE WHEN a.aprvl_cd = '20'
|
||||
AND TO_DATE(c.edu_ddln_pnttm, 'YYYY.MM.DD') > CURRENT_DATE THEN 1 ELSE 0 END) AS count_aprvl_cd_20
|
||||
, SUM(CASE WHEN a.aprvl_cd = '20' AND b.aplct_state_cd = '20' THEN 1 ELSE 0 END) AS count_end_cd
|
||||
FROM
|
||||
ve_edu_aplct a
|
||||
LEFT JOIN vea_aplct_detail_info b
|
||||
|
||||
@ -0,0 +1,491 @@
|
||||
<!DOCTYPE html>
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8"
|
||||
pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
||||
<%@ taglib prefix="ve" uri="/WEB-INF/tlds/kcc_tld.tld"%>
|
||||
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
|
||||
<%
|
||||
/**
|
||||
* @Class Name : cndtnEduPrcsAplctPrdMngDetail.jsp
|
||||
* @Description : 기반강화연수 기간 상세화면
|
||||
* @Modification Information
|
||||
* @
|
||||
* @ 수정일 수정자 수정내용
|
||||
* @ ------- -------- ---------------------------
|
||||
* @ 2021.12.16 조용준 최초 생성
|
||||
* @author 조용주
|
||||
* @since 2021.12.16
|
||||
* @version 1.0
|
||||
* @see
|
||||
*
|
||||
*/
|
||||
%>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title>교육과정관리</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
$('#searchStatus').change(function(){
|
||||
searchpage();
|
||||
});
|
||||
});
|
||||
|
||||
function searchpage(){
|
||||
|
||||
var form = document.detailForm ;
|
||||
form.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngDetail.do'/>";
|
||||
form.submit();
|
||||
|
||||
}
|
||||
|
||||
function fncGoList(){
|
||||
var listForm = document.listForm ;
|
||||
listForm.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngList.do'/>";
|
||||
listForm.submit();
|
||||
}
|
||||
|
||||
function fncGoDetail(){
|
||||
var form = document.detailForm ;
|
||||
form.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngDetail.do'/>";
|
||||
form.submit();
|
||||
}
|
||||
|
||||
function fncMdfy(){
|
||||
var detailForm = document.detailForm ;
|
||||
detailForm.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctPrdMngMdfy.do'/>";
|
||||
detailForm.submit();
|
||||
}
|
||||
|
||||
|
||||
|
||||
function fn_delInstr(data){
|
||||
document.instrForm.userId.value = data ;
|
||||
var data = new FormData(document.getElementById("instrForm"));
|
||||
if(confirm("삭제하시겠습니까?")){
|
||||
// var url = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/instrDelAjax.do'/>";
|
||||
var url = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/instrDelAjax.do'/>";
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url: url,
|
||||
data: data,
|
||||
dataType:'json',
|
||||
async: false,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
cache: false,
|
||||
success:function(returnData){
|
||||
if(returnData.result == "success"){
|
||||
alert("삭제되었습니다.");
|
||||
// 새로고침
|
||||
window.location.reload();
|
||||
}
|
||||
},
|
||||
error:function(request , status, error){
|
||||
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
|
||||
}
|
||||
});
|
||||
}
|
||||
event.stopImmediatePropagation();
|
||||
}
|
||||
|
||||
|
||||
function fn_statusChg(eduAplctOrd, aplctStateCd){
|
||||
document.statusChgForm.eduAplctOrd.value = eduAplctOrd ;
|
||||
document.statusChgForm.aplctStateCd.value = aplctStateCd ;
|
||||
var data = new FormData(document.getElementById("statusChgForm"));
|
||||
if(confirm("상태병경을 하시겠습니까?")){
|
||||
var url = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/updateAplctStateCdAjax.do'/>";
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url: url,
|
||||
data: data,
|
||||
dataType:'json',
|
||||
async: false,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
cache: false,
|
||||
success:function(returnData){
|
||||
if(returnData.result == "success"){
|
||||
alert("변경되었습니다.");
|
||||
// 새로고침
|
||||
window.location.reload();
|
||||
}
|
||||
},
|
||||
error:function(request , status, error){
|
||||
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
|
||||
}
|
||||
});
|
||||
}
|
||||
event.stopImmediatePropagation();
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 강사 배치
|
||||
function fncInstrAsgnmInfo(prcsAplctPrdOrd) {
|
||||
var form = document.popForm;
|
||||
|
||||
form.prcsAplctPrdOrd.value = prcsAplctPrdOrd;
|
||||
|
||||
// form.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/popup/fndthInstrAsgnmPopup.do'/>";
|
||||
form.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/popup/cndtnInstrAsgnmPopup.do'/>";
|
||||
|
||||
window.open("#", "_securityPop", "scrollbars = no, top=100px, left=100px, height=750px, width=950px");
|
||||
form.target = "_securityPop";
|
||||
form.submit();
|
||||
}
|
||||
|
||||
function chkAll(obj) {
|
||||
// 모든 체크박스의 상태를 헤더 체크박스의 상태와 동일하게 설정
|
||||
$("input[name='chk']").prop('checked', $(obj).prop('checked'));
|
||||
}
|
||||
|
||||
// form 데이터를 묶지 않기 때문에 prcsAplctPrdOrd 데이터 필요함
|
||||
function fn_statusChgList(p_aplctStateCd, p_prcsAplctPrdOrd) {
|
||||
var selectedEduAplctOrd = [];
|
||||
|
||||
// "chk" 이름을 가진 체크박스가 체크된 항목들을 순회
|
||||
$("input[name='chk']:checked").each(function() {
|
||||
var eduAplctOrdValue = $(this).val();
|
||||
selectedEduAplctOrd.push(eduAplctOrdValue);
|
||||
});
|
||||
|
||||
console.log('selectedEduAplctOrd : ', selectedEduAplctOrd);
|
||||
// 선택된 항목이 없으면 경고 메시지를 표시하고 함수를 종료
|
||||
if (selectedEduAplctOrd.length === 0) {
|
||||
alert("선택된 항목이 없습니다. 선택 후 다시 시도하세요.");
|
||||
return false;
|
||||
}
|
||||
|
||||
var dataToSend = {
|
||||
"eduAplctOrdList": selectedEduAplctOrd,
|
||||
"aplctStateCd": p_aplctStateCd,
|
||||
"prcsAplctPrdOrd": p_prcsAplctPrdOrd
|
||||
};
|
||||
|
||||
var url = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/updateAplctStateCdListAjax.do'/>";
|
||||
|
||||
|
||||
// AJAX 호출을 통해 서버에 데이터 전송
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url: url,
|
||||
data: $.param(dataToSend, true), // 직렬화 , 컨트롤러에서 @ModelAttribute로 받을 수 있음
|
||||
// contentType : 'application/json',
|
||||
dataType:'json',
|
||||
success:function(returnData){
|
||||
if(returnData.result == "success"){
|
||||
alert("변경 처리 되었습니다.");
|
||||
window.location.reload();
|
||||
}else{
|
||||
alert("변경 중 오류가 발생하였습니다.");
|
||||
}
|
||||
},
|
||||
error: function(jqXHR, textStatus, errorThrown) {
|
||||
console.error("AJAX Error:", textStatus, errorThrown);
|
||||
console.error("Response:", jqXHR.responseText);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<form id="instrForm" name="instrForm" method="post">
|
||||
<input type="hidden" name="prcsAplctPrdOrd" id="prcsAplctPrdOrd" value="<c:out value='${vEPrcsDetailVO.prcsAplctPrdOrd}' />"/>
|
||||
<input type="hidden" name="userId" id="userId"/>
|
||||
</form>
|
||||
<form id="statusChgForm" name="statusChgForm" method="post">
|
||||
<input type="hidden" name="prcsAplctPrdOrd" id="prcsAplctPrdOrd" value="<c:out value='${vEPrcsDetailVO.prcsAplctPrdOrd}' />"/>
|
||||
<input type="hidden" name="aplctStateCd" id="aplctStateCd"/>
|
||||
<input type="hidden" name="eduAplctOrd" id="eduAplctOrd"/>
|
||||
</form>
|
||||
<form:form id="listForm" name="listForm" commandName="vEPrcsDetailVO" method="post">
|
||||
</form:form>
|
||||
<form id="popForm" name="popForm" method="post">
|
||||
<input type="hidden" name="pageIndex" value="1"/>
|
||||
<input type="hidden" name="prcsAplctPrdOrd" value="" />
|
||||
<input type="hidden" name="pageUnit" value="5" />
|
||||
</form>
|
||||
<form:form id="detailForm" name="detailForm" commandName="vEPrcsDetailVO" method="post">
|
||||
<input type="hidden" name="prcsAplctPrdOrd" id="prcsAplctPrdOrd" value="<c:out value='${vEPrcsDetailVO.prcsAplctPrdOrd}' />"/>
|
||||
<!-- cont -->
|
||||
<div class="cont_wrap">
|
||||
<div class="box">
|
||||
|
||||
|
||||
<!-- cont_tit -->
|
||||
<div class="cont_tit">
|
||||
<h2>교육확정상세</h2>
|
||||
<ul class="cont_nav">
|
||||
<li class="home"><a href="/"><i></i></a></li>
|
||||
<li>
|
||||
<p>조건부기소유예관리</p>
|
||||
</li>
|
||||
<li><span class="cur_nav">교육확정상세</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //cont_tit -->
|
||||
|
||||
<div class="cont">
|
||||
<!-- list_상세 -->
|
||||
<div class="tb_tit01">
|
||||
<p>교육과정관리</p>
|
||||
</div>
|
||||
<div class="tb_type02">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 210px;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 210px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">교육부분</th>
|
||||
<td>
|
||||
<ve:code codeId="VEA001" code="${info.prcsDiv}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">과정</th>
|
||||
<td>
|
||||
<c:out value="${info.prcsNm}"/>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">신청기간</th>
|
||||
<td>
|
||||
<c:out value="${info.strtPnttm}"/>~<c:out value="${info.endPnttm}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">교육장소</th>
|
||||
<td class="addPro_wrap">
|
||||
<c:out value="${info.eduPlace}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">교육기간</th>
|
||||
<td>
|
||||
<c:out value="${info.eduStrtPnttm}"/>~<c:out value="${info.eduDdlnPnttm}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">상세교육과정</th>
|
||||
<td>
|
||||
<c:out value="${info.prcsCn }" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">정원</th>
|
||||
<td class="addPro_wrap">
|
||||
<c:out value="${info.nos}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">상태</th>
|
||||
<td id="ddlnCdStts">
|
||||
<ve:code codeId="VEA004" code="${info.ddlnCd}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<%-- <tr>
|
||||
<th scope="row">
|
||||
<p>공개여부(사용여부)</p>
|
||||
</th>
|
||||
<td>
|
||||
<c:if test="${empty info.useYn or info.useYn eq 'Y'}">예</c:if>
|
||||
<c:if test="${info.useYn eq 'N'}">아니오</c:if>
|
||||
</td>
|
||||
</tr> --%>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //list_상세 -->
|
||||
|
||||
<!-- btn_wrap -->
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type02" onclick="fncMdfy(); return false;">수정</button>
|
||||
<button type="button" class="btn_type03" onclick="fncGoList(); return false;">목록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
강사 배치 정보
|
||||
강사 배치 정보
|
||||
-->
|
||||
<div class="tb_tit01">
|
||||
<p>강사 배치 정보</p>
|
||||
</div>
|
||||
<div class="tb_type01">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 210px;"><!-- name -->
|
||||
<col style="width: auto;"><!-- 제출일 -->
|
||||
<col style="width: 210px;"><!-- 신청상태 -->
|
||||
<col style="width: 210px;"><!-- 신청상태 -->
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>강사명</th>
|
||||
<th>연락처</th>
|
||||
<th>확정여부</th>
|
||||
<th>삭제</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:choose>
|
||||
<c:when test="${!empty instrAsgnmList }">
|
||||
<c:forEach var="list" items="${instrAsgnmList}" varStatus="status">
|
||||
<tr>
|
||||
<td>
|
||||
<c:out value="${list.instrNm }"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.phone }"/>
|
||||
</td>
|
||||
<td>
|
||||
<ve:code codeId="VE0019" code="${list.asgnmAprvlCd}"/>
|
||||
</td>
|
||||
<td>
|
||||
<button type="button" class="btn_type01" onclick="fn_delInstr('<c:out value="${list.userId }" />')">삭제</button>
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="4">강사 배치 정보가 없습니다.</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- btn_wrap -->
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type02" onclick="fncInstrAsgnmInfo('<c:out value="${info.prcsAplctPrdOrd }" />'); return false;">강사배치</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
교육 신청자 list_상세
|
||||
교육 신청자 list_상세
|
||||
-->
|
||||
<div class="tb_tit01">
|
||||
<p>교육신청자</p> <!-- ${listPrcsAplct } -->
|
||||
</div>
|
||||
|
||||
<!-- list_top -->
|
||||
<div class="list_top search-only">
|
||||
<div class="list_top_1">
|
||||
<div class="util_right">
|
||||
<ve:select codeId="VEA003" name="searchStatus" id="searchStatus" css="class='sel_type1'"
|
||||
selectedValue="${vEPrcsDetailVO.searchStatus}" defaultValue='' includes="10,20"
|
||||
defaultText='전체'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tb_type01">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 5%">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 12%">
|
||||
<col style="width: 210px;">
|
||||
<col style="width: 210px;">
|
||||
<col style="width: 210px;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" name="checkAll" id="checkAll" onclick="chkAll(this);" /><label for="checkAll"></label></th>
|
||||
<th>신청자(대상자)</th>
|
||||
<th>주민번호 앞자리</th>
|
||||
<th>연락처</th>
|
||||
<th>교육이수여부</th>
|
||||
<th>교육이수상태변경</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:choose>
|
||||
<c:when test="${!empty listPrcsAplct}">
|
||||
<c:forEach var="list" items="${listPrcsAplct}" varStatus="status">
|
||||
<tr>
|
||||
<td>
|
||||
<input name="chk" class="${list.asgnmAprvlCd}"
|
||||
value="${list.eduAplctOrd}" title="Check" type="checkbox"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.userNm}"/>(<c:out value="${list.trgtNm}"/>)
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.dBirth}"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.vs_clphone}"/>
|
||||
</td>
|
||||
<td>
|
||||
<ve:code codeId="VEA003" code="${list.aplctStateCd}"/>
|
||||
</td>
|
||||
<td>
|
||||
<button type="button" class="btn_type04" onclick="fn_statusChg('<c:out value="${list.eduAplctOrd }" />', '20')">이수</button>
|
||||
<button type="button" class="btn_type05" onclick="fn_statusChg('<c:out value="${list.eduAplctOrd }" />', '10')">미이수</button>
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="6">데이터가 없습니다.</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //list_상세 -->
|
||||
<!-- btn_wrap -->
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type04" onclick="location.href='<c:url value="/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngList.do" />'; return false;">교육확정목록</button>
|
||||
<button type="button" class="btn_type04" onclick="fn_statusChgList('20', '<c:out value="${info.prcsAplctPrdOrd }" />'); return false;">이수</button>
|
||||
<button type="button" class="btn_type04" onclick="fn_statusChgList('10', '<c:out value="${info.prcsAplctPrdOrd }" />'); return false;">미이수</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form:form>
|
||||
<!-- //cont -->
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,320 @@
|
||||
<!DOCTYPE html>
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
||||
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
|
||||
<%@ taglib prefix="kc" uri="/WEB-INF/tlds/kcc_tld.tld"%>
|
||||
<%@ taglib prefix="un" uri="http://jakarta.apache.org/taglibs/unstandard-1.0" %>
|
||||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
||||
<%@ taglib prefix="ve" uri="/WEB-INF/tlds/kcc_tld.tld"%>
|
||||
<un:useConstants var="KccadrStatus" className="kcc.kccadr.cmm.KccadrConstants" />
|
||||
<%
|
||||
/**
|
||||
* @Class Name : cndtnEduPrcsAplctPrdMngList.jsp
|
||||
* @Description : 조건부기소유예관리 과정 신청기간관리 목록
|
||||
* @Modification Information
|
||||
* @
|
||||
* @ 수정일 수정자 수정내용
|
||||
* @ ------- -------- ---------------------------
|
||||
* @ 2021.12.14 조용준 최초 생성
|
||||
* @author 조용준
|
||||
* @since 2021.12.14
|
||||
* @version 1.0
|
||||
* @see
|
||||
*
|
||||
*/
|
||||
%>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<style>
|
||||
input:read-only{
|
||||
background-color: #ededed;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
// 상태값 확인
|
||||
$(".ddlnCdStts").each(function() {
|
||||
var $currentCell = $(this);
|
||||
|
||||
// 텍스트가 비어있는지 확인
|
||||
if ($currentCell.text().trim() === "") {
|
||||
var $currentRow = $currentCell.closest('tr');
|
||||
|
||||
var strtPnttm = new Date($currentRow.find("td:eq(3)").text().split("~")[0].trim());
|
||||
var endPnttm = new Date($currentRow.find("td:eq(3)").text().split("~")[1].trim());
|
||||
var currentDate = new Date();
|
||||
|
||||
var ddlnCdText = '';
|
||||
if (currentDate < strtPnttm) {
|
||||
ddlnCdText = "접수전";
|
||||
} else if (currentDate >= strtPnttm && currentDate <= endPnttm) {
|
||||
ddlnCdText = "접수중";
|
||||
} else if (currentDate > endPnttm) {
|
||||
ddlnCdText = "접수종료";
|
||||
}
|
||||
|
||||
$currentCell.text(ddlnCdText);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
function fncGoList(){
|
||||
linkPage(1);
|
||||
}
|
||||
|
||||
function linkPage(pageNo){
|
||||
var listForm = document.listForm ;
|
||||
listForm.pageIndex.value = pageNo ;
|
||||
listForm.searchKeyword.value = $('#searchKeyword').val();
|
||||
listForm.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngList.do'/>";
|
||||
listForm.submit();
|
||||
}
|
||||
|
||||
|
||||
function fncGoDetail(prcsAplctPrdOrd){
|
||||
var listForm = document.listForm ;
|
||||
listForm.prcsAplctPrdOrd.value = prcsAplctPrdOrd ;
|
||||
listForm.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngDetail.do'/>";
|
||||
listForm.submit();
|
||||
}
|
||||
|
||||
|
||||
function fncDelete(prcsOrd){
|
||||
document.listForm.prcsOrd.value = prcsOrd ;
|
||||
|
||||
var pageIndex = document.listForm.pageIndex.value;
|
||||
if($(".listCount").length == '1'){
|
||||
pageIndex = pageIndex -1;
|
||||
}
|
||||
var data = new FormData(document.getElementById("listForm"));
|
||||
if(confirm("삭제하시겠습니까?")){
|
||||
var url = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsMngDeleteAjax.do'/>";
|
||||
console.log(data);
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url: url,
|
||||
data: data,
|
||||
dataType:'json',
|
||||
async: false,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
cache: false,
|
||||
success:function(returnData){
|
||||
if(returnData.result == "success"){
|
||||
alert("삭제되었습니다.");
|
||||
document.listForm.prcsOrd.value = ""; //리스트 이동시 prcsOrd 초기화
|
||||
linkPage(pageIndex);
|
||||
}
|
||||
},
|
||||
error:function(request , status, error){
|
||||
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
|
||||
}
|
||||
});
|
||||
}
|
||||
event.stopImmediatePropagation();
|
||||
|
||||
}
|
||||
|
||||
function fncSaveSort(prcsOrd, count){
|
||||
|
||||
var sortNo = $('#prcsSortNo'+count).val();
|
||||
|
||||
if(sortNo == ''){
|
||||
|
||||
alert("표시순서를 입력해 주세요.");
|
||||
return false;
|
||||
|
||||
}
|
||||
|
||||
$('#prcsOrd').val(prcsOrd);
|
||||
$('#prcsSortNo').val(sortNo);
|
||||
var data = new FormData(document.getElementById("listForm"));
|
||||
var url = "<c:url value='/kccadr/oprtn/otsdCprtnPrcs/eduPrcsSortUpdateAjax.do'/>";
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url: url,
|
||||
data: data,
|
||||
dataType:'json',
|
||||
async: false,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
cache: false,
|
||||
success:function(returnData){
|
||||
if(returnData.result == "success"){
|
||||
alert("저장되었습니다.");
|
||||
document.listForm.prcsOrd.value = ""; //리스트 이동시 prcsOrd 초기화
|
||||
fncGoList();
|
||||
}
|
||||
},
|
||||
error:function(request , status, error){
|
||||
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
<title>과정신청기간관리목록</title>
|
||||
</head>
|
||||
<body>
|
||||
<form:form id="listForm" name="listForm" method="post" commandName="vEPrcsDetailVO" onsubmit="return false;">
|
||||
<input type="hidden" name="pageIndex" value="<c:out value='${vEPrcsDetailVO.pageIndex}' default='1' />"/>
|
||||
<input type="hidden" name="searchSortCnd" value="<c:out value="${vEPrcsDetailVO.searchSortCnd}" />" />
|
||||
<input type="hidden" name="searchSortOrd" value="<c:out value="${vEPrcsDetailVO.searchSortOrd}" />" />
|
||||
<input type="hidden" id="prcsOrd" name="prcsOrd" value="" />
|
||||
<input type="hidden" id="prcsAplctPrdOrd" name="prcsAplctPrdOrd" value="" />
|
||||
<input type="hidden" id="prcsSortNo" name="prcsSortNo" value="" />
|
||||
|
||||
<div class="cont_wrap">
|
||||
<div class="box">
|
||||
|
||||
<!-- cont_tit -->
|
||||
<div class="cont_tit">
|
||||
<h2>교육확정관리목록</h2>
|
||||
<ul class="cont_nav">
|
||||
<li class="home"><a href="/"><i></i></a></li>
|
||||
<li>
|
||||
<p>조건부기소유예관리</p>
|
||||
</li>
|
||||
<li><span class="cur_nav">교육확정관리목록</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //cont_tit -->
|
||||
|
||||
<div class="cont">
|
||||
<div class="tb_tit01">
|
||||
<p>교육 확정 관리</p>
|
||||
</div>
|
||||
<!-- list_top -->
|
||||
<div class="list_top search-only">
|
||||
<div class="list_top_1">
|
||||
<div class="util_right">
|
||||
|
||||
<ve:select codeId="VEA001" name="searchStatus" id="searchStatus" css="class='sel_type1'"
|
||||
selectedValue="${vEPrcsDetailVO.searchStatus }" defaultValue=""
|
||||
defaultText="전체"
|
||||
/>
|
||||
<div class="calendar_wrap">
|
||||
<input type="text" class="calendar" title="시작일 선택" id="searchSmbtStartDt" name="searchSmbtStartDt" value="${vEPrcsDetailVO.searchSmbtStartDt}">
|
||||
</div>
|
||||
~
|
||||
<div class="calendar_wrap">
|
||||
<input type="text" class="calendar" title="종료일 선택" id="searchSmbtEndDt" name="searchSmbtEndDt" value="${vEPrcsDetailVO.searchSmbtEndDt}">
|
||||
</div>
|
||||
<input type="text" id="searchKeyword" name="searchKeyword" placeholder="과정명를 입력하세요." title="검색어 입력" class="search_input" value="<c:out value='${vEPrcsDetailVO.searchKeyword}'/>">
|
||||
<button type="button" class="btn_type08" onclick="fncGoList(); return false;">검색</button>
|
||||
<button class="btn_type03" onclick="fncReset(this); return false;">초기화</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_util">
|
||||
<p class="list_util_p"><span><c:out value="${paginationInfo.totalRecordCount}" /></span>건의 접수가 검색되었습니다.</p>
|
||||
<div>
|
||||
<select class="sel_type1" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px" class="sel_type1">
|
||||
<option value='10' <c:if test="${vEPrcsDetailVO.pageUnit == '10' or vEPrcsDetailVO.pageUnit == ''}">selected</c:if>>10줄</option>
|
||||
<option value='20' <c:if test="${vEPrcsDetailVO.pageUnit == '20'}">selected</c:if>>20줄</option>
|
||||
<option value='30' <c:if test="${vEPrcsDetailVO.pageUnit == '30'}">selected</c:if>>30줄</option>
|
||||
<option value='100' <c:if test="${vEPrcsDetailVO.pageUnit == '100'}">selected</c:if>>100줄</option>
|
||||
</select>
|
||||
<%--<button type="button" class="btn_down_excel">엑셀 다운로드</button>--%>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- //list_top -->
|
||||
|
||||
|
||||
<!-- list -->
|
||||
<div class="tb_type01">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 5%">
|
||||
<col style="width: 10%">
|
||||
<col style="width: auto">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 10%">
|
||||
<col style="width: 10%">
|
||||
<%-- <col style="width: 10%"> --%>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>NO</th>
|
||||
<th>교육구분코드</th>
|
||||
<th>과정명</th>
|
||||
<th>교육기간</th>
|
||||
<th>신청자/정원</th>
|
||||
<th>상태</th>
|
||||
<th>강사배정</th>
|
||||
<!-- <th>공개여부</th> -->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:forEach var="list" items="${list}" varStatus="status">
|
||||
<tr class="listCount">
|
||||
<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;">
|
||||
<c:out value="${status.count}"/>
|
||||
</td>
|
||||
<td>
|
||||
<kc:code codeId="VEA001" code="${list.prcsDiv}"/>
|
||||
</td>
|
||||
<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;">
|
||||
<c:out value="${list.prcsNm}"/>(<c:out value="${list.prcsAplctPrdOrd}"/>)
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.eduStrtPnttm}"/>~<c:out value="${list.eduDdlnPnttm}"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.nosCnt1}"/>/<c:out value="${list.nos}"/>
|
||||
</td>
|
||||
<td class="ddlnCdStts">
|
||||
<kc:code codeId="VEA004" code="${list.ddlnCd}"/>
|
||||
</td>
|
||||
<td>
|
||||
<%-- <c:out value="${list.strtPnttm}"/>~<c:out value="${list.endPnttm}"/> --%>
|
||||
<c:choose>
|
||||
<c:when test="${list.instrCnt ne 0 }">
|
||||
배정완료
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<button type="button" class="btn_type04" onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');">강사배정</button>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</td>
|
||||
<!-- <td> -->
|
||||
<%-- <c:out value="${list.useYn}"/> --%>
|
||||
<!-- </td> -->
|
||||
</tr>
|
||||
</c:forEach>
|
||||
<c:if test="${empty list}">
|
||||
<tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
|
||||
</c:if>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //list -->
|
||||
|
||||
<!-- page -->
|
||||
<div class="page">
|
||||
<ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" />
|
||||
</div>
|
||||
<!-- //page -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //cont -->
|
||||
<!-- //cont -->
|
||||
|
||||
</form:form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -115,6 +115,10 @@
|
||||
<td>
|
||||
<ve:code codeId="COM014" code="${info.sex }"/>
|
||||
</td>
|
||||
<th scope="row">연락처</th>
|
||||
<td>
|
||||
<c:out value="${info.clphone }" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">성명</th>
|
||||
|
||||
@ -293,6 +293,10 @@
|
||||
defaultText='선택'
|
||||
/>
|
||||
</td>
|
||||
<th scope="row">연락처</th>
|
||||
<td>
|
||||
<input type="text" name="clphone" id="clphone" placeholder="00000000000" maxlength="11" value="<c:out value="${info.clphone }" />" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">성명</th>
|
||||
|
||||
@ -242,6 +242,10 @@
|
||||
defaultText='선택'
|
||||
/>
|
||||
</td>
|
||||
<th scope="row">연락처</th>
|
||||
<td>
|
||||
<input type="text" name="clphone" id="clphone" placeholder="00000000000" maxlength="11"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">성명</th>
|
||||
|
||||
@ -0,0 +1,475 @@
|
||||
<!DOCTYPE html>
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8"
|
||||
pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
||||
<%@ taglib prefix="ve" uri="/WEB-INF/tlds/kcc_tld.tld"%>
|
||||
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
|
||||
<%
|
||||
/**
|
||||
* @Class Name : cndtnEduPrcsAplctPrdMngDetail.jsp
|
||||
* @Description : 기반강화연수 기간 상세화면
|
||||
* @Modification Information
|
||||
* @
|
||||
* @ 수정일 수정자 수정내용
|
||||
* @ ------- -------- ---------------------------
|
||||
* @ 2021.12.16 조용준 최초 생성
|
||||
* @author 조용주
|
||||
* @since 2021.12.16
|
||||
* @version 1.0
|
||||
* @see
|
||||
*
|
||||
*/
|
||||
%>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<title>교육과정관리</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
$('#searchStatus').change(function(){
|
||||
searchpage();
|
||||
});
|
||||
});
|
||||
|
||||
function searchpage(){
|
||||
|
||||
var form = document.detailForm ;
|
||||
form.action = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngDetail.do'/>";
|
||||
form.submit();
|
||||
|
||||
}
|
||||
|
||||
function fncGoList(){
|
||||
var listForm = document.listForm ;
|
||||
listForm.action = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngList.do'/>";
|
||||
listForm.submit();
|
||||
}
|
||||
|
||||
function fncMdfy(){
|
||||
var detailForm = document.detailForm ;
|
||||
detailForm.action = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctPrdMngMdfy.do'/>";
|
||||
detailForm.submit();
|
||||
}
|
||||
|
||||
|
||||
|
||||
function fn_delInstr(data){
|
||||
document.instrForm.userId.value = data ;
|
||||
var data = new FormData(document.getElementById("instrForm"));
|
||||
if(confirm("삭제하시겠습니까?")){
|
||||
var url = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/instrDelAjax.do'/>";
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url: url,
|
||||
data: data,
|
||||
dataType:'json',
|
||||
async: false,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
cache: false,
|
||||
success:function(returnData){
|
||||
if(returnData.result == "success"){
|
||||
alert("삭제되었습니다.");
|
||||
// 새로고침
|
||||
window.location.reload();
|
||||
}
|
||||
},
|
||||
error:function(request , status, error){
|
||||
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
|
||||
}
|
||||
});
|
||||
}
|
||||
event.stopImmediatePropagation();
|
||||
}
|
||||
|
||||
|
||||
// 기반 / 기소 공통
|
||||
function fn_statusChg(eduAplctOrd, aplctStateCd){
|
||||
document.statusChgForm.eduAplctOrd.value = eduAplctOrd ;
|
||||
document.statusChgForm.aplctStateCd.value = aplctStateCd ;
|
||||
var data = new FormData(document.getElementById("statusChgForm"));
|
||||
if(confirm("상태병경을 하시겠습니까?")){
|
||||
var url = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/updateAplctStateCdAjax.do'/>";
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url: url,
|
||||
data: data,
|
||||
dataType:'json',
|
||||
async: false,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
cache: false,
|
||||
success:function(returnData){
|
||||
if(returnData.result == "success"){
|
||||
alert("변경되었습니다.");
|
||||
// 새로고침
|
||||
window.location.reload();
|
||||
}
|
||||
},
|
||||
error:function(request , status, error){
|
||||
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
|
||||
}
|
||||
});
|
||||
}
|
||||
event.stopImmediatePropagation();
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
// 강사 배치
|
||||
function fncInstrAsgnmInfo(prcsAplctPrdOrd) {
|
||||
var form = document.popForm;
|
||||
|
||||
form.prcsAplctPrdOrd.value = prcsAplctPrdOrd;
|
||||
|
||||
form.action = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/popup/fndthInstrAsgnmPopup.do'/>";
|
||||
// form.action = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/popup/cndtnInstrAsgnmPopup.do'/>";
|
||||
|
||||
window.open("#", "_securityPop", "scrollbars = no, top=100px, left=100px, height=750px, width=950px");
|
||||
form.target = "_securityPop";
|
||||
form.submit();
|
||||
}
|
||||
|
||||
function chkAll(obj) {
|
||||
// 모든 체크박스의 상태를 헤더 체크박스의 상태와 동일하게 설정
|
||||
$("input[name='chk']").prop('checked', $(obj).prop('checked'));
|
||||
}
|
||||
|
||||
// form 데이터를 묶지 않기 때문에 prcsAplctPrdOrd 데이터 필요함
|
||||
function fn_statusChgList(p_aplctStateCd, p_prcsAplctPrdOrd) {
|
||||
var selectedEduAplctOrd = [];
|
||||
|
||||
// "chk" 이름을 가진 체크박스가 체크된 항목들을 순회
|
||||
$("input[name='chk']:checked").each(function() {
|
||||
var eduAplctOrdValue = $(this).val();
|
||||
selectedEduAplctOrd.push(eduAplctOrdValue);
|
||||
});
|
||||
|
||||
console.log('selectedEduAplctOrd : ', selectedEduAplctOrd);
|
||||
// 선택된 항목이 없으면 경고 메시지를 표시하고 함수를 종료
|
||||
if (selectedEduAplctOrd.length === 0) {
|
||||
alert("선택된 항목이 없습니다. 선택 후 다시 시도하세요.");
|
||||
return false;
|
||||
}
|
||||
|
||||
var dataToSend = {
|
||||
"eduAplctOrdList": selectedEduAplctOrd,
|
||||
"aplctStateCd": p_aplctStateCd,
|
||||
"prcsAplctPrdOrd": p_prcsAplctPrdOrd
|
||||
};
|
||||
|
||||
var url = "<c:url value='/kccadr/oprtn/cndtnSspnIdtmt/updateAplctStateCdListAjax.do'/>";
|
||||
|
||||
|
||||
// AJAX 호출을 통해 서버에 데이터 전송
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url: url,
|
||||
data: $.param(dataToSend, true), // 직렬화 , 컨트롤러에서 @ModelAttribute로 받을 수 있음
|
||||
// contentType : 'application/json',
|
||||
dataType:'json',
|
||||
success:function(returnData){
|
||||
if(returnData.result == "success"){
|
||||
alert("변경 처리 되었습니다.");
|
||||
window.location.reload();
|
||||
}else{
|
||||
alert("변경 중 오류가 발생하였습니다.");
|
||||
}
|
||||
},
|
||||
error: function(jqXHR, textStatus, errorThrown) {
|
||||
console.error("AJAX Error:", textStatus, errorThrown);
|
||||
console.error("Response:", jqXHR.responseText);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<form id="instrForm" name="instrForm" method="post">
|
||||
<input type="hidden" name="prcsAplctPrdOrd" id="prcsAplctPrdOrd" value="<c:out value='${vEPrcsDetailVO.prcsAplctPrdOrd}' />"/>
|
||||
<input type="hidden" name="userId" id="userId"/>
|
||||
</form>
|
||||
<form id="statusChgForm" name="statusChgForm" method="post">
|
||||
<input type="hidden" name="prcsAplctPrdOrd" id="prcsAplctPrdOrd" value="<c:out value='${vEPrcsDetailVO.prcsAplctPrdOrd}' />"/>
|
||||
<input type="hidden" name="aplctStateCd" id="aplctStateCd"/>
|
||||
<input type="hidden" name="eduAplctOrd" id="eduAplctOrd"/>
|
||||
</form>
|
||||
<form:form id="listForm" name="listForm" commandName="vEPrcsDetailVO" method="post">
|
||||
</form:form>
|
||||
<form id="popForm" name="popForm" method="post">
|
||||
<input type="hidden" name="pageIndex" value="1"/>
|
||||
<input type="hidden" name="prcsAplctPrdOrd" value="" />
|
||||
<input type="hidden" name="pageUnit" value="5" />
|
||||
</form>
|
||||
<form:form id="detailForm" name="detailForm" commandName="vEPrcsDetailVO" method="post">
|
||||
<input type="hidden" name="prcsAplctPrdOrd" id="prcsAplctPrdOrd" value="<c:out value='${vEPrcsDetailVO.prcsAplctPrdOrd}' />"/>
|
||||
<!-- cont -->
|
||||
<div class="cont_wrap">
|
||||
<div class="box">
|
||||
|
||||
|
||||
|
||||
<!-- cont_tit -->
|
||||
<div class="cont_tit">
|
||||
<h2>교육확정관리상세</h2>
|
||||
<ul class="cont_nav">
|
||||
<li class="home"><a href="/"><i></i></a></li>
|
||||
<li>
|
||||
<p>기반강화연수관리</p>
|
||||
</li>
|
||||
<li><span class="cur_nav">교육확정관리상세</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //cont_tit -->
|
||||
|
||||
<div class="cont">
|
||||
<!-- list_상세 -->
|
||||
<div class="tb_tit01">
|
||||
<p>교육과정관리</p>
|
||||
</div>
|
||||
<div class="tb_type02">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 210px;">
|
||||
<col style="width: auto;">
|
||||
<col style="width: 210px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">교육부분</th>
|
||||
<td>
|
||||
<ve:code codeId="VEA001" code="${info.prcsDiv}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">과정</th>
|
||||
<td>
|
||||
<c:out value="${info.prcsNm}"/>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">신청기간</th>
|
||||
<td>
|
||||
<c:out value="${info.strtPnttm}"/>~<c:out value="${info.endPnttm}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">교육장소</th>
|
||||
<td class="addPro_wrap">
|
||||
<c:out value="${info.eduPlace}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">교육기간</th>
|
||||
<td>
|
||||
<c:out value="${info.eduStrtPnttm}"/>~<c:out value="${info.eduDdlnPnttm}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">상세교육과정</th>
|
||||
<td>
|
||||
<c:out value="${info.prcsCn }" />
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">정원</th>
|
||||
<td class="addPro_wrap">
|
||||
<c:out value="${info.nos}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">상태</th>
|
||||
<td id="ddlnCdStts">
|
||||
<ve:code codeId="VEA004" code="${info.ddlnCd}"/>
|
||||
</td>
|
||||
</tr>
|
||||
<%-- <tr>
|
||||
<th scope="row">
|
||||
<p>공개여부(사용여부)</p>
|
||||
</th>
|
||||
<td>
|
||||
<c:if test="${empty info.useYn or info.useYn eq 'Y'}">예</c:if>
|
||||
<c:if test="${info.useYn eq 'N'}">아니오</c:if>
|
||||
</td>
|
||||
</tr> --%>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //list_상세 -->
|
||||
|
||||
<!-- btn_wrap -->
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type02" onclick="fncMdfy(); return false;">수정</button>
|
||||
<button type="button" class="btn_type03" onclick="fncGoList(); return false;">목록</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
강사 배치 정보
|
||||
강사 배치 정보
|
||||
-->
|
||||
<div class="tb_tit01">
|
||||
<p>강사 배치 정보</p>
|
||||
</div>
|
||||
<div class="tb_type01">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 210px;"><!-- name -->
|
||||
<col style="width: auto;"><!-- 제출일 -->
|
||||
<col style="width: 210px;"><!-- 신청상태 -->
|
||||
<col style="width: 210px;"><!-- 신청상태 -->
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>강사명</th>
|
||||
<th>연락처</th>
|
||||
<th>확정여부</th>
|
||||
<th>삭제</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:choose>
|
||||
<c:when test="${!empty instrAsgnmList }">
|
||||
<c:forEach var="list" items="${instrAsgnmList}" varStatus="status">
|
||||
<tr>
|
||||
<td>
|
||||
<c:out value="${list.instrNm }"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.phone }"/>
|
||||
</td>
|
||||
<td>
|
||||
<ve:code codeId="VE0019" code="${list.asgnmAprvlCd}"/>
|
||||
</td>
|
||||
<td>
|
||||
<button type="button" class="btn_type01" onclick="fn_delInstr('<c:out value="${list.userId }" />')">삭제</button>
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="4">강사 배치 정보가 없습니다.</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- btn_wrap -->
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type02" onclick="fncInstrAsgnmInfo('<c:out value="${info.prcsAplctPrdOrd }" />'); return false;">강사배치</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--
|
||||
교육 신청자 list_상세
|
||||
교육 신청자 list_상세
|
||||
-->
|
||||
<div class="tb_tit01">
|
||||
<p>교육신청자</p> <!-- ${listPrcsAplct } -->
|
||||
</div>
|
||||
|
||||
<!-- list_top -->
|
||||
<div class="list_top search-only">
|
||||
<div class="list_top_1">
|
||||
<div class="util_right">
|
||||
<ve:select codeId="VEA003" name="searchStatus" id="searchStatus" css="class='sel_type1'"
|
||||
selectedValue="${vEPrcsDetailVO.searchStatus}" defaultValue='' includes="10,20"
|
||||
defaultText='전체'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="tb_type01">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 5%">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 210px;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th><input type="checkbox" name="checkAll" id="checkAll" onclick="chkAll(this);" /><label for="checkAll"></label></th>
|
||||
<th>신청자</th>
|
||||
<th>교육이수여부</th>
|
||||
<th>교육이수상태변경</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:choose>
|
||||
<c:when test="${!empty listPrcsAplct}">
|
||||
<c:forEach var="list" items="${listPrcsAplct}" varStatus="status">
|
||||
<tr>
|
||||
<td>
|
||||
<input name="chk" class="${list.asgnmAprvlCd}"
|
||||
value="${list.eduAplctOrd}" title="Check" type="checkbox"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.userNm}"/>
|
||||
<td>
|
||||
<ve:code codeId="VEA003" code="${list.aplctStateCd}"/>
|
||||
</td>
|
||||
<td>
|
||||
<button type="button" class="btn_type04" onclick="fn_statusChg('<c:out value="${list.eduAplctOrd }" />', '20')">이수</button>
|
||||
<button type="button" class="btn_type05" onclick="fn_statusChg('<c:out value="${list.eduAplctOrd }" />', '10')">미이수</button>
|
||||
</td>
|
||||
</tr>
|
||||
</c:forEach>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<tr>
|
||||
<td colspan="4">데이터가 없습니다.</td>
|
||||
</tr>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //list_상세 -->
|
||||
<!-- btn_wrap -->
|
||||
<div class="btn_wrap btn_layout01">
|
||||
<div class="btn_left">
|
||||
</div>
|
||||
<div class="btn_center">
|
||||
</div>
|
||||
<div class="btn_right">
|
||||
<button type="button" class="btn_type04" onclick="location.href='<c:url value="/kccadr/oprtn/cndtnSspnIdtmt/cndtnEduPrcsAplctCfnMngList.do" />'; return false;">교육확정목록</button>
|
||||
<button type="button" class="btn_type04" onclick="fn_statusChgList('20', '<c:out value="${info.prcsAplctPrdOrd }" />'); return false;">이수</button>
|
||||
<button type="button" class="btn_type04" onclick="fn_statusChgList('10', '<c:out value="${info.prcsAplctPrdOrd }" />'); return false;">미이수</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</form:form>
|
||||
<!-- //cont -->
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,320 @@
|
||||
<!DOCTYPE html>
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||||
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
|
||||
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
|
||||
<%@ taglib prefix="validator" uri="http://www.springmodules.org/tags/commons-validator" %>
|
||||
<%@ taglib prefix="kc" uri="/WEB-INF/tlds/kcc_tld.tld"%>
|
||||
<%@ taglib prefix="un" uri="http://jakarta.apache.org/taglibs/unstandard-1.0" %>
|
||||
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
|
||||
<%@ taglib prefix="ve" uri="/WEB-INF/tlds/kcc_tld.tld"%>
|
||||
<un:useConstants var="KccadrStatus" className="kcc.kccadr.cmm.KccadrConstants" />
|
||||
<%
|
||||
/**
|
||||
* @Class Name : cndtnEduPrcsAplctPrdMngList.jsp
|
||||
* @Description : 조건부기소유예관리 과정 신청기간관리 목록
|
||||
* @Modification Information
|
||||
* @
|
||||
* @ 수정일 수정자 수정내용
|
||||
* @ ------- -------- ---------------------------
|
||||
* @ 2021.12.14 조용준 최초 생성
|
||||
* @author 조용준
|
||||
* @since 2021.12.14
|
||||
* @version 1.0
|
||||
* @see
|
||||
*
|
||||
*/
|
||||
%>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<style>
|
||||
input:read-only{
|
||||
background-color: #ededed;
|
||||
}
|
||||
</style>
|
||||
<script type="text/javascript">
|
||||
|
||||
|
||||
$(document).ready(function(){
|
||||
|
||||
// 상태값 확인
|
||||
$(".ddlnCdStts").each(function() {
|
||||
var $currentCell = $(this);
|
||||
|
||||
// 텍스트가 비어있는지 확인
|
||||
if ($currentCell.text().trim() === "") {
|
||||
var $currentRow = $currentCell.closest('tr');
|
||||
|
||||
var strtPnttm = new Date($currentRow.find("td:eq(3)").text().split("~")[0].trim());
|
||||
var endPnttm = new Date($currentRow.find("td:eq(3)").text().split("~")[1].trim());
|
||||
var currentDate = new Date();
|
||||
|
||||
var ddlnCdText = '';
|
||||
if (currentDate < strtPnttm) {
|
||||
ddlnCdText = "접수전";
|
||||
} else if (currentDate >= strtPnttm && currentDate <= endPnttm) {
|
||||
ddlnCdText = "접수중";
|
||||
} else if (currentDate > endPnttm) {
|
||||
ddlnCdText = "접수종료";
|
||||
}
|
||||
|
||||
$currentCell.text(ddlnCdText);
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
function fncGoList(){
|
||||
linkPage(1);
|
||||
}
|
||||
|
||||
function linkPage(pageNo){
|
||||
var listForm = document.listForm ;
|
||||
listForm.pageIndex.value = pageNo ;
|
||||
listForm.searchKeyword.value = $('#searchKeyword').val();
|
||||
listForm.action = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngList.do'/>";
|
||||
listForm.submit();
|
||||
}
|
||||
|
||||
|
||||
function fncGoDetail(prcsAplctPrdOrd){
|
||||
var listForm = document.listForm ;
|
||||
listForm.prcsAplctPrdOrd.value = prcsAplctPrdOrd ;
|
||||
listForm.action = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsAplctCfnMngDetail.do'/>";
|
||||
listForm.submit();
|
||||
}
|
||||
|
||||
|
||||
function fncDelete(prcsOrd){
|
||||
document.listForm.prcsOrd.value = prcsOrd ;
|
||||
|
||||
var pageIndex = document.listForm.pageIndex.value;
|
||||
if($(".listCount").length == '1'){
|
||||
pageIndex = pageIndex -1;
|
||||
}
|
||||
var data = new FormData(document.getElementById("listForm"));
|
||||
if(confirm("삭제하시겠습니까?")){
|
||||
var url = "<c:url value='/kccadr/oprtn/fndthEnhanceTrn/fndthEduPrcsMngDeleteAjax.do'/>";
|
||||
console.log(data);
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url: url,
|
||||
data: data,
|
||||
dataType:'json',
|
||||
async: false,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
cache: false,
|
||||
success:function(returnData){
|
||||
if(returnData.result == "success"){
|
||||
alert("삭제되었습니다.");
|
||||
document.listForm.prcsOrd.value = ""; //리스트 이동시 prcsOrd 초기화
|
||||
linkPage(pageIndex);
|
||||
}
|
||||
},
|
||||
error:function(request , status, error){
|
||||
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
|
||||
}
|
||||
});
|
||||
}
|
||||
event.stopImmediatePropagation();
|
||||
|
||||
}
|
||||
|
||||
function fncSaveSort(prcsOrd, count){
|
||||
|
||||
var sortNo = $('#prcsSortNo'+count).val();
|
||||
|
||||
if(sortNo == ''){
|
||||
|
||||
alert("표시순서를 입력해 주세요.");
|
||||
return false;
|
||||
|
||||
}
|
||||
|
||||
$('#prcsOrd').val(prcsOrd);
|
||||
$('#prcsSortNo').val(sortNo);
|
||||
var data = new FormData(document.getElementById("listForm"));
|
||||
var url = "<c:url value='/kccadr/oprtn/otsdCprtnPrcs/eduPrcsSortUpdateAjax.do'/>";
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url: url,
|
||||
data: data,
|
||||
dataType:'json',
|
||||
async: false,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
cache: false,
|
||||
success:function(returnData){
|
||||
if(returnData.result == "success"){
|
||||
alert("저장되었습니다.");
|
||||
document.listForm.prcsOrd.value = ""; //리스트 이동시 prcsOrd 초기화
|
||||
fncGoList();
|
||||
}
|
||||
},
|
||||
error:function(request , status, error){
|
||||
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
</script>
|
||||
<title>과정신청기간관리목록</title>
|
||||
</head>
|
||||
<body>
|
||||
<form:form id="listForm" name="listForm" method="post" commandName="vEPrcsDetailVO" onsubmit="return false;">
|
||||
<input type="hidden" name="pageIndex" value="<c:out value='${vEPrcsDetailVO.pageIndex}' default='1' />"/>
|
||||
<input type="hidden" name="searchSortCnd" value="<c:out value="${vEPrcsDetailVO.searchSortCnd}" />" />
|
||||
<input type="hidden" name="searchSortOrd" value="<c:out value="${vEPrcsDetailVO.searchSortOrd}" />" />
|
||||
<input type="hidden" id="prcsOrd" name="prcsOrd" value="" />
|
||||
<input type="hidden" id="prcsAplctPrdOrd" name="prcsAplctPrdOrd" value="" />
|
||||
<input type="hidden" id="prcsSortNo" name="prcsSortNo" value="" />
|
||||
|
||||
<div class="cont_wrap">
|
||||
<div class="box">
|
||||
|
||||
<!-- cont_tit -->
|
||||
<div class="cont_tit">
|
||||
<h2>교육확정관리목록</h2>
|
||||
<ul class="cont_nav">
|
||||
<li class="home"><a href="/"><i></i></a></li>
|
||||
<li>
|
||||
<p>기반강화연수관리</p>
|
||||
</li>
|
||||
<li><span class="cur_nav">교육확정관리목록</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- //cont_tit -->
|
||||
|
||||
<div class="cont">
|
||||
<div class="tb_tit01">
|
||||
<p>교육 확정 관리</p>
|
||||
</div>
|
||||
<!-- list_top -->
|
||||
<div class="list_top search-only">
|
||||
<div class="list_top_1">
|
||||
<div class="util_right">
|
||||
|
||||
<ve:select codeId="VEA001" name="searchStatus" id="searchStatus" css="class='sel_type1'"
|
||||
selectedValue="${vEPrcsDetailVO.searchStatus }" defaultValue=""
|
||||
defaultText="전체"
|
||||
/>
|
||||
<div class="calendar_wrap">
|
||||
<input type="text" class="calendar" title="시작일 선택" id="searchSmbtStartDt" name="searchSmbtStartDt" value="${vEPrcsDetailVO.searchSmbtStartDt}">
|
||||
</div>
|
||||
~
|
||||
<div class="calendar_wrap">
|
||||
<input type="text" class="calendar" title="종료일 선택" id="searchSmbtEndDt" name="searchSmbtEndDt" value="${vEPrcsDetailVO.searchSmbtEndDt}">
|
||||
</div>
|
||||
<input type="text" id="searchKeyword" name="searchKeyword" placeholder="과정명를 입력하세요." title="검색어 입력" class="search_input" value="<c:out value='${vEPrcsDetailVO.searchKeyword}'/>">
|
||||
<button type="button" class="btn_type08" onclick="fncGoList(); return false;">검색</button>
|
||||
<button class="btn_type03" onclick="fncReset(this); return false;">초기화</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_util">
|
||||
<p class="list_util_p"><span><c:out value="${paginationInfo.totalRecordCount}" /></span>건의 접수가 검색되었습니다.</p>
|
||||
<div>
|
||||
<select class="sel_type1" name="pageUnit" id="pageUnit" onchange="linkPage(1);" title="줄 선택" style="width: 140px" class="sel_type1">
|
||||
<option value='10' <c:if test="${vEPrcsDetailVO.pageUnit == '10' or vEPrcsDetailVO.pageUnit == ''}">selected</c:if>>10줄</option>
|
||||
<option value='20' <c:if test="${vEPrcsDetailVO.pageUnit == '20'}">selected</c:if>>20줄</option>
|
||||
<option value='30' <c:if test="${vEPrcsDetailVO.pageUnit == '30'}">selected</c:if>>30줄</option>
|
||||
<option value='100' <c:if test="${vEPrcsDetailVO.pageUnit == '100'}">selected</c:if>>100줄</option>
|
||||
</select>
|
||||
<%--<button type="button" class="btn_down_excel">엑셀 다운로드</button>--%>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- //list_top -->
|
||||
|
||||
|
||||
<!-- list -->
|
||||
<div class="tb_type01">
|
||||
<table>
|
||||
<colgroup>
|
||||
<col style="width: 5%">
|
||||
<col style="width: 10%">
|
||||
<col style="width: auto">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 180px;">
|
||||
<col style="width: 10%">
|
||||
<col style="width: 10%">
|
||||
<%-- <col style="width: 10%"> --%>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>NO</th>
|
||||
<th>교육구분코드</th>
|
||||
<th>과정명</th>
|
||||
<th>교육기간</th>
|
||||
<th>신청자/정원</th>
|
||||
<th>상태</th>
|
||||
<th>강사배정</th>
|
||||
<!-- <th>공개여부</th> -->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<c:forEach var="list" items="${list}" varStatus="status">
|
||||
<tr class="listCount">
|
||||
<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;">
|
||||
<c:out value="${status.count}"/>
|
||||
</td>
|
||||
<td>
|
||||
<kc:code codeId="VEA001" code="${list.prcsDiv}"/>
|
||||
</td>
|
||||
<td onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');" style="cursor:pointer;">
|
||||
<c:out value="${list.prcsNm}"/>(<c:out value="${list.prcsAplctPrdOrd}"/>)
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.eduStrtPnttm}"/>~<c:out value="${list.eduDdlnPnttm}"/>
|
||||
</td>
|
||||
<td>
|
||||
<c:out value="${list.nosCnt1}"/>/<c:out value="${list.nos}"/>
|
||||
</td>
|
||||
<td class="ddlnCdStts">
|
||||
<kc:code codeId="VEA004" code="${list.ddlnCd}"/>
|
||||
</td>
|
||||
<td>
|
||||
<%-- <c:out value="${list.strtPnttm}"/>~<c:out value="${list.endPnttm}"/> --%>
|
||||
<c:choose>
|
||||
<c:when test="${list.instrCnt ne 0 }">
|
||||
배정완료
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<button type="button" class="btn_type04" onclick="fncGoDetail('<c:out value="${list.prcsAplctPrdOrd}"/>');">강사배정</button>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</td>
|
||||
<!-- <td> -->
|
||||
<%-- <c:out value="${list.useYn}"/> --%>
|
||||
<!-- </td> -->
|
||||
</tr>
|
||||
</c:forEach>
|
||||
<c:if test="${empty list}">
|
||||
<tr><td colspan="7"><spring:message code="common.nodata.msg" /></td></tr>
|
||||
</c:if>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<!-- //list -->
|
||||
|
||||
<!-- page -->
|
||||
<div class="page">
|
||||
<ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" />
|
||||
</div>
|
||||
<!-- //page -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //cont -->
|
||||
<!-- //cont -->
|
||||
|
||||
</form:form>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -217,7 +217,7 @@
|
||||
<ul class="cont_nav">
|
||||
<li class="home"><a href="/"><i></i></a></li>
|
||||
<li>
|
||||
<p>조건부기소유예관리</p>
|
||||
<p>기반강화연수관리</p>
|
||||
</li>
|
||||
<li><span class="cur_nav">과정신청기간관리 신청기간 상세</span></li>
|
||||
</ul>
|
||||
|
||||
385
src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader_20231011.jsp
Normal file
385
src/main/webapp/WEB-INF/jsp/web/com/webCommonHeader_20231011.jsp
Normal file
@ -0,0 +1,385 @@
|
||||
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
|
||||
<%@ page import="egovframework.rte.fdl.security.userdetails.util.EgovUserDetailsHelper" %>
|
||||
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
|
||||
<%@ page import="kcc.com.cmm.LoginVO" %>
|
||||
<c:set var="URL" value="${pageContext.request.requestURL}" />
|
||||
<c:set var="URI" value="${pageContext.request.requestURI}" />
|
||||
|
||||
<!-- ${URL} -->
|
||||
<!-- ${URI} -->
|
||||
<!-- webCommonHeader.jsp -->
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
<%-- 웹접근성 각 페이지 타이틀 변경 220125--%>
|
||||
$(document).ready(function (){
|
||||
var titleNm = '';
|
||||
if($('body').find('h2').length > 0){
|
||||
titleNm = document.querySelector('h2').textContent;
|
||||
if(document.title.indexOf(titleNm) < 0){
|
||||
document.title = titleNm + "<" + document.title;
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
<!-- 헤드 선언 - weblayout.jsp 헤드 종료 - webCommonHeader.jsp -->
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function (){
|
||||
// 2뎁스 링크 주소 1뎁스로 복사 넣기
|
||||
|
||||
// 탑메뉴
|
||||
$("nav#menu ul.depth01").find('li').each(function (index, item){
|
||||
$($(this).find('a')[0]).attr('href' , $($(this).find('.depth02').find('a')[0]).attr('href'));
|
||||
});
|
||||
|
||||
//사이트맵
|
||||
$('.full_menu ul.depth01').find('li').each(function (index, item){
|
||||
$($(this).find('a')[0]).attr('href' , $($(this).find('.depth02').find('a')[0]).attr('href'));
|
||||
});
|
||||
|
||||
/* //대국민일 경우 '나의 사건 관리' 원뎁스 메뉴 클릭 시 대시보드로 이동
|
||||
if("${auth}" == 'ROLE_USER_MEMBER'){
|
||||
$("#9997000").attr('href', "/web/kccadr/accdnt/ai/adjstIncidentDashList.do")
|
||||
}
|
||||
*/
|
||||
|
||||
/* 강사 대시보드 이동 - 강사메뉴에 대시보드를 추가하기로 해서 필요 없어짐.*/
|
||||
/* if("${auth}" == 'ROLE_USER_MANAGER'){
|
||||
if("${instrDiv}" == 'tngrInstrDiv'){
|
||||
$("#99923000").attr('href', "${pageContext.request.contextPath}/web/ve/instr/tngrVisitEdu/instrInfo/instrDashboard.do")
|
||||
}else if("${instrDiv}" == 'adultInstrDiv'){
|
||||
$("#99923000").attr('href', "${pageContext.request.contextPath}/web/ve/instr/adultVisitEdu/instrInfo/instrDashboard.do")
|
||||
}
|
||||
} */
|
||||
|
||||
//청소년 강사 > 성인강사 메뉴 삭제 / 성인 강사 > 청소년 강사 메뉴 삭제
|
||||
if("${auth}" == 'ROLE_USER_MANAGER'){
|
||||
if("${instrDiv}" == 'tngrInstrDiv'){
|
||||
$("#9991000").parent('li').hide();
|
||||
$("#full_9991000").parent('li').hide();
|
||||
}else if("${instrDiv}" == 'adultInstrDiv'){
|
||||
$("#99923000").parent('li').hide();
|
||||
$("#full_99923000").parent('li').hide();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* //담당자일 경우 '담당자' 원뎁스 메뉴 클릭 시 대시보드로 이동
|
||||
if("${auth}" == 'ROLE_USER_MANAGER'){
|
||||
$("#99912000").attr('href', "/web/kccadr/adjcclt/ai/adjstConciliatorDashList.do")
|
||||
} */
|
||||
});
|
||||
|
||||
/* 회원정보 수정 link */
|
||||
function usrModify(){
|
||||
var gsWin = window.open('about:blank','modifyTab','');
|
||||
var frm = document.usrModifyForm;
|
||||
frm.target ="modifyTab";
|
||||
frm.accessToken.value = "<c:out value='${ssoLoginVO.access_token}'/>";
|
||||
frm.refreshToken.value = "<c:out value='${ssoLoginVO.refresh_token}'/>";
|
||||
frm.returnSiteCode.value = "<c:out value='${returnSiteCode}'/>";
|
||||
frm.returnSiteUrl.value = "<c:out value='${returnSiteUrl}'/>";
|
||||
|
||||
frm.action = "<c:url value='${modifyUrl}'/>";
|
||||
frm.submit();
|
||||
|
||||
}
|
||||
|
||||
/* 회원가입 link */
|
||||
function usrJoin(){
|
||||
var gsWin = window.open('about:blank','joinTab','');
|
||||
var frm = document.usrJoinForm;
|
||||
frm.target ="joinTab";
|
||||
frm.returnSiteCode.value = "<c:out value='${returnSiteCode}'/>";
|
||||
frm.returnSiteUrl.value = "<c:out value='${returnSiteUrl}'/>";
|
||||
|
||||
frm.action = "<c:url value='${joinUrl}'/>";
|
||||
frm.submit();
|
||||
}
|
||||
|
||||
/* 화면 확대 축소 */
|
||||
var nowZoom = 100;
|
||||
|
||||
/* 20220429줌아웃기능 반대로 되어있어서 수정 */
|
||||
function zoomOut() { // 화면크기축소
|
||||
nowZoom = nowZoom + 10;
|
||||
if(nowZoom >= 200) nowZoom = 200; // 화면크기 최대 확대율 200%
|
||||
zooms();
|
||||
}
|
||||
|
||||
function zoomIn() { // 화면크기확대
|
||||
nowZoom = nowZoom - 10;
|
||||
if(nowZoom <= 70) nowZoom = 70; // 화면크기 최대 축소율 70%
|
||||
zooms();
|
||||
|
||||
}
|
||||
|
||||
function zooms() {
|
||||
document.body.style.zoom = nowZoom + "%";
|
||||
}
|
||||
|
||||
function goEEdu() {
|
||||
$.ajax({
|
||||
url : "<c:url value='/web/updateMberSeqKeyAjax.do'/>",
|
||||
async:false,
|
||||
processData: false,
|
||||
contentType: false,
|
||||
cache: false,
|
||||
success: function (returnData, status) {
|
||||
if(returnData.status == 'loginY'){
|
||||
window.location.href = "http://223.255.205.7/user/main/main.do?user_id="+returnData.user_id+"&key="+returnData.key;
|
||||
|
||||
|
||||
} else if(returnData.status == 'fail') {
|
||||
alert("key 갱신 오류");
|
||||
} else if(returnData.status == 'loginN'){
|
||||
alert("로그인을 해주세요.")
|
||||
}
|
||||
},
|
||||
error: function (e) {
|
||||
console.log("ERROR : ", e);
|
||||
alert("key 갱신 오류");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<!-- 바디 선언 - 헤더/바디종료 - 푸터-->
|
||||
|
||||
<!-- ${LoginVO} -->
|
||||
<!-- ${ssoLoginVO} -->
|
||||
|
||||
<body>
|
||||
<!-- 찾교 헤더HTML 시작 -->
|
||||
<div class="skip_menu">
|
||||
<a href="#main" class="contGo" title="본문 바로가기">본문 바로가기</a>
|
||||
</div>
|
||||
<!-- header -->
|
||||
<header>
|
||||
<c:choose>
|
||||
<c:when test="${empty LoginVO or empty ssoLoginVO}">
|
||||
<form id="usrJoinForm" name="usrJoinForm" method="post" action="">
|
||||
<input type="hidden" id="returnSiteCode" name="returnSiteCode" value=""/>
|
||||
<input type="hidden" id="returnSiteUrl" name="returnSiteUrl" value=""/>
|
||||
</form>
|
||||
<div class="gnb_wrap">
|
||||
<div class="inner">
|
||||
<div class="area_left">
|
||||
<button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
|
||||
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
|
||||
<span>GO</span>
|
||||
</button>
|
||||
<p><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/edu_mark_1.png" alt="" /> 교육기부 우수기관</p>
|
||||
</div>
|
||||
<%-- <button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
|
||||
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
|
||||
<span>GO</span>
|
||||
</button> --%>
|
||||
|
||||
<%-- <button class="site" onclick="window.location.href='http://223.255.205.7/user/main/main.do'" title="새창열림">
|
||||
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
|
||||
<span>e-배움터GO(비로그인)</span>
|
||||
</button>
|
||||
<button class="site" onclick="javascript:goEEdu();" title="새창열림">
|
||||
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
|
||||
<span>e-배움터GO(로그인)</span>
|
||||
</button> --%>
|
||||
|
||||
<div class="area_right">
|
||||
<!-- local -->
|
||||
<c:if test="${environment eq 'local' }">
|
||||
<p class="login_info header_login_wrap"><a href="${pageContext.request.contextPath}/web/user/login/ssoLogin.do" class="header_login"><i></i>로그인</a></p>
|
||||
<p class="login_info"><a href="#" onclick="usrJoin();" class="header_join" target="blank" title="새창열림"><i></i>회원가입</a></p>
|
||||
</c:if>
|
||||
<!-- dev -->
|
||||
<c:if test="${environment eq 'dev' }">
|
||||
<p class="login_info header_login_wrap"><a href="http://223.255.205.7/user/member/loginForm.do?eduOff=Y" class="header_login"><i></i>로그인</a></p> <!-- e-배움터 개발서버 -->
|
||||
<p class="login_info"><a href="http://223.255.205.7/user/usrservice/selectUserSeView.do?eduOff=Y" class="header_join" title="새창열림"><i></i>회원가입</a></p> <!-- e-배움터 개발서버 -->
|
||||
</c:if>
|
||||
<!-- svr -->
|
||||
<c:if test="${environment eq 'svr' }">
|
||||
<p class="login_info header_login_wrap"><a href="https://edu-copyright.or.kr/user/member/loginForm.do?eduOff=Y" class="header_login"><i></i>로그인</a></p> <!-- e-배움터 운영서버 -->
|
||||
<p class="login_info"><a href="https://edu-copyright.or.kr/user/usrservice/selectUserSeView.do?eduOff=Y" class="header_join" title="새창열림"><i></i>회원가입</a></p> <!-- e-배움터 운영서버 -->
|
||||
</c:if>
|
||||
|
||||
<div class="btn_util">
|
||||
<button class="btn_minus" onClick="zoomOut();" title="글자 확대"></button>
|
||||
<button class="btn_plus" onClick="zoomIn();" title="글자 축소"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:when>
|
||||
<c:when test="${!empty LoginVO and !empty ssoLoginVO}">
|
||||
<form id="usrModifyForm" name="usrModifyForm" method="post" action="">
|
||||
<input type="hidden" id="accessToken" name="accessToken" value=""/>
|
||||
<input type="hidden" id="refreshToken" name="refreshToken" value=""/>
|
||||
<input type="hidden" id="returnSiteCode" name="returnSiteCode" value=""/>
|
||||
<input type="hidden" id="returnSiteUrl" name="returnSiteUrl" value=""/>
|
||||
</form>
|
||||
<div class="gnb_wrap">
|
||||
<div class="inner">
|
||||
<button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
|
||||
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
|
||||
<span>GO</span>
|
||||
</button>
|
||||
|
||||
<button class="site" onclick="window.location.href='http://223.255.205.7/user/main/main.do" title="새창열림">
|
||||
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
|
||||
<span>e-배움터GO(비로그인)</span>
|
||||
</button>
|
||||
<button class="site" onclick="javascript:goEEdu();" title="새창열림">
|
||||
<img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
|
||||
<span>e-배움터GO(로그인)</span>
|
||||
</button>
|
||||
|
||||
<div class="area_right">
|
||||
<!-- Sso 연계 테스트 로그인 후-->
|
||||
<p class="login_after"><c:out value="${ssoLoginVO.membName}"/><span>님</span></p>
|
||||
<p class="login_info"><a href="#" onclick="location.href='${pageContext.request.contextPath}/web/uat/uia/actionLogout.do'">로그아웃</a></p>
|
||||
<p class="login_info"><a href="#" onclick="javascript:usrModify();" title="새창열림">회원정보 수정</a></p>
|
||||
<div class="btn_util">
|
||||
<button class="btn_minus" onClick="zoomOut();" title="글자 확대"></button>
|
||||
<button class="btn_plus" onClick="zoomIn();" title="글자 축소"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
<div class="header">
|
||||
<div class="header_inner">
|
||||
<h1 class="logo"><a href="${pageContext.request.contextPath}/web/main/mainPage.do" title="메인으로 이동"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
|
||||
<div class="nav_wrap">
|
||||
<nav id="menu">
|
||||
<ul class="depth01">
|
||||
<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListOne.depths eq '1' }">
|
||||
<li class="depth01_li">
|
||||
<a href="#" class="menu_link menu_tit" id="${resultListOne.menuNo}">
|
||||
<c:out value="${resultListOne.menuNm}" escapeXml="false" />
|
||||
</a>
|
||||
<ul class="depth02">
|
||||
<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo eq resultListTwo.upperMenuId }">
|
||||
<li>
|
||||
<a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
|
||||
<c:out value="${resultListTwo.menuNm}" />
|
||||
</a>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="area_right">
|
||||
<!-- 로그인 관련 모바일 화면 -->
|
||||
<c:choose>
|
||||
<c:when test="${empty LoginVO or empty ssoLoginVO}">
|
||||
<c:if test="${environment eq 'local' }">
|
||||
<button type="button" class="btn_mobile btn_login" onclick="location.href='${pageContext.request.contextPath}/web/user/login/ssoLogin.do'" title="로그인"></button>
|
||||
<button type="button" class="btn_mobile btn_join" onclick="javascript:usrJoin();" title="회원가입"></button>
|
||||
</c:if>
|
||||
<c:if test="${environment eq 'dev' }">
|
||||
<button type="button" class="btn_mobile btn_login" onclick="location.href='http://223.255.205.7/user/member/loginForm.do?eduOff=Y'" title="로그인"></button>
|
||||
<button type="button" class="btn_mobile btn_join" onclick="location.href='http://223.255.205.7/user/usrservice/selectUserSeView.do?eduOff=Y'" title="회원가입"></button>
|
||||
</c:if>
|
||||
<c:if test="${environment eq 'svr' }">
|
||||
<button type="button" class="btn_mobile btn_login" onclick="location.href='https://edu-copyright.or.kr/user/member/loginForm.do?eduOff=Y'" title="로그인"></button>
|
||||
<button type="button" class="btn_mobile btn_join" onclick="location.href='https://edu-copyright.or.kr/user/usrservice/selectUserSeView.do?eduOff=Y'" title="회원가입"></button>
|
||||
</c:if>
|
||||
</c:when>
|
||||
<c:when test="${!empty LoginVO and !empty ssoLoginVO}">
|
||||
<button type="button" class="btn_mobile btn_logout" onclick="location.href='${pageContext.request.contextPath}/web/uat/uia/actionLogout.do'" title="로그아웃"></button>
|
||||
<button type="button" class="btn_mobile btn_usredit" onclick="javascript:usrModify();" title="개인정보 수정"></button>
|
||||
</c:when>
|
||||
</c:choose>
|
||||
<button type="button" class="btn_menu" title="전체메뉴 열기"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- //header -->
|
||||
|
||||
<!-- 전체메뉴 -->
|
||||
<div class="full_menu">
|
||||
<div class="inner">
|
||||
<h1 class="logo"><img src="${pageContext.request.contextPath}/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></h1>
|
||||
<ul class="depth01">
|
||||
<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListOne.depths eq '1' }">
|
||||
<li class="depth01_li">
|
||||
<a href="#" class="menu_link" id="full_${resultListOne.menuNo}">
|
||||
<c:out value="${resultListOne.menuNm}" escapeXml="false" />
|
||||
</a>
|
||||
<ul class="depth02">
|
||||
<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo eq resultListTwo.upperMenuId }">
|
||||
<li>
|
||||
<a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
|
||||
<c:out value="${resultListTwo.menuNm}" />
|
||||
</a>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<!-- <li class="depth01_li"><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" class="menu_link" target="_blank" title="새창열림">이용안내</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" target="_blank" title="새창열림">개인정보처리방침 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/email-rejection/index.do" target="_blank" title="새창열림">이메일무단수집거부 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/customer-service-charter/index.do" target="_blank" title="새창열림">고객서비스헌장 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/policy/index.do" target="_blank" title="새창열림">저작권정책 <i class="link"></i></a></li>
|
||||
</ul>
|
||||
</li> -->
|
||||
</ul>
|
||||
<button type="button" class="btn_close" title="전체메뉴 닫기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //전체메뉴 -->
|
||||
|
||||
<!-- 모바일메뉴 -->
|
||||
<div id="m_menu">
|
||||
<ul class="depth01">
|
||||
<c:forEach var="resultListOne" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListOne.depths eq '1' }">
|
||||
<li class="depth01_li">
|
||||
<button type="button" class="menu_tit"><c:out value="${resultListOne.menuNm}" escapeXml="false"/></button>
|
||||
<ul class="depth02">
|
||||
<c:forEach var="resultListTwo" items="${menuResultList}" varStatus="status">
|
||||
<c:if test="${resultListTwo.depths eq '2' && resultListOne.menuNo eq resultListTwo.upperMenuId }">
|
||||
<li>
|
||||
<a href="${pageContext.request.contextPath}${empty resultListTwo.url ? '#' : resultListTwo.url }" ${resultListTwo.menuType eq 'O' ? 'target="_blank"' : ""} >
|
||||
<c:out value="${resultListTwo.menuNm}" />
|
||||
</a>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
</li>
|
||||
</c:if>
|
||||
</c:forEach>
|
||||
<!-- <li class="depth01_li">
|
||||
<button type="button" class="menu_tit" title="소메뉴 열기">이용안내</button>
|
||||
<ul class="depth02">
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/privacy-policy/index.do" target="_blank" title="새창열림">개인정보처리방침 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/email-rejection/index.do" target="_blank" title="새창열림">이메일무단수집거부 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/customer-service-charter/index.do" target="_blank" title="새창열림">고객서비스헌장 <i class="link"></i></a></li>
|
||||
<li><a href="https://www.copyright.or.kr/customer-center/user-guide/policy/index.do" target="_blank" title="새창열림">저작권정책 <i class="link"></i></a></li>
|
||||
</ul>
|
||||
</li> -->
|
||||
</ul>
|
||||
<!-- <button type="button" class="btn_close" title="모바일메뉴 닫기"></button> -->
|
||||
<div class="btn_close_wrap"><button class="btn_close" title="모바일메뉴 닫기"></button></div>
|
||||
</div>
|
||||
<!-- //모바일메뉴 -->
|
||||
@ -8,7 +8,8 @@
|
||||
|
||||
<!-- script -->
|
||||
|
||||
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/swiper.min.css">
|
||||
<script src="/offeduadvc/visitEdu/usr/publish/script/swiper.js"></script>
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function (){
|
||||
|
||||
@ -174,368 +175,219 @@ function instrChk(){
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
|
||||
<!-- main content -->
|
||||
<main class="main" id="main">
|
||||
<div class="inner">
|
||||
<div class="cont1">
|
||||
<c:forEach var="mainzoneList" items="${mainzoneList}" varStatus="status">
|
||||
<div class="swiper cont1-swiper">
|
||||
<%-- <div class="swiper-slide visual1" style="background-image: url('<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>');"> --%>
|
||||
<div class="swiper-slide visual1" style="background-image: url('<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${mainzoneList.mainzoneImageFile}"/>');">
|
||||
<p class="txt1">대국민 저작권 교육 서비스</p>
|
||||
<p class="txt2">찾아가는 저작권 교육!</p>
|
||||
<span>편리하고 안전한 저작권 이용환경 조성을 통해<br> 올바른 저작권 문화 구축에 앞장서겠습니다.</span>
|
||||
<!-- <button type="button">교육과정 안내</button> -->
|
||||
<button type="button" onclick="location.href='<c:url value="/web/ve/aplct/tngrVisitEdu/eduAplct/eduAplctReg.do"/>'">교육신청 등록</button>
|
||||
<!-- main_content -->
|
||||
<div class="container main">
|
||||
<!-- visual -->
|
||||
<div class="visual_slide swiper">
|
||||
<button type="button" class="btn_prev_slide">이전 슬라이드</button>
|
||||
<button type="button" class="btn_next_slide">다음 슬라이드</button>
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스1</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="#none">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</div>
|
||||
<!--// content1 -->
|
||||
<!-- content2 -->
|
||||
<div class="cont2">
|
||||
<div class="swiper cont2-swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<c:forEach var="popupzoneList" items="${popupzoneList}" varStatus="status">
|
||||
<div class="swiper-slide popup${status.count}">
|
||||
<img onerror="this.src='${pageContext.request.contextPath}/images/no_img.jpg'" style="width: 100%;" alt="<c:out value='${popupzoneList.imgAlt}' /> 알림창" src="<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value='${popupzoneList.popupzoneImageFile}'/>" />
|
||||
|
||||
<img class="mobile_banner" onerror="this.src='${pageContext.request.contextPath}/images/no_img.jpg'" alt="<c:out value='${popupzoneList.imgAlt}' /> 알림창" src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${popupzoneList.popupzoneImageFile}"/>' />
|
||||
</div>
|
||||
<%-- <div class="swiper-slide popup1">
|
||||
<img src="/visitEdu/usr/publish/images/main/popup1.png" alt="저작권 교육하신 선생님 손에 커피드림 이벤트. 저작권 교육용 콘텐츠를 받아서 학생들에게 교육해주신 선생님들~ 교육 실적 입력하시고 스타벅스 커피 꼭 받아가세요~ 참여방법 1.저작권 교육용 콘텐츠를 수업에 사용 2.저작권 콘텐츠를 활용한 저작권 교육 실적을 제출하면 완료">
|
||||
<img src="/visitEdu/usr/publish/images/main/m_popup1.png" alt="저작권 교육하신 선생님 손에 커피드림 이벤트. 저작권 교육용 콘텐츠를 받아서 학생들에게 교육해주신 선생님들~ 교육 실적 입력하시고 스타벅스 커피 꼭 받아가세요~ 참여방법 1.저작권 교육용 콘텐츠를 수업에 사용 2.저작권 콘텐츠를 활용한 저작권 교육 실적을 제출하면 완료" class="mobile_banner">
|
||||
</div> --%>
|
||||
</c:forEach>
|
||||
</div>
|
||||
<div class="slide_button">
|
||||
<div class="control">
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스2</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="#none">교육신청 등록</a>
|
||||
</div>
|
||||
<button type="button" class="slidePause" title="슬라이드 일시정지"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스3</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="#none">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스4</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="#none">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스5</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="#none">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// content2 -->
|
||||
|
||||
<!-- content3 -->
|
||||
<div class="cont3">
|
||||
<div class="cont3_tit">
|
||||
<p>저작권 교육신청</p>
|
||||
</div>
|
||||
<div class="cont3_cont">
|
||||
<c:if test="${userAuthority ne 'ROLE_USER_MANAGER'}">
|
||||
<div class="cont3_cont_1">
|
||||
<p><a href="${pageContext.request.contextPath}/web/ve/aplct/tngrVisitEdu/eduAplct/eduAplctReg.do" title="찾아가는 저작권 교육 청소년 바로가기"><span class="mo_text">청소년</span>찾아가는 저작권 교육<span>청소년</span></a></p>
|
||||
</div>
|
||||
<div class="cont3_cont_2">
|
||||
<p><a href="${pageContext.request.contextPath}/web/ve/aplct/adultVisitEdu/eduAplct/eduAplctReg.do" title="찾아가는 저작권 교육 성인 바로가기"><span class="mo_text">성인</span>찾아가는 저작권 교육<span>성인</span></a></p>
|
||||
</div>
|
||||
<div class="cont3_cont_3">
|
||||
<p><a href="${pageContext.request.contextPath}/web/ve/aplct/otsdCprtnPrcs/lctrAplct/lctrAplctReg.do" title="교육콘텐츠 신청 바로가기">교육콘텐츠 신청</a></p>
|
||||
</div>
|
||||
<div class="cont3_cont_4">
|
||||
<p><a href="javascript:goCpyrgWrite();" title="저작권 체험교실 바로가기">저작권 체험교실</a></p>
|
||||
</div>
|
||||
</c:if>
|
||||
<!-- 강사회원은 대국민 메뉴 이동 막기 -->
|
||||
<c:if test="${userAuthority eq 'ROLE_USER_MANAGER'}">
|
||||
<div class="cont3_cont_1">
|
||||
<p><a href="javascript:instrChk();" title="찾아가는 저작권 교육 청소년 바로가기"><span class="mo_text">청소년</span>찾아가는 저작권 교육<span>청소년</span></a></p>
|
||||
</div>
|
||||
<div class="cont3_cont_2">
|
||||
<p><a href="javascript:instrChk();" title="찾아가는 저작권 교육 성인 바로가기"><span class="mo_text">성인</span>찾아가는 저작권 교육<span>성인</span></a></p>
|
||||
</div>
|
||||
<div class="cont3_cont_3">
|
||||
<p><a href="javascript:instrChk();" title="교육콘텐츠 신청 바로가기">교육콘텐츠 신청</a></p>
|
||||
</div>
|
||||
<div class="cont3_cont_4">
|
||||
<p><a href="javascript:instrChk();" title="저작권 체험교실 바로가기">저작권 체험교실</a></p>
|
||||
</div>
|
||||
</c:if>
|
||||
<div class="slide_control">
|
||||
<div class="inner">
|
||||
<div class="swiper-pagination"></div>
|
||||
<button type="button" class="slide_pause" title="슬라이드 일시정지"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// content3 -->
|
||||
</div>
|
||||
|
||||
<!-- main_banner -->
|
||||
<ul class="main_banner_link inner">
|
||||
<li class="banner_link_01">
|
||||
<a href="#none">
|
||||
<i></i>
|
||||
<p>찾아가는 교육 <span>청소년</span></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_02">
|
||||
<a href="#none">
|
||||
<i></i>
|
||||
<p>찾아가는 교육 <span>성인</span></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_03">
|
||||
<a href="#none">
|
||||
<i></i>
|
||||
<p>체험교실</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_04">
|
||||
<a href="#none">
|
||||
<i></i>
|
||||
<p>실무역량강화교육</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_05">
|
||||
<a href="#none">
|
||||
<i></i>
|
||||
<p>기소유예교육</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!-- content4 -->
|
||||
<div class="cont4">
|
||||
<div class="main_cont_tit">
|
||||
<p>공지사항</p>
|
||||
<div class="wrap inner">
|
||||
<!-- 공지사항 -->
|
||||
<div class="notice content_wrap">
|
||||
<div class="title">
|
||||
<h3>공지사항</h3>
|
||||
<a href="#none" class="btn_plus">더보기</a>
|
||||
</div>
|
||||
<ul class="list">
|
||||
|
||||
<c:forEach var="result" items="${bbsList}" varStatus="status">
|
||||
<li onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
|
||||
<div class="content">
|
||||
<ul class="notice_list">
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p>
|
||||
<c:choose>
|
||||
<c:when test="${result.noticeAt eq 'Y'}">
|
||||
<span class="noticeBox">공지</span><c:out value="${result.nttSj}" />
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<c:out value="${result.nttSj}" />
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</p>
|
||||
<span><c:out value="${result.frstRegisterPnttm}" /></span>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title"><span class="emphasis">공지</span>제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<button type="button" title="공지사항 더보기" class="main_more" onclick="location.href='${pageContext.request.contextPath}/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000653'">더보기</button>
|
||||
</div>
|
||||
<!--// content4 -->
|
||||
|
||||
<!-- content5 -->
|
||||
<div class="cont4">
|
||||
<!-- <div class="main_cont_tit">
|
||||
<p>교육자료실</p>
|
||||
<button type="button">더보기</button>
|
||||
</div>
|
||||
<ul class="list">
|
||||
<li>
|
||||
<a href="#none" class="imgBox">
|
||||
<img src="/visitEdu/usr/publish/images/main/cont5_img1.jpg" alt="">
|
||||
</a>
|
||||
<a href="#none" class="textBox">
|
||||
<p>‘마시멜로 이야기’ 와 저작권 ‘마시멜로 이야기’ 와 저작권</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none" class="imgBox">
|
||||
<img src="/visitEdu/usr/publish/images/main/cont5_img2.jpg" alt="">
|
||||
</a>
|
||||
<a href="#none" class="textBox">
|
||||
<p>노.코.트(북유럽으로 떠나는 저작권 여행)</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none" class="imgBox">
|
||||
<img src="/visitEdu/usr/publish/images/main/cont5_img3.jpg" alt="">
|
||||
</a>
|
||||
<a href="#none" class="textBox">
|
||||
<p>저작권 어떻게 이용해야 하나요?</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul> -->
|
||||
<div class="main_cont_tit">
|
||||
<p>교육자료실</p>
|
||||
</div>
|
||||
<ul class="list">
|
||||
|
||||
<c:forEach var="result" items="${bbsList_2}" varStatus="status">
|
||||
<li onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p>
|
||||
<c:choose>
|
||||
<c:when test="${result.noticeAt eq 'Y'}">
|
||||
<span class="noticeBox">공지</span><c:out value="${result.nttSj}" />
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<c:out value="${result.nttSj}" />
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</p>
|
||||
<span><c:out value="${result.frstRegisterPnttm}" /></span>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<button type="button" title="교육자료실 더보기" class="main_more" onclick="location.href='${pageContext.request.contextPath}/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000681'">더보기</button>
|
||||
</div>
|
||||
<!--// content5 -->
|
||||
|
||||
</div>
|
||||
</main>
|
||||
<!-- 메인 콘텐츠 시작 -->
|
||||
<%-- <main class="main" id="main">
|
||||
<!-- 메인 비주얼 -->
|
||||
<div class="main_visual">
|
||||
<div class="visual_wrap swiper-container">
|
||||
<ul class="visual_list swiper-wrapper">
|
||||
<c:forEach var="result" varStatus="status" items="${mainzoneList}">
|
||||
<li class="visual_img img01 swiper-slide" style="background-image:url('<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>'); background-repeat: no-repeat; background-position: center;"></li>
|
||||
</c:forEach>
|
||||
<!-- <li class="visual_img img01 swiper-slide"></li> -->
|
||||
<!-- <li class="visual_img img02 swiper-slide"></li>
|
||||
<li class="visual_img img03 swiper-slide"></li> -->
|
||||
</ul>
|
||||
<!-- <div class="visual_nav"></div> -->
|
||||
<div class="visual_util">
|
||||
<c:if test="${fn:length(mainzoneList) > 1}" >
|
||||
<button class="visual_prev" title="비주얼 이미지 이전"></button>
|
||||
<button class="visual_next" title="비주얼 이미지 다음"></button>
|
||||
</c:if>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p>분쟁을 신속하고 공정하게 해결해주는</p>
|
||||
<span>저작권 시스템</span>
|
||||
|
||||
<!-- 교육자료실 -->
|
||||
<div class="data_notice content_wrap">
|
||||
<div class="title">
|
||||
<h3>자료실</h3>
|
||||
<a href="#none" class="btn_plus">더보기</a>
|
||||
</div>
|
||||
<!-- <div class="search_area">
|
||||
<label for="searchInput">검색어 입력</label><input type="text" id="searchInput"><button type="button" class="btn_search" title="검색"></button>
|
||||
<div class="tag_area">
|
||||
<a href="/">#저작권</a>
|
||||
<a href="/">#폰트사용범위</a>
|
||||
<a href="/">#저작권침해</a>
|
||||
<a href="/">#만료저작물</a>
|
||||
<a href="/">#음원저작권</a>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- //메인 비주얼 -->
|
||||
|
||||
<!-- 바로가기 -->
|
||||
<div class="baro_cont">
|
||||
<div class="inner">
|
||||
<a href="/web/kccadr/adjst/adjstReqRegistInformation.do"><i></i>
|
||||
<p>교육신청</p>
|
||||
</a>
|
||||
<a href="/web/kccadr/accdnt/ai/adjstIncidentList.do?searchStatus=B"><i></i>
|
||||
<p>서류제출</p>
|
||||
</a>
|
||||
<a href="/web/kccadr/accdnt/ai/adjstIncidentList.do"><i></i>
|
||||
<p>신청현황</p>
|
||||
</a>
|
||||
<a href="/web/kccadr/accdnt/ass/AdjustSchStatusList.do"><i></i>
|
||||
<p>조정일정 현황</p>
|
||||
</a>
|
||||
<a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000654"><i></i>
|
||||
<p>문의게시판</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //바로가기 -->
|
||||
|
||||
<div class="btm_cont">
|
||||
<div class="inner">
|
||||
<!-- 교육신청 안내 -->
|
||||
<div class="area_info area_cont">
|
||||
<div class="area_top">
|
||||
<p class="tit">교육신청 안내</p>
|
||||
</div>
|
||||
<div class="cont">
|
||||
<div class="bnn_cont">
|
||||
<a href="/web/kccadr/adjst/adjstReq1Regist.do">
|
||||
<i></i>
|
||||
<span> 신청</span>
|
||||
<p>온라인상으로 구비서류 제출 및 수수료 결제</p>
|
||||
<div class="content">
|
||||
<ul class="notice_list">
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
<a href="/web/content.do?proFn=9150000">
|
||||
<i></i>
|
||||
<span>오프라인 신청</span>
|
||||
<p>한국저작권위원회로 우편 송달 또는 방문</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="area_btm">
|
||||
<div class="tit">
|
||||
<i></i>
|
||||
<p>상담전화</p>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 알림판 -->
|
||||
<div class="notify content_wrap">
|
||||
<div class="title">
|
||||
<h3>알림판</h3>
|
||||
<div class="notify_control">
|
||||
<div class="swiper-button-prev"></div>
|
||||
<p class="slide_number"><span class="cur_number">1</span>/ <span class="all_number">5</span></p>
|
||||
<div class="swiper-button-next"></div>
|
||||
<button type="button" class="slide_pause" title="슬라이드 일시정지"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="notify_slide">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="/offeduadvc/visitEdu/usr/publish/images/main/main_notify_img_01.jpg" alt="">
|
||||
</div>
|
||||
<p class="info">
|
||||
<span>02-2669-0042</span>
|
||||
월~금(평일) 09:00~18:00
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //교육신청 안내 -->
|
||||
|
||||
<!-- 게시판 -->
|
||||
<div class="area_cont area_list">
|
||||
<div class="area_top">
|
||||
<p class="tit">조정사례</p>
|
||||
<div class="cont_util">
|
||||
<button class="btn_plus" onclick="location.href='/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000651' " title="공지사항 페이지 이동"><i></i></button>
|
||||
<div class="swiper-slide">
|
||||
<img src="/offeduadvc/visitEdu/usr/publish/images/main/main_notify_img_02.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cont list_cont">
|
||||
<ul class="list">
|
||||
<c:forEach var="result" items="${bbsList}" varStatus="status">
|
||||
<li onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
|
||||
<a href="#">
|
||||
<p class="list_top">
|
||||
<span class="list_tit"><c:if test="${status.count ne '1'}">·</c:if><c:out value="${result.nttSj}" /></span>
|
||||
<span class="list_date"><c:out value="${result.frstRegisterPnttm}" /></span>
|
||||
</p>
|
||||
<c:if test="${status.count eq '1'}">
|
||||
<p class="list_info"><c:out value="${result.nttCn}" escapeXml="false;"/></p>
|
||||
</c:if>
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
<!-- <li>
|
||||
<a href="#">
|
||||
<p class="list_top">
|
||||
<span class="list_tit">조정 사례 공개 안내</span>
|
||||
<span class="list_date">2017-05-08</span>
|
||||
</p>
|
||||
<p class="list_info">안녕하세요 조정 사례는 실제 발생한 조정 사례를
|
||||
기준으로 작성되고 있습니다.다만, 조정제도는...</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<p class="list_top">
|
||||
<span class="list_tit">· 조정 사례 공개 안내</span>
|
||||
<span class="list_date">2017-05-08</span>
|
||||
</p>
|
||||
</a>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //게시판 -->
|
||||
|
||||
|
||||
<!-- 알림창 -->
|
||||
<div class="area_pz area_cont">
|
||||
<div class="area_top">
|
||||
<p class="tit">알림판</p>
|
||||
<div class="cont_util">
|
||||
<button type="button" class="btn_prev" title="이전알림창 이미지 이동"></button>
|
||||
<button type="button" class="btn_next" title="다음알림창 이미지 이동"></button>
|
||||
<button type="button" class="btn_ctl btn_pause" onclick="pz_ctl(this);" title="알림창 일시정지"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont">
|
||||
<div class=" <c:if test="${fn:length(popupzoneList) > 1}">swiper-container</c:if> pz_wrap">
|
||||
<ul class="pz_list swiper-wrapper">
|
||||
<c:forEach var="result" items="${popupzoneList}" varStatus="status"><!-- 알림창 -->
|
||||
<li class="swiper-slide">
|
||||
<c:set var="popzATitle"></c:set>
|
||||
<c:if test="${result.istarget == 'N'}">
|
||||
<c:set var="popzATitle">새창열림</c:set>
|
||||
</c:if>
|
||||
<c:if test="${result.istarget == 'N'}">
|
||||
<a href="javascript:popzoneOpen('<c:out value='${result.mlink}' />','<c:out value='${result.istarget}' />');" title="새창열림" >
|
||||
</c:if>
|
||||
<c:if test="${result.istarget != 'N'}">
|
||||
<a href="javascript:popzoneOpen('<c:out value='${result.mlink}' />','<c:out value='${result.istarget}' />');">
|
||||
</c:if>
|
||||
<img style="cursor:pointer"
|
||||
onerror="this.src='/images/no_img.jpg'" alt="<c:out value='${result.imgAlt}' /> 알림창"
|
||||
src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>' />
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
<!-- <li class="pz_img img01 swiper-slide"></li>
|
||||
<li class="pz_img img02 swiper-slide"></li>
|
||||
<li class="pz_img img03 swiper-slide"></li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //알림창 -->
|
||||
</div>
|
||||
</div>
|
||||
</main> --%>
|
||||
<!-- // 메인 콘텐츠 종료 -->
|
||||
</div>
|
||||
<!-- //main_content -->
|
||||
|
||||
<form name="frm" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>" method="post">
|
||||
<input type="hidden" name="bbsId" value="" />
|
||||
<input type="hidden" name="nttId" value="" />
|
||||
|
||||
543
src/main/webapp/WEB-INF/jsp/web/main/mainPage_231011.jsp
Normal file
543
src/main/webapp/WEB-INF/jsp/web/main/mainPage_231011.jsp
Normal file
@ -0,0 +1,543 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
|
||||
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
||||
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<!-- css -->
|
||||
|
||||
|
||||
<!-- script -->
|
||||
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function (){
|
||||
|
||||
<c:if test="${message != null}">
|
||||
alert("<c:out value='${message}' />");
|
||||
</c:if>
|
||||
|
||||
//레이어 팝업 띄우기
|
||||
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10">
|
||||
if(fnGetCookie("layer_<c:out value='${popupListData.popupId}' />") == null){
|
||||
$("#layer_pop_<c:out value='${popupListData.popupId}' />").fadeIn();
|
||||
};
|
||||
</c:forEach>
|
||||
});
|
||||
|
||||
|
||||
/* ********************************************************
|
||||
* 팝업창 오픈 쿠키 정보 OPEN
|
||||
******************************************************** */
|
||||
function fnGetCookie(name) {
|
||||
var prefix = name + "=";
|
||||
|
||||
var cookieStartIndex = document.cookie.indexOf(prefix);
|
||||
if (cookieStartIndex == -1) return null;
|
||||
var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length);
|
||||
if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length;
|
||||
|
||||
|
||||
return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex));
|
||||
}
|
||||
|
||||
/* ********************************************************
|
||||
* 쿠키설정
|
||||
******************************************************** */
|
||||
function fnSetCookiePopup( name, value, expiredays ) {
|
||||
var todayDate = new Date();
|
||||
todayDate.setDate( todayDate.getDate() + expiredays );
|
||||
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
|
||||
}
|
||||
|
||||
//팝업 다시보지않기
|
||||
function fnPopupCheck(popupId , typeFlag) {
|
||||
fnSetCookiePopup( typeFlag+"_"+popupId , "done" , 1);
|
||||
fn_layerClose(popupId);
|
||||
}
|
||||
|
||||
//팝업 닫기
|
||||
function fn_layerClose(popupId){
|
||||
$("#layer_pop_"+popupId).fadeOut();
|
||||
}
|
||||
|
||||
function popzoneOpen(url,target){
|
||||
var vTarget;
|
||||
if(target != "N"){
|
||||
vTarget = "_self";
|
||||
}else{
|
||||
vTarget = "_blank";
|
||||
}
|
||||
window.open(url,vTarget);
|
||||
}
|
||||
|
||||
function fn_egov_inqire_notice(bbsId, nttId) {
|
||||
document.frm.nttId.value = nttId;
|
||||
document.frm.bbsId.value = bbsId;
|
||||
document.frm.method = "post";
|
||||
document.frm.action = "<c:url value='/web/cop/bbsWeb/selectBoardDetail.do'/>?pubDetail=Y";
|
||||
document.frm.submit();
|
||||
}
|
||||
//저작권체험교실 등록화면 이동 시 운영신청 기간인지 체크
|
||||
function goCpyrgWrite(){
|
||||
if(!checkAplctPsbl()) return;
|
||||
|
||||
location.href="${pageContext.request.contextPath}/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/exprnClsrmAplctGuide.do";
|
||||
|
||||
}
|
||||
|
||||
// 신청하는 차시가 유효한 신청기간인지, 강의가능시간인지 체크하는 로직
|
||||
function checkAplctPsbl() {
|
||||
|
||||
var flag = true;
|
||||
|
||||
$.ajax({
|
||||
type:"POST",
|
||||
url:"${pageContext.request.contextPath}/web/ve/aplct/cpyrgExprnClsrm/exprnClsrmInfo/eduAplctChkAjax.do",
|
||||
data: "",
|
||||
dataType:'json',
|
||||
async: false,
|
||||
success:function(returnData){
|
||||
if(returnData.result == "fail"){
|
||||
alert("운영신청기간이 아닙니다.");
|
||||
flag = false;
|
||||
return;
|
||||
}
|
||||
},
|
||||
error:function(request , status, error){
|
||||
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
|
||||
}
|
||||
});
|
||||
|
||||
if(!flag){
|
||||
return false;
|
||||
}
|
||||
|
||||
return true;
|
||||
|
||||
}
|
||||
|
||||
//강사회원 대국민 메뉴 막기
|
||||
function instrChk(){
|
||||
alert("대국민 회원만 이용가능합니다.");
|
||||
return;
|
||||
}
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<c:if test="${fn:length(popupList) > 0}" >
|
||||
<style>
|
||||
.pop-layer{left: 50%; top: 50%; transform: translate(-50%,-50%); box-shadow: 0 0 5px rgba(0,0,0,0.3);}
|
||||
.pop-layer .pop-container {padding: 0px 0px;}
|
||||
.pop-layer p.ctxt {color: #666;line-height: 25px;}
|
||||
.pop-layer .btn-r {display: flex; width: 100%; padding-top: 10px;border-top: 1px solid #DDD;text-align: right; justify-content: space-between; padding: 5px 10px; box-sizing: border-box; align-items: center;}
|
||||
.pop-layer {display: none;position: absolute;background-color: #fff;z-index: 999;}
|
||||
#tdCheck+label{overflow: hidden;border: 0;width: 1px;height: 1px;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);}
|
||||
.btn-layerClose{width: 16px; height: 16px; background-image: url(${pageContext.request.contextPath}/kccadrPb/usr/image/common/btn_close.png); background-repeat: no-repeat; background-size: 100%;}
|
||||
</style>
|
||||
<c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
|
||||
<style>
|
||||
#layer_pop_<c:out value='${popupListData.popupId}' />{
|
||||
/* top: ${popupListData.popupVrticlLc}px;
|
||||
left: ${popupListData.popupWidthLc}px;
|
||||
width: ${popupListData.popupWidthSize}px; */
|
||||
height: auto;
|
||||
}
|
||||
</style>
|
||||
<div id="layer_pop_<c:out value='${popupListData.popupId}' />" class="pop-layer">
|
||||
<div class="pop-container">
|
||||
<div class="pop-conts">
|
||||
<c:choose>
|
||||
<c:when test="${not empty popupListData.fileUrl}">
|
||||
<a href="<c:out value='${popupListData.fileUrl}' />" target="_blank">
|
||||
<c:out value='${popupListData.nttCn}' />
|
||||
</a>
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<a href="#">
|
||||
<c:out value='${popupListData.nttCn}' />
|
||||
</a>
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
<div class="btn-r">
|
||||
<div class="today_close">
|
||||
<c:if test="${popupListData.stopvewSetupAt eq 'Y' }">
|
||||
하루동안 창을 열지 않음
|
||||
<input type="checkbox" name="chkPopup" tabindex="1" onClick="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" onkeypress="fnPopupCheck('<c:out value='${popupListData.popupId}' />' , 'layer')" style="display:inline">
|
||||
</c:if>
|
||||
</div>
|
||||
<a href="#" tabindex="1" onclick="fn_layerClose('<c:out value='${popupListData.popupId}' />'); return false;" class="btn-layerClose" title="팝업 닫기"></a>
|
||||
</div>
|
||||
<!--// content-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</c:if>
|
||||
|
||||
<!-- main content -->
|
||||
<main class="main" id="main">
|
||||
<div class="inner">
|
||||
<div class="cont1">
|
||||
<c:forEach var="mainzoneList" items="${mainzoneList}" varStatus="status">
|
||||
<div class="swiper cont1-swiper">
|
||||
<%-- <div class="swiper-slide visual1" style="background-image: url('<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>');"> --%>
|
||||
<div class="swiper-slide visual1" style="background-image: url('<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${mainzoneList.mainzoneImageFile}"/>');">
|
||||
<p class="txt1">대국민 저작권 교육 서비스</p>
|
||||
<p class="txt2">찾아가는 저작권 교육!</p>
|
||||
<span>편리하고 안전한 저작권 이용환경 조성을 통해<br> 올바른 저작권 문화 구축에 앞장서겠습니다.</span>
|
||||
<!-- <button type="button">교육과정 안내</button> -->
|
||||
<button type="button" onclick="location.href='<c:url value="/web/ve/aplct/tngrVisitEdu/eduAplct/eduAplctReg.do"/>'">교육신청 등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</c:forEach>
|
||||
</div>
|
||||
<!--// content1 -->
|
||||
<!-- content2 -->
|
||||
<div class="cont2">
|
||||
<div class="swiper cont2-swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<c:forEach var="popupzoneList" items="${popupzoneList}" varStatus="status">
|
||||
<div class="swiper-slide popup${status.count}">
|
||||
<img onerror="this.src='${pageContext.request.contextPath}/images/no_img.jpg'" style="width: 100%;" alt="<c:out value='${popupzoneList.imgAlt}' /> 알림창" src="<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value='${popupzoneList.popupzoneImageFile}'/>" />
|
||||
|
||||
<img class="mobile_banner" onerror="this.src='${pageContext.request.contextPath}/images/no_img.jpg'" alt="<c:out value='${popupzoneList.imgAlt}' /> 알림창" src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${popupzoneList.popupzoneImageFile}"/>' />
|
||||
</div>
|
||||
<%-- <div class="swiper-slide popup1">
|
||||
<img src="/visitEdu/usr/publish/images/main/popup1.png" alt="저작권 교육하신 선생님 손에 커피드림 이벤트. 저작권 교육용 콘텐츠를 받아서 학생들에게 교육해주신 선생님들~ 교육 실적 입력하시고 스타벅스 커피 꼭 받아가세요~ 참여방법 1.저작권 교육용 콘텐츠를 수업에 사용 2.저작권 콘텐츠를 활용한 저작권 교육 실적을 제출하면 완료">
|
||||
<img src="/visitEdu/usr/publish/images/main/m_popup1.png" alt="저작권 교육하신 선생님 손에 커피드림 이벤트. 저작권 교육용 콘텐츠를 받아서 학생들에게 교육해주신 선생님들~ 교육 실적 입력하시고 스타벅스 커피 꼭 받아가세요~ 참여방법 1.저작권 교육용 콘텐츠를 수업에 사용 2.저작권 콘텐츠를 활용한 저작권 교육 실적을 제출하면 완료" class="mobile_banner">
|
||||
</div> --%>
|
||||
</c:forEach>
|
||||
</div>
|
||||
<div class="slide_button">
|
||||
<div class="control">
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-pagination"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
</div>
|
||||
<button type="button" class="slidePause" title="슬라이드 일시정지"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// content2 -->
|
||||
|
||||
<!-- content3 -->
|
||||
<div class="cont3">
|
||||
<div class="cont3_tit">
|
||||
<p>저작권 교육신청</p>
|
||||
</div>
|
||||
<div class="cont3_cont">
|
||||
<c:if test="${userAuthority ne 'ROLE_USER_MANAGER'}">
|
||||
<div class="cont3_cont_1">
|
||||
<p><a href="${pageContext.request.contextPath}/web/ve/aplct/tngrVisitEdu/eduAplct/eduAplctReg.do" title="찾아가는 저작권 교육 청소년 바로가기"><span class="mo_text">청소년</span>찾아가는 저작권 교육<span>청소년</span></a></p>
|
||||
</div>
|
||||
<div class="cont3_cont_2">
|
||||
<p><a href="${pageContext.request.contextPath}/web/ve/aplct/adultVisitEdu/eduAplct/eduAplctReg.do" title="찾아가는 저작권 교육 성인 바로가기"><span class="mo_text">성인</span>찾아가는 저작권 교육<span>성인</span></a></p>
|
||||
</div>
|
||||
<div class="cont3_cont_3">
|
||||
<p><a href="${pageContext.request.contextPath}/web/ve/aplct/otsdCprtnPrcs/lctrAplct/lctrAplctReg.do" title="교육콘텐츠 신청 바로가기">교육콘텐츠 신청</a></p>
|
||||
</div>
|
||||
<div class="cont3_cont_4">
|
||||
<p><a href="javascript:goCpyrgWrite();" title="저작권 체험교실 바로가기">저작권 체험교실</a></p>
|
||||
</div>
|
||||
</c:if>
|
||||
<!-- 강사회원은 대국민 메뉴 이동 막기 -->
|
||||
<c:if test="${userAuthority eq 'ROLE_USER_MANAGER'}">
|
||||
<div class="cont3_cont_1">
|
||||
<p><a href="javascript:instrChk();" title="찾아가는 저작권 교육 청소년 바로가기"><span class="mo_text">청소년</span>찾아가는 저작권 교육<span>청소년</span></a></p>
|
||||
</div>
|
||||
<div class="cont3_cont_2">
|
||||
<p><a href="javascript:instrChk();" title="찾아가는 저작권 교육 성인 바로가기"><span class="mo_text">성인</span>찾아가는 저작권 교육<span>성인</span></a></p>
|
||||
</div>
|
||||
<div class="cont3_cont_3">
|
||||
<p><a href="javascript:instrChk();" title="교육콘텐츠 신청 바로가기">교육콘텐츠 신청</a></p>
|
||||
</div>
|
||||
<div class="cont3_cont_4">
|
||||
<p><a href="javascript:instrChk();" title="저작권 체험교실 바로가기">저작권 체험교실</a></p>
|
||||
</div>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
<!--// content3 -->
|
||||
|
||||
<!-- content4 -->
|
||||
<div class="cont4">
|
||||
<div class="main_cont_tit">
|
||||
<p>공지사항</p>
|
||||
</div>
|
||||
<ul class="list">
|
||||
|
||||
<c:forEach var="result" items="${bbsList}" varStatus="status">
|
||||
<li onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
|
||||
<a href="#none">
|
||||
<p>
|
||||
<c:choose>
|
||||
<c:when test="${result.noticeAt eq 'Y'}">
|
||||
<span class="noticeBox">공지</span><c:out value="${result.nttSj}" />
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<c:out value="${result.nttSj}" />
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</p>
|
||||
<span><c:out value="${result.frstRegisterPnttm}" /></span>
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<button type="button" title="공지사항 더보기" class="main_more" onclick="location.href='${pageContext.request.contextPath}/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000653'">더보기</button>
|
||||
</div>
|
||||
<!--// content4 -->
|
||||
|
||||
<!-- content5 -->
|
||||
<div class="cont4">
|
||||
<!-- <div class="main_cont_tit">
|
||||
<p>교육자료실</p>
|
||||
<button type="button">더보기</button>
|
||||
</div>
|
||||
<ul class="list">
|
||||
<li>
|
||||
<a href="#none" class="imgBox">
|
||||
<img src="/visitEdu/usr/publish/images/main/cont5_img1.jpg" alt="">
|
||||
</a>
|
||||
<a href="#none" class="textBox">
|
||||
<p>‘마시멜로 이야기’ 와 저작권 ‘마시멜로 이야기’ 와 저작권</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none" class="imgBox">
|
||||
<img src="/visitEdu/usr/publish/images/main/cont5_img2.jpg" alt="">
|
||||
</a>
|
||||
<a href="#none" class="textBox">
|
||||
<p>노.코.트(북유럽으로 떠나는 저작권 여행)</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none" class="imgBox">
|
||||
<img src="/visitEdu/usr/publish/images/main/cont5_img3.jpg" alt="">
|
||||
</a>
|
||||
<a href="#none" class="textBox">
|
||||
<p>저작권 어떻게 이용해야 하나요?</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul> -->
|
||||
<div class="main_cont_tit">
|
||||
<p>교육자료실</p>
|
||||
</div>
|
||||
<ul class="list">
|
||||
|
||||
<c:forEach var="result" items="${bbsList_2}" varStatus="status">
|
||||
<li onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
|
||||
<a href="#none">
|
||||
<p>
|
||||
<c:choose>
|
||||
<c:when test="${result.noticeAt eq 'Y'}">
|
||||
<span class="noticeBox">공지</span><c:out value="${result.nttSj}" />
|
||||
</c:when>
|
||||
<c:otherwise>
|
||||
<c:out value="${result.nttSj}" />
|
||||
</c:otherwise>
|
||||
</c:choose>
|
||||
</p>
|
||||
<span><c:out value="${result.frstRegisterPnttm}" /></span>
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
</ul>
|
||||
<button type="button" title="교육자료실 더보기" class="main_more" onclick="location.href='${pageContext.request.contextPath}/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000681'">더보기</button>
|
||||
</div>
|
||||
<!--// content5 -->
|
||||
|
||||
</div>
|
||||
</main>
|
||||
<!-- 메인 콘텐츠 시작 -->
|
||||
<%-- <main class="main" id="main">
|
||||
<!-- 메인 비주얼 -->
|
||||
<div class="main_visual">
|
||||
<div class="visual_wrap swiper-container">
|
||||
<ul class="visual_list swiper-wrapper">
|
||||
<c:forEach var="result" varStatus="status" items="${mainzoneList}">
|
||||
<li class="visual_img img01 swiper-slide" style="background-image:url('<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>'); background-repeat: no-repeat; background-position: center;"></li>
|
||||
</c:forEach>
|
||||
<!-- <li class="visual_img img01 swiper-slide"></li> -->
|
||||
<!-- <li class="visual_img img02 swiper-slide"></li>
|
||||
<li class="visual_img img03 swiper-slide"></li> -->
|
||||
</ul>
|
||||
<!-- <div class="visual_nav"></div> -->
|
||||
<div class="visual_util">
|
||||
<c:if test="${fn:length(mainzoneList) > 1}" >
|
||||
<button class="visual_prev" title="비주얼 이미지 이전"></button>
|
||||
<button class="visual_next" title="비주얼 이미지 다음"></button>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p>분쟁을 신속하고 공정하게 해결해주는</p>
|
||||
<span>저작권 시스템</span>
|
||||
</div>
|
||||
<!-- <div class="search_area">
|
||||
<label for="searchInput">검색어 입력</label><input type="text" id="searchInput"><button type="button" class="btn_search" title="검색"></button>
|
||||
<div class="tag_area">
|
||||
<a href="/">#저작권</a>
|
||||
<a href="/">#폰트사용범위</a>
|
||||
<a href="/">#저작권침해</a>
|
||||
<a href="/">#만료저작물</a>
|
||||
<a href="/">#음원저작권</a>
|
||||
</div>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- //메인 비주얼 -->
|
||||
|
||||
<!-- 바로가기 -->
|
||||
<div class="baro_cont">
|
||||
<div class="inner">
|
||||
<a href="/web/kccadr/adjst/adjstReqRegistInformation.do"><i></i>
|
||||
<p>교육신청</p>
|
||||
</a>
|
||||
<a href="/web/kccadr/accdnt/ai/adjstIncidentList.do?searchStatus=B"><i></i>
|
||||
<p>서류제출</p>
|
||||
</a>
|
||||
<a href="/web/kccadr/accdnt/ai/adjstIncidentList.do"><i></i>
|
||||
<p>신청현황</p>
|
||||
</a>
|
||||
<a href="/web/kccadr/accdnt/ass/AdjustSchStatusList.do"><i></i>
|
||||
<p>조정일정 현황</p>
|
||||
</a>
|
||||
<a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000654"><i></i>
|
||||
<p>문의게시판</p>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //바로가기 -->
|
||||
|
||||
<div class="btm_cont">
|
||||
<div class="inner">
|
||||
<!-- 교육신청 안내 -->
|
||||
<div class="area_info area_cont">
|
||||
<div class="area_top">
|
||||
<p class="tit">교육신청 안내</p>
|
||||
</div>
|
||||
<div class="cont">
|
||||
<div class="bnn_cont">
|
||||
<a href="/web/kccadr/adjst/adjstReq1Regist.do">
|
||||
<i></i>
|
||||
<span> 신청</span>
|
||||
<p>온라인상으로 구비서류 제출 및 수수료 결제</p>
|
||||
</a>
|
||||
<a href="/web/content.do?proFn=9150000">
|
||||
<i></i>
|
||||
<span>오프라인 신청</span>
|
||||
<p>한국저작권위원회로 우편 송달 또는 방문</p>
|
||||
</a>
|
||||
</div>
|
||||
<div class="area_btm">
|
||||
<div class="tit">
|
||||
<i></i>
|
||||
<p>상담전화</p>
|
||||
</div>
|
||||
<p class="info">
|
||||
<span>02-2669-0042</span>
|
||||
월~금(평일) 09:00~18:00
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //교육신청 안내 -->
|
||||
|
||||
<!-- 게시판 -->
|
||||
<div class="area_cont area_list">
|
||||
<div class="area_top">
|
||||
<p class="tit">조정사례</p>
|
||||
<div class="cont_util">
|
||||
<button class="btn_plus" onclick="location.href='/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000651' " title="공지사항 페이지 이동"><i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="cont list_cont">
|
||||
<ul class="list">
|
||||
<c:forEach var="result" items="${bbsList}" varStatus="status">
|
||||
<li onclick="javascript:fn_egov_inqire_notice('<c:out value="${result.bbsId}"/>', '<c:out value="${result.nttId}"/>');">
|
||||
<a href="#">
|
||||
<p class="list_top">
|
||||
<span class="list_tit"><c:if test="${status.count ne '1'}">·</c:if><c:out value="${result.nttSj}" /></span>
|
||||
<span class="list_date"><c:out value="${result.frstRegisterPnttm}" /></span>
|
||||
</p>
|
||||
<c:if test="${status.count eq '1'}">
|
||||
<p class="list_info"><c:out value="${result.nttCn}" escapeXml="false;"/></p>
|
||||
</c:if>
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
<!-- <li>
|
||||
<a href="#">
|
||||
<p class="list_top">
|
||||
<span class="list_tit">조정 사례 공개 안내</span>
|
||||
<span class="list_date">2017-05-08</span>
|
||||
</p>
|
||||
<p class="list_info">안녕하세요 조정 사례는 실제 발생한 조정 사례를
|
||||
기준으로 작성되고 있습니다.다만, 조정제도는...</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#">
|
||||
<p class="list_top">
|
||||
<span class="list_tit">· 조정 사례 공개 안내</span>
|
||||
<span class="list_date">2017-05-08</span>
|
||||
</p>
|
||||
</a>
|
||||
</li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //게시판 -->
|
||||
|
||||
|
||||
<!-- 알림창 -->
|
||||
<div class="area_pz area_cont">
|
||||
<div class="area_top">
|
||||
<p class="tit">알림판</p>
|
||||
<div class="cont_util">
|
||||
<button type="button" class="btn_prev" title="이전알림창 이미지 이동"></button>
|
||||
<button type="button" class="btn_next" title="다음알림창 이미지 이동"></button>
|
||||
<button type="button" class="btn_ctl btn_pause" onclick="pz_ctl(this);" title="알림창 일시정지"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="cont">
|
||||
<div class=" <c:if test="${fn:length(popupzoneList) > 1}">swiper-container</c:if> pz_wrap">
|
||||
<ul class="pz_list swiper-wrapper">
|
||||
<c:forEach var="result" items="${popupzoneList}" varStatus="status"><!-- 알림창 -->
|
||||
<li class="swiper-slide">
|
||||
<c:set var="popzATitle"></c:set>
|
||||
<c:if test="${result.istarget == 'N'}">
|
||||
<c:set var="popzATitle">새창열림</c:set>
|
||||
</c:if>
|
||||
<c:if test="${result.istarget == 'N'}">
|
||||
<a href="javascript:popzoneOpen('<c:out value='${result.mlink}' />','<c:out value='${result.istarget}' />');" title="새창열림" >
|
||||
</c:if>
|
||||
<c:if test="${result.istarget != 'N'}">
|
||||
<a href="javascript:popzoneOpen('<c:out value='${result.mlink}' />','<c:out value='${result.istarget}' />');">
|
||||
</c:if>
|
||||
<img style="cursor:pointer"
|
||||
onerror="this.src='/images/no_img.jpg'" alt="<c:out value='${result.imgAlt}' /> 알림창"
|
||||
src='<c:url value='/uss/ion/pwm/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>' />
|
||||
</a>
|
||||
</li>
|
||||
</c:forEach>
|
||||
<!-- <li class="pz_img img01 swiper-slide"></li>
|
||||
<li class="pz_img img02 swiper-slide"></li>
|
||||
<li class="pz_img img03 swiper-slide"></li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //알림창 -->
|
||||
</div>
|
||||
</div>
|
||||
</main> --%>
|
||||
<!-- // 메인 콘텐츠 종료 -->
|
||||
<form name="frm" action="<c:url value='/web/cop/bbsWeb/selectBoardList.do'/>" method="post">
|
||||
<input type="hidden" name="bbsId" value="" />
|
||||
<input type="hidden" name="nttId" value="" />
|
||||
</form>
|
||||
</html>
|
||||
@ -10,13 +10,15 @@ body {color: #222;}
|
||||
.logo img {width: 200px;}
|
||||
|
||||
/* header */
|
||||
header{width: 100%; height: 130px; position: fixed; top: 0; left: 0; transition: height .4s ease-in-out, background-color .4s ease-in-out, margin .4s ease-in-out; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #e2e4e6; z-index: 20; background-color: #fff;}
|
||||
header{width: 100%; height: 130px; position: fixed; top: 0; left: 0; transition: height .4s ease-in-out, background-color .4s ease-in-out, margin .4s ease-in-out; overflow: hidden; box-sizing: border-box;z-index: 20; background-color: #fff;}
|
||||
header.on{background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
|
||||
header::before{position: absolute; content: " "; display: block; top: 130px; left: 0; height: 1px; background-color: #ddd; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header::after{position: absolute; content: " "; display: block; width: 100%; height: 1px; background-color: #d5d5d5; top: 130px; left: 0; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header.on::after{top: 130px; opacity: 1;}
|
||||
header.on::before{opacity: 1;}
|
||||
header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
|
||||
|
||||
/* .gnb_wrap{width: 100%; background-color: #eef0f3; height: 40px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;} */
|
||||
.gnb_wrap{width: 100%; background-color: #fff; height: 40px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
|
||||
.gnb_wrap .inner{max-width: 1400px; width: 100%; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
|
||||
.gnb_wrap .site {padding: 8px 20px; background-color: #f5680b ; height: 100%; box-sizing: border-box; vertical-align: middle;}
|
||||
@ -32,12 +34,12 @@ header.on::before{opacity: 1;}
|
||||
.gnb_wrap .area_right a i {display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-bottom: 2px; margin-right: 5px;}
|
||||
.gnb_wrap .area_right .header_login i {background-image: url(../images/common/headerTop_icon1.png); width: 11px; height: 15px;}
|
||||
.gnb_wrap .area_right .header_join {padding-right: 22px;margin:0 -10px 0 0;}
|
||||
.gnb_wrap .area_right .header_join i {background-image: url(../images/common/headerTop_icon2.png); width: 14px; height: 15px;}
|
||||
.gnb_wrap .area_right .header_join i {background-image: url(../images/common/headerTop_icon3.png); width: 14px; height: 15px;}
|
||||
.gnb_wrap .area_right a:hover{text-decoration: underline;}
|
||||
.gnb_wrap .area_right .login_info::before,.gnb_wrap .area_right .login_after::before{position: absolute; content: " ";width: 1px; height: 13px; background-color: #dbdbdb; top: 50%; right: 13px; transform: translateY(-50%);}
|
||||
.gnb_wrap .area_right .login_after::before {right:7px;}
|
||||
.gnb_wrap .area_right .login_info:last-of-type:before{display: none;}
|
||||
.gnb_wrap .area_left p{display: inline-block; height: 40px; border-right: 1px solid #e5e5e5; font-size: 15px; color: #444; padding: 0 15px; vertical-align: middle; line-height: 36px;}
|
||||
.gnb_wrap .area_left p{display: inline-block;background-color: #fff; height: 40px; border-right: 1px solid #e5e5e5; font-size: 15px; color: #444; padding: 0 15px; vertical-align: middle; line-height: 36px;margin: 0 0 0 -4px;}
|
||||
.gnb_wrap .btn_util {margin:0 0 0 10px;}
|
||||
.gnb_wrap .btn_util button{width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; background-position: center; border-left: 1px solid #e2e4e6; }
|
||||
.gnb_wrap .btn_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);}
|
||||
@ -50,28 +52,27 @@ header.on::before{opacity: 1;}
|
||||
.header_inner .nav_wrap{box-sizing: border-box; height: 100%; width: 100%; margin: 0 50px;}
|
||||
.header_inner #menu{width: 100%; margin: 0 auto; height: 100%;}
|
||||
.header_inner .depth01 {display: flex; height: 100%;}
|
||||
.header_inner .dep_li_01,
|
||||
.header_inner .dep_li_02,
|
||||
.header_inner .dep_li_03 {justify-content:flex-start;}
|
||||
.header_inner .dep_li_04,
|
||||
.header_inner .dep_li_05,
|
||||
.header_inner .dep_li_06,.header_inner .dep_li_07 {justify-content:space-between;}
|
||||
.header_inner .dep_li_01,.header_inner .dep_li_02,.header_inner .dep_li_03 {justify-content:flex-start;}
|
||||
.header_inner .dep_li_04,.header_inner .dep_li_05,.header_inner .dep_li_06,.header_inner .dep_li_07 {justify-content:space-between;}
|
||||
.header_inner .depth01_li{position: relative; padding: 0; box-sizing: border-box;}
|
||||
.header_inner .dep_li_04 .depth01_li{width: calc((100% - 40px)/4);}
|
||||
.header_inner .dep_li_01 .depth01_li{width: 100%;}
|
||||
.header_inner .dep_li_02 .depth01_li{width: calc((100% - 20px)/2);}
|
||||
.header_inner .dep_li_03 .depth01_li{width: calc((100% - 30px)/3);max-width:270px;}
|
||||
.header_inner .dep_li_05 .depth01_li{width: calc((100% - 50px)/5);}
|
||||
.header_inner .dep_li_05 .depth01_li{width: calc(100%/5);}
|
||||
.header_inner .dep_li_06 .depth01_li{width: calc((100% - 60px)/6);}
|
||||
.header_inner .dep_li_07 .depth01_li{width: auto;}
|
||||
.header_inner .menu_link{font-size: 18px; font-weight: 600; letter-spacing: -1px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; line-height: 1.25;}
|
||||
.header_inner .menu_link{font-size: 20px; font-weight: 600; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; line-height: 1.25;}
|
||||
.header_inner .menu_link::before{position: absolute; content: " "; display: block; width: 0; height: 4px; background-color: #E95504; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; top: 87px; z-index: 1;}
|
||||
.header_inner .menu_link .menu_link_br {color: #E95504;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; }
|
||||
.header_inner .on .menu_link{color: #E95504;}
|
||||
.on .nav_wrap .on .menu_link::before{width: 100%;}
|
||||
.header_inner .depth02{position: absolute; text-align: center; margin-top: 25px; width: 100%; left: 50%; transform: translateX(-50%);}
|
||||
.header_inner .depth02{position: absolute; text-align: center; padding: 15px 0; width: 100%; left: 50%; transform: translateX(-50%);border-right: 1px solid #d5d5d5;}
|
||||
.header_inner .depth01_li:first-child .depth02{border-left: 1px solid #d5d5d5;}
|
||||
.header_inner .depth01_li:hover .depth02::after{position:absolute;content:"";width:calc(100% + 4px);height:100%;background-color:#fff8f4;left:-2px;top:0;}
|
||||
.header_inner .depth01_li:hover .depth02 li{position:relative;z-index:1;}
|
||||
.header_inner .depth02 a{font-size: 17px; font-weight: 300; line-height: 1.3; height: 45px; display: flex; align-items: center; justify-content: center; word-break: keep-all;white-space:nowrap;}
|
||||
.header_inner .depth02 a:hover,.header_inner .depth02 a:focus{color: #E95504;}
|
||||
.header_inner .depth02 a:hover,.header_inner .depth02 a:focus{color: #E95504;font-weight:500;}
|
||||
|
||||
.header_inner button{width: 27px; height: 26px; background-repeat: no-repeat;}
|
||||
.header_inner .btn_search{background-image: url(../images/common/btn_search.png); margin-right: 25px; margin-top: -2px;}
|
||||
@ -86,19 +87,29 @@ header.on::before{opacity: 1;}
|
||||
/* //header */
|
||||
|
||||
/* full menu */
|
||||
.full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #fff; min-height: 500px; padding: 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21;}
|
||||
.full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.1);}
|
||||
.full_menu .inner{max-width: 1400px; width: 100%; position: relative; margin: 0 auto;}
|
||||
.full_menu .btn_close{background-image: url(../images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; position: absolute; right: 0; top: 15px; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;}
|
||||
.full_menu .depth01{display: flex; justify-content: space-around; text-align: center; margin: 80px 50px 0 50px;}
|
||||
.full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #eef0f3; min-height: 500px; padding: 100px 50px 50px 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21; border-radius: 0 0 20px 20px;}
|
||||
.full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.3);}
|
||||
.full_menu .inner{display: flex; max-width: 1400px; width: 100%; position: relative; margin: 0 auto; justify-content: space-between; align-items: flex-start;}
|
||||
.full_menu .logo{width: 230px;}
|
||||
.full_menu .logo img{width: 220px;}
|
||||
.full_menu .btn_close{background-image: url(../images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;}
|
||||
.full_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.15); transition: width .4s ease-in-out;}
|
||||
.full_menu .depth01 .menu_link{font-size: 20px; font-weight: 500; color: #ea5404; position: relative; padding-bottom: 25px; letter-spacing: -1px; text-align: center; height: 40px;}
|
||||
.full_menu .depth01{width: calc(100% - 500px);}
|
||||
.full_menu .depth01_li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 20px 0;}
|
||||
.full_menu .depth01_li:first-child{padding: 0 0 20px 0;}
|
||||
.full_menu .depth01_li:last-child{border-bottom: 0;}
|
||||
.full_menu .depth01_li .menu_link{width:350px;font-size: 22px; font-weight: 500; color: #222;}
|
||||
.full_menu .depth01_li:hover .menu_link,.full_menu .depth01_li .depth02 li:hover{color: #e95504;}
|
||||
.full_menu .depth01_li .depth02 li:hover{font-weight: 500;}
|
||||
.full_menu .depth01_li .depth02{display: flex; width: calc(100% - 350px); font-size: 18px; font-weight: 300; color: #666; justify-content: space-between;}
|
||||
|
||||
/* .full_menu .depth01 .menu_link{font-size: 20px; font-weight: 500; color: #ea5404; position: relative; padding-bottom: 25px; letter-spacing: -1px; text-align: center; height: 40px;}
|
||||
.full_menu .depth01 .menu_link>span {display: block; padding-top: 5px;}
|
||||
.full_menu .depth01 .menu_link::before{position: absolute; content: " "; width: 75px; height: 3px; background-color: #ea5404; left: 50%; bottom: 0; transform: translateX(-50%);}
|
||||
.full_menu .depth02{margin-top: 10px;}
|
||||
.full_menu .depth02 a{height: 40px; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; font-size: 17px; font-weight: 400;}
|
||||
.full_menu .depth02 a:hover {font-weight: 700;}
|
||||
.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(../images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;}
|
||||
.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(../images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;} */
|
||||
/* //full menu */
|
||||
|
||||
/* moblie menu */
|
||||
@ -143,25 +154,27 @@ header.on::before{opacity: 1;}
|
||||
.navigation .list > li .navi_depth li a:focus {font-weight:500;color:#ff6009;background:#fff3ec;}
|
||||
|
||||
/* footer */
|
||||
footer{width: 100%; background-color: #fff; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative;}
|
||||
footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #e2e3e7; border-bottom: 1px solid #e2e3e7; position: absolute; top: 0; left: 0;}
|
||||
/* footer{width: 100%; background-color: #eef0f3; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 80px auto 0 auto;} */
|
||||
footer{width: 100%; background-color: #fff; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 0 auto 0 auto;}
|
||||
footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; position: absolute; top: 0; left: 0;}
|
||||
footer .site ul {display: flex; height: 50px; align-items: center;}
|
||||
footer .inner{max-width: 1400px; width: 100%; margin: 0 auto; }
|
||||
footer .area_top{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 45px 0;}
|
||||
footer .site{font-size: 16px; position: relative;}
|
||||
footer .site li{padding: 0 24px; position: relative; font-weight: 300; transition: all 0.3s ease;}
|
||||
footer .site li{padding: 0 24px; position: relative; font-weight: 400; transition: all 0.3s ease;}
|
||||
footer .site li::before{position: absolute; content: " "; width: 1px; height: 14px; background-color: #cbced4; top: 50%; right: 0; transform: translateY(-50%);}
|
||||
footer .site li:last-child::before{display: none;}
|
||||
footer .site li:first-child{padding-left: 0;}
|
||||
footer .site li a:hover {text-decoration: underline;}
|
||||
footer select{height: 40px; border: 1px solid #cbcdd1; background-image: url(../images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;}
|
||||
footer .btn_go{width: 50px; height: 40px; border: 1px solid #cbcdd1; background-color: #eaecef; vertical-align: middle; border-radius: 5px; color: #666; transition: all 0.1s linear; font-size: 16px;}
|
||||
footer select{width: 204px; height: 40px; border: 1px solid #cbcdd1; background-image: url(../images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;}
|
||||
footer .btn_go{width: 50px; height: 40px; border: 1px solid #cbcdd1; background-color: #eaecef; vertical-align: middle; border-radius: 5px; color: #666; transition: all 0.1s linear; font-size: 16px; margin: 0 0 0 4px;}
|
||||
footer .btn_go:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.1s linear;}
|
||||
footer .logo,footer address{display: inline-block; vertical-align: middle;}
|
||||
footer .logo{/*padding: 47px 0;*/ transition: all 0.3s ease;}
|
||||
footer address {font-size: 14px; font-weight: 300; margin-left: -40px; transition: all 0.3s ease;}
|
||||
footer address {font-size: 14px; font-weight: 400; margin-left: -90px; transition: all 0.3s ease;}
|
||||
footer address p:first-child{margin-bottom: 8px;}
|
||||
footer .wa_mark .wa {width: 110px;}
|
||||
footer .site_go{display: flex;align-items: center;justify-content: space-between;}
|
||||
footer .wa_mark .wa {width: 110px;margin: 0 40px 0 0;}
|
||||
/* //footer */
|
||||
|
||||
.error_page{width: 100%; height: 100%; margin: 0 auto; text-align: center;}
|
||||
|
||||
@ -18,7 +18,8 @@ header.on::after{top: 130px; opacity: 1;}
|
||||
header.on::before{opacity: 1;}
|
||||
header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
|
||||
|
||||
.gnb_wrap{width: 100%; background-color: #eef0f3; height: 40px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
|
||||
/* .gnb_wrap{width: 100%; background-color: #eef0f3; height: 40px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;} */
|
||||
.gnb_wrap{width: 100%; background-color: #fff; height: 40px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
|
||||
.gnb_wrap .inner{max-width: 1400px; width: 100%; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
|
||||
.gnb_wrap .site {padding: 8px 20px; background-color: #f5680b ; height: 100%; box-sizing: border-box; vertical-align: middle;}
|
||||
.gnb_wrap .site span{display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; padding: 0 4px; box-sizing: border-box; background-color: #fff; color: #f5680b; border-radius: 5px; margin-left: 10px; transition: background-color 0.3s ease;}
|
||||
@ -153,7 +154,8 @@ header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
|
||||
.navigation .list > li .navi_depth li a:focus {font-weight:500;color:#ff6009;background:#fff3ec;}
|
||||
|
||||
/* footer */
|
||||
footer{width: 100%; background-color: #eef0f3; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 80px auto 0 auto;}
|
||||
/* footer{width: 100%; background-color: #eef0f3; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 80px auto 0 auto;} */
|
||||
footer{width: 100%; background-color: #fff; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 0 auto 0 auto;}
|
||||
footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; position: absolute; top: 0; left: 0;}
|
||||
footer .site ul {display: flex; height: 50px; align-items: center;}
|
||||
footer .inner{max-width: 1400px; width: 100%; margin: 0 auto; }
|
||||
|
||||
285
src/main/webapp/visitEdu/usr/publish/css/common_2023_bak.css
Normal file
285
src/main/webapp/visitEdu/usr/publish/css/common_2023_bak.css
Normal file
@ -0,0 +1,285 @@
|
||||
body {color: #222;}
|
||||
|
||||
.clearfix::after{display:block;content:"";clear:both;}
|
||||
|
||||
.skip_menu {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
|
||||
.skip_menu a{display:block; position:absolute; left:0; padding:10px 20px; height: 50px; line-height:30px; color:#fff; background:#000;width:100%;text-align:center;font-size: 18px;box-sizing: border-box;}
|
||||
.skip_menu a:link,.skip_menu a:visited,.skip_menu a:active{top:-10000px;}
|
||||
.skip_menu a:hover,.skip_menu a:focus{top:0;}
|
||||
|
||||
.logo img {width: 200px;}
|
||||
|
||||
/* header */
|
||||
header{width: 100%; height: 130px; position: fixed; top: 0; left: 0; transition: height .4s ease-in-out, background-color .4s ease-in-out, margin .4s ease-in-out; overflow: hidden; box-sizing: border-box;z-index: 20; background-color: #fff;}
|
||||
header.on{background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
|
||||
header::before{position: absolute; content: " "; display: block; top: 130px; left: 0; height: 1px; background-color: #ddd; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header::after{position: absolute; content: " "; display: block; width: 100%; height: 1px; background-color: #d5d5d5; top: 130px; left: 0; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header.on::after{top: 130px; opacity: 1;}
|
||||
header.on::before{opacity: 1;}
|
||||
header.scroll{box-shadow: 0 5px 8px rgba(0,0,0,0.15);}
|
||||
|
||||
.gnb_wrap{width: 100%; background-color: #eef0f3; height: 40px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
|
||||
.gnb_wrap .inner{max-width: 1400px; width: 100%; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
|
||||
.gnb_wrap .site {padding: 8px 20px; background-color: #f5680b ; height: 100%; box-sizing: border-box; vertical-align: middle;}
|
||||
.gnb_wrap .site span{display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; padding: 0 4px; box-sizing: border-box; background-color: #fff; color: #f5680b; border-radius: 5px; margin-left: 10px; transition: background-color 0.3s ease;}
|
||||
.gnb_wrap .site:hover {background-color: #e86016; transition: background-color 0.3s ease;}
|
||||
.gnb_wrap .area_right *{display: inline-block;}
|
||||
.gnb_wrap .area_right a,.gnb_wrap .area_right .login_after{height: 25px; font-size: 14px; color: #717171; font-weight: 400; line-height: 1.6; letter-spacing: -0.45px; vertical-align: unset;}
|
||||
.gnb_wrap .area_right .login_after{padding-right: 20px; text-align: right; position: relative;}
|
||||
.gnb_wrap .area_right .login_info {position: relative;}
|
||||
.gnb_wrap .area_right .login_after + .login_info {padding-right:20px;}
|
||||
.gnb_wrap .area_right .login_after + .login_info::before {right:7px;}
|
||||
.gnb_wrap .area_right .header_login_wrap {padding-right: 33px;}
|
||||
.gnb_wrap .area_right a i {display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-bottom: 2px; margin-right: 5px;}
|
||||
.gnb_wrap .area_right .header_login i {background-image: url(../images/common/headerTop_icon1.png); width: 11px; height: 15px;}
|
||||
.gnb_wrap .area_right .header_join {padding-right: 22px;margin:0 -10px 0 0;}
|
||||
.gnb_wrap .area_right .header_join i {background-image: url(../images/common/headerTop_icon3.png); width: 14px; height: 15px;}
|
||||
.gnb_wrap .area_right a:hover{text-decoration: underline;}
|
||||
.gnb_wrap .area_right .login_info::before,.gnb_wrap .area_right .login_after::before{position: absolute; content: " ";width: 1px; height: 13px; background-color: #dbdbdb; top: 50%; right: 13px; transform: translateY(-50%);}
|
||||
.gnb_wrap .area_right .login_after::before {right:7px;}
|
||||
.gnb_wrap .area_right .login_info:last-of-type:before{display: none;}
|
||||
.gnb_wrap .area_left p{display: inline-block;background-color: #fff; height: 40px; border-right: 1px solid #e5e5e5; font-size: 15px; color: #444; padding: 0 15px; vertical-align: middle; line-height: 36px;margin: 0 0 0 -4px;}
|
||||
.gnb_wrap .btn_util {margin:0 0 0 10px;}
|
||||
.gnb_wrap .btn_util button{width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; background-position: center; border-left: 1px solid #e2e4e6; }
|
||||
.gnb_wrap .btn_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);}
|
||||
.gnb_wrap .btn_util .btn_minus{margin-right: -5px; background-image: url(../images/common/headerTop_btn1.png);}
|
||||
.gnb_wrap .btn_util .btn_plus{background-image: url(../images/common/headerTop_btn2.png); border-right: 1px solid #e2e4e6;}
|
||||
|
||||
.header{padding: 0 20px; box-sizing: border-box;}
|
||||
.header_inner{max-width: 1400px; width: 100%; height: 90px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; position: relative;}
|
||||
.header_inner .area_right{display: flex;}
|
||||
.header_inner .nav_wrap{box-sizing: border-box; height: 100%; width: 100%; margin: 0 50px;}
|
||||
.header_inner #menu{width: 100%; margin: 0 auto; height: 100%;}
|
||||
.header_inner .depth01 {display: flex; height: 100%;}
|
||||
.header_inner .dep_li_01,.header_inner .dep_li_02,.header_inner .dep_li_03 {justify-content:flex-start;}
|
||||
.header_inner .dep_li_04,.header_inner .dep_li_05,.header_inner .dep_li_06,.header_inner .dep_li_07 {justify-content:space-between;}
|
||||
.header_inner .depth01_li{position: relative; padding: 0; box-sizing: border-box;}
|
||||
.header_inner .dep_li_04 .depth01_li{width: calc((100% - 40px)/4);}
|
||||
.header_inner .dep_li_01 .depth01_li{width: 100%;}
|
||||
.header_inner .dep_li_02 .depth01_li{width: calc((100% - 20px)/2);}
|
||||
.header_inner .dep_li_03 .depth01_li{width: calc((100% - 30px)/3);max-width:270px;}
|
||||
.header_inner .dep_li_05 .depth01_li{width: calc(100%/5);}
|
||||
.header_inner .dep_li_06 .depth01_li{width: calc((100% - 60px)/6);}
|
||||
.header_inner .dep_li_07 .depth01_li{width: auto;}
|
||||
.header_inner .menu_link{font-size: 20px; font-weight: 600; letter-spacing: -0.5px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; line-height: 1.25;}
|
||||
.header_inner .menu_link::before{position: absolute; content: " "; display: block; width: 0; height: 4px; background-color: #E95504; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; top: 87px; z-index: 1;}
|
||||
.header_inner .menu_link .menu_link_br {color: #E95504;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; }
|
||||
.header_inner .on .menu_link{color: #E95504;}
|
||||
.on .nav_wrap .on .menu_link::before{width: 100%;}
|
||||
.header_inner .depth02{position: absolute; text-align: center; padding: 15px 0; width: 100%; left: 50%; transform: translateX(-50%);border-right: 1px solid #d5d5d5;}
|
||||
.header_inner .depth01_li:first-child .depth02{border-left: 1px solid #d5d5d5;}
|
||||
.header_inner .depth01_li:hover .depth02::after{position:absolute;content:"";width:calc(100% + 4px);height:100%;background-color:#fff8f4;left:-2px;top:0;}
|
||||
.header_inner .depth01_li:hover .depth02 li{position:relative;z-index:1;}
|
||||
.header_inner .depth02 a{font-size: 17px; font-weight: 300; line-height: 1.3; height: 45px; display: flex; align-items: center; justify-content: center; word-break: keep-all;white-space:nowrap;}
|
||||
.header_inner .depth02 a:hover,.header_inner .depth02 a:focus{color: #E95504;font-weight:500;}
|
||||
|
||||
.header_inner button{width: 27px; height: 26px; background-repeat: no-repeat;}
|
||||
.header_inner .btn_search{background-image: url(../images/common/btn_search.png); margin-right: 25px; margin-top: -2px;}
|
||||
.header_inner .btn_menu{background-image: url(../images/common/btn_menu.png);}
|
||||
.header_inner button.btn_mobile{display: none; margin: 0 8px; vertical-align: middle; margin-top: -2px;height:100%;background-position:center center;}
|
||||
.header_inner .btn_login{background-image: url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
|
||||
.header_inner .btn_logout{background-image: url(../../../../kccadrPb/usr/image/common/btn_logout.png);}
|
||||
.header_inner .btn_join{width: 35px; background-image: url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
|
||||
.header_inner .btn_usredit{width: 35px; background-image: url(../../../../kccadrPb/usr/image/common/btn_usredit.png);}
|
||||
.header_inner .m_header_login,
|
||||
.header_inner .m_header_join {display:none;}
|
||||
/* //header */
|
||||
|
||||
/* full menu */
|
||||
.full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #eef0f3; min-height: 500px; padding: 100px 50px 50px 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21; border-radius: 0 0 20px 20px;}
|
||||
.full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.3);}
|
||||
.full_menu .inner{display: flex; max-width: 1400px; width: 100%; position: relative; margin: 0 auto; justify-content: space-between; align-items: flex-start;}
|
||||
.full_menu .logo{width: 230px;}
|
||||
.full_menu .logo img{width: 220px;}
|
||||
.full_menu .btn_close{background-image: url(../images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;}
|
||||
.full_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.15); transition: width .4s ease-in-out;}
|
||||
.full_menu .depth01{width: calc(100% - 500px);}
|
||||
.full_menu .depth01_li{display: flex; border-bottom: 1px solid #d5d5d5; padding: 20px 0;}
|
||||
.full_menu .depth01_li:first-child{padding: 0 0 20px 0;}
|
||||
.full_menu .depth01_li:last-child{border-bottom: 0;}
|
||||
.full_menu .depth01_li .menu_link{width:350px;font-size: 22px; font-weight: 500; color: #222;}
|
||||
.full_menu .depth01_li:hover .menu_link,.full_menu .depth01_li .depth02 li:hover{color: #e95504;}
|
||||
.full_menu .depth01_li .depth02 li:hover{font-weight: 500;}
|
||||
.full_menu .depth01_li .depth02{display: flex; width: calc(100% - 350px); font-size: 18px; font-weight: 300; color: #666; justify-content: space-between;}
|
||||
|
||||
/* .full_menu .depth01 .menu_link{font-size: 20px; font-weight: 500; color: #ea5404; position: relative; padding-bottom: 25px; letter-spacing: -1px; text-align: center; height: 40px;}
|
||||
.full_menu .depth01 .menu_link>span {display: block; padding-top: 5px;}
|
||||
.full_menu .depth01 .menu_link::before{position: absolute; content: " "; width: 75px; height: 3px; background-color: #ea5404; left: 50%; bottom: 0; transform: translateX(-50%);}
|
||||
.full_menu .depth02{margin-top: 10px;}
|
||||
.full_menu .depth02 a{height: 40px; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; font-size: 17px; font-weight: 400;}
|
||||
.full_menu .depth02 a:hover {font-weight: 700;}
|
||||
.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(../images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;} */
|
||||
/* //full menu */
|
||||
|
||||
/* moblie menu */
|
||||
#m_menu{visibility: hidden; height: 0;}
|
||||
/* //moblie menu */
|
||||
|
||||
/* path */
|
||||
.path {width: 100%; background-color: #ebedf2; height: 50px;}
|
||||
.path .pathedfr {max-width: 1400px; padding: 0 10px; margin: 0 auto; box-sizing: border-box;}
|
||||
.path .pathedfr ul {display: flex; align-items: center; height: 50px;}
|
||||
.path .pathedfr ul li {align-self: center; font-size: 16px; color: #666; font-weight: 300;}
|
||||
.path .pathedfr ul li:nth-child(even) {color: #666; font-size: 14px; margin: 0 8px;}
|
||||
.path .pathedfr ul li.home i {background-image: url(../images/common/home_icon.png); width: 19px; height: 17px; display: inline-block; margin-bottom: -2px; margin-right: 10px;}
|
||||
.path .m_pathedfr {display:none;}
|
||||
|
||||
/* snb */
|
||||
/* .snb {width:230px;} */
|
||||
.snb > p {color:#333333;font-size:27px; font-weight: 600;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif;}
|
||||
.snb > h2 > span {color: #e95504; display: block; font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; padding-top: 9px;}
|
||||
.snb .ssleftxt{width:100%;margin-top:25px;}
|
||||
.snb .ssleftxt ul li{width: 100%; height: 45px; border-radius: 5px; border: 1px solid #d5d7dc; margin-bottom: 5px; display: table;}
|
||||
.snb .ssleftxt ul li:last-child {margin-bottom: 0;}
|
||||
.snb .ssleftxt ul li a{width:100%;height:100%;color:#666;padding:0 15px;box-sizing:border-box; font-size: 18px; display: table-cell; vertical-align: middle; font-weight: 300;}
|
||||
.snb .ssleftxt ul li a span{font-size: 18px; line-height: 18px;}
|
||||
.snb .ssleftxt ul li.menu_on{background-color: #ec5908 ; border: 1px solid #ec5908;}
|
||||
.snb .ssleftxt ul li.menu_on a {color:#fff; background-image: url(../images/common/arrow.png); background-repeat: no-repeat; background-position: 91% 50%;}
|
||||
/*// snb */
|
||||
|
||||
.navigation {height:50px;border-bottom:1px solid #d5d5d5;}
|
||||
.container .navigation .inner{margin: 0 auto;}
|
||||
.navigation .list {border-left:1px solid #d5d5d5;}
|
||||
.navigation .list:after {content:'';display:block;clear:both;}
|
||||
.navigation .list > li {position:relative;float:left;border-right:1px solid #d5d5d5;}
|
||||
.navigation .list > li:first-child {border-left:1px solid #d5d5d5;}
|
||||
.navigation .list > li.home {display:none;border-left:1px solid #d5d5d5;}
|
||||
.navigation .list > li.home a {display:block;width:49px;height:50px;font-size:0;text-indent:-9999em;background:url(../images/content/select.png) no-repeat center center;}
|
||||
.navigation .list > li .navi_title {position:relative;width:230px;padding:0 20px;font-size:16px;line-height:50px;text-align:left;color:#555;box-sizing:border-box;}
|
||||
.navigation .list > li .navi_title:after {content:'';position:absolute;right:20px;top:1px;width:18px;height:48px;background:url(../images/content/select.png) no-repeat center center;}
|
||||
.navigation .list > li .navi_depth {display:none;position:absolute;left:-1px;top:50px;width:100%;border:1px solid #d5d5d5;background:#fff;z-index:2;}
|
||||
.navigation .list > li .navi_depth li a {display:block;height:40px;padding:0 20px;font-size:16px;line-height:40px;}
|
||||
.navigation .list > li .navi_depth li a:hover,
|
||||
.navigation .list > li .navi_depth li a:focus {font-weight:500;color:#ff6009;background:#fff3ec;}
|
||||
|
||||
/* footer */
|
||||
footer{width: 100%; background-color: #eef0f3; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative; margin: 80px auto 0 auto;}
|
||||
footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; position: absolute; top: 0; left: 0;}
|
||||
footer .site ul {display: flex; height: 50px; align-items: center;}
|
||||
footer .inner{max-width: 1400px; width: 100%; margin: 0 auto; }
|
||||
footer .area_top{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 45px 0;}
|
||||
footer .site{font-size: 16px; position: relative;}
|
||||
footer .site li{padding: 0 24px; position: relative; font-weight: 400; transition: all 0.3s ease;}
|
||||
footer .site li::before{position: absolute; content: " "; width: 1px; height: 14px; background-color: #cbced4; top: 50%; right: 0; transform: translateY(-50%);}
|
||||
footer .site li:last-child::before{display: none;}
|
||||
footer .site li:first-child{padding-left: 0;}
|
||||
footer .site li a:hover {text-decoration: underline;}
|
||||
footer select{width: 204px; height: 40px; border: 1px solid #cbcdd1; background-image: url(../images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;}
|
||||
footer .btn_go{width: 50px; height: 40px; border: 1px solid #cbcdd1; background-color: #eaecef; vertical-align: middle; border-radius: 5px; color: #666; transition: all 0.1s linear; font-size: 16px; margin: 0 0 0 4px;}
|
||||
footer .btn_go:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.1s linear;}
|
||||
footer .logo,footer address{display: inline-block; vertical-align: middle;}
|
||||
footer .logo{/*padding: 47px 0;*/ transition: all 0.3s ease;}
|
||||
footer address {font-size: 14px; font-weight: 400; margin-left: -90px; transition: all 0.3s ease;}
|
||||
footer address p:first-child{margin-bottom: 8px;}
|
||||
footer .site_go{display: flex;align-items: center;justify-content: space-between;}
|
||||
footer .wa_mark .wa {width: 110px;margin: 0 40px 0 0;}
|
||||
/* //footer */
|
||||
|
||||
.error_page{width: 100%; height: 100%; margin: 0 auto; text-align: center;}
|
||||
.error_wrap{border: 1px solid #d5d5d5; display: inline-flex; align-items: center; margin: 200px auto 50px auto; padding: 15px 50px 15px 0; justify-content: center;}
|
||||
.error_wrap i{display: block; width: 266px; height: 200px; background-image: url(../../../adm/publish/image/warming.jpg); border-right: 1px solid #d5d5d5; }
|
||||
.error_wrap .text_area{width: calc(100% - 266px); font-size: 20px; padding-left: 30px; text-align: left;}
|
||||
.error_wrap .text_area p{font-size: 16px; color: #555; margin-top: 10px; line-height: 1.4;}
|
||||
.error_wrap .error_btn {text-align:center;}
|
||||
.error_page .error_btn button {background-color:#1b6fcd; color: #fff; padding: 8px 25px; font-size: 16px;}
|
||||
|
||||
@media all and (max-width: 1280px){
|
||||
/* header */
|
||||
.header_inner .nav_wrap{padding: 0 5px; margin: 0 5px;}
|
||||
.header_inner .menu_link{font-size: 17px; letter-spacing: -0.25px;}
|
||||
/* //header */
|
||||
footer address {width: 36%;}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: 1024px){
|
||||
/* moblie menu */
|
||||
.nav_wrap,#menu{display: none;}
|
||||
|
||||
#m_menu{position: fixed; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; top: 0; right: -100%; transition: all 0.5s ease; z-index: 26;}
|
||||
#m_menu.on{visibility: visible; right: 0; transition: all 0.5s ease;}
|
||||
#m_menu .area_top{text-align: right;}
|
||||
#m_menu .btn_close_wrap {width: 100%; height: 70px; position: absolute; top:0; left: 0; background-color: #ef7b0f;}
|
||||
#m_menu .btn_close{background-image: url(../images/common/btn_close2.png);background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 3px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
|
||||
#m_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.25);}
|
||||
#m_menu .depth01{width: 100%; padding: 0 10px; margin-top: 70px;box-sizing: border-box;}
|
||||
#m_menu .depth01_li{overflow: hidden; height: 60px; transition: height 0.3s linear; display: block; position: relative;}
|
||||
#m_menu .depth01_li::before{position: absolute; content: " "; width: 100%; height: 1px; background-color: #e5e5e5; opacity: 0;}
|
||||
#m_menu .depth01_li.on{height: 280px;transition: height 0.3s linear;}
|
||||
#m_menu .depth01_li.on::before{opacity: 1; bottom: 0;}
|
||||
#m_menu .menu_tit{font-size: 20px; height: 60px; border-bottom: 1px solid #e5e5e5; width: 100%; text-align: left; padding-left: 20px; position: relative;}
|
||||
#m_menu .menu_tit::after {background-image: url(../images/common/m_menu_plus.png); background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; content: ""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
|
||||
#m_menu .menu_tit span {color: #f37632;}
|
||||
#m_menu .depth01_li.on .menu_tit {border-bottom: 1px solid #f37632; color: #f37632;}
|
||||
#m_menu .depth02{visibility: hidden; height: 100%; margin: 10px 0; opacity: 0; transition: all 0.3s linear; background-color: #f5f5f5;}
|
||||
#m_menu .on .depth02{visibility: visible; height: auto; transition: all 0.3s linear; opacity: 1;}
|
||||
#m_menu .depth02 a{height: 50px; display: flex; align-items: center; padding-left: 20px; font-size: 17px;}
|
||||
/*// moblie menu */
|
||||
|
||||
.snb {display: none;}
|
||||
.header_inner button.btn_mobile {display:block;}
|
||||
|
||||
/* footer */
|
||||
footer .area_top {align-items: flex-start; padding: 40px 0 90px 0;}
|
||||
footer address {width: 72%}
|
||||
footer .wa_mark {position: absolute; bottom: 6px; right: 0;}
|
||||
footer .site_go {position: absolute; bottom: 23px; left: 0;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px){
|
||||
/* header */
|
||||
header {height:70px;border-bottom:1px solid #e2e4e6;box-sizing:border-box;}
|
||||
header .gnb_wrap {overflow:visible;height:0;border:0;}
|
||||
header .gnb_wrap .site,
|
||||
header .gnb_wrap .btn_util {display:none;}
|
||||
header .gnb_wrap .area_right, .gnb_wrap .area_left p {display:none;}
|
||||
header .header {padding:0 8px 0 10px;}
|
||||
header .header .header_inner {height:70px;}
|
||||
header .header .header_inner h1 a {display:flex;height:70px;align-items:center;}
|
||||
header .header .header_inner h1 a img {height:43px;}
|
||||
header .header .header_inner .area_right {height:100%;}
|
||||
header .header .header_inner .area_right .btn_search {display:none;}
|
||||
header .header .header_inner .area_right .btn_menu {width:35px;height:100%;background-image:url(../images/common/m_btn_menu.png);background-size:29px 21px;background-position:center center;}
|
||||
header .header .header_inner .area_right .m_header_login {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
|
||||
header .header .header_inner .area_right .m_header_login i {width:21px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
|
||||
header .header .header_inner .area_right .m_header_join {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
|
||||
header .header .header_inner .area_right .m_header_join i {width:26px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
|
||||
|
||||
.path {height:50px;background:#f5680b;}
|
||||
.path .pathedfr {display:none;}
|
||||
.path .m_pathedfr {display:block;}
|
||||
.path .m_pathedfr > ul:after {content:'';display:block;clear:both;}
|
||||
.path .m_pathedfr > ul > li {position:relative;float:left;width:50%;height:100%;border-left:1px solid #fcae83;box-sizing:border-box;}
|
||||
.path .m_pathedfr > ul > li:first-child {border:0 none;}
|
||||
.path .m_pathedfr > ul > li .path_btn {position:relative;display:block;width:100%;height:50px; padding:0 0 0 10px;font-size:18px;text-align:left;color:#fff;}
|
||||
.path .m_pathedfr > ul > li .path_btn:after {content:'';position:absolute;right:15px;top:0; width:18px;height:50px;background:url(../images/common/path_btn_arrow.png) no-repeat left top;}
|
||||
.path .m_pathedfr > ul > li .path_btn.active:after {transform:rotate(180deg);}
|
||||
.path .m_pathedfr > ul > li ul {display:none;position:absolute;left:0;top:50px;width:100%; padding:3px 0;border-top:1px solid #fcae83;background:#fb8b4e;box-sizing:border-box;}
|
||||
.path .m_pathedfr > ul > li ul li a {display:block;padding:0 0 0 10px;font-size:16px;line-height:35px;color:#fff;}
|
||||
|
||||
.container .navigation .inner {padding:0;}
|
||||
.navigation .list > li {width: calc((100% - 2px)/2);}
|
||||
.navigation .list > li .navi_title{width: 100%;}
|
||||
|
||||
/* footer */
|
||||
footer .site {margin:0 -10px;}
|
||||
footer .site ul {justify-content:center;}
|
||||
footer .site ul li {padding:0 10px;font-size:14px;text-align:center;}
|
||||
footer .site ul li:first-child {padding:0 10px;}
|
||||
footer .area_top {display:block;padding:20px 10px;}
|
||||
footer .area_top .logo {display:block;}
|
||||
footer .area_top .logo a {display:block;}
|
||||
footer .area_top .logo a img {width:140px;}
|
||||
footer .area_top address {display:block; width: 100%; margin:15px 0 80px 0;}
|
||||
footer .area_top address p {margin:0 0 4px;font-size:14px;line-height:20px;}
|
||||
footer .area_top .site_go {left:initial;right:0;top:20px;width:calc(100% - 165px);}
|
||||
footer .area_top .site_go:after {content:'';display:block;clear:both;}
|
||||
footer .wa_mark {left: 0; bottom: 12px;}
|
||||
footer .area_top .site_go select {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width:calc(100% - 45px);height:35px;padding:0 35px 0 15px;font-size:14px;background-size:10px;}
|
||||
footer .area_top .site_go .btn_go {float:right;width:40px;height:35px;font-size:14px;}
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
|
||||
.header_inner .area_right{/* width: 80px; */justify-content: space-between;}
|
||||
.header_inner .btn_search{margin-right: 0;}
|
||||
}
|
||||
274
src/main/webapp/visitEdu/usr/publish/css/common_bak_231011.css
Normal file
274
src/main/webapp/visitEdu/usr/publish/css/common_bak_231011.css
Normal file
@ -0,0 +1,274 @@
|
||||
body {color: #222;}
|
||||
|
||||
.clearfix::after{display:block;content:"";clear:both;}
|
||||
|
||||
.skip_menu {position:absolute; left:0; top:0; width:100%; margin:0 auto; z-index:999;}
|
||||
.skip_menu a{display:block; position:absolute; left:0; padding:10px 20px; height: 50px; line-height:30px; color:#fff; background:#000;width:100%;text-align:center;font-size: 18px;box-sizing: border-box;}
|
||||
.skip_menu a:link,.skip_menu a:visited,.skip_menu a:active{top:-10000px;}
|
||||
.skip_menu a:hover,.skip_menu a:focus{top:0;}
|
||||
|
||||
.logo img {width: 200px;}
|
||||
|
||||
/* header */
|
||||
header{width: 100%; height: 130px; position: fixed; top: 0; left: 0; transition: height .4s ease-in-out, background-color .4s ease-in-out, margin .4s ease-in-out; overflow: hidden; box-sizing: border-box; border-bottom: 1px solid #e2e4e6; z-index: 20; background-color: #fff;}
|
||||
header.on{background-color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.1);}
|
||||
header::before{position: absolute; content: " "; display: block; top: 130px; left: 0; height: 1px; background-color: #ddd; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header::after{position: absolute; content: " "; display: block; width: 100%; height: 1px; background-color: #d5d5d5; top: 130px; left: 0; opacity: 0; transition: opacity .4s ease-in-out;}
|
||||
header.on::after{top: 130px; opacity: 1;}
|
||||
header.on::before{opacity: 1;}
|
||||
|
||||
.gnb_wrap{width: 100%; background-color: #fff; height: 40px; overflow: hidden; padding: 0 20px; border-bottom: 1px solid #e2e4e6; box-sizing: border-box;}
|
||||
.gnb_wrap .inner{max-width: 1400px; width: 100%; height: 100%; margin: 0 auto; display: flex; justify-content: space-between; align-items: center;}
|
||||
.gnb_wrap .site {padding: 8px 20px; background-color: #f5680b ; height: 100%; box-sizing: border-box; vertical-align: middle;}
|
||||
.gnb_wrap .site span{display: inline-block; vertical-align: middle; font-size: 13px; font-weight: 600; padding: 0 4px; box-sizing: border-box; background-color: #fff; color: #f5680b; border-radius: 5px; margin-left: 10px; transition: background-color 0.3s ease;}
|
||||
.gnb_wrap .site:hover {background-color: #e86016; transition: background-color 0.3s ease;}
|
||||
.gnb_wrap .area_right *{display: inline-block;}
|
||||
.gnb_wrap .area_right a,.gnb_wrap .area_right .login_after{height: 25px; font-size: 14px; color: #717171; font-weight: 400; line-height: 1.6; letter-spacing: -0.45px; vertical-align: unset;}
|
||||
.gnb_wrap .area_right .login_after{padding-right: 20px; text-align: right; position: relative;}
|
||||
.gnb_wrap .area_right .login_info {position: relative;}
|
||||
.gnb_wrap .area_right .login_after + .login_info {padding-right:20px;}
|
||||
.gnb_wrap .area_right .login_after + .login_info::before {right:7px;}
|
||||
.gnb_wrap .area_right .header_login_wrap {padding-right: 33px;}
|
||||
.gnb_wrap .area_right a i {display: inline-block; background-repeat: no-repeat; vertical-align: middle; margin-bottom: 2px; margin-right: 5px;}
|
||||
.gnb_wrap .area_right .header_login i {background-image: url(../images/common/headerTop_icon1.png); width: 11px; height: 15px;}
|
||||
.gnb_wrap .area_right .header_join {padding-right: 22px;margin:0 -10px 0 0;}
|
||||
.gnb_wrap .area_right .header_join i {background-image: url(../images/common/headerTop_icon2.png); width: 14px; height: 15px;}
|
||||
.gnb_wrap .area_right a:hover{text-decoration: underline;}
|
||||
.gnb_wrap .area_right .login_info::before,.gnb_wrap .area_right .login_after::before{position: absolute; content: " ";width: 1px; height: 13px; background-color: #dbdbdb; top: 50%; right: 13px; transform: translateY(-50%);}
|
||||
.gnb_wrap .area_right .login_after::before {right:7px;}
|
||||
.gnb_wrap .area_right .login_info:last-of-type:before{display: none;}
|
||||
.gnb_wrap .area_left p{display: inline-block; height: 40px; border-right: 1px solid #e5e5e5; font-size: 15px; color: #444; padding: 0 15px; vertical-align: middle; line-height: 36px;}
|
||||
.gnb_wrap .btn_util {margin:0 0 0 10px;}
|
||||
.gnb_wrap .btn_util button{width: 40px; height: 40px; vertical-align: middle; background-repeat: no-repeat; background-position: center; border-left: 1px solid #e2e4e6; }
|
||||
.gnb_wrap .btn_util button:hover{box-shadow: 0 0 5px rgba(0,0,0,.15);}
|
||||
.gnb_wrap .btn_util .btn_minus{margin-right: -5px; background-image: url(../images/common/headerTop_btn1.png);}
|
||||
.gnb_wrap .btn_util .btn_plus{background-image: url(../images/common/headerTop_btn2.png); border-right: 1px solid #e2e4e6;}
|
||||
|
||||
.header{padding: 0 20px; box-sizing: border-box;}
|
||||
.header_inner{max-width: 1400px; width: 100%; height: 90px; display: flex; align-items: center; justify-content: space-between; margin: 0 auto; position: relative;}
|
||||
.header_inner .area_right{display: flex;}
|
||||
.header_inner .nav_wrap{box-sizing: border-box; height: 100%; width: 100%; margin: 0 50px;}
|
||||
.header_inner #menu{width: 100%; margin: 0 auto; height: 100%;}
|
||||
.header_inner .depth01 {display: flex; height: 100%;}
|
||||
.header_inner .dep_li_01,
|
||||
.header_inner .dep_li_02,
|
||||
.header_inner .dep_li_03 {justify-content:flex-start;}
|
||||
.header_inner .dep_li_04,
|
||||
.header_inner .dep_li_05,
|
||||
.header_inner .dep_li_06,.header_inner .dep_li_07 {justify-content:space-between;}
|
||||
.header_inner .depth01_li{position: relative; padding: 0; box-sizing: border-box;}
|
||||
.header_inner .dep_li_04 .depth01_li{width: calc((100% - 40px)/4);}
|
||||
.header_inner .dep_li_01 .depth01_li{width: 100%;}
|
||||
.header_inner .dep_li_02 .depth01_li{width: calc((100% - 20px)/2);}
|
||||
.header_inner .dep_li_03 .depth01_li{width: calc((100% - 30px)/3);max-width:270px;}
|
||||
.header_inner .dep_li_05 .depth01_li{width: calc((100% - 50px)/5);}
|
||||
.header_inner .dep_li_06 .depth01_li{width: calc((100% - 60px)/6);}
|
||||
.header_inner .dep_li_07 .depth01_li{width: auto;}
|
||||
.header_inner .menu_link{font-size: 18px; font-weight: 600; letter-spacing: -1px; display: flex; align-items: center; justify-content: center; flex-flow: column; height: 100%; position: relative;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; line-height: 1.25;}
|
||||
.header_inner .menu_link::before{position: absolute; content: " "; display: block; width: 0; height: 4px; background-color: #E95504; left: 50%; transform: translateX(-50%); transition: width .4s ease-in-out; top: 87px; z-index: 1;}
|
||||
.header_inner .menu_link .menu_link_br {color: #E95504;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; }
|
||||
.header_inner .on .menu_link{color: #E95504;}
|
||||
.on .nav_wrap .on .menu_link::before{width: 100%;}
|
||||
.header_inner .depth02{position: absolute; text-align: center; margin-top: 25px; width: 100%; left: 50%; transform: translateX(-50%);}
|
||||
.header_inner .depth02 a{font-size: 17px; font-weight: 300; line-height: 1.3; height: 45px; display: flex; align-items: center; justify-content: center; word-break: keep-all;white-space:nowrap;}
|
||||
.header_inner .depth02 a:hover,.header_inner .depth02 a:focus{color: #E95504;}
|
||||
|
||||
.header_inner button{width: 27px; height: 26px; background-repeat: no-repeat;}
|
||||
.header_inner .btn_search{background-image: url(../images/common/btn_search.png); margin-right: 25px; margin-top: -2px;}
|
||||
.header_inner .btn_menu{background-image: url(../images/common/btn_menu.png);}
|
||||
.header_inner button.btn_mobile{display: none; margin: 0 8px; vertical-align: middle; margin-top: -2px;height:100%;background-position:center center;}
|
||||
.header_inner .btn_login{background-image: url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
|
||||
.header_inner .btn_logout{background-image: url(../../../../kccadrPb/usr/image/common/btn_logout.png);}
|
||||
.header_inner .btn_join{width: 35px; background-image: url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
|
||||
.header_inner .btn_usredit{width: 35px; background-image: url(../../../../kccadrPb/usr/image/common/btn_usredit.png);}
|
||||
.header_inner .m_header_login,
|
||||
.header_inner .m_header_join {display:none;}
|
||||
/* //header */
|
||||
|
||||
/* full menu */
|
||||
.full_menu{visibility: hidden; width: 100%; position: fixed; background-color: #fff; min-height: 500px; padding: 50px; box-sizing: border-box; top: -500px; transition: top 0.5s ease, box-shadow 0.3s ease; z-index: 21;}
|
||||
.full_menu.on{visibility: visible; top: 0; box-shadow: 0 5px 8px rgba(0,0,0,0.1);}
|
||||
.full_menu .inner{max-width: 1400px; width: 100%; position: relative; margin: 0 auto;}
|
||||
.full_menu .btn_close{background-image: url(../images/common/btn_close.png); width: 40px; height: 40px; background-repeat: no-repeat; position: absolute; right: 0; top: 15px; border: 1px solid #ef7b0f; border-radius: 3px; background-position: center;}
|
||||
.full_menu .depth01{display: flex; justify-content: space-around; text-align: center; margin: 80px 50px 0 50px;}
|
||||
.full_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.15); transition: width .4s ease-in-out;}
|
||||
.full_menu .depth01 .menu_link{font-size: 20px; font-weight: 500; color: #ea5404; position: relative; padding-bottom: 25px; letter-spacing: -1px; text-align: center; height: 40px;}
|
||||
.full_menu .depth01 .menu_link>span {display: block; padding-top: 5px;}
|
||||
.full_menu .depth01 .menu_link::before{position: absolute; content: " "; width: 75px; height: 3px; background-color: #ea5404; left: 50%; bottom: 0; transform: translateX(-50%);}
|
||||
.full_menu .depth02{margin-top: 10px;}
|
||||
.full_menu .depth02 a{height: 40px; display: flex; align-items: center; justify-content: center; letter-spacing: -1px; font-size: 17px; font-weight: 400;}
|
||||
.full_menu .depth02 a:hover {font-weight: 700;}
|
||||
.full_menu .link{display: inline-block; width: 16px; height: 16px; background-image: url(../images/common/link_icon.png);background-repeat: no-repeat; margin-left: 6px;}
|
||||
/* //full menu */
|
||||
|
||||
/* moblie menu */
|
||||
#m_menu{visibility: hidden; height: 0;}
|
||||
/* //moblie menu */
|
||||
|
||||
/* path */
|
||||
.path {width: 100%; background-color: #ebedf2; height: 50px;}
|
||||
.path .pathedfr {max-width: 1400px; padding: 0 10px; margin: 0 auto; box-sizing: border-box;}
|
||||
.path .pathedfr ul {display: flex; align-items: center; height: 50px;}
|
||||
.path .pathedfr ul li {align-self: center; font-size: 16px; color: #666; font-weight: 300;}
|
||||
.path .pathedfr ul li:nth-child(even) {color: #666; font-size: 14px; margin: 0 8px;}
|
||||
.path .pathedfr ul li.home i {background-image: url(../images/common/home_icon.png); width: 19px; height: 17px; display: inline-block; margin-bottom: -2px; margin-right: 10px;}
|
||||
.path .m_pathedfr {display:none;}
|
||||
|
||||
/* snb */
|
||||
/* .snb {width:230px;} */
|
||||
.snb > p {color:#333333;font-size:27px; font-weight: 600;font-family: 'nanumsquare', 'Noto Sans KR', sans-serif;}
|
||||
.snb > h2 > span {color: #e95504; display: block; font-family: 'nanumsquare', 'Noto Sans KR', sans-serif; padding-top: 9px;}
|
||||
.snb .ssleftxt{width:100%;margin-top:25px;}
|
||||
.snb .ssleftxt ul li{width: 100%; height: 45px; border-radius: 5px; border: 1px solid #d5d7dc; margin-bottom: 5px; display: table;}
|
||||
.snb .ssleftxt ul li:last-child {margin-bottom: 0;}
|
||||
.snb .ssleftxt ul li a{width:100%;height:100%;color:#666;padding:0 15px;box-sizing:border-box; font-size: 18px; display: table-cell; vertical-align: middle; font-weight: 300;}
|
||||
.snb .ssleftxt ul li a span{font-size: 18px; line-height: 18px;}
|
||||
.snb .ssleftxt ul li.menu_on{background-color: #ec5908 ; border: 1px solid #ec5908;}
|
||||
.snb .ssleftxt ul li.menu_on a {color:#fff; background-image: url(../images/common/arrow.png); background-repeat: no-repeat; background-position: 91% 50%;}
|
||||
/*// snb */
|
||||
|
||||
.navigation {height:50px;border-bottom:1px solid #d5d5d5;}
|
||||
.container .navigation .inner{margin: 0 auto;}
|
||||
.navigation .list {border-left:1px solid #d5d5d5;}
|
||||
.navigation .list:after {content:'';display:block;clear:both;}
|
||||
.navigation .list > li {position:relative;float:left;border-right:1px solid #d5d5d5;}
|
||||
.navigation .list > li:first-child {border-left:1px solid #d5d5d5;}
|
||||
.navigation .list > li.home {display:none;border-left:1px solid #d5d5d5;}
|
||||
.navigation .list > li.home a {display:block;width:49px;height:50px;font-size:0;text-indent:-9999em;background:url(../images/content/select.png) no-repeat center center;}
|
||||
.navigation .list > li .navi_title {position:relative;width:230px;padding:0 20px;font-size:16px;line-height:50px;text-align:left;color:#555;box-sizing:border-box;}
|
||||
.navigation .list > li .navi_title:after {content:'';position:absolute;right:20px;top:1px;width:18px;height:48px;background:url(../images/content/select.png) no-repeat center center;}
|
||||
.navigation .list > li .navi_depth {display:none;position:absolute;left:-1px;top:50px;width:100%;border:1px solid #d5d5d5;background:#fff;z-index:2;}
|
||||
.navigation .list > li .navi_depth li a {display:block;height:40px;padding:0 20px;font-size:16px;line-height:40px;}
|
||||
.navigation .list > li .navi_depth li a:hover,
|
||||
.navigation .list > li .navi_depth li a:focus {font-weight:500;color:#ff6009;background:#fff3ec;}
|
||||
|
||||
/* footer */
|
||||
footer{width: 100%; background-color: #fff; position: relative; padding: 0 10px; box-sizing: border-box; color: #666; position: relative;}
|
||||
footer::before { content: ""; width: 100%; height: 50px; border-top: 1px solid #e2e3e7; border-bottom: 1px solid #e2e3e7; position: absolute; top: 0; left: 0;}
|
||||
footer .site ul {display: flex; height: 50px; align-items: center;}
|
||||
footer .inner{max-width: 1400px; width: 100%; margin: 0 auto; }
|
||||
footer .area_top{display: flex; align-items: center; justify-content: space-between; position: relative; padding: 45px 0;}
|
||||
footer .site{font-size: 16px; position: relative;}
|
||||
footer .site li{padding: 0 24px; position: relative; font-weight: 300; transition: all 0.3s ease;}
|
||||
footer .site li::before{position: absolute; content: " "; width: 1px; height: 14px; background-color: #cbced4; top: 50%; right: 0; transform: translateY(-50%);}
|
||||
footer .site li:last-child::before{display: none;}
|
||||
footer .site li:first-child{padding-left: 0;}
|
||||
footer .site li a:hover {text-decoration: underline;}
|
||||
footer select{height: 40px; border: 1px solid #cbcdd1; background-image: url(../images/common/footer_select.png); background-position: calc(100% - 15px) center; background-repeat: no-repeat; padding: 0 10px; font-size: 15px; color: #666;}
|
||||
footer .btn_go{width: 50px; height: 40px; border: 1px solid #cbcdd1; background-color: #eaecef; vertical-align: middle; border-radius: 5px; color: #666; transition: all 0.1s linear; font-size: 16px;}
|
||||
footer .btn_go:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2); transition: all 0.1s linear;}
|
||||
footer .logo,footer address{display: inline-block; vertical-align: middle;}
|
||||
footer .logo{/*padding: 47px 0;*/ transition: all 0.3s ease;}
|
||||
footer address {font-size: 14px; font-weight: 300; margin-left: -40px; transition: all 0.3s ease;}
|
||||
footer address p:first-child{margin-bottom: 8px;}
|
||||
footer .wa_mark .wa {width: 110px;}
|
||||
/* //footer */
|
||||
|
||||
.error_page{width: 100%; height: 100%; margin: 0 auto; text-align: center;}
|
||||
.error_wrap{border: 1px solid #d5d5d5; display: inline-flex; align-items: center; margin: 200px auto 50px auto; padding: 15px 50px 15px 0; justify-content: center;}
|
||||
.error_wrap i{display: block; width: 266px; height: 200px; background-image: url(../../../adm/publish/image/warming.jpg); border-right: 1px solid #d5d5d5; }
|
||||
.error_wrap .text_area{width: calc(100% - 266px); font-size: 20px; padding-left: 30px; text-align: left;}
|
||||
.error_wrap .text_area p{font-size: 16px; color: #555; margin-top: 10px; line-height: 1.4;}
|
||||
.error_wrap .error_btn {text-align:center;}
|
||||
.error_page .error_btn button {background-color:#1b6fcd; color: #fff; padding: 8px 25px; font-size: 16px;}
|
||||
|
||||
@media all and (max-width: 1280px){
|
||||
/* header */
|
||||
.header_inner .nav_wrap{padding: 0 5px; margin: 0 5px;}
|
||||
.header_inner .menu_link{font-size: 17px; letter-spacing: -0.25px;}
|
||||
/* //header */
|
||||
footer address {width: 36%;}
|
||||
|
||||
}
|
||||
|
||||
@media all and (max-width: 1024px){
|
||||
/* moblie menu */
|
||||
.nav_wrap,#menu{display: none;}
|
||||
|
||||
#m_menu{position: fixed; width: 100%; height: 100%; background-color: #fff; box-sizing: border-box; top: 0; right: -100%; transition: all 0.5s ease; z-index: 26;}
|
||||
#m_menu.on{visibility: visible; right: 0; transition: all 0.5s ease;}
|
||||
#m_menu .area_top{text-align: right;}
|
||||
#m_menu .btn_close_wrap {width: 100%; height: 70px; position: absolute; top:0; left: 0; background-color: #ef7b0f;}
|
||||
#m_menu .btn_close{background-image: url(../images/common/btn_close2.png);background-repeat: no-repeat; background-position: center; width: 40px; height: 40px; border: 1px solid #fff; border-radius: 3px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
|
||||
#m_menu .btn_close:hover {box-shadow: 0 0 5px rgba(0,0,0,.25);}
|
||||
#m_menu .depth01{width: 100%; padding: 0 10px; margin-top: 70px;box-sizing: border-box;}
|
||||
#m_menu .depth01_li{overflow: hidden; height: 60px; transition: height 0.3s linear; display: block; position: relative;}
|
||||
#m_menu .depth01_li::before{position: absolute; content: " "; width: 100%; height: 1px; background-color: #e5e5e5; opacity: 0;}
|
||||
#m_menu .depth01_li.on{height: 280px;transition: height 0.3s linear;}
|
||||
#m_menu .depth01_li.on::before{opacity: 1; bottom: 0;}
|
||||
#m_menu .menu_tit{font-size: 20px; height: 60px; border-bottom: 1px solid #e5e5e5; width: 100%; text-align: left; padding-left: 20px; position: relative;}
|
||||
#m_menu .menu_tit::after {background-image: url(../images/common/m_menu_plus.png); background-position: center; background-repeat: no-repeat; width: 36px; height: 36px; content: ""; position: absolute; top: 50%; right: 10px; transform: translateY(-50%);}
|
||||
#m_menu .menu_tit span {color: #f37632;}
|
||||
#m_menu .depth01_li.on .menu_tit {border-bottom: 1px solid #f37632; color: #f37632;}
|
||||
#m_menu .depth02{visibility: hidden; height: 100%; margin: 10px 0; opacity: 0; transition: all 0.3s linear; background-color: #f5f5f5;}
|
||||
#m_menu .on .depth02{visibility: visible; height: auto; transition: all 0.3s linear; opacity: 1;}
|
||||
#m_menu .depth02 a{height: 50px; display: flex; align-items: center; padding-left: 20px; font-size: 17px;}
|
||||
/*// moblie menu */
|
||||
|
||||
.snb {display: none;}
|
||||
.header_inner button.btn_mobile {display:block;}
|
||||
|
||||
/* footer */
|
||||
footer .area_top {align-items: flex-start; padding: 40px 0 90px 0;}
|
||||
footer address {width: 72%}
|
||||
footer .wa_mark {position: absolute; bottom: 6px; right: 0;}
|
||||
footer .site_go {position: absolute; bottom: 23px; left: 0;}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px){
|
||||
/* header */
|
||||
header {height:70px;border-bottom:1px solid #e2e4e6;box-sizing:border-box;}
|
||||
header .gnb_wrap {overflow:visible;height:0;border:0;}
|
||||
header .gnb_wrap .site,
|
||||
header .gnb_wrap .btn_util {display:none;}
|
||||
header .gnb_wrap .area_right, .gnb_wrap .area_left p {display:none;}
|
||||
header .header {padding:0 8px 0 10px;}
|
||||
header .header .header_inner {height:70px;}
|
||||
header .header .header_inner h1 a {display:flex;height:70px;align-items:center;}
|
||||
header .header .header_inner h1 a img {height:43px;}
|
||||
header .header .header_inner .area_right {height:100%;}
|
||||
header .header .header_inner .area_right .btn_search {display:none;}
|
||||
header .header .header_inner .area_right .btn_menu {width:35px;height:100%;background-image:url(../images/common/m_btn_menu.png);background-size:29px 21px;background-position:center center;}
|
||||
header .header .header_inner .area_right .m_header_login {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
|
||||
header .header .header_inner .area_right .m_header_login i {width:21px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon1.png);background-size:21px auto;}
|
||||
header .header .header_inner .area_right .m_header_join {display:flex;width:40px;height:100%;margin:0 5px 0 0;padding:0;font-size:0;align-items:center;justify-content:center;text-indent:-9999em;z-index:1;}
|
||||
header .header .header_inner .area_right .m_header_join i {width:26px;height:28px;margin:0;background-image:url(../images/common/m_headerTop_icon2.png);background-size:26px auto;}
|
||||
|
||||
.path {height:50px;background:#f5680b;}
|
||||
.path .pathedfr {display:none;}
|
||||
.path .m_pathedfr {display:block;}
|
||||
.path .m_pathedfr > ul:after {content:'';display:block;clear:both;}
|
||||
.path .m_pathedfr > ul > li {position:relative;float:left;width:50%;height:100%;border-left:1px solid #fcae83;box-sizing:border-box;}
|
||||
.path .m_pathedfr > ul > li:first-child {border:0 none;}
|
||||
.path .m_pathedfr > ul > li .path_btn {position:relative;display:block;width:100%;height:50px; padding:0 0 0 10px;font-size:18px;text-align:left;color:#fff;}
|
||||
.path .m_pathedfr > ul > li .path_btn:after {content:'';position:absolute;right:15px;top:0; width:18px;height:50px;background:url(../images/common/path_btn_arrow.png) no-repeat left top;}
|
||||
.path .m_pathedfr > ul > li .path_btn.active:after {transform:rotate(180deg);}
|
||||
.path .m_pathedfr > ul > li ul {display:none;position:absolute;left:0;top:50px;width:100%; padding:3px 0;border-top:1px solid #fcae83;background:#fb8b4e;box-sizing:border-box;}
|
||||
.path .m_pathedfr > ul > li ul li a {display:block;padding:0 0 0 10px;font-size:16px;line-height:35px;color:#fff;}
|
||||
|
||||
.container .navigation .inner {padding:0;}
|
||||
.navigation .list > li {width: calc((100% - 2px)/2);}
|
||||
.navigation .list > li .navi_title{width: 100%;}
|
||||
|
||||
/* footer */
|
||||
footer .site {margin:0 -10px;}
|
||||
footer .site ul {justify-content:center;}
|
||||
footer .site ul li {padding:0 10px;font-size:14px;text-align:center;}
|
||||
footer .site ul li:first-child {padding:0 10px;}
|
||||
footer .area_top {display:block;padding:20px 10px;}
|
||||
footer .area_top .logo {display:block;}
|
||||
footer .area_top .logo a {display:block;}
|
||||
footer .area_top .logo a img {width:140px;}
|
||||
footer .area_top address {display:block; width: 100%; margin:15px 0 80px 0;}
|
||||
footer .area_top address p {margin:0 0 4px;font-size:14px;line-height:20px;}
|
||||
footer .area_top .site_go {left:initial;right:0;top:20px;width:calc(100% - 165px);}
|
||||
footer .area_top .site_go:after {content:'';display:block;clear:both;}
|
||||
footer .wa_mark {left: 0; bottom: 12px;}
|
||||
footer .area_top .site_go select {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;width:calc(100% - 45px);height:35px;padding:0 35px 0 15px;font-size:14px;background-size:10px;}
|
||||
footer .area_top .site_go .btn_go {float:right;width:40px;height:35px;font-size:14px;}
|
||||
}
|
||||
|
||||
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
|
||||
.header_inner .area_right{/* width: 80px; */justify-content: space-between;}
|
||||
.header_inner .btn_search{margin-right: 0;}
|
||||
}
|
||||
@ -5,6 +5,13 @@
|
||||
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
|
||||
|
||||
/* G market sans */
|
||||
@font-face {
|
||||
font-family: 'GmarketSansMedium';
|
||||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'GmarketSansBold';
|
||||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
|
||||
|
||||
@ -1,178 +1,90 @@
|
||||
.main {margin-top: 130px; background-color:#eef0f4 ;}
|
||||
.main .inner {max-width: 1400px; width: 100%; padding: 60px 0; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box;}
|
||||
.main {margin-top:130px;background-color:#eef0f4;padding:0 0 80px 0;}
|
||||
.main .inner {max-width:1400px;width:100%;margin:0 auto;padding:0;display:flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;}
|
||||
|
||||
/* cont1 */
|
||||
.cont1{position: relative; width: calc(100% - 33% - 50px);}
|
||||
.cont1 .cont1-swiper {overflow:hidden;}
|
||||
.cont1 .swiper-wrapper .swiper-slide {height: 393px; }
|
||||
.cont1 .slide_button{position: absolute;bottom: 35px; left: 0;width:auto; z-index: 1;}
|
||||
.cont1 .slide_button:after {content:'';display:block;clear:both;}
|
||||
.cont1 .slide_button .swiper-pagination {float:left;position:relative;margin:3px 0 0;}
|
||||
.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet{float:left;margin-right:7px;position: relative;vertical-align: middle;width: 10px;height: 10px;background-color: #c6c9d1; border-radius: 100%;opacity:1;}
|
||||
.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;background-color: #f37632;border-radius:10px;vertical-align: middle;}
|
||||
.cont1 .slidePause {float:left;background-image: url(../images/main/visualStop.png);background-repeat: no-repeat;width: 16px;height: 16px;}
|
||||
.cont1 .slideStart {float:left;background-image: url(../images/main/visualStart.png);background-repeat: no-repeat;width: 16px;height: 16px;}
|
||||
.cont1 .swiper-slide .txt1 {font-size: 22px; color: #333; padding-top: 30px; letter-spacing: -1px;}
|
||||
.cont1 .swiper-slide .txt2 {font-size: 46px; color: #000; padding: 15px 0 30px 0; letter-spacing: -2px; font-family: 'LotteMartHappy';}
|
||||
.cont1 .swiper-slide span {font-size: 17px; font-weight: 300; color: #666; display: block; line-height: 1.4; letter-spacing: -0.5px;}
|
||||
.cont1 .swiper-slide button {width: 175px; height: 50px; padding-left: 22px; border: 1px solid #cbd0da; border-radius: 24.5px; margin-top: 40px; background-color: #fff; background-image: url(../images/main/btn_arrow.png); background-repeat: no-repeat; background-position: 90% 50%; font-size: 18px; color: #60656d; text-align: left; vertical-align: middle;}
|
||||
.cont1 .cont1-swiper .swiper-slide {min-height:393px; background-repeat: no-repeat; background-position: right center;}
|
||||
.swiper-wrapper {height:auto;}
|
||||
.swiper .swiper-notification {display:none;}
|
||||
/* visual */
|
||||
.visual_slide{position:relative;width:100%;height:590px;background-color: #eef0f4;margin:0 auto;z-index:0;overflow:hidden;}
|
||||
.visual_slide .swiper-slide .inner{width:100%;}
|
||||
.visual_slide .swiper-slide .inner .text_area{height:auto;padding:63px 0 0 40px;margin:0 auto;box-sizing:border-box;text-align:center;}
|
||||
.visual_slide .swiper-slide .inner .text_area *{line-height: 1.4;color:#182448;}
|
||||
.visual_slide .swiper-slide .inner .text_area .sub_title{font-size:20px;font-family:'GmarketSansMedium';}
|
||||
.visual_slide .swiper-slide .inner .text_area .title{font-size:52px;font-family:'GmarketSansBold';}
|
||||
.visual_slide .swiper-slide .inner .text_area .summary{font-size:18px;}
|
||||
.visual_slide .swiper-slide .inner .text_area a{display:flex;width:145px;height:38px;font-size: 18px;color:#182448;background-color:#fff;padding:0 20px;margin:33px auto 0 auto;border-radius:26px;align-items:center;justify-content:space-between;box-sizing:border-box;}
|
||||
.visual_slide .slide_control{position:relative;width:100%;bottom:20px;}
|
||||
.visual_slide .slide_control .inner{position:relative;justify-content:center;align-items:center;}
|
||||
.visual_slide .slide_control .swiper-pagination{position: relative;}
|
||||
.visual_slide .slide_control .swiper-pagination-bullet{background-color:#19222d;opacity:0.5;margin:0 4px;}
|
||||
.visual_slide .slide_control .swiper-pagination-bullet-active{opacity:1;}
|
||||
.visual_slide .slide_control .slide_pause,.visual_slide .slide_control .slide_play{position:relative;width:8px;height:10px;z-index:10;margin: 5px 0 0 8px;}
|
||||
.visual_slide .slide_control .slide_pause{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_pause.png);}
|
||||
.visual_slide .slide_control .slide_play{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_play.png);}
|
||||
.visual_slide .btn_prev_slide,.visual_slide .btn_next_slide{position:absolute;width:50px;height:50px;text-indent:-9999em;overflow:hidden;top:50%;z-index:10;transform:translateY(-50%);}
|
||||
.visual_slide .btn_prev_slide{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_arrow_right.png) no-repeat;left:77px;}
|
||||
.visual_slide .btn_next_slide{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_arrow_left.png) no-repeat;left:calc(100% - 97px);}
|
||||
|
||||
.visual_slide .swiper-slide[aria-label="1 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_01.jpg) no-repeat;}
|
||||
.visual_slide .swiper-slide[aria-label="2 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_02.jpg) no-repeat;}
|
||||
.visual_slide .swiper-slide[aria-label="3 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_03.jpg) no-repeat;}
|
||||
.visual_slide .swiper-slide[aria-label="4 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_04.jpg) no-repeat;}
|
||||
.visual_slide .swiper-slide[aria-label="5 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_05.jpg) no-repeat;}
|
||||
|
||||
/* cont2 */
|
||||
.cont2 {position: relative; width: 33%; max-width: 450px;}
|
||||
.cont2 .cont2-swiper {overflow:hidden;position:relative;/*height:388px;*/border-radius:30px 5px 30px 5px;}
|
||||
.cont2 .cont2-swiper .swiper-slide .mobile_banner {display:none;}
|
||||
.cont2 .cont2-swiper .slide_button {position: absolute;bottom: 0; left: 0; z-index: 4; width: 100%; height: 50px; background-color: rgba(0,0,0,0.1); border-radius: 0 0 30px 5px; text-align: center;}
|
||||
.cont2 .cont2-swiper .slide_button .control {overflow:hidden;position:relative;display:inline-block;width:92px;margin:15px auto 0;}
|
||||
.cont2 .cont2-swiper .slide_button .swiper-button-next {position:absolute;top:0;left:initial;right:0;width:9px;height:16px;margin:0;vertical-align:top;background:url(../images/main/cont2_right.png) no-repeat left top;background-size:9px 16px;}
|
||||
.cont2 .cont2-swiper .slide_button .swiper-button-prev {position:absolute;top:0;left:0;right:initial;width:9px;height:16px;margin:0;vertical-align:top;background:url(../images/main/cont2_left.png) no-repeat left top;background-size:9px 16px;z-index:11;}
|
||||
.cont2 .cont2-swiper .slide_button .swiper-pagination {position:relative;bottom:0;float:left;width:100%;font-size:16px;vertical-align:top;color:#fff;}
|
||||
.cont2 .cont2-swiper .slide_button .slidePause {display:inline-block;background-image: url(../images/main/visualStop2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;}
|
||||
.cont2 .cont2-swiper .slide_button .slideStart {display:inline-block;background-image: url(../images/main/visualStart2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;}
|
||||
/* main_banner_link */
|
||||
.container .main_banner_link{position:relative;height:130px;margin:60px auto 70px auto;}
|
||||
.container .main_banner_link li{position:relative;display:flex;width:calc((100%/5) - 12px);height:100%;background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(45,55,90,0.2);align-items:center;transition:all 0.3s ease-in-out;}
|
||||
.container .main_banner_link li::after{position:absolute;content:" ";width: calc(100% + 10px);height:calc(100% + 10px);border:3px solid transparent;left:-8px;border-radius:10px;}
|
||||
.container .main_banner_link li:hover{z-index: 15;}
|
||||
.container .main_banner_link li:hover::after{border:3px solid #e95504;background-color:#fff;box-shadow:0 0 15px rgba(233,85,4,0.3);}
|
||||
.container .main_banner_link li a{position:relative;width:100%;text-align:center;z-index:15;}
|
||||
.container .main_banner_link i{display:block;width:68px;height:68px;margin:0 auto 10px auto;border-radius:100%;background-repeat:no-repeat;}
|
||||
.container .main_banner_link .banner_link_01 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_01.png);}
|
||||
.container .main_banner_link .banner_link_02 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_02.png);}
|
||||
.container .main_banner_link .banner_link_03 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_03.png);}
|
||||
.container .main_banner_link .banner_link_04 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_04.png);}
|
||||
.container .main_banner_link .banner_link_05 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_05.png);}
|
||||
.container .main_banner_link li span{color:#e95504;font-weight:500;}
|
||||
|
||||
/* cont3 */
|
||||
.cont3 {width: 100%; margin: 50px 0; display: flex;}
|
||||
.cont3 .cont3_tit {width: 230px;border-radius: 30px 0 0 5px; background-color: #e95504; align-self: center; text-align: center; padding: 34.5px 0; background-image: url(../images/main/cont3_tit_img.png); background-repeat: no-repeat; background-position: 87% center; box-sizing: border-box;}
|
||||
.cont3 .cont3_tit p {padding-right: 30px; font-size: 21px; font-weight: 400; color: #fff;}
|
||||
.cont3 .cont3_cont {display: flex; width: calc(100% - 230px); height: 90px; border-radius: 0 5px 30px 0; background-color: #fff; align-items: center;}
|
||||
.cont3 .cont3_cont>div {width: calc(100%/4); position: relative; background-repeat: no-repeat; background-position: 30px center;}
|
||||
.cont3 .cont3_cont>div::after {content: ""; width: 1px; height: 90px; background-color: #e5e5e5; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
|
||||
.cont3 .cont3_cont>div:last-child:after {content: none;}
|
||||
.cont3 .cont3_cont>div p {position:relative;font-size: 18px;}
|
||||
.cont3 .cont3_cont>div p span {display:block;font-size: 18px; color: #E95504; padding-top: 7px;}
|
||||
.cont3 .cont3_cont>div p .mo_text {display:none;}
|
||||
.cont3 .cont3_cont>div p a {position:relative;height:90px;padding:0 30px 0 100px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}
|
||||
.cont3 .cont3_cont .cont3_cont_1 {background-image: url(../images/main/cont3_img1.png);}
|
||||
.cont3 .cont3_cont .cont3_cont_2 {background-image: url(../images/main/cont3_img2.png);}
|
||||
.cont3 .cont3_cont .cont3_cont_3 {background-image: url(../images/main/cont3_img3.png);}
|
||||
/*.cont3 .cont3_cont .cont3_cont_3 p a {padding-top:35px;}*/
|
||||
.cont3 .cont3_cont .cont3_cont_4 {background-image: url(../images/main/cont3_img4.png);}
|
||||
/*.cont3 .cont3_cont .cont3_cont_4 p a {padding-top:35px;}*/
|
||||
/* 하단콘텐츠 공통 */
|
||||
.wrap .content_wrap{width:calc((100% - 72px)/3);}
|
||||
.wrap .content_wrap .content{height:332px;}
|
||||
.wrap .content_wrap>.title{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0 0 10px 0;}
|
||||
.wrap .content_wrap>.title h3{position:relative;font-size:28px;font-weight:bold;padding:0 0 0 20px;}
|
||||
.wrap .content_wrap>.title h3::after{position:absolute;content:" ";width:6px;height:6px;border:3px solid #e95504;border-radius:100%;left:0;top:9px;}
|
||||
.wrap .content_wrap .title .btn_plus{display:flex;width:65px;height:30px;background:#fff url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus.png) no-repeat calc(100% + 4px) center;padding:0 4px 0 8px;overflow:hidden;text-align:left;color:#666;line-height:1.6;border:1px solid #d5d5d5;border-radius:5px;justify-content:flex-start;align-items:center;transition:all 0.1s ease-in;}
|
||||
.wrap .content_wrap .title .btn_plus:hover{border:1px solid #e95504;background:#fff url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat calc(100% + 4px) center;color:#e95504;}
|
||||
|
||||
/* cont4,5 */
|
||||
.cont4, .cont5 {width: calc(100%/2 - 25px); min-height: 204px; padding: 40px; border-radius: 25px 5px 25px 5px; background-color: #fff; box-sizing: border-box; position: relative;}
|
||||
.main_cont_tit {display: flex; justify-content: space-between;}
|
||||
.main_cont_tit p {font-size: 25px; font-weight: 600;}
|
||||
button.main_more {background-image: url(../images/main/main_cont_more.png); background-repeat: no-repeat; background-position: right center; padding-right: 30px; font-size: 17px; color: #777772; font-weight: 300; position: absolute; top: 40px; right: 40px;}
|
||||
/* 공지사항 */
|
||||
.wrap .notice .content{padding:15px 45px;background-color:#fff;border:1px solid #d5d5d5;border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.15);box-sizing:border-box;}
|
||||
.wrap .notice .emphasis{display: inline-flex;width:40px;height:20px;justify-content:center;align-items:center;background-color:#e95504;font-size:14px;font-weight:400;color:#fff;border-radius:5px;margin:0 8px 0 0;}
|
||||
.wrap .notice .notice_list li{border-bottom: 1px solid #d5d5d5;}
|
||||
.wrap .notice .notice_list li:last-child{border:0;}
|
||||
.wrap .notice .notice_list li a{display:flex;height:50px;justify-content:space-between;align-items:center;transition:all 0.1s ease-in;}
|
||||
.wrap .notice .notice_list li:hover a{color:#e95504;transition:all 0.15s ease-in-out;}
|
||||
.wrap .notice .date{display:flex;min-width:110px;font-size:16px;color:#666;align-items:center;font-weight:300;}
|
||||
.wrap .notice .notice_list li:hover .date{color:#e95504;}
|
||||
.wrap .notice .date i{display:inline-block;width:4px;height:4px;background:#e95504;margin:2px 6px 0 0;border-radius:100%;}
|
||||
.wrap .notice .notice_list .title{width: calc(100% - 115px);font-size:18px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 1.4;}
|
||||
|
||||
/* cont4 */
|
||||
.cont4 .list {margin-top: 33px;}
|
||||
.cont4 .list li {margin-bottom: 14px;}
|
||||
.cont4 .list li:hover a p {text-decoration: underline;}
|
||||
.cont4 .list li:last-child {margin-bottom: 0;}
|
||||
.cont4 .list li a {display: flex; justify-content: space-between; align-items: center;}
|
||||
.cont4 .list li p {width: calc(100% - 100px); font-size: 18px; font-weight: 300; color: #666; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 1; white-space: nowrap; vertical-align: middle;}
|
||||
.cont4 .list li a span {color: #777772; font-weight: 300; font-size: 16px; line-height: 26px; vertical-align: top;}
|
||||
.cont4 .list li a p .noticeBox {width: 57px; line-height: 0; padding: 12px 0; border: 1px solid #d14001; border-radius: 13px; margin-right: 4px; color: #d14001; display: inline-block; text-align: center; vertical-align: revert;}
|
||||
/* 자료실 */
|
||||
.wrap .data_notice .notice_list{display:flex;height:100%;align-items:stretch;flex-flow:wrap;justify-content:space-between;flex-direction:column;}
|
||||
.wrap .data_notice .notice_list li{width:100%;padding:15.5px 45px;background-color:#fff;border:1px solid #d5d5d5;border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.15);box-sizing:border-box;transition:all 0.05s ease-in-out;}
|
||||
.wrap .data_notice .notice_list li:hover{border:1px solid #e95504;transition:all 0.05s ease-in-out;}
|
||||
.wrap .data_notice .notice_list li .title{font-size: 18px;font-weight:500;align-items:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.2;transition:all 0.05s ease-in-out;}
|
||||
.wrap .data_notice .notice_list li .title i{display:inline-block;width:4px;height:4px;background:#e95504;margin:0 6px 5px 0;border-radius:100%;}
|
||||
.wrap .data_notice .notice_list li .date{margin:4.5px 0 0 8px;color:#666;font-weight:300;transition:all 0.05s ease-in-out;}
|
||||
.wrap .data_notice .notice_list li:hover .title,.wrap .data_notice .notice_list li:hover .date{color:#e95504;transition:all 0.05s ease-in-out;}
|
||||
|
||||
/* cont5 */
|
||||
.cont5 .list {display: flex; justify-content: space-between; margin-top: 28px;}
|
||||
.cont5 .list li {width: calc(100%/3 - 12.5px);}
|
||||
.cont5 .list li:hover p {text-decoration: underline;}
|
||||
.cont5 .list li a {display: block;}
|
||||
.cont5 .list li .imgBox {height: 130px; overflow: hidden; background-color: #e5e5e5;}
|
||||
.cont5 .list li .imgBox img {height: 100%;}
|
||||
.cont5 .list li .textBox p {font-size: 18px; font-weight: 300; color: #666; line-height: 1.3; letter-spacing: -0.5px; margin-top: 17px; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box;}
|
||||
/* 알림판 */
|
||||
.wrap .notify .notify_control{display:flex;height:30px;background-color:#fff;border:1px solid #d5d5d5;border-radius:5px;padding:0 4px 0 0;}
|
||||
.wrap .notify .notify_control>*{position:unset;width:23px;height:30px;font-size:16px;color:#888;text-align:center;line-height:28px;letter-spacing:-1.7px;margin: 0 0 0 -1px;}
|
||||
.wrap .notify .notify_control .slide_number{width:35px;}
|
||||
.wrap .notify .notify_control .swiper-button-prev,.wrap .notify .notify_control .swiper-button-next{background-size:auto;}
|
||||
.wrap .notify .notify_control .swiper-button-prev::after,.wrap .notify .notify_control .swiper-button-next::after{display: none;}
|
||||
.wrap .notify .notify_control .swiper-button-prev{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right.png);background-position-x:-2px;}
|
||||
.wrap .notify .notify_control .swiper-button-next{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_left.png);}
|
||||
.wrap .notify .notify_control .swiper-button-prev:hover{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right_hover.png);}
|
||||
.wrap .notify .notify_control .swiper-button-next:hover{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_left_hover.png);}
|
||||
.wrap .notify .notify_control .slide_pause,.wrap .notify .notify_control .slide_play{height: 30px;margin: 0 0 0 -0.5px;}
|
||||
.wrap .notify .notify_control .slide_pause{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;}
|
||||
.wrap .notify .notify_control .slide_play{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;}
|
||||
.wrap .notify .content{width:100%;height:332px;overflow: hidden;border-radius:5px;}
|
||||
|
||||
@media all and (max-width: 1280px){
|
||||
/* main latout */
|
||||
.main .inner {padding:60px 20px;}
|
||||
.cont1 {width:calc(100% - 450px);}
|
||||
.cont2 {min-width:450px;}
|
||||
.cont3 .cont3_tit {width:200px;background-position:90% center;}
|
||||
.cont3 .cont3_cont {width: calc(100% - 200px);}
|
||||
.cont3 .cont3_tit p {font-size:19px;}
|
||||
.cont3 .cont3_cont>div {background-position:15px center;}
|
||||
.cont3 .cont3_cont>div p {font-size:16px;}
|
||||
.cont3 .cont3_cont>div p a {padding:0 15px 0 80px;}
|
||||
.cont3 .cont3_cont>div p span {left:80px;bottom:20px;font-size:16px;}
|
||||
/*.cont3 .cont3_cont .cont3_cont_3 p a,
|
||||
.cont3 .cont3_cont .cont3_cont_4 p a {padding-top:20px;}*/
|
||||
}
|
||||
|
||||
@media all and (max-width: 1024px){
|
||||
/* main latout */
|
||||
.cont1 {width:100%;}
|
||||
|
||||
.cont2 {width:100%;max-width:100%;min-width:auto;}
|
||||
.cont2 .cont2-swiper .swiper-slide img {display:none;width:100%;}
|
||||
.cont2 .cont2-swiper .swiper-slide .mobile_banner {display:block;}
|
||||
|
||||
.cont3 {display:block;}
|
||||
.cont3 .cont3_tit {width:100%;padding:14px 30px 15px;text-align:left;background-position:right 20px center;border-radius:30px 5px 0 0;}
|
||||
.cont3 .cont3_cont {display:block;width:100%;height:auto;border-radius:0 0 30px 5px;}
|
||||
.cont3 .cont3_cont:after {content:'';display:block;clear:both;}
|
||||
.cont3 .cont3_cont>div {float:left;width:50%;height:80px;line-height:40px;background-position:20px center;box-sizing:border-box;}
|
||||
.cont3 .cont3_cont>div:after {height:100%;}
|
||||
.cont3 .cont3_cont>div p {overflow:hidden;}
|
||||
.cont3 .cont3_cont>div p a {height:80px;justify-content:flex-start;align-items:center;flex-direction:row;}
|
||||
.cont3 .cont3_cont>div p span {display:none;}
|
||||
.cont3 .cont3_cont>div p span.mo_text {display:block;float:left;padding:0 4px 0 0;color:#222}
|
||||
.cont3 .cont3_cont>.cont3_cont_1 {border-bottom:1px solid #cbd0da;}
|
||||
.cont3 .cont3_cont>.cont3_cont_1 p {padding:0;}
|
||||
.cont3 .cont3_cont>.cont3_cont_1 span {position:static;left:initial;bottom:initial;}
|
||||
.cont3 .cont3_cont>.cont3_cont_2 {border-bottom:1px solid #cbd0da;}
|
||||
.cont3 .cont3_cont>.cont3_cont_2:after {display:none;}
|
||||
.cont3 .cont3_cont>.cont3_cont_2 p {padding:0;}
|
||||
.cont3 .cont3_cont>.cont3_cont_2 span {position:static;left:initial;bottom:initial;}
|
||||
}
|
||||
|
||||
/* 모바일 */
|
||||
@media screen and (max-width: 767px){
|
||||
/* 1207 - 수정 */
|
||||
.main {margin:0;padding:70px 0 0;}
|
||||
/* //1207 - 수정 */
|
||||
.main .inner {padding:0 10px 35px;}
|
||||
.cont1 {width:100%;}
|
||||
.cont1 .cont1-swiper .swiper-slide {height:auto;padding:0 0 45px;background-image:url(../images/main/m_cont1_bg1.png);background-size:contain;}
|
||||
.cont1 .cont1-swiper .swiper-slide .txt1 {font-size:14px;margin:0 0 0 6px;}
|
||||
.cont1 .cont1-swiper .swiper-slide .txt2 {margin:0 0 0 6px;padding:8px 0 6px;font-size:18px;}
|
||||
.cont1 .cont1-swiper .swiper-slide span {margin:0 0 0 6px;font-size:14px;}
|
||||
.cont1 .cont1-swiper .swiper-slide button {width:130px;height:40px;margin:10px 0 0 6px;padding:0 0 0 20px;font-size:14px;background-size:4px auto;background-position:90% center;}
|
||||
.cont1 .cont1-swiper .slide_button {left:6px;bottom:10px;}
|
||||
.cont1 .slide_button .swiper-pagination {margin:0;}
|
||||
.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet {width:7px;height:7px;}
|
||||
.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet:last-child {margin:0;}
|
||||
.cont1 .slideStart {width:30px;height:30px;margin:-11px 0 0;background-size:16px 16px;background-position:center center;}
|
||||
.cont1 .slidePause {width:30px;height:30px;margin:-11px 0 0;background-size:14px 16px;background-position:center center;}
|
||||
|
||||
.cont2 .cont2-swiper .slide_button {height:40px;border-radius:0 0 15px 5px;}
|
||||
.cont2 .cont2-swiper .slide_button .control,
|
||||
.cont2 .cont2-swiper .slide_button .slideStart,
|
||||
.cont2 .cont2-swiper .slide_button .slidePause {margin-top:10px;}
|
||||
|
||||
.cont3 {margin:15px 0 20px;}
|
||||
.cont3 .cont3_tit {padding:9px 20px 10px;background-size:11px;border-radius:20px 5px 0 0;}
|
||||
.cont3 .cont3_tit p {font-size:15px;}
|
||||
.cont3 .cont3_cont {box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
|
||||
.cont3 .cont3_cont>div {display:flex;height:60px;font-size:14px;line-height:20px;align-items:center;background-size:30px;background-position:10px center;}
|
||||
.cont3 .cont3_cont>div p {font-size:14px;}
|
||||
.cont3 .cont3_cont>div p a {height:60px;padding:0 10px 0 50px;}
|
||||
.cont3 .cont3_cont>div p span {font-size:14px;}
|
||||
/* .cont3 .cont3_cont>div:first-child p a,
|
||||
.cont3 .cont3_cont>div:nth-child(2) p a {padding-top:10px;} */
|
||||
|
||||
.cont4 {width:100%;margin:0 0 20px;padding:20px;border-radius:20px 5px 20px 5px;box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
|
||||
.cont4 .main_cont_tit p {font-size:20px;}
|
||||
button.main_more {padding-right:20px;font-size:14px;line-height:20px;background-size:15px;top:20px;right:20px;}
|
||||
.cont4 .list {margin:17px 0 0;}
|
||||
.cont4 .list li {margin-bottom: 6px;}
|
||||
.cont4 .list li a p {width:calc(100% - 80px); font-size:14px;}
|
||||
.cont4 .list li a p .noticeBox {width:45px; padding:10px 0; font-size:14px;}
|
||||
.cont4 .list li a > span {font-size:14px;line-height:24px;}
|
||||
|
||||
.cont5 {width:100%;margin:0;padding:20px;border-radius:20px 5px 20px 5px;box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
|
||||
.cont5 .main_cont_tit p {font-size:20px;}
|
||||
.cont5 .main_cont_tit button {padding-right:20px;font-size:14px;line-height:20px;background-size:15px;}
|
||||
.cont5 .list {overflow:hidden;display:block;margin:17px 0 0;}
|
||||
.cont5 .list li {float:left;width:calc(50% - 18px);}
|
||||
.cont5 .list li:nth-child(2) {float:right;}
|
||||
.cont5 .list li:nth-child(n+3) {display:none;}
|
||||
.cont5 .list li .imgBox {height:auto;}
|
||||
.cont5 .list li .imgBox img {width:100%;height:auto;}
|
||||
.cont5 .list li .textBox p {margin:10px 0 0;font-size:14px;}
|
||||
|
||||
}
|
||||
@ -1,89 +1,90 @@
|
||||
.main {margin-top:130px;}
|
||||
.main {margin-top:130px;background-color:#eef0f4;padding:0 0 80px 0;}
|
||||
.main .inner {max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;}
|
||||
|
||||
/* visual */
|
||||
.renewal .visual_slide{position:relative;width:calc(100% - 120px);height:550px;background-color: #f5f5f5;margin:0 auto;border-radius:20px;z-index:0;overflow:hidden;}
|
||||
.renewal .visual_slide{position:relative;width:100%;height:590px;background-color: #eef0f4;margin:0 auto;z-index:0;overflow:hidden;}
|
||||
.renewal .visual_slide .swiper-slide .inner{width:100%;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area{height:auto;padding:80px 0 0 40px;box-sizing:border-box;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area *{line-height: 1.4;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .sub_title{font-size:24px;font-family:'GmarketSansMedium';color:#fff;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .title{font-size:50px;font-family:'GmarketSansBold';color:#ffe400;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .summary{font-size:18px;color:#fff;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area a{display:flex;width:175px;height:50px;font-size: 18px;color:#fff;border:1px solid #fff;padding:0 20px;margin:42px 0 0 0;border-radius:26px;align-items:center;justify-content:space-between;box-sizing:border-box;}
|
||||
.renewal .visual_slide .slide_control{position:relative;left:40px;bottom:150px;width:100%;}
|
||||
.renewal .visual_slide .slide_control .inner{position:relative;justify-content:flex-start;align-items:center;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area{height:auto;padding:63px 0 0 40px;margin:0 auto;box-sizing:border-box;text-align:center;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area *{line-height: 1.4;color:#182448;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .sub_title{font-size:20px;font-family:'GmarketSansMedium';}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .title{font-size:52px;font-family:'GmarketSansBold';}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .summary{font-size:18px;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area a{display:flex;width:145px;height:38px;font-size: 18px;color:#182448;background-color:#fff;padding:0 20px;margin:33px auto 0 auto;border-radius:26px;align-items:center;justify-content:space-between;box-sizing:border-box;}
|
||||
.renewal .visual_slide .slide_control{position:relative;width:100%;bottom:20px;}
|
||||
.renewal .visual_slide .slide_control .inner{position:relative;justify-content:center;align-items:center;}
|
||||
.renewal .visual_slide .slide_control .swiper-pagination{position: relative;}
|
||||
.renewal .visual_slide .slide_control .swiper-pagination-bullet{background-color:#fff;opacity:0.5;margin:0 4px;}
|
||||
.renewal .visual_slide .slide_control .swiper-pagination-bullet{background-color:#19222d;opacity:0.5;margin:0 4px;}
|
||||
.renewal .visual_slide .slide_control .swiper-pagination-bullet-active{opacity:1;}
|
||||
.renewal .visual_slide .slide_control .slide_pause,.renewal .visual_slide .slide_control .slide_play{position:relative;width:8px;height:10px;z-index:10;margin: 5px 0 0 8px;}
|
||||
.renewal .visual_slide .slide_control .slide_pause{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_pause.png);}
|
||||
.renewal .visual_slide .slide_control .slide_play{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_play.png);}
|
||||
.renewal .visual_slide .btn_prev_slide,.renewal .visual_slide .btn_next_slide{position:absolute;width:50px;height:50px;text-indent:-9999em;overflow:hidden;top:50%;z-index:10;transform:translateY(-50%);}
|
||||
.renewal .visual_slide .btn_prev_slide{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_arrow_right.png) no-repeat;left:77px;}
|
||||
.renewal .visual_slide .btn_next_slide{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_arrow_left.png) no-repeat;left:calc(100% - 97px);}
|
||||
|
||||
.renewal .visual_slide .swiper-slide[aria-label="1 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_01.jpg);}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="2 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_02.jpg);}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="3 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_03.jpg);}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="4 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_04.jpg);}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="5 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_05.jpg);}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="1 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_01.jpg) no-repeat;}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="2 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_02.jpg) no-repeat;}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="3 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_03.jpg) no-repeat;}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="4 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_04.jpg) no-repeat;}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="5 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_05.jpg) no-repeat;}
|
||||
|
||||
/* main_banner_link */
|
||||
.renewal .main_banner_link{position:relative;height:130px;background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(45,55,90,0.2);margin:-65px auto 70px auto;}
|
||||
.renewal .main_banner_link li{position:relative;display:flex;width:calc(100%/5);height:100%;align-items:center;transition:all 0.3s ease-in-out;}
|
||||
.renewal .main_banner_link{position:relative;height:130px;margin:60px auto 70px auto;}
|
||||
.renewal .main_banner_link li{position:relative;display:flex;width:calc((100%/5) - 12px);height:100%;background-color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(45,55,90,0.2);align-items:center;transition:all 0.3s ease-in-out;}
|
||||
.renewal .main_banner_link li::after{position:absolute;content:" ";width: calc(100% + 10px);height:calc(100% + 10px);border:3px solid transparent;left:-8px;border-radius:10px;}
|
||||
.renewal .main_banner_link li:hover{z-index: 15;}
|
||||
.renewal .main_banner_link li:hover::after{border:3px solid #e95504;background-color:#fff;box-shadow:0 0 15px rgba(233,85,4,0.3);}
|
||||
.renewal .main_banner_link li a{position:relative;width:100%;text-align:center;z-index:15;}
|
||||
.renewal .main_banner_link li a::after{position:absolute;content:" ";width:1px;height:92px;background-color:#d5d5d5;right:0;top:50%;transform:translateY(-50%);}
|
||||
.renewal .main_banner_link li:last-child a::after{display:none;}
|
||||
.renewal .main_banner_link li:hover a::after{display:none;}
|
||||
.renewal .main_banner_link i{display:block;width:68px;height:68px;margin:0 auto 10px auto;border-radius:100%;background-repeat:no-repeat;}
|
||||
.renewal .main_banner_link .banner_link_01 i{background-image: url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_01.png);}
|
||||
.renewal .main_banner_link .banner_link_02 i{background-image: url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_02.png);}
|
||||
.renewal .main_banner_link .banner_link_03 i{background-image: url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_03.png);}
|
||||
.renewal .main_banner_link .banner_link_04 i{background-image: url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_04.png);}
|
||||
.renewal .main_banner_link .banner_link_05 i{background-image: url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_05.png);}
|
||||
.renewal .main_banner_link .banner_link_01 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_01.png);}
|
||||
.renewal .main_banner_link .banner_link_02 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_02.png);}
|
||||
.renewal .main_banner_link .banner_link_03 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_03.png);}
|
||||
.renewal .main_banner_link .banner_link_04 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_04.png);}
|
||||
.renewal .main_banner_link .banner_link_05 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_05.png);}
|
||||
.renewal .main_banner_link li span{color:#e95504;font-weight:500;}
|
||||
|
||||
/* 하단콘텐츠 공통 */
|
||||
.renewal .wrap .content_wrap{width:calc((100% - 72px)/3);}
|
||||
.renewal .wrap .content_wrap .content{height:332px;}
|
||||
.renewal .wrap .content_wrap>.title{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0 0 10px 0;}
|
||||
.renewal .wrap .content_wrap>.title h3{position:relative;font-size:28px;font-weight:bold;padding:0 0 0 20px;}
|
||||
.renewal .wrap .content_wrap>.title h3::after{position:absolute;content:" ";width:6px;height:6px;border:3px solid #e95504;border-radius:100%;left:0;top:9px;}
|
||||
.renewal .wrap .content_wrap .title .btn_plus{width:35px;height:35px;background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus.png) no-repeat center center;text-indent:-9999em;overflow:hidden;border:1px solid #d5d5d5;border-radius:5px;transition:all 0.1s ease-in;}
|
||||
.renewal .wrap .content_wrap .title .btn_plus:hover{border:1px solid #e95504;background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat center center;}
|
||||
.renewal .wrap .content_wrap .title .btn_plus{display:flex;width:65px;height:30px;background:#fff url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus.png) no-repeat calc(100% + 4px) center;padding:0 4px 0 8px;overflow:hidden;text-align:left;color:#666;line-height:1.6;border:1px solid #d5d5d5;border-radius:5px;justify-content:flex-start;align-items:center;transition:all 0.1s ease-in;}
|
||||
.renewal .wrap .content_wrap .title .btn_plus:hover{border:1px solid #e95504;background:#fff url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat calc(100% + 4px) center;color:#e95504;}
|
||||
|
||||
/* 공지사항, 교육자료실 */
|
||||
.renewal .wrap .notice .notice_wrap{height:206px;padding:22px 30px;background-color:#eef0f3;border:1px solid transparent;border-radius:5px;box-sizing:border-box;}
|
||||
.renewal .wrap .notice .notice_wrap:hover{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 0 5px rgba(0,0,0,0.2);transition:all 0.3s ease-in-out;}
|
||||
.renewal .wrap .content_wrap .emphasis{display: inline-flex;justify-content:center;align-items:center;background-color:#e95504;font-weight:400;color:#fff;border-radius:5px;margin:0 8px 0 0;}
|
||||
.renewal .wrap .content_wrap .notice_wrap .emphasis{width:65px;height:30px;font-size:18px;}
|
||||
.renewal .wrap .content_wrap .notice_list .emphasis{width:58px;height:26px;font-size:16px;}
|
||||
.renewal .wrap .content_wrap .notice_wrap dl{margin:0 0 20px 0;}
|
||||
.renewal .wrap .content_wrap .notice_wrap dt{font-size:22px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
||||
.renewal .wrap .content_wrap .notice_wrap dd{font-size:18px;font-weight:400;line-height:1.4;margin:20px 0 0 0;}
|
||||
.renewal .wrap .content_wrap .date{display:flex;min-width:110px;font-size:16px;color:#666;align-items:center;}
|
||||
.renewal .wrap .content_wrap .notice_list li:hover .date{color:#e95504;}
|
||||
.renewal .wrap .content_wrap .date i{display:inline-block;width:18px;height:16px;background:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_calendar.png) no-repeat center center;margin:2px 4px 0 0;}
|
||||
.renewal .wrap .content_wrap .notice_list li:hover .date i{background:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_calendar_hover.png) no-repeat center center;transition:all 0.1s ease-in;}
|
||||
.renewal .wrap .content_wrap .notice_list li{border-bottom: 1px dashed #d5d5d5;}
|
||||
.renewal .wrap .content_wrap .notice_list li a{display:flex;height:60px;justify-content:space-between;align-items:center;transition:all 0.1s ease-in;}
|
||||
.renewal .wrap .content_wrap .notice_list li:hover a{color:#e95504;transition:all 0.3s ease-in-out;}
|
||||
.renewal .wrap .content_wrap .notice_list .title{width: calc(100% - 125px);font-size:18px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 1.4;}
|
||||
/* 공지사항 */
|
||||
.renewal .wrap .notice .content{padding:15px 45px;background-color:#fff;border:1px solid #d5d5d5;border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.15);box-sizing:border-box;}
|
||||
.renewal .wrap .notice .emphasis{display: inline-flex;width:40px;height:20px;justify-content:center;align-items:center;background-color:#e95504;font-size:14px;font-weight:400;color:#fff;border-radius:5px;margin:0 8px 0 0;}
|
||||
.renewal .wrap .notice .notice_list li{border-bottom: 1px solid #d5d5d5;}
|
||||
.renewal .wrap .notice .notice_list li:last-child{border:0;}
|
||||
.renewal .wrap .notice .notice_list li a{display:flex;height:50px;justify-content:space-between;align-items:center;transition:all 0.1s ease-in;}
|
||||
.renewal .wrap .notice .notice_list li:hover a{color:#e95504;transition:all 0.15s ease-in-out;}
|
||||
.renewal .wrap .notice .date{display:flex;min-width:110px;font-size:16px;color:#666;align-items:center;font-weight:300;}
|
||||
.renewal .wrap .notice .notice_list li:hover .date{color:#e95504;}
|
||||
.renewal .wrap .notice .date i{display:inline-block;width:4px;height:4px;background:#e95504;margin:2px 6px 0 0;border-radius:100%;}
|
||||
.renewal .wrap .notice .notice_list .title{width: calc(100% - 115px);font-size:18px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 1.4;}
|
||||
|
||||
/* 자료실 */
|
||||
.renewal .wrap .data_notice .notice_list{display:flex;height:100%;align-items:stretch;flex-flow:wrap;justify-content:space-between;flex-direction:column;}
|
||||
.renewal .wrap .data_notice .notice_list li{width:100%;padding:15.5px 45px;background-color:#fff;border:1px solid #d5d5d5;border-radius: 5px;box-shadow:0 0 5px rgba(0,0,0,0.15);box-sizing:border-box;transition:all 0.05s ease-in-out;}
|
||||
.renewal .wrap .data_notice .notice_list li:hover{border:1px solid #e95504;transition:all 0.05s ease-in-out;}
|
||||
.renewal .wrap .data_notice .notice_list li .title{font-size: 18px;font-weight:500;align-items:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.2;transition:all 0.05s ease-in-out;}
|
||||
.renewal .wrap .data_notice .notice_list li .title i{display:inline-block;width:4px;height:4px;background:#e95504;margin:0 6px 5px 0;border-radius:100%;}
|
||||
.renewal .wrap .data_notice .notice_list li .date{margin:4.5px 0 0 8px;color:#666;font-weight:300;transition:all 0.05s ease-in-out;}
|
||||
.renewal .wrap .data_notice .notice_list li:hover .title,.renewal .wrap .data_notice .notice_list li:hover .date{color:#e95504;transition:all 0.05s ease-in-out;}
|
||||
|
||||
/* 알림판 */
|
||||
.renewal .wrap .notify .notify_control{display:flex;width:140px;height:35px;}
|
||||
.renewal .wrap .notify .notify_control>*{position:unset;width:35px;height:35px;font-size:16px;color:#888;text-align:center;line-height:33px;border:1px solid #d5d5d5;letter-spacing:-1.7px;margin: 0 0 0 -1px;}
|
||||
.renewal .wrap .notify .notify_control>*:first-child{border-radius:5px 0 0 5px;}
|
||||
.renewal .wrap .notify .notify_control>*:last-child{border-radius:0 5px 5px 0;}
|
||||
.renewal .wrap .notify .notify_control{display:flex;height:30px;background-color:#fff;border:1px solid #d5d5d5;border-radius:5px;padding:0 4px 0 0;}
|
||||
.renewal .wrap .notify .notify_control>*{position:unset;width:23px;height:30px;font-size:16px;color:#888;text-align:center;line-height:28px;letter-spacing:-1.7px;margin: 0 0 0 -1px;}
|
||||
.renewal .wrap .notify .notify_control .slide_number{width:35px;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev,.renewal .wrap .notify .notify_control .swiper-button-next{background-size:auto;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev::after,.renewal .wrap .notify .notify_control .swiper-button-next::after{display: none;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right.png);background-position-x:-2px;border-right:1px solid transparent;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right.png);background-position-x:-2px;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-next{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_left.png);}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev:hover,.renewal .wrap .notify .notify_control .swiper-button-next:hover{position:relative;border:1px solid #e95504;border-right:1px solid #e95504;z-index:12;background-color:#fff;left:0;top:0;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev:hover{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right_hover.png);}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-next:hover{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_left_hover.png);}
|
||||
.renewal .wrap .notify .notify_control .slide_pause:hover,.renewal .wrap .notify .notify_control .slide_play:hover{background-color: #e95504;border:1px solid #e95504;}
|
||||
.renewal .wrap .notify .notify_control .slide_pause,.renewal .wrap .notify .notify_control .slide_play{height: 37px;margin: 0 0 0 -0.5px;}
|
||||
.renewal .wrap .notify .notify_control .slide_pause{background:#b0b0b0 url(/offeduadvc/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;}
|
||||
.renewal .wrap .notify .notify_control .slide_play{background:#b0b0b0 url(/offeduadvc/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;}
|
||||
.renewal .wrap .notify .content{width:100%;height:388px;overflow: hidden;border-radius:5px;}
|
||||
.renewal .wrap .notify .notify_control .slide_pause,.renewal .wrap .notify .notify_control .slide_play{height: 30px;margin: 0 0 0 -0.5px;}
|
||||
.renewal .wrap .notify .notify_control .slide_pause{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;}
|
||||
.renewal .wrap .notify .notify_control .slide_play{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;}
|
||||
.renewal .wrap .notify .content{width:100%;height:332px;overflow: hidden;border-radius:5px;}
|
||||
|
||||
|
||||
89
src/main/webapp/visitEdu/usr/publish/css/main_2023_bak.css
Normal file
89
src/main/webapp/visitEdu/usr/publish/css/main_2023_bak.css
Normal file
@ -0,0 +1,89 @@
|
||||
.main {margin-top:130px;}
|
||||
.main .inner {max-width:1400px;width:100%;margin:0 auto;display:flex;justify-content: space-between;flex-wrap: wrap;box-sizing: border-box;}
|
||||
|
||||
/* visual */
|
||||
.renewal .visual_slide{position:relative;width:calc(100% - 120px);height:550px;background-color: #f5f5f5;margin:0 auto;border-radius:20px;z-index:0;overflow:hidden;}
|
||||
.renewal .visual_slide .swiper-slide .inner{width:100%;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area{height:auto;padding:80px 0 0 40px;box-sizing:border-box;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area *{line-height: 1.4;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .sub_title{font-size:24px;font-family:'GmarketSansMedium';color:#fff;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .title{font-size:50px;font-family:'GmarketSansBold';color:#ffe400;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area .summary{font-size:18px;color:#fff;}
|
||||
.renewal .visual_slide .swiper-slide .inner .text_area a{display:flex;width:175px;height:50px;font-size: 18px;color:#fff;border:1px solid #fff;padding:0 20px;margin:42px 0 0 0;border-radius:26px;align-items:center;justify-content:space-between;box-sizing:border-box;}
|
||||
.renewal .visual_slide .slide_control{position:relative;left:40px;bottom:150px;width:100%;}
|
||||
.renewal .visual_slide .slide_control .inner{position:relative;justify-content:flex-start;align-items:center;}
|
||||
.renewal .visual_slide .slide_control .swiper-pagination{position: relative;}
|
||||
.renewal .visual_slide .slide_control .swiper-pagination-bullet{background-color:#fff;opacity:0.5;margin:0 4px;}
|
||||
.renewal .visual_slide .slide_control .swiper-pagination-bullet-active{opacity:1;}
|
||||
.renewal .visual_slide .slide_control .slide_pause,.renewal .visual_slide .slide_control .slide_play{position:relative;width:8px;height:10px;z-index:10;margin: 5px 0 0 8px;}
|
||||
.renewal .visual_slide .slide_control .slide_pause{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_pause.png);}
|
||||
.renewal .visual_slide .slide_control .slide_play{background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_main_visual_play.png);}
|
||||
|
||||
.renewal .visual_slide .swiper-slide[aria-label="1 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_01.jpg);}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="2 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_02.jpg);}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="3 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_03.jpg);}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="4 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_04.jpg);}
|
||||
.renewal .visual_slide .swiper-slide[aria-label="5 / 5"]{background:url(/offeduadvc/visitEdu/usr/publish/images/main/main_visual_05.jpg);}
|
||||
|
||||
/* main_banner_link */
|
||||
.renewal .main_banner_link{position:relative;height:130px;background-color:#fff;border-radius:10px;box-shadow:0 0 5px rgba(45,55,90,0.2);margin:-65px auto 70px auto;}
|
||||
.renewal .main_banner_link li{position:relative;display:flex;width:calc(100%/5);height:100%;align-items:center;transition:all 0.3s ease-in-out;}
|
||||
.renewal .main_banner_link li::after{position:absolute;content:" ";width: calc(100% + 10px);height:calc(100% + 10px);border:3px solid transparent;left:-8px;border-radius:10px;}
|
||||
.renewal .main_banner_link li:hover{z-index: 15;}
|
||||
.renewal .main_banner_link li:hover::after{border:3px solid #e95504;background-color:#fff;box-shadow:0 0 15px rgba(233,85,4,0.3);}
|
||||
.renewal .main_banner_link li a{position:relative;width:100%;text-align:center;z-index:15;}
|
||||
.renewal .main_banner_link li a::after{position:absolute;content:" ";width:1px;height:92px;background-color:#d5d5d5;right:0;top:50%;transform:translateY(-50%);}
|
||||
.renewal .main_banner_link li:last-child a::after{display:none;}
|
||||
.renewal .main_banner_link li:hover a::after{display:none;}
|
||||
.renewal .main_banner_link i{display:block;width:68px;height:68px;margin:0 auto 10px auto;border-radius:100%;background-repeat:no-repeat;}
|
||||
.renewal .main_banner_link .banner_link_01 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_01.png);}
|
||||
.renewal .main_banner_link .banner_link_02 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_02.png);}
|
||||
.renewal .main_banner_link .banner_link_03 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_03.png);}
|
||||
.renewal .main_banner_link .banner_link_04 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_04.png);}
|
||||
.renewal .main_banner_link .banner_link_05 i{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_05.png);}
|
||||
.renewal .main_banner_link li span{color:#e95504;font-weight:500;}
|
||||
|
||||
/* 하단콘텐츠 공통 */
|
||||
.renewal .wrap .content_wrap{width:calc((100% - 72px)/3);}
|
||||
.renewal .wrap .content_wrap>.title{display:flex;width:100%;justify-content:space-between;align-items:center;margin:0 0 10px 0;}
|
||||
.renewal .wrap .content_wrap>.title h3{position:relative;font-size:28px;font-weight:bold;padding:0 0 0 20px;}
|
||||
.renewal .wrap .content_wrap>.title h3::after{position:absolute;content:" ";width:6px;height:6px;border:3px solid #e95504;border-radius:100%;left:0;top:9px;}
|
||||
.renewal .wrap .content_wrap .title .btn_plus{width:35px;height:35px;background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus.png) no-repeat center center;text-indent:-9999em;overflow:hidden;border:1px solid #d5d5d5;border-radius:5px;transition:all 0.1s ease-in;}
|
||||
.renewal .wrap .content_wrap .title .btn_plus:hover{border:1px solid #e95504;background:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_plus_hover.png) no-repeat center center;}
|
||||
|
||||
/* 공지사항, 교육자료실 */
|
||||
.renewal .wrap .notice .notice_wrap{height:206px;padding:22px 30px;background-color:#eef0f3;border:1px solid transparent;border-radius:5px;box-sizing:border-box;}
|
||||
.renewal .wrap .notice .notice_wrap:hover{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 0 5px rgba(0,0,0,0.2);transition:all 0.3s ease-in-out;}
|
||||
.renewal .wrap .content_wrap .emphasis{display: inline-flex;justify-content:center;align-items:center;background-color:#e95504;font-weight:400;color:#fff;border-radius:5px;margin:0 8px 0 0;}
|
||||
.renewal .wrap .content_wrap .notice_wrap .emphasis{width:65px;height:30px;font-size:18px;}
|
||||
.renewal .wrap .content_wrap .notice_list .emphasis{width:58px;height:26px;font-size:16px;}
|
||||
.renewal .wrap .content_wrap .notice_wrap dl{margin:0 0 20px 0;}
|
||||
.renewal .wrap .content_wrap .notice_wrap dt{font-size:22px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
|
||||
.renewal .wrap .content_wrap .notice_wrap dd{font-size:18px;font-weight:400;line-height:1.4;margin:20px 0 0 0;}
|
||||
.renewal .wrap .content_wrap .date{display:flex;min-width:110px;font-size:16px;color:#666;align-items:center;}
|
||||
.renewal .wrap .content_wrap .notice_list li:hover .date{color:#e95504;}
|
||||
.renewal .wrap .content_wrap .date i{display:inline-block;width:18px;height:16px;background:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_calendar.png) no-repeat center center;margin:2px 4px 0 0;}
|
||||
.renewal .wrap .content_wrap .notice_list li:hover .date i{background:url(/offeduadvc/visitEdu/usr/publish/images/main/icon_main_calendar_hover.png) no-repeat center center;transition:all 0.1s ease-in;}
|
||||
.renewal .wrap .content_wrap .notice_list li{border-bottom: 1px dashed #d5d5d5;}
|
||||
.renewal .wrap .content_wrap .notice_list li a{display:flex;height:60px;justify-content:space-between;align-items:center;transition:all 0.1s ease-in;}
|
||||
.renewal .wrap .content_wrap .notice_list li:hover a{color:#e95504;transition:all 0.3s ease-in-out;}
|
||||
.renewal .wrap .content_wrap .notice_list .title{width: calc(100% - 125px);font-size:18px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height: 1.4;}
|
||||
|
||||
/* 알림판 */
|
||||
.renewal .wrap .notify .notify_control{display:flex;width:140px;height:35px;}
|
||||
.renewal .wrap .notify .notify_control>*{position:unset;width:35px;height:35px;font-size:16px;color:#888;text-align:center;line-height:33px;border:1px solid #d5d5d5;letter-spacing:-1.7px;margin: 0 0 0 -1px;}
|
||||
.renewal .wrap .notify .notify_control>*:first-child{border-radius:5px 0 0 5px;}
|
||||
.renewal .wrap .notify .notify_control>*:last-child{border-radius:0 5px 5px 0;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev,.renewal .wrap .notify .notify_control .swiper-button-next{background-size:auto;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev::after,.renewal .wrap .notify .notify_control .swiper-button-next::after{display: none;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right.png);background-position-x:-2px;border-right:1px solid transparent;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-next{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_left.png);}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev:hover,.renewal .wrap .notify .notify_control .swiper-button-next:hover{position:relative;border:1px solid #e95504;border-right:1px solid #e95504;z-index:12;background-color:#fff;left:0;top:0;}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-prev:hover{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_right_hover.png);}
|
||||
.renewal .wrap .notify .notify_control .swiper-button-next:hover{background-image:url(/offeduadvc/visitEdu/usr/publish/images/main/btn_arrow_left_hover.png);}
|
||||
.renewal .wrap .notify .notify_control .slide_pause:hover,.renewal .wrap .notify .notify_control .slide_play:hover{background-color: #e95504;border:1px solid #e95504;}
|
||||
.renewal .wrap .notify .notify_control .slide_pause,.renewal .wrap .notify .notify_control .slide_play{height: 37px;margin: 0 0 0 -0.5px;}
|
||||
.renewal .wrap .notify .notify_control .slide_pause{background:#b0b0b0 url(/offeduadvc/visitEdu/usr/publish/images/main/btn_pause.png) no-repeat center center;}
|
||||
.renewal .wrap .notify .notify_control .slide_play{background:#b0b0b0 url(/offeduadvc/visitEdu/usr/publish/images/main/btn_play.png) no-repeat center center;}
|
||||
.renewal .wrap .notify .content{width:100%;height:388px;overflow: hidden;border-radius:5px;}
|
||||
|
||||
178
src/main/webapp/visitEdu/usr/publish/css/main_bak_231011.css
Normal file
178
src/main/webapp/visitEdu/usr/publish/css/main_bak_231011.css
Normal file
@ -0,0 +1,178 @@
|
||||
.main {margin-top: 130px; background-color:#eef0f4 ;}
|
||||
.main .inner {max-width: 1400px; width: 100%; padding: 60px 0; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box;}
|
||||
|
||||
/* cont1 */
|
||||
.cont1{position: relative; width: calc(100% - 33% - 50px);}
|
||||
.cont1 .cont1-swiper {overflow:hidden;}
|
||||
.cont1 .swiper-wrapper .swiper-slide {height: 393px; }
|
||||
.cont1 .slide_button{position: absolute;bottom: 35px; left: 0;width:auto; z-index: 1;}
|
||||
.cont1 .slide_button:after {content:'';display:block;clear:both;}
|
||||
.cont1 .slide_button .swiper-pagination {float:left;position:relative;margin:3px 0 0;}
|
||||
.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet{float:left;margin-right:7px;position: relative;vertical-align: middle;width: 10px;height: 10px;background-color: #c6c9d1; border-radius: 100%;opacity:1;}
|
||||
.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;background-color: #f37632;border-radius:10px;vertical-align: middle;}
|
||||
.cont1 .slidePause {float:left;background-image: url(../images/main/visualStop.png);background-repeat: no-repeat;width: 16px;height: 16px;}
|
||||
.cont1 .slideStart {float:left;background-image: url(../images/main/visualStart.png);background-repeat: no-repeat;width: 16px;height: 16px;}
|
||||
.cont1 .swiper-slide .txt1 {font-size: 22px; color: #333; padding-top: 30px; letter-spacing: -1px;}
|
||||
.cont1 .swiper-slide .txt2 {font-size: 46px; color: #000; padding: 15px 0 30px 0; letter-spacing: -2px; font-family: 'LotteMartHappy';}
|
||||
.cont1 .swiper-slide span {font-size: 17px; font-weight: 300; color: #666; display: block; line-height: 1.4; letter-spacing: -0.5px;}
|
||||
.cont1 .swiper-slide button {width: 175px; height: 50px; padding-left: 22px; border: 1px solid #cbd0da; border-radius: 24.5px; margin-top: 40px; background-color: #fff; background-image: url(../images/main/btn_arrow.png); background-repeat: no-repeat; background-position: 90% 50%; font-size: 18px; color: #60656d; text-align: left; vertical-align: middle;}
|
||||
.cont1 .cont1-swiper .swiper-slide {min-height:393px; background-repeat: no-repeat; background-position: right center;}
|
||||
.swiper-wrapper {height:auto;}
|
||||
.swiper .swiper-notification {display:none;}
|
||||
|
||||
|
||||
/* cont2 */
|
||||
.cont2 {position: relative; width: 33%; max-width: 450px;}
|
||||
.cont2 .cont2-swiper {overflow:hidden;position:relative;/*height:388px;*/border-radius:30px 5px 30px 5px;}
|
||||
.cont2 .cont2-swiper .swiper-slide .mobile_banner {display:none;}
|
||||
.cont2 .cont2-swiper .slide_button {position: absolute;bottom: 0; left: 0; z-index: 4; width: 100%; height: 50px; background-color: rgba(0,0,0,0.1); border-radius: 0 0 30px 5px; text-align: center;}
|
||||
.cont2 .cont2-swiper .slide_button .control {overflow:hidden;position:relative;display:inline-block;width:92px;margin:15px auto 0;}
|
||||
.cont2 .cont2-swiper .slide_button .swiper-button-next {position:absolute;top:0;left:initial;right:0;width:9px;height:16px;margin:0;vertical-align:top;background:url(../images/main/cont2_right.png) no-repeat left top;background-size:9px 16px;}
|
||||
.cont2 .cont2-swiper .slide_button .swiper-button-prev {position:absolute;top:0;left:0;right:initial;width:9px;height:16px;margin:0;vertical-align:top;background:url(../images/main/cont2_left.png) no-repeat left top;background-size:9px 16px;z-index:11;}
|
||||
.cont2 .cont2-swiper .slide_button .swiper-pagination {position:relative;bottom:0;float:left;width:100%;font-size:16px;vertical-align:top;color:#fff;}
|
||||
.cont2 .cont2-swiper .slide_button .slidePause {display:inline-block;background-image: url(../images/main/visualStop2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;}
|
||||
.cont2 .cont2-swiper .slide_button .slideStart {display:inline-block;background-image: url(../images/main/visualStart2.png);background-repeat: no-repeat;width:16px;height:16px;margin:15px 0 0 15px;}
|
||||
|
||||
/* cont3 */
|
||||
.cont3 {width: 100%; margin: 50px 0; display: flex;}
|
||||
.cont3 .cont3_tit {width: 230px;border-radius: 30px 0 0 5px; background-color: #e95504; align-self: center; text-align: center; padding: 34.5px 0; background-image: url(../images/main/cont3_tit_img.png); background-repeat: no-repeat; background-position: 87% center; box-sizing: border-box;}
|
||||
.cont3 .cont3_tit p {padding-right: 30px; font-size: 21px; font-weight: 400; color: #fff;}
|
||||
.cont3 .cont3_cont {display: flex; width: calc(100% - 230px); height: 90px; border-radius: 0 5px 30px 0; background-color: #fff; align-items: center;}
|
||||
.cont3 .cont3_cont>div {width: calc(100%/4); position: relative; background-repeat: no-repeat; background-position: 30px center;}
|
||||
.cont3 .cont3_cont>div::after {content: ""; width: 1px; height: 90px; background-color: #e5e5e5; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
|
||||
.cont3 .cont3_cont>div:last-child:after {content: none;}
|
||||
.cont3 .cont3_cont>div p {position:relative;font-size: 18px;}
|
||||
.cont3 .cont3_cont>div p span {display:block;font-size: 18px; color: #E95504; padding-top: 7px;}
|
||||
.cont3 .cont3_cont>div p .mo_text {display:none;}
|
||||
.cont3 .cont3_cont>div p a {position:relative;height:90px;padding:0 30px 0 100px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}
|
||||
.cont3 .cont3_cont .cont3_cont_1 {background-image: url(../images/main/cont3_img1.png);}
|
||||
.cont3 .cont3_cont .cont3_cont_2 {background-image: url(../images/main/cont3_img2.png);}
|
||||
.cont3 .cont3_cont .cont3_cont_3 {background-image: url(../images/main/cont3_img3.png);}
|
||||
/*.cont3 .cont3_cont .cont3_cont_3 p a {padding-top:35px;}*/
|
||||
.cont3 .cont3_cont .cont3_cont_4 {background-image: url(../images/main/cont3_img4.png);}
|
||||
/*.cont3 .cont3_cont .cont3_cont_4 p a {padding-top:35px;}*/
|
||||
|
||||
/* cont4,5 */
|
||||
.cont4, .cont5 {width: calc(100%/2 - 25px); min-height: 204px; padding: 40px; border-radius: 25px 5px 25px 5px; background-color: #fff; box-sizing: border-box; position: relative;}
|
||||
.main_cont_tit {display: flex; justify-content: space-between;}
|
||||
.main_cont_tit p {font-size: 25px; font-weight: 600;}
|
||||
button.main_more {background-image: url(../images/main/main_cont_more.png); background-repeat: no-repeat; background-position: right center; padding-right: 30px; font-size: 17px; color: #777772; font-weight: 300; position: absolute; top: 40px; right: 40px;}
|
||||
|
||||
/* cont4 */
|
||||
.cont4 .list {margin-top: 33px;}
|
||||
.cont4 .list li {margin-bottom: 14px;}
|
||||
.cont4 .list li:hover a p {text-decoration: underline;}
|
||||
.cont4 .list li:last-child {margin-bottom: 0;}
|
||||
.cont4 .list li a {display: flex; justify-content: space-between; align-items: center;}
|
||||
.cont4 .list li p {width: calc(100% - 100px); font-size: 18px; font-weight: 300; color: #666; overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 1; white-space: nowrap; vertical-align: middle;}
|
||||
.cont4 .list li a span {color: #777772; font-weight: 300; font-size: 16px; line-height: 26px; vertical-align: top;}
|
||||
.cont4 .list li a p .noticeBox {width: 57px; line-height: 0; padding: 12px 0; border: 1px solid #d14001; border-radius: 13px; margin-right: 4px; color: #d14001; display: inline-block; text-align: center; vertical-align: revert;}
|
||||
|
||||
/* cont5 */
|
||||
.cont5 .list {display: flex; justify-content: space-between; margin-top: 28px;}
|
||||
.cont5 .list li {width: calc(100%/3 - 12.5px);}
|
||||
.cont5 .list li:hover p {text-decoration: underline;}
|
||||
.cont5 .list li a {display: block;}
|
||||
.cont5 .list li .imgBox {height: 130px; overflow: hidden; background-color: #e5e5e5;}
|
||||
.cont5 .list li .imgBox img {height: 100%;}
|
||||
.cont5 .list li .textBox p {font-size: 18px; font-weight: 300; color: #666; line-height: 1.3; letter-spacing: -0.5px; margin-top: 17px; -webkit-line-clamp: 2; overflow: hidden; display: -webkit-box;}
|
||||
|
||||
@media all and (max-width: 1280px){
|
||||
/* main latout */
|
||||
.main .inner {padding:60px 20px;}
|
||||
.cont1 {width:calc(100% - 450px);}
|
||||
.cont2 {min-width:450px;}
|
||||
.cont3 .cont3_tit {width:200px;background-position:90% center;}
|
||||
.cont3 .cont3_cont {width: calc(100% - 200px);}
|
||||
.cont3 .cont3_tit p {font-size:19px;}
|
||||
.cont3 .cont3_cont>div {background-position:15px center;}
|
||||
.cont3 .cont3_cont>div p {font-size:16px;}
|
||||
.cont3 .cont3_cont>div p a {padding:0 15px 0 80px;}
|
||||
.cont3 .cont3_cont>div p span {left:80px;bottom:20px;font-size:16px;}
|
||||
/*.cont3 .cont3_cont .cont3_cont_3 p a,
|
||||
.cont3 .cont3_cont .cont3_cont_4 p a {padding-top:20px;}*/
|
||||
}
|
||||
|
||||
@media all and (max-width: 1024px){
|
||||
/* main latout */
|
||||
.cont1 {width:100%;}
|
||||
|
||||
.cont2 {width:100%;max-width:100%;min-width:auto;}
|
||||
.cont2 .cont2-swiper .swiper-slide img {display:none;width:100%;}
|
||||
.cont2 .cont2-swiper .swiper-slide .mobile_banner {display:block;}
|
||||
|
||||
.cont3 {display:block;}
|
||||
.cont3 .cont3_tit {width:100%;padding:14px 30px 15px;text-align:left;background-position:right 20px center;border-radius:30px 5px 0 0;}
|
||||
.cont3 .cont3_cont {display:block;width:100%;height:auto;border-radius:0 0 30px 5px;}
|
||||
.cont3 .cont3_cont:after {content:'';display:block;clear:both;}
|
||||
.cont3 .cont3_cont>div {float:left;width:50%;height:80px;line-height:40px;background-position:20px center;box-sizing:border-box;}
|
||||
.cont3 .cont3_cont>div:after {height:100%;}
|
||||
.cont3 .cont3_cont>div p {overflow:hidden;}
|
||||
.cont3 .cont3_cont>div p a {height:80px;justify-content:flex-start;align-items:center;flex-direction:row;}
|
||||
.cont3 .cont3_cont>div p span {display:none;}
|
||||
.cont3 .cont3_cont>div p span.mo_text {display:block;float:left;padding:0 4px 0 0;color:#222}
|
||||
.cont3 .cont3_cont>.cont3_cont_1 {border-bottom:1px solid #cbd0da;}
|
||||
.cont3 .cont3_cont>.cont3_cont_1 p {padding:0;}
|
||||
.cont3 .cont3_cont>.cont3_cont_1 span {position:static;left:initial;bottom:initial;}
|
||||
.cont3 .cont3_cont>.cont3_cont_2 {border-bottom:1px solid #cbd0da;}
|
||||
.cont3 .cont3_cont>.cont3_cont_2:after {display:none;}
|
||||
.cont3 .cont3_cont>.cont3_cont_2 p {padding:0;}
|
||||
.cont3 .cont3_cont>.cont3_cont_2 span {position:static;left:initial;bottom:initial;}
|
||||
}
|
||||
|
||||
/* 모바일 */
|
||||
@media screen and (max-width: 767px){
|
||||
/* 1207 - 수정 */
|
||||
.main {margin:0;padding:70px 0 0;}
|
||||
/* //1207 - 수정 */
|
||||
.main .inner {padding:0 10px 35px;}
|
||||
.cont1 {width:100%;}
|
||||
.cont1 .cont1-swiper .swiper-slide {height:auto;padding:0 0 45px;background-image:url(../images/main/m_cont1_bg1.png);background-size:contain;}
|
||||
.cont1 .cont1-swiper .swiper-slide .txt1 {font-size:14px;margin:0 0 0 6px;}
|
||||
.cont1 .cont1-swiper .swiper-slide .txt2 {margin:0 0 0 6px;padding:8px 0 6px;font-size:18px;}
|
||||
.cont1 .cont1-swiper .swiper-slide span {margin:0 0 0 6px;font-size:14px;}
|
||||
.cont1 .cont1-swiper .swiper-slide button {width:130px;height:40px;margin:10px 0 0 6px;padding:0 0 0 20px;font-size:14px;background-size:4px auto;background-position:90% center;}
|
||||
.cont1 .cont1-swiper .slide_button {left:6px;bottom:10px;}
|
||||
.cont1 .slide_button .swiper-pagination {margin:0;}
|
||||
.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet {width:7px;height:7px;}
|
||||
.cont1 .slide_button .swiper-pagination .swiper-pagination-bullet:last-child {margin:0;}
|
||||
.cont1 .slideStart {width:30px;height:30px;margin:-11px 0 0;background-size:16px 16px;background-position:center center;}
|
||||
.cont1 .slidePause {width:30px;height:30px;margin:-11px 0 0;background-size:14px 16px;background-position:center center;}
|
||||
|
||||
.cont2 .cont2-swiper .slide_button {height:40px;border-radius:0 0 15px 5px;}
|
||||
.cont2 .cont2-swiper .slide_button .control,
|
||||
.cont2 .cont2-swiper .slide_button .slideStart,
|
||||
.cont2 .cont2-swiper .slide_button .slidePause {margin-top:10px;}
|
||||
|
||||
.cont3 {margin:15px 0 20px;}
|
||||
.cont3 .cont3_tit {padding:9px 20px 10px;background-size:11px;border-radius:20px 5px 0 0;}
|
||||
.cont3 .cont3_tit p {font-size:15px;}
|
||||
.cont3 .cont3_cont {box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
|
||||
.cont3 .cont3_cont>div {display:flex;height:60px;font-size:14px;line-height:20px;align-items:center;background-size:30px;background-position:10px center;}
|
||||
.cont3 .cont3_cont>div p {font-size:14px;}
|
||||
.cont3 .cont3_cont>div p a {height:60px;padding:0 10px 0 50px;}
|
||||
.cont3 .cont3_cont>div p span {font-size:14px;}
|
||||
/* .cont3 .cont3_cont>div:first-child p a,
|
||||
.cont3 .cont3_cont>div:nth-child(2) p a {padding-top:10px;} */
|
||||
|
||||
.cont4 {width:100%;margin:0 0 20px;padding:20px;border-radius:20px 5px 20px 5px;box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
|
||||
.cont4 .main_cont_tit p {font-size:20px;}
|
||||
button.main_more {padding-right:20px;font-size:14px;line-height:20px;background-size:15px;top:20px;right:20px;}
|
||||
.cont4 .list {margin:17px 0 0;}
|
||||
.cont4 .list li {margin-bottom: 6px;}
|
||||
.cont4 .list li a p {width:calc(100% - 80px); font-size:14px;}
|
||||
.cont4 .list li a p .noticeBox {width:45px; padding:10px 0; font-size:14px;}
|
||||
.cont4 .list li a > span {font-size:14px;line-height:24px;}
|
||||
|
||||
.cont5 {width:100%;margin:0;padding:20px;border-radius:20px 5px 20px 5px;box-shadow:1px 1px 20px 0px rgba(45, 55, 90, 0.15);}
|
||||
.cont5 .main_cont_tit p {font-size:20px;}
|
||||
.cont5 .main_cont_tit button {padding-right:20px;font-size:14px;line-height:20px;background-size:15px;}
|
||||
.cont5 .list {overflow:hidden;display:block;margin:17px 0 0;}
|
||||
.cont5 .list li {float:left;width:calc(50% - 18px);}
|
||||
.cont5 .list li:nth-child(2) {float:right;}
|
||||
.cont5 .list li:nth-child(n+3) {display:none;}
|
||||
.cont5 .list li .imgBox {height:auto;}
|
||||
.cont5 .list li .imgBox img {width:100%;height:auto;}
|
||||
.cont5 .list li .textBox p {margin:10px 0 0;font-size:14px;}
|
||||
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 146 B After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 194 B After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 162 B After Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 349 B After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 94 KiB After Width: | Height: | Size: 85 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 98 KiB After Width: | Height: | Size: 86 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 209 KiB After Width: | Height: | Size: 170 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 209 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 190 KiB After Width: | Height: | Size: 190 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 190 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 257 KiB After Width: | Height: | Size: 215 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 257 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 210 KiB After Width: | Height: | Size: 195 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 210 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 171 KiB After Width: | Height: | Size: 168 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 171 KiB |
@ -159,17 +159,16 @@
|
||||
<div class="container main">
|
||||
<!-- visual -->
|
||||
<div class="visual_slide swiper">
|
||||
<button type="button" class="btn_prev_slide">이전 슬라이드</button>
|
||||
<button type="button" class="btn_next_slide">다음 슬라이드</button>
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스1</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">
|
||||
편리하고 안전한 저작권 이용환경 조성을 통해<br>
|
||||
올바른 저작권 문화 구축에 앞장서겠습니다.
|
||||
</p>
|
||||
<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="#none">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -178,11 +177,8 @@
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스2</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">
|
||||
편리하고 안전한 저작권 이용환경 조성을 통해<br>
|
||||
올바른 저작권 문화 구축에 앞장서겠습니다.
|
||||
</p>
|
||||
<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="#none">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -191,11 +187,8 @@
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스3</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">
|
||||
편리하고 안전한 저작권 이용환경 조성을 통해<br>
|
||||
올바른 저작권 문화 구축에 앞장서겠습니다.
|
||||
</p>
|
||||
<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="#none">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -204,11 +197,8 @@
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스4</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">
|
||||
편리하고 안전한 저작권 이용환경 조성을 통해<br>
|
||||
올바른 저작권 문화 구축에 앞장서겠습니다.
|
||||
</p>
|
||||
<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="#none">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -217,11 +207,8 @@
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스5</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">
|
||||
편리하고 안전한 저작권 이용환경 조성을 통해<br>
|
||||
올바른 저작권 문화 구축에 앞장서겠습니다.
|
||||
</p>
|
||||
<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
|
||||
<p class="summary">편리하고 안전한 저작권 이용환경 조성을 통해 올바른 저작권 문화 구축에 앞장서겠습니다.</p>
|
||||
<a href="#none">교육신청 등록</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -233,7 +220,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- main_banner -->
|
||||
<ul class="main_banner_link inner">
|
||||
<li class="banner_link_01">
|
||||
@ -273,33 +260,44 @@
|
||||
<div class="notice content_wrap">
|
||||
<div class="title">
|
||||
<h3>공지사항</h3>
|
||||
<a href="#none" class="btn_plus">공지사항 더보기</a>
|
||||
<a href="#none" class="btn_plus">더보기</a>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="#none" class="notice_wrap">
|
||||
<dl>
|
||||
<dt><span class="emphasis">공지</span>제 23, 24차 저작권 교육조건부 어쩌구 저쩌구</dt>
|
||||
<dd>* 공공기관 메일은 발신자가 수신확인이 불가합니다.‘읽지 않음’이라고 나오는 것은 정상입니다.* 매달 교육일정 공지에 관하여 별도 문자가 발송</dd>
|
||||
</dl>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
</a>
|
||||
<ul class="notice_list">
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title"><span class="emphasis">공지</span>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@ -307,36 +305,35 @@
|
||||
</div>
|
||||
|
||||
<!-- 교육자료실 -->
|
||||
<div class="notice content_wrap">
|
||||
<div class="data_notice content_wrap">
|
||||
<div class="title">
|
||||
<h3>교육자료실</h3>
|
||||
<a href="#none" class="btn_plus">교육자료실 더보기</a>
|
||||
<h3>자료실</h3>
|
||||
<a href="#none" class="btn_plus">더보기</a>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="#none" class="notice_wrap">
|
||||
<dl>
|
||||
<dt><span class="emphasis">공지</span>제 23, 24차 저작권 교육조건부 어쩌구 저쩌구</dt>
|
||||
<dd>* 공공기관 메일은 발신자가 수신확인이 불가합니다.‘읽지 않음’이라고 나오는 것은 정상입니다.* 매달 교육일정 공지에 관하여 별도 문자가 발송</dd>
|
||||
</dl>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
</a>
|
||||
<ul class="notice_list">
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><span class="emphasis">공지</span>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><i></i>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date">2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@ -348,8 +345,8 @@
|
||||
<div class="title">
|
||||
<h3>알림판</h3>
|
||||
<div class="notify_control">
|
||||
<p class="slide_number"><span class="cur_number">1</span>/ <span class="all_number">5</span></p>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<p class="slide_number"><span class="cur_number">1</span>/ <span class="all_number">5</span></p>
|
||||
<div class="swiper-button-next"></div>
|
||||
<button type="button" class="slide_pause" title="슬라이드 일시정지"></button>
|
||||
</div>
|
||||
|
||||
410
src/main/webapp/visitEdu/usr/publish/index_2023_bak.html
Normal file
410
src/main/webapp/visitEdu/usr/publish/index_2023_bak.html
Normal file
@ -0,0 +1,410 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>한국저작권위원회 저작권 교육 시스템</title>
|
||||
|
||||
<!-- css -->
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/reset.css">
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/font.css">
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/swiper.min.css">
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/common_2023.css">
|
||||
<link rel="stylesheet" href="/offeduadvc/visitEdu/usr/publish/css/main_2023.css">
|
||||
|
||||
<!-- script -->
|
||||
<script src="/offeduadvc/visitEdu/usr/publish/script/jquery-3.5.0.js"></script>
|
||||
<script src="/offeduadvc/visitEdu/usr/publish/script/swiper.js"></script>
|
||||
<script src="/offeduadvc/visitEdu/usr/publish/script/common.js"></script>
|
||||
<script src="/offeduadvc/visitEdu/usr/publish/script/main_2023.js"></script>
|
||||
|
||||
<script>
|
||||
$(window).scroll(function(){
|
||||
if($(window).scrollTop()>0){
|
||||
$("header").addClass("scroll");
|
||||
}else{
|
||||
$("header").removeClass("scroll");
|
||||
}
|
||||
|
||||
})
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="renewal">
|
||||
<!-- skip menu -->
|
||||
<div class="skip_menu">
|
||||
<a href="#sub" class="contGo" title="본문 바로가기">본문 바로가기</a>
|
||||
</div>
|
||||
|
||||
<header class="">
|
||||
<div class="gnb_wrap">
|
||||
<div class="inner">
|
||||
<div class="area_left">
|
||||
<button class="site" onclick="window.open('https://www.copyright.or.kr/main.do')" title="새창열림">
|
||||
<img src="/offeduadvc/visitEdu/usr/publish/images/common/kcc_ci.png" alt="한국저작권위원회">
|
||||
<span>GO</span>
|
||||
</button>
|
||||
<p>
|
||||
<img src="/offeduadvc/visitEdu/usr/publish/images/common/edu_mark_1.png" alt="교육기부 우수기관">교육기부 우수기관
|
||||
</p>
|
||||
</div>
|
||||
<div class="area_right">
|
||||
<p class="login_info header_login_wrap"><a href="#" class="header_login"><i></i>로그인</a></p>
|
||||
<p class="login_info"><a href="#" class="header_join" target="blank" title="새창열림"><i></i>회원가입</a></p>
|
||||
<div class="btn_util">
|
||||
<button class="btn_minus" title="글자 확대"></button>
|
||||
<button class="btn_plus" title="글자 축소"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- header -->
|
||||
<div class="header">
|
||||
<div class="header_inner">
|
||||
<h1 class="logo"><a href="#none"><img src="/offeduadvc/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
|
||||
<div class="nav_wrap">
|
||||
<nav id="menu">
|
||||
<ul class="depth01 dep_li_04">
|
||||
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 교육<span class="menu_link_br">청소년</span></a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#none">교육소개</a></li>
|
||||
<li><a href="#none">교육신청등록</a></li>
|
||||
<li><a href="#none">교육신청목록</a></li>
|
||||
<li><a href="#none">교육완료목록</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 교육<span class="menu_link_br">성인</span></a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#none">교육소개</a></li>
|
||||
<li><a href="#none">교육신청등록</a></li>
|
||||
<li><a href="#none">교육신청목록</a></li>
|
||||
<li><a href="#none">교육완료목록</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#" class="menu_link">체험교실</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#none">교육소개</a></li>
|
||||
<li><a href="#none">운영신청등록</a></li>
|
||||
<li><a href="#none">운영신청목록</a></li>
|
||||
<li><a href="#none">운영내역목록</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#" class="menu_link">실무역량강화교육</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#none">교육소개</a></li>
|
||||
<li><a href="#none">수강신청등록</a></li>
|
||||
<li><a href="#none">수강신청목록</a></li>
|
||||
<li><a href="#none">수강내역목록</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#" class="menu_link">기소유예교육</a>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
<div class="area_right">
|
||||
<button class="btn_menu" title="전체메뉴 열기"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- full menu -->
|
||||
<div class="full_menu">
|
||||
<div class="inner">
|
||||
<h1 class="logo"><img src="/offeduadvc/visitEdu/usr/publish/images/common/full_menu_logo.png" alt="한국저작권위원회 저작권 교육 시스템"></h1>
|
||||
<ul class="depth01">
|
||||
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 교육<span>청소년</span></a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">교육소개</a></li>
|
||||
<li><a href="#">교육신청등록</a></li>
|
||||
<li><a href="#">교육신청목록</a></li>
|
||||
<li><a href="#">교육완료목록</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#" class="menu_link">찾아가는 교육<span>성인</span></a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">교육소개</a></li>
|
||||
<li><a href="#">교육신청등록</a></li>
|
||||
<li><a href="#">교육신청목록</a></li>
|
||||
<li><a href="#">교육완료목록</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#" class="menu_link">체험교실</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">교육소개</a></li>
|
||||
<li><a href="#">운영신청등록</a></li>
|
||||
<li><a href="#">운영신청목록</a></li>
|
||||
<li><a href="#">운영완료목록</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#" class="menu_link">실무역량강화교육</a>
|
||||
<ul class="depth02">
|
||||
<li><a href="#">교육소개</a></li>
|
||||
<li><a href="#">수강신청등록</a></li>
|
||||
<li><a href="#">수강신청목록</a></li>
|
||||
<li><a href="#">수강내역목록</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="depth01_li"><a href="#none" class="menu_link">기소유예교육</a>
|
||||
</li>
|
||||
</ul>
|
||||
<button class="btn_close" title="전체메뉴 닫기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// full menu -->
|
||||
|
||||
<div class="container main">
|
||||
<!-- visual -->
|
||||
<div class="visual_slide swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스1</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">
|
||||
편리하고 안전한 저작권 이용환경 조성을 통해<br>
|
||||
올바른 저작권 문화 구축에 앞장서겠습니다.
|
||||
</p>
|
||||
<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스2</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">
|
||||
편리하고 안전한 저작권 이용환경 조성을 통해<br>
|
||||
올바른 저작권 문화 구축에 앞장서겠습니다.
|
||||
</p>
|
||||
<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스3</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">
|
||||
편리하고 안전한 저작권 이용환경 조성을 통해<br>
|
||||
올바른 저작권 문화 구축에 앞장서겠습니다.
|
||||
</p>
|
||||
<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스4</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">
|
||||
편리하고 안전한 저작권 이용환경 조성을 통해<br>
|
||||
올바른 저작권 문화 구축에 앞장서겠습니다.
|
||||
</p>
|
||||
<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<div class="inner">
|
||||
<div class="text_area">
|
||||
<p class="sub_title">대국민 저작권 교육 서비스5</p>
|
||||
<p class="title">찾아가는 저작권 교육!</p>
|
||||
<p class="summary">
|
||||
편리하고 안전한 저작권 이용환경 조성을 통해<br>
|
||||
올바른 저작권 문화 구축에 앞장서겠습니다.
|
||||
</p>
|
||||
<a href="#none">교육신청 등록 <img src="/offeduadvc/visitEdu/usr/publish/images/main/icon_main_visual_arrow_right.png" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="slide_control">
|
||||
<div class="inner">
|
||||
<div class="swiper-pagination"></div>
|
||||
<button type="button" class="slide_pause" title="슬라이드 일시정지"></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- main_banner -->
|
||||
<ul class="main_banner_link inner">
|
||||
<li class="banner_link_01">
|
||||
<a href="#none">
|
||||
<i></i>
|
||||
<p>찾아가는 교육 <span>청소년</span></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_02">
|
||||
<a href="#none">
|
||||
<i></i>
|
||||
<p>찾아가는 교육 <span>성인</span></p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_03">
|
||||
<a href="#none">
|
||||
<i></i>
|
||||
<p>체험교실</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_04">
|
||||
<a href="#none">
|
||||
<i></i>
|
||||
<p>실무역량강화교육</p>
|
||||
</a>
|
||||
</li>
|
||||
<li class="banner_link_05">
|
||||
<a href="#none">
|
||||
<i></i>
|
||||
<p>기소유예교육</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="wrap inner">
|
||||
<!-- 공지사항 -->
|
||||
<div class="notice content_wrap">
|
||||
<div class="title">
|
||||
<h3>공지사항</h3>
|
||||
<a href="#none" class="btn_plus">공지사항 더보기</a>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="#none" class="notice_wrap">
|
||||
<dl>
|
||||
<dt><span class="emphasis">공지</span>제 23, 24차 저작권 교육조건부 어쩌구 저쩌구</dt>
|
||||
<dd>* 공공기관 메일은 발신자가 수신확인이 불가합니다.‘읽지 않음’이라고 나오는 것은 정상입니다.* 매달 교육일정 공지에 관하여 별도 문자가 발송</dd>
|
||||
</dl>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
</a>
|
||||
<ul class="notice_list">
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><span class="emphasis">공지</span>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 교육자료실 -->
|
||||
<div class="notice content_wrap">
|
||||
<div class="title">
|
||||
<h3>교육자료실</h3>
|
||||
<a href="#none" class="btn_plus">교육자료실 더보기</a>
|
||||
</div>
|
||||
<div class="content">
|
||||
<a href="#none" class="notice_wrap">
|
||||
<dl>
|
||||
<dt><span class="emphasis">공지</span>제 23, 24차 저작권 교육조건부 어쩌구 저쩌구</dt>
|
||||
<dd>* 공공기관 메일은 발신자가 수신확인이 불가합니다.‘읽지 않음’이라고 나오는 것은 정상입니다.* 매달 교육일정 공지에 관하여 별도 문자가 발송</dd>
|
||||
</dl>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
</a>
|
||||
<ul class="notice_list">
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title"><span class="emphasis">공지</span>제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#none">
|
||||
<p class="title">제 13기 청소년 전담 강사 양성</p>
|
||||
<p class="date"><i></i>2023-09-25</p>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 알림판 -->
|
||||
<div class="notify content_wrap">
|
||||
<div class="title">
|
||||
<h3>알림판</h3>
|
||||
<div class="notify_control">
|
||||
<p class="slide_number"><span class="cur_number">1</span>/ <span class="all_number">5</span></p>
|
||||
<div class="swiper-button-prev"></div>
|
||||
<div class="swiper-button-next"></div>
|
||||
<button type="button" class="slide_pause" title="슬라이드 일시정지"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="notify_slide">
|
||||
<div class="swiper-wrapper">
|
||||
<div class="swiper-slide">
|
||||
<img src="/offeduadvc/visitEdu/usr/publish/images/main/main_notify_img_01.jpg" alt="">
|
||||
</div>
|
||||
<div class="swiper-slide">
|
||||
<img src="/offeduadvc/visitEdu/usr/publish/images/main/main_notify_img_02.jpg" alt="">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- footer -->
|
||||
<footer>
|
||||
<div class="inner">
|
||||
<div class="site">
|
||||
<ul>
|
||||
<li><a href="/">개인정보처리방침</a></li>
|
||||
<li><a href="/">이메일무단수집거부</a></li>
|
||||
<li><a href="/">고객서비스헌장</a></li>
|
||||
<li><a href="/">저작권정책</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="area_top">
|
||||
<h1 class="logo"><a href="#none"><img src="/offeduadvc/visitEdu/usr/publish/images/common/ci.png" alt="한국저작권위원회 저작권 교육 시스템"></a></h1>
|
||||
<address>
|
||||
<p>진주 [52852] 경상남도 진주시 충의로 19, 1/2/5층 ☎ 055-792-0000</p>
|
||||
<p style=" margin-bottom: 8px">☎ 찾교(청소년) 055.792.0224 / 찾교(성인) 02.2669.0083 / 체험교실 055.792.0234 / 교육콘텐츠 055.792.0228</p>
|
||||
<p>서울 [04323] 서울특별시 용산구 후암로 107, 5/16층 ☎ 대표번호 02.2669.0010</p>
|
||||
</address>
|
||||
|
||||
<div class="site_go">
|
||||
<a class="wa_mark" href="/offeduadvc/certificate/offeduadvc-certificate.pdf" target="_blank">
|
||||
<img class="wa" alt="(사)한국장애인단체총연합회 한국웹접근성인증평가원 웹 접근성 우수사이트 인증마크(WA인증마크)" src="/offeduadvc/visitEdu/usr/publish/images/common/wa_mark.png">
|
||||
</a>
|
||||
<label for="site_select" class="label">관련사이트 선택</label>
|
||||
<select name="" id="site_select">
|
||||
<option value="">관련사이트</option>
|
||||
<option value="">관련사이트</option>
|
||||
<option value="">관련사이트</option>
|
||||
<option value="">관련사이트</option>
|
||||
</select>
|
||||
<button class="btn_go" title="사이트 이동 새창열림">이동</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
<!--// footer -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -1,108 +1,58 @@
|
||||
var main;
|
||||
var main2;
|
||||
$(document).ready(function () {
|
||||
|
||||
/*var mainSwiper = new Swiper('.cont1-swiper',{
|
||||
//visual slide
|
||||
var visualSlide = new Swiper('.visual_slide', {
|
||||
spaceBetween: 30,
|
||||
loop: true,
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable : true
|
||||
el: ".visual_slide .swiper-pagination",
|
||||
clickable: true
|
||||
},
|
||||
autoplay:{
|
||||
delay:4000
|
||||
},
|
||||
a11y: {
|
||||
prevSlideMessage: '이전 슬라이드',
|
||||
nextSlideMessage: '다음 슬라이드',
|
||||
slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.',
|
||||
},
|
||||
});
|
||||
|
||||
$(".cont1 .slidePause").click(function(){ // 중지버튼 눌렀을때
|
||||
if($(this).hasClass('slideStart')){
|
||||
mainSwiper.autoplay.start();
|
||||
$(this).removeClass('slideStart').attr('title','슬라이드 일시정지');
|
||||
}else{
|
||||
mainSwiper.autoplay.stop();
|
||||
$(this).addClass('slideStart').attr('title','슬라이드 재생');
|
||||
}
|
||||
});*/
|
||||
|
||||
var mainPopSwiper = new Swiper('.cont2-swiper',{
|
||||
spaceBetween: 30,
|
||||
loop: true,
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
type: "fraction"
|
||||
},
|
||||
autoplay:{
|
||||
delay:4000
|
||||
autoplay: {
|
||||
delay: 5000
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
a11y: {
|
||||
prevSlideMessage: '이전 슬라이드',
|
||||
nextSlideMessage: '다음 슬라이드',
|
||||
slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.',
|
||||
},
|
||||
nextEl: '.visual_slide .btn_next_slide',
|
||||
prevEl: '.visual_slide .btn_prev_slide',
|
||||
}
|
||||
});
|
||||
|
||||
$(".cont2 .slidePause").click(function(){ // 중지버튼 눌렀을때
|
||||
if($(this).hasClass('slideStart')){
|
||||
mainPopSwiper.autoplay.start();
|
||||
$(this).removeClass('slideStart').attr('title','슬라이드 일시정지');
|
||||
}else{
|
||||
mainPopSwiper.autoplay.stop();
|
||||
$(this).addClass('slideStart').attr('title','슬라이드 재생');
|
||||
}
|
||||
});
|
||||
// notify slide
|
||||
var notifySlide = new Swiper('.notify_slide', {
|
||||
spaceBetween: 30,
|
||||
loop: true,
|
||||
pagination: {
|
||||
el: ".notify_control .slide_number",
|
||||
type: "fraction"
|
||||
},
|
||||
autoplay: {
|
||||
delay: 5000
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".notify_control .swiper-button-next",
|
||||
prevEl: ".notify_control .swiper-button-prev",
|
||||
}
|
||||
});
|
||||
|
||||
//웹접근성 - tabIndex 추가.
|
||||
$(".swiper-slide-active").children("button").attr("tabIndex", "0")
|
||||
$(".swiper-slide-active").siblings().children("button").attr("tabIndex", "-1");
|
||||
|
||||
// 웹접근성 - 포커스 시 자동 멈춤
|
||||
$(".cont1-swiper .swiper-wrapper button").on("focusin", function () {
|
||||
mainSwiper.autoplay.stop();
|
||||
$('.cont1-swiper .slidePause').addClass('slideStart').attr('title','슬라이드 일시정지');
|
||||
});
|
||||
$(".visual_slide .slide_pause").click(function () { // 중지버튼 눌렀을때
|
||||
if ($(this).hasClass('slide_play')) {
|
||||
$(this).removeClass('slide_play').attr('title', '슬라이드 일시정지').addClass("slide_pause");
|
||||
visualSlide.autoplay.start();
|
||||
} else {
|
||||
$(this).removeClass('slide_pause').attr('title', '슬라이드 재생').addClass("slide_play");
|
||||
visualSlide.autoplay.stop();
|
||||
}
|
||||
});
|
||||
|
||||
// 웹접근성 - 포커스아웃 시 자동
|
||||
$(".cont1-swiper .swiper-wrapper button").on("focusout", function () {
|
||||
mainSwiper.autoplay.start();
|
||||
$('.cont1-swiper .slidePause').removeClass('slideStart').attr('title','슬라이드 재생');
|
||||
});
|
||||
$(".notify .slide_pause").click(function () { // 중지버튼 눌렀을때
|
||||
if ($(this).hasClass('slide_play')) {
|
||||
$(this).removeClass('slide_play').attr('title', '슬라이드 일시정지').addClass("slide_pause");
|
||||
notifySlide.autoplay.start();
|
||||
} else {
|
||||
$(this).removeClass('slide_pause').attr('title', '슬라이드 재생').addClass("slide_play");
|
||||
notifySlide.autoplay.stop();
|
||||
}
|
||||
});
|
||||
|
||||
// 웹접근성 - 포커스 시 자동 멈춤
|
||||
/*$(".cont2-swiper").on("focusin", function () {
|
||||
mainPopSwiper.autoplay.stop();
|
||||
$('.cont2-swiper .slidePause').addClass('slideStart').attr('title','슬라이드 재생');
|
||||
});
|
||||
|
||||
// 웹접근성 - 포커스아웃 시 자동
|
||||
$(".cont2-swiper").on("focusout", function () {
|
||||
mainPopSwiper.autoplay.start();
|
||||
$('.cont2-swiper .slidePause').removeClass('slideStart').attr('title','슬라이드 일시정지');
|
||||
});
|
||||
*/
|
||||
/*mainSwiper.on("slideChangeTransitionEnd", function () {
|
||||
$(".swiper-slide-active").children("button").attr("tabIndex", "0")
|
||||
$(".swiper-slide-active").siblings().children("button").attr("tabIndex", "-1");
|
||||
}); */
|
||||
|
||||
mainPopSwiper.on("slideChangeTransitionEnd", function () {
|
||||
$(".swiper-slide-active").children("button").attr("tabIndex", "0")
|
||||
$(".swiper-slide-active").siblings().children("button").attr("tabIndex", "-1");
|
||||
});
|
||||
|
||||
})
|
||||
|
||||
//main visual control button 클릭시 active 추가
|
||||
function slideNum(num,item){
|
||||
main.goToSlide(num);
|
||||
$(item).parent("li").addClass("active");
|
||||
$(item).parent("li").siblings("li").removeClass("active")
|
||||
}
|
||||
})
|
||||
@ -10,6 +10,10 @@ $(document).ready(function () {
|
||||
},
|
||||
autoplay: {
|
||||
delay: 5000
|
||||
},
|
||||
navigation: {
|
||||
nextEl: '.visual_slide .btn_next_slide',
|
||||
prevEl: '.visual_slide .btn_prev_slide',
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
108
src/main/webapp/visitEdu/usr/publish/script/main_bak_231011.js
Normal file
108
src/main/webapp/visitEdu/usr/publish/script/main_bak_231011.js
Normal file
@ -0,0 +1,108 @@
|
||||
var main;
|
||||
var main2;
|
||||
$(document).ready(function () {
|
||||
|
||||
/*var mainSwiper = new Swiper('.cont1-swiper',{
|
||||
spaceBetween: 30,
|
||||
loop: true,
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
clickable : true
|
||||
},
|
||||
autoplay:{
|
||||
delay:4000
|
||||
},
|
||||
a11y: {
|
||||
prevSlideMessage: '이전 슬라이드',
|
||||
nextSlideMessage: '다음 슬라이드',
|
||||
slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.',
|
||||
},
|
||||
});
|
||||
|
||||
$(".cont1 .slidePause").click(function(){ // 중지버튼 눌렀을때
|
||||
if($(this).hasClass('slideStart')){
|
||||
mainSwiper.autoplay.start();
|
||||
$(this).removeClass('slideStart').attr('title','슬라이드 일시정지');
|
||||
}else{
|
||||
mainSwiper.autoplay.stop();
|
||||
$(this).addClass('slideStart').attr('title','슬라이드 재생');
|
||||
}
|
||||
});*/
|
||||
|
||||
var mainPopSwiper = new Swiper('.cont2-swiper',{
|
||||
spaceBetween: 30,
|
||||
loop: true,
|
||||
pagination: {
|
||||
el: ".swiper-pagination",
|
||||
type: "fraction"
|
||||
},
|
||||
autoplay:{
|
||||
delay:4000
|
||||
},
|
||||
navigation: {
|
||||
nextEl: ".swiper-button-next",
|
||||
prevEl: ".swiper-button-prev",
|
||||
},
|
||||
a11y: {
|
||||
prevSlideMessage: '이전 슬라이드',
|
||||
nextSlideMessage: '다음 슬라이드',
|
||||
slideLabelMessage: '총 {{slidesLength}}장의 슬라이드 중 {{index}}번 슬라이드 입니다.',
|
||||
},
|
||||
});
|
||||
|
||||
$(".cont2 .slidePause").click(function(){ // 중지버튼 눌렀을때
|
||||
if($(this).hasClass('slideStart')){
|
||||
mainPopSwiper.autoplay.start();
|
||||
$(this).removeClass('slideStart').attr('title','슬라이드 일시정지');
|
||||
}else{
|
||||
mainPopSwiper.autoplay.stop();
|
||||
$(this).addClass('slideStart').attr('title','슬라이드 재생');
|
||||
}
|
||||
});
|
||||
|
||||
//웹접근성 - tabIndex 추가.
|
||||
$(".swiper-slide-active").children("button").attr("tabIndex", "0")
|
||||
$(".swiper-slide-active").siblings().children("button").attr("tabIndex", "-1");
|
||||
|
||||
// 웹접근성 - 포커스 시 자동 멈춤
|
||||
$(".cont1-swiper .swiper-wrapper button").on("focusin", function () {
|
||||
mainSwiper.autoplay.stop();
|
||||
$('.cont1-swiper .slidePause').addClass('slideStart').attr('title','슬라이드 일시정지');
|
||||
});
|
||||
|
||||
// 웹접근성 - 포커스아웃 시 자동
|
||||
$(".cont1-swiper .swiper-wrapper button").on("focusout", function () {
|
||||
mainSwiper.autoplay.start();
|
||||
$('.cont1-swiper .slidePause').removeClass('slideStart').attr('title','슬라이드 재생');
|
||||
});
|
||||
|
||||
// 웹접근성 - 포커스 시 자동 멈춤
|
||||
/*$(".cont2-swiper").on("focusin", function () {
|
||||
mainPopSwiper.autoplay.stop();
|
||||
$('.cont2-swiper .slidePause').addClass('slideStart').attr('title','슬라이드 재생');
|
||||
});
|
||||
|
||||
// 웹접근성 - 포커스아웃 시 자동
|
||||
$(".cont2-swiper").on("focusout", function () {
|
||||
mainPopSwiper.autoplay.start();
|
||||
$('.cont2-swiper .slidePause').removeClass('slideStart').attr('title','슬라이드 일시정지');
|
||||
});
|
||||
*/
|
||||
/*mainSwiper.on("slideChangeTransitionEnd", function () {
|
||||
$(".swiper-slide-active").children("button").attr("tabIndex", "0")
|
||||
$(".swiper-slide-active").siblings().children("button").attr("tabIndex", "-1");
|
||||
}); */
|
||||
|
||||
mainPopSwiper.on("slideChangeTransitionEnd", function () {
|
||||
$(".swiper-slide-active").children("button").attr("tabIndex", "0")
|
||||
$(".swiper-slide-active").siblings().children("button").attr("tabIndex", "-1");
|
||||
});
|
||||
|
||||
})
|
||||
|
||||
//main visual control button 클릭시 active 추가
|
||||
function slideNum(num,item){
|
||||
main.goToSlide(num);
|
||||
$(item).parent("li").addClass("active");
|
||||
$(item).parent("li").siblings("li").removeClass("active")
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user