Commit @13076399c93c36e608b4ba92ecfdf16a1eb06e62

이호영 2025-04-07

Merge branch '메인_팝업_등록기능'

@13076399c93c36e608b4ba92ecfdf16a1eb06e62

1307639

src/main/java/itn/com/uss/ion/bnr/pop/service/MainPopupLinkVO.java (added)

+++ src/main/java/itn/com/uss/ion/bnr/pop/service/MainPopupLinkVO.java

...	...	@@ -0,0 +1,39 @@
	1	+package itn.com.uss.ion.bnr.pop.service;
	2	+
	3	+import java.io.Serializable;
	4	+
	5	+
	6	+import itn.com.cmm.ComDefaultVO;
	7	+import lombok.Getter;
	8	+import lombok.Setter;
	9	+
	10	+
	11	+/**
	12	+ *
	13	+ * @author : 이호영
	14	+ * @fileName : MainPopupLinkVO.java
	15	+ * @date : 2025.02.26
	16	+ * @description :
	17	+ * ===========================================================
	18	+ * DATE AUTHOR NOTE
	19	+ * ----------------------------------------------------------- *
	20	+ * 2025.02.26 이호영 최초 생성
	21	+ *
	22	+ *
	23	+ *
	24	+ */
	25	+@Getter
	26	+@Setter
	27	+public class MainPopupLinkVO extends ComDefaultVO implements Serializable {
	28	+
	29	+
	30	+ /**
	31	+ * @description :
	32	+ */
	33	+ private static final long serialVersionUID = 1998370534684278351L;
	34	+
	35	+ private String popId; // 메인존ID
	36	+ private String mlink; // 링크
	37	+ private String coords; // 링크좌표
	38	+
	39	+}

2b74d85

1307639

src/main/java/itn/com/uss/ion/bnr/pop/service/MainPopupManageService.java

--- src/main/java/itn/com/uss/ion/bnr/pop/service/MainPopupManageService.java

+++ src/main/java/itn/com/uss/ion/bnr/pop/service/MainPopupManageService.java


  */
 public interface MainPopupManageService {
 
-	public List<?> selectSubMainzoneList(MainzoneVO mainzoneVO) throws Exception;
+	public List<?> selectMainPopupList(MainPopupVO mainPopupVO) throws Exception;
 
-	public int selectSubMainzoneCount(MainzoneVO mainzoneVO) throws Exception;
+	public int selectMainPopupCount(MainPopupVO mainPopupVO) throws Exception;
 
-	public MainzoneVO selectSubMainzoneVO(String mazId)  throws Exception;
+	public MainPopupVO selectMainPopupVO(String mazId)  throws Exception;
 
-	public List<MainzoneVO> selectSubMainzoneListRolling();
+	public List<MainPopupVO> selectMainPopupListRolling();
 
-	public void deleteSubMainzone(String id);
+	public void deleteMainPopup(String id);
 
-	public void resetSubMainVOSort(MainzoneVO mainzoneVO);
+	public void resetMainPopupSort(MainPopupVO mainPopupVO);
 
 }

1307639

src/main/java/itn/com/uss/ion/bnr/pop/service/MainPopupVO.java (added)

+++ src/main/java/itn/com/uss/ion/bnr/pop/service/MainPopupVO.java

...	...	@@ -0,0 +1,59 @@
	1	+package itn.com.uss.ion.bnr.pop.service;
	2	+
	3	+import java.io.Serializable;
	4	+import java.util.List;
	5	+
	6	+import itn.com.cmm.ComDefaultVO;
	7	+import lombok.Getter;
	8	+import lombok.Setter;
	9	+
	10	+/**
	11	+ *
	12	+ * @author : 이호영
	13	+ * @fileName : MainPopupVO.java
	14	+ * @date : 2025.02.26
	15	+ * @description :
	16	+ * ===========================================================
	17	+ * DATE AUTHOR NOTE
	18	+ * ----------------------------------------------------------- *
	19	+ * 2025.02.26 이호영 최초 생성
	20	+ *
	21	+ *
	22	+ *
	23	+ */
	24	+@Getter
	25	+@Setter
	26	+public class MainPopupVO extends ComDefaultVO implements Serializable {
	27	+
	28	+
	29	+ /**
	30	+ * @description :
	31	+ */
	32	+ private static final long serialVersionUID = 1998370534684278351L;
	33	+
	34	+ private String popId; // 메인존ID
	35	+ private String content; // 대체택스트
	36	+ private String del; // 삭제여부
	37	+ private String mainzoneImageFile; // 이미지파일ID
	38	+ private String mainzoneImage; // 이미지파일명
	39	+ private String regdt; // 등록일
	40	+ private String moddt; // 수정일
	41	+ private String popNm; // 메인팝업존키
	42	+ private String useYn; // 사용여부
	43	+ private String registerId; // 등록자 아이디
	44	+ private String deviceType; // 접근타입
	45	+ private String ntceBgnde; // 게시 시작일자
	46	+ private String ntceEndde; // 게시 종료일자
	47	+
	48	+ private String ntceBgndeHH;
	49	+ private String ntceBgndeMM;
	50	+ private String ntceEnddeHH;
	51	+ private String ntceEnddeMM;
	52	+
	53	+ private String devicetype;
	54	+
	55	+ private List<MainPopupLinkVO> mainPopupLinkList; // 게시 종료일자
	56	+
	57	+
	58	+
	59	+}

2b74d85

1307639

src/main/java/itn/com/uss/ion/bnr/pop/service/impl/MainPopupManageDAO.java

--- src/main/java/itn/com/uss/ion/bnr/pop/service/impl/MainPopupManageDAO.java

+++ src/main/java/itn/com/uss/ion/bnr/pop/service/impl/MainPopupManageDAO.java


 
 import org.springframework.stereotype.Repository;
 
-import egovframework.rte.psl.dataaccess.util.EgovMap;
 import itn.com.cmm.service.impl.EgovComAbstractDAO;
-import itn.com.uss.ion.pwm.service.MainzoneVO;
-import itn.com.uss.ion.pwm.service.PopupManageVO;
-import itn.com.uss.ion.pwm.service.PopupzoneVO;
-import itn.com.uss.ion.pwm.service.SocialVO;
-import itn.com.uss.ion.pwm.service.SortVO;
+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
 
 /**
  * 개요

 	 * @return 글 목록
 	 * @exception Exception
 	 */
-	public List<?> selectSubMainzoneList(MainzoneVO mainzoneVO ) throws Exception{
-		return list("subMainzoneManage.selectSubMainzoneList", mainzoneVO);
+	public List<?> selectMainPopupList(MainPopupVO mainPopupVO ) throws Exception{
+		return list("mainPopup.selectMainPopupList", mainPopupVO);
 	}
 	
 
-	public int selectSubMainzoneCount(MainzoneVO mainzoneVO) throws Exception{
-		return (int)select("subMainzoneManage.selectSubMainzoneCount", mainzoneVO);
+	public int selectMainPopupCount(MainPopupVO mainPopupVO) throws Exception{
+		return (int)select("mainPopup.selectMainPopupCount", mainPopupVO);
 	}
 	
 
-	public MainzoneVO selectSubMainzoneVO(String mazId) throws Exception{
-		return (MainzoneVO)select("subMainzoneManage.selectSubMainzoneVO", mazId);
+	public MainPopupVO selectMainPopupVO(String mazId) throws Exception{
+		return (MainPopupVO)select("mainPopup.selectMainPopupVO", mazId);
 	}
 
 
-	public List<MainzoneVO> selectSubMainzoneListRolling() {
-		return (List<MainzoneVO>) list("subMainzoneManage.selectSubMainzoneListRolling");
+	public List<MainPopupVO> selectMainPopupListRolling() {
+		return (List<MainPopupVO>) list("mainPopup.selectMainPopupListRolling");
 	}
 
 
-	public void deleteSubMainzone(String mazId) {
-		delete("subMainzoneManage.deleteSubMainzone", mazId);
+	public void deleteMainPopup(String mazId) {
+		delete("mainPopup.deleteMainPopup", mazId);
 	}
 
 
-	public void resetSubMainVOSort(MainzoneVO mainzoneVO) {
-		update("subMainzoneManage.resetSubMainVOSort", mainzoneVO);  
+	public void resetMainPopupSort(MainPopupVO mainPopupVO) {
+		update("mainPopup.resetMainPopupSort", mainPopupVO);  
 	}
 
-	
-	
-//
-//	public SubMainZoneManageDAO(){}
-//
-//	/**
-//	 * 기 등록된 팝업창정보를 삭제한다.
-//	 * @param popupManage - 팝업창 model
-//	 * @return boolean - 반영성공 여부
-//	 *
-//	 * @param popupManage
-//	 */
-//	public void deletePopup(PopupManageVO popupManageVO) throws Exception {
-//	    delete("PopupManage.deletePopupManage", popupManageVO);
-//	}
-//
-//	/**
-//	 * 팝업창정보를 신규로 등록한다.
-//	 * @param popupManage - 팝업창 model
-//	 * @return boolean - 반영성공 여부
-//	 *
-//	 * @param popupManage
-//	 */
-//	public void insertPopup(PopupManageVO popupManageVO) throws Exception {
-//	    insert("PopupManage.insertPopupManage", popupManageVO);
-//	}
-//
-//        /**
-//         * 기 등록된 팝업창정보를 수정한다.
-//         * @param popupManage - 팝업창 model
-//         * @return boolean - 반영성공 여부
-//         *
-//         * @param popupManage
-//         */
-//        public void updatePopup(PopupManageVO popupManageVO) throws Exception {
-//            update("PopupManage.updatePopupManage", popupManageVO);
-//        }
-//
-//	/**
-//	 * 팝업창을 사용자 화면에서 볼수 있는 정보들을 조회한다.
-//	 * @param popupManageVO - 팝업창 Vo
-//	 * @return popupManageVO - 팝업창 Vo
-//	 *
-//	 * @param popupManageVO
-//	 */
-//	public PopupManageVO selectPopup(PopupManageVO popupManageVO) throws Exception {
-//	    return (PopupManageVO)select("PopupManage.selectPopupManageDetail", popupManageVO);
-//	}
-//
-//	/**
-//	 * 팝업창를 관리하기 위해 등록된 팝업창목록을 조회한다.
-//	 * @param popupManageVO - 팝업창 Vo
-//	 * @return List - 팝업창 목록
-//	 *
-//	 * @param popupManageVO
-//	 */
-//	public List<?> selectPopupList(PopupManageVO popupManageVO) throws Exception {
-//	    return list("PopupManage.selectPopupManage", popupManageVO);
-//	}
-//
-//    /**
-//     * 팝업창를 관리하기 위해 등록된 팝업창목록 총갯수를 조회한다.
-//     * @param popupManageVO - 팝업창 Vo
-//     * @return List - 팝업창 목록
-//     *
-//     * @param popupManageVO
-//     */
-//    public int selectPopupListCount(PopupManageVO popupManageVO) throws Exception {
-//    return (Integer)select("PopupManage.selectPopupManageCnt", popupManageVO);
-//    }
-//
-//    /**
-//     * 팝업창를 사용하기 위해 등록된 팝업창목록을 조회한다.
-//     * @param popupManageVO - 팝업창 Vo
-//     * @return List - 팝업창 목록
-//     *
-//     * @param popupManageVO
-//     */
-//    public List<?> selectPopupMainList(PopupManageVO popupManageVO) throws Exception {
-//        return list("PopupManage.selectPopupManageMain", popupManageVO);
-//    }
-//    
-//    /**
-//	 * 메인알림창 목록을 조회한다.
-//	 * @return 글 목록
-//	 * @exception Exception
-//	 */
-//	public List<?> selectPopupzoneList(PopupzoneVO popupzoneVo) throws Exception{
-//		return list("PopupzoneManage.selectPopupzoneList", popupzoneVo);
-//	}
-//	
-//	/**
-//	 * 메인배너 순번정보를 가져온다.
-//	 * @param  mode - 0:등록 1:수정
-//	 * @return 순번정보
-//	 * @exception Exception
-//	 */
-//	@SuppressWarnings("unchecked")
-//	public List<EgovMap> getSortList() throws Exception{
-//		return (List<EgovMap>) list("PopupzoneManage.getSortList",null);
-//	}
-//
-//	public PopupzoneVO selectPopupzoneVO(String pozId) throws Exception {
-//		return (PopupzoneVO)select("PopupzoneManage.selectPopupzoneVO", pozId);
-//	}
-//
-//    /**
-// 	 * 메인배너 변경할때 나머지 배너들 순서 변경
-// 	 * @param 입력된 sort번호
-// 	 * @return 등록 결과
-// 	 * @exception Exception
-// 	 */
-//	public void updateSortUp(SortVO sortVO) throws Exception{
-//		update("PopupzoneManage.updateSortUp", sortVO);  
-//	}
-//
-//	public void updateSortDown(SortVO sortVO) throws Exception {
-//		update("PopupzoneManage.updateSortDown", sortVO);  
-//	}
-//
-//	public void updatePopupzone(PopupzoneVO popupzoneVO) throws Exception {
-//		update("PopupzoneManage.updatePopupzone", popupzoneVO);  
-//	}
-//
-//	 /**
-// 	 * 메인알림창을 삭제한다.
-// 	 * @param pozId - 삭제할 메인알림창 번호
-// 	 * @return void형 
-// 	 * @exception Exception
-// 	 */
-//	public void deletePopupzone(String pozId) throws Exception {
-//		delete("PopupzoneManage.deletePopupzone", pozId);
-//	}
-//
-//	public int getMaxSort() throws Exception{
-//		return (Integer)select("PopupzoneManage.getMaxSort") ;
-//	}
-//	
-//	 /**
-// 	 * 메인배너의 새로운seq를 가지고온다.
-// 	 * @return seq
-// 	 * @exception Exception
-// 	 */
-//	public int selectNextSeq() throws Exception{
-//		return (Integer)select("PopupzoneManage.selectNextSeq");
-//	}
-//
-//	public void insertPopupzone(PopupzoneVO popupzoneVO) throws Exception{
-//		 insert("PopupzoneManage.insertPopupzone", popupzoneVO);
-//	}
-//
-//	public void resetSort(PopupzoneVO popupzoneVO) throws Exception{
-//		update("PopupzoneManage.resetSort", popupzoneVO);  
-//	}
-//
-//	/**
-//	 * 메인이미지 목록을 조회한다.
-//	 * @return 글 목록
-//	 * @exception Exception
-//	 */
-//	public List<?> selectMainzoneList(MainzoneVO mainzoneVO ) throws Exception{
-//		return list("MainzoneManage.selectMainzoneList", mainzoneVO);
-//	}
-//
-//	public int getMainMaxSort() throws Exception{
-//		return (Integer)select("MainzoneManage.getMainMaxSort");
-//	}
-//
-//	public void insertMainzone(MainzoneVO mainzoneVO) throws Exception{
-//		insert("MainzoneManage.insertMainzone", mainzoneVO);
-//	}
-//
-//	public void resetMainSort(MainzoneVO mainzoneVO) throws Exception{
-//		 insert("MainzoneManage.resetMainSort", mainzoneVO);
-//	}
-//
-//	public void updateMainSortUp(SortVO sortVO) throws Exception{
-//		update("MainzoneManage.updateMainSortUp", sortVO); 
-//	}
-//
-//	public MainzoneVO selectMainzoneVO(String mazId) throws Exception{
-//		return (MainzoneVO)select("MainzoneManage.selectMainzoneVO", mazId);
-//	}
-//
-//	@SuppressWarnings("unchecked")
-//	public List<EgovMap> getMainSortList() throws Exception{
-//		return (List<EgovMap>) list("MainzoneManage.getMainSortList",null);
-//	}
-//
-//	public void deleteMainzone(String mazId) throws Exception{
-//		delete("MainzoneManage.deleteMainzone", mazId);
-//	}
-//
-//	public void updateMainSortDown(SortVO sortVO) throws Exception{
-//		update("MainzoneManage.updateMainSortDown", sortVO); 
-//	}
-//
-//	public void updateMainzone(MainzoneVO mainzoneVO) throws Exception{
-//		update("MainzoneManage.updateMainzone", mainzoneVO); 
-//	}
-//	
-//	@SuppressWarnings("unchecked")
-//	public List<MainzoneVO> selectMainzoneListRolling() throws Exception{
-//		return (List<MainzoneVO>) list("MainzoneManage.selectMainzoneListRolling");
-//	}
-//
-//	public int selectPopupzoneListTotCnt(PopupzoneVO popupzoneVo) throws Exception {
-//		return (int)select("PopupzoneManage.selectPopupzoneListTotCnt", popupzoneVo);
-//	}
-//
-//	public int selectMainzoneCount(MainzoneVO mainzoneVO) throws Exception{
-//		return (int)select("MainzoneManage.selectMainzoneCount", mainzoneVO);
-//	}
-//
-//	public void resetVOSort(PopupzoneVO popupzoneVO) throws Exception{
-//		update("PopupzoneManage.resetVOSort", popupzoneVO);  
-//	}
-//
-//	public void resetMainVOSort(MainzoneVO mainzoneVO) throws Exception{
-//		update("MainzoneManage.resetMainVOSort", mainzoneVO);  
-//	}
-//
-//	@SuppressWarnings("unchecked")
-//	public List<SocialVO> selectSocialList(SocialVO socialVO) throws Exception{
-//		return (List<SocialVO>) list("SocialManage.selectSocialList",socialVO);
-//	}
-//
-//	public SocialVO selectSocialVO(String socialId) throws Exception{
-//		return (SocialVO)select("SocialManage.selectSocialVO", socialId);
-//	}
-//
-//	public void updateSocial(SocialVO socialVO) throws Exception{
-//		update("SocialManage.updateSocial", socialVO); 
-//	}
-//
-//	public void resetSocialSort(SocialVO socialVO) throws Exception{
-//		update("SocialManage.resetSocialSort", socialVO);  
-//	}
-//
-//	public void insertSocial(SocialVO socialVO) throws Exception{
-//		 insert("SocialManage.insertSocial", socialVO);
-//	}
-//
-//	public void deleteSocial(String id) throws Exception{
-//		delete("SocialManage.deleteSocial", id);
-//	}
 }

2b74d85

1307639

src/main/java/itn/com/uss/ion/bnr/pop/service/impl/MainPopupManageServiceImpl.java

--- src/main/java/itn/com/uss/ion/bnr/pop/service/impl/MainPopupManageServiceImpl.java

+++ src/main/java/itn/com/uss/ion/bnr/pop/service/impl/MainPopupManageServiceImpl.java


 import egovframework.rte.fdl.cmmn.EgovAbstractServiceImpl;
 import egovframework.rte.fdl.idgnr.EgovIdGnrService;
 import itn.com.uss.ion.bnr.pop.service.MainPopupManageService;
-import itn.com.uss.ion.pwm.service.MainzoneVO;
+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
 
 /**
  * 개요

 	private EgovIdGnrService idgenService;
 
 	@Override
-	public List<?> selectSubMainzoneList(MainzoneVO mainzoneVO) throws Exception {
-		return dao.selectSubMainzoneList(mainzoneVO);
+	public List<?> selectMainPopupList(MainPopupVO mainPopupVO) throws Exception {
+		return dao.selectMainPopupList(mainPopupVO);
 	}
 
 	@Override
-	public int selectSubMainzoneCount(MainzoneVO mainzoneVO) throws Exception {
-		return dao.selectSubMainzoneCount(mainzoneVO);
+	public int selectMainPopupCount(MainPopupVO mainPopupVO) throws Exception {
+		return dao.selectMainPopupCount(mainPopupVO);
 	}
 
 
 	@Override
-	public MainzoneVO selectSubMainzoneVO(String mazId) throws Exception {
-		MainzoneVO resultVO = dao.selectSubMainzoneVO(mazId);
+	public MainPopupVO selectMainPopupVO(String mazId) throws Exception {
+		MainPopupVO resultVO = dao.selectMainPopupVO(mazId);
 	       if (resultVO == null)
 	           throw processException("info.nodata.msg");
 	       return resultVO;
 	}
 
 	@Override
-	public List<MainzoneVO> selectSubMainzoneListRolling() {
-		return dao.selectSubMainzoneListRolling();
+	public List<MainPopupVO> selectMainPopupListRolling() {
+		return dao.selectMainPopupListRolling();
 	}
 
 	@Override
-	public void deleteSubMainzone(String id) {
-		dao.deleteSubMainzone(id);
+	public void deleteMainPopup(String id) {
+		dao.deleteMainPopup(id);
 	}
 
 	@Override
-	public void resetSubMainVOSort(MainzoneVO mainzoneVO) {
-		dao.resetSubMainVOSort(mainzoneVO);
+	public void resetMainPopupSort(MainPopupVO mainPopupVO) {
+		dao.resetMainPopupSort(mainPopupVO);
 		
 	}
 

2b74d85

1307639

src/main/java/itn/com/uss/ion/bnr/pop/web/MainPopupController.java (Renamed from src/main/java/itn/com/uss/ion/bnr/pop/web/MainPopupManageController.java)

--- src/main/java/itn/com/uss/ion/bnr/pop/web/MainPopupManageController.java

+++ src/main/java/itn/com/uss/ion/bnr/pop/web/MainPopupController.java


 import itn.com.cmm.service.EgovFileMngUtil;
 import itn.com.cmm.service.FileVO;
 import itn.com.cmm.util.RedirectUrlMaker;
+import itn.com.uss.ion.bnr.pop.service.MainPopupManageService;
+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
 import itn.com.uss.ion.bnr.sub.service.SubMainZoneManageService;
 import itn.com.uss.ion.pwm.service.MainzoneVO;
 import itn.let.sym.site.service.EgovSiteManagerService;

  */
 
 @Controller
-public class MainPopupManageController {
+public class MainPopupController {
 
-	private static final Logger LOGGER = LoggerFactory.getLogger(MainPopupManageController.class);
+	private static final Logger LOGGER = LoggerFactory.getLogger(MainPopupController.class);
 
 	@Autowired
 	private DefaultBeanValidator beanValidator;

 	/** EgovPopupManageService */
 	@Resource(name = "subMainZoneManageService")
 	private SubMainZoneManageService subMainZoneManageService;
+	
+	@Resource(name = "mainPopupManageService")
+	private MainPopupManageService mainPopupManageService;
 	
 	/** cmmUseService */
 	@Resource(name = "EgovCmmUseService")

 
     
     /*메인이미지 관리*/
+//    @RequestMapping(value="/uss/ion/bnr/subMainZoneList.do")
     @RequestMapping(value="/uss/ion/bnr/pop/mainPopupList.do")
-    public String popupList(ModelMap model , MainzoneVO mainzoneVO , HttpSession session ) throws Exception {
+    public String selectMainzoneList(ModelMap model , MainPopupVO mainPopupVO , HttpSession session ) throws Exception {
     	LoginVO loginVO = (LoginVO) EgovUserDetailsHelper.getAuthenticatedUser();
     	
 		
-	    	if(mainzoneVO.getPageUnit()% 8 != 0) {//9 배수로 넘어오지 않으면 초기세팅
-	    		mainzoneVO.setPageUnit(8);
+	    	if(mainPopupVO.getPageUnit()% 8 != 0) {//9 배수로 넘어오지 않으면 초기세팅
+	    		mainPopupVO.setPageUnit(8);
 			}else {
-				mainzoneVO.setPageUnit(mainzoneVO.getPageUnit());
+				mainPopupVO.setPageUnit(mainPopupVO.getPageUnit());
 			}
 	    	
 			/** pageing */
 			PaginationInfo paginationInfo = new PaginationInfo();
-			paginationInfo.setCurrentPageNo(mainzoneVO.getPageIndex());
-			paginationInfo.setRecordCountPerPage(mainzoneVO.getPageUnit());
-			paginationInfo.setPageSize(mainzoneVO.getPageSize());
+			paginationInfo.setCurrentPageNo(mainPopupVO.getPageIndex());
+			paginationInfo.setRecordCountPerPage(mainPopupVO.getPageUnit());
+			paginationInfo.setPageSize(mainPopupVO.getPageSize());
 			
-			mainzoneVO.setFirstIndex(paginationInfo.getFirstRecordIndex());
-			mainzoneVO.setLastIndex(paginationInfo.getLastRecordIndex());
-			mainzoneVO.setRecordCountPerPage(paginationInfo.getRecordCountPerPage());
+			mainPopupVO.setFirstIndex(paginationInfo.getFirstRecordIndex());
+			mainPopupVO.setLastIndex(paginationInfo.getLastRecordIndex());
+			mainPopupVO.setRecordCountPerPage(paginationInfo.getRecordCountPerPage());
 			
 			if(null != loginVO && !"super".equals(loginVO.getSiteId())){ //각각의 사이트
-				mainzoneVO.setSiteId(loginVO.getSiteId());
+				mainPopupVO.setSiteId(loginVO.getSiteId());
 			}
-	        List<?> mainzoneList = subMainZoneManageService.selectSubMainzoneList(mainzoneVO);        
-	        model.addAttribute("mainzoneList", mainzoneList);
+	        List<?> mainPopupList = mainPopupManageService.selectMainPopupList(mainPopupVO);        
+	        model.addAttribute("mainPopupList", mainPopupList);
 	        
-	        int totCnt = subMainZoneManageService.selectSubMainzoneCount(mainzoneVO);
+	        int totCnt = mainPopupManageService.selectMainPopupCount(mainPopupVO);
 	        
 	        paginationInfo.setTotalRecordCount(totCnt);
 			model.addAttribute("paginationInfo", paginationInfo);
 			
-        return "uss/ion/bnr/sub/subMainZoneList";
+        return "uss/ion/bnr/pop/mainPopupList";
     }
     
 	
 
 	/*알림창등록/수정 view*/
-    @RequestMapping(value="/uss/ion/bnr/pop/mainPopupModify.do")
-	public String popupModify(@RequestParam Map<?, ?> commandMap,
+	@RequestMapping(value="/uss/ion/bnr/pop/mainPopupModify.do")
+	public String updateMainZoneView(@RequestParam Map<?, ?> commandMap,
 				HttpServletRequest request, Model model, HttpSession session)
 				throws Exception  {
 		
-		MainzoneVO mainzoneVO = new MainzoneVO();
+		MainPopupVO mainPopupVO = new MainPopupVO();
 		if("Modify".equals((String)commandMap.get("pageType"))){  //수정
 			String mazId = (String)commandMap.get("selectedId");
-			mainzoneVO = subMainZoneManageService.selectSubMainzoneVO(mazId);
-			String sNtceBgnde = mainzoneVO.getNtceBgnde();
-			String sNtceEndde = mainzoneVO.getNtceEndde();
+			mainPopupVO = mainPopupManageService.selectMainPopupVO(mazId);
+			String sNtceBgnde = mainPopupVO.getNtceBgnde();
+			String sNtceEndde = mainPopupVO.getNtceEndde();
 	
 			if(sNtceBgnde != null && sNtceEndde != null ) {
 				
-				mainzoneVO.setNtceBgndeHH(sNtceBgnde.substring(8, 10));
-				mainzoneVO.setNtceBgndeMM(sNtceBgnde.substring(10, 12));
+				mainPopupVO.setNtceBgndeHH(sNtceBgnde.substring(8, 10));
+				mainPopupVO.setNtceBgndeMM(sNtceBgnde.substring(10, 12));
 				
-				mainzoneVO.setNtceEnddeHH(sNtceEndde.substring(8, 10));
-				mainzoneVO.setNtceEnddeMM(sNtceEndde.substring(10, 12));
+				mainPopupVO.setNtceEnddeHH(sNtceEndde.substring(8, 10));
+				mainPopupVO.setNtceEnddeMM(sNtceEndde.substring(10, 12));
 				
 				//게시기간 시작일자(시)
 				model.addAttribute("ntceBgndeHH", getTimeHH());

 				
 			}
 			
-			if(mainzoneVO != null){
-				mainzoneVO.setBeSort(mainzoneVO.getSort());
+			if(mainPopupVO != null){
+				mainPopupVO.setBeSort(mainPopupVO.getSort());
 				
 				FileVO fileVO = new FileVO();
-				String atchFileId = mainzoneVO.getMainzoneImageFile();
+				String atchFileId = mainPopupVO.getMainzoneImageFile();
 				fileVO.setAtchFileId(atchFileId);
 				List<FileVO> fileList = fileService.selectFileInfs(fileVO);
 				model.addAttribute("fileList", fileList);	

 		}
 		
 	    //model.addAttribute("sortList", sortList);
-	    model.addAttribute("mainzoneVO", mainzoneVO);	
-	    System.out.println("mainzoneVO :: "+ mainzoneVO.toString());
+	    model.addAttribute("mainPopupVO", mainPopupVO);	
+	    System.out.println("mainPopupVO :: "+ mainPopupVO.toString());
 		  
 	    /* 타겟 코드 */
 	    ComDefaultCodeVO vo = new ComDefaultCodeVO();

 	    //model.addAttribute("targetList", targetList);
 	    
 	    
-		return "uss/ion/bnr/sub/subMainZoneModify";
+		return "uss/ion/bnr/pop/mainPopupModify";
 	}  
 	
 	
 
 	/*메인 이미지삭제 */
-    @RequestMapping(value="/uss/ion/bnr/pop/mainPopupListDelete.do")
+	@RequestMapping("/uss/ion/bnr/pop/mainPopupListDelete.do")
 	public String deleteMainzoneDelete(@RequestParam("del") String[] del, RedirectAttributes redirectAttributes , Model model) throws Exception {
 		LoginVO loginVO = (LoginVO) EgovUserDetailsHelper.getAuthenticatedUser();
-		MainzoneVO mainzoneVO = new MainzoneVO();
+		MainPopupVO mainPopupVO = new MainPopupVO();
 		for(String id:del) {
 		    try{
-		    	mainzoneVO = subMainZoneManageService.selectSubMainzoneVO(id);
+		    	mainPopupVO = mainPopupManageService.selectMainPopupVO(id);
 		    }catch(Exception e){
 		    	redirectAttributes.addFlashAttribute("message", egovMessageSource.getMessage("info.nodata.msg"));
-				RedirectUrlMaker redirectUrlMaker = new RedirectUrlMaker("/uss/ion/bnr/subMainZoneList.do");
+				RedirectUrlMaker redirectUrlMaker = new RedirectUrlMaker("/uss/ion/bnr/pop/mainPopupList.do");
 				return redirectUrlMaker.getRedirectUrl();
 		    }
-		    subMainZoneManageService.deleteSubMainzone(id);
+		    mainPopupManageService.deleteMainPopup(id);
 			if(null != loginVO && !"super".equals(loginVO.getSiteId())){ 
-				mainzoneVO.setSiteId(loginVO.getSiteId());
+				mainPopupVO.setSiteId(loginVO.getSiteId());
 			}
-			subMainZoneManageService.resetSubMainVOSort(mainzoneVO);
+			mainPopupManageService.resetMainPopupSort(mainPopupVO);
 			}
 		
 		redirectAttributes.addFlashAttribute("message", egovMessageSource.getMessage("success.common.delete"));
-		RedirectUrlMaker redirectUrlMaker = new RedirectUrlMaker("/uss/ion/bnr/subMainZoneList.do");
+		RedirectUrlMaker redirectUrlMaker = new RedirectUrlMaker("/uss/ion/bnr/pop/mainPopupList.do");
 		return redirectUrlMaker.getRedirectUrl();
 	}
 	

 		return listMM;
 	}
 
+	
+	
 }

2b74d85

1307639

src/main/java/itn/com/uss/ion/fms/web/FmsFileController.java

--- src/main/java/itn/com/uss/ion/fms/web/FmsFileController.java

+++ src/main/java/itn/com/uss/ion/fms/web/FmsFileController.java


 import itn.com.cmm.service.EgovFileMngUtil;
 import itn.com.cmm.service.FileVO;
 import itn.com.cmm.util.RedirectUrlMaker;
+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
 import itn.com.uss.ion.bnr.service.Banner;
 import itn.com.uss.ion.bnr.service.BannerVO;
 import itn.com.uss.ion.bnr.service.EgovBannerService;

 	
 	@Resource(name = "egovSubMainZoneIdGnrService")
 	private EgovIdGnrService idgenServiceSubMain;
+	
+	@Resource(name = "egovMainPopupIdGnrService")
+	private EgovIdGnrService idgenServiceMainPopup;
 	
 	@Resource(name = "egovBannerService")
 	private EgovBannerService egovBannerService;

 	public ModelAndView insertFmsFileInsertAjax(@RequestParam Map<?, ?> commandMap,
 			@ModelAttribute("fmsFileVO") FmsFileVO fmsFileVO,
 			MainzoneVO mainzoneVO,
+			MainPopupVO mainPopupVO,
 			PopupzoneVO popupzoneVO,
 			Banner banner,
 			BannerVO bannerVO,

 	    		KeyStr = "MAZ_";
 	    	}else if("subMainzone".equals(fileVO.getMenuName())) { //메인비주얼
 	    		KeyStr = "SMAZ_";
+	    	}else if("mainPopup".equals(fileVO.getMenuName())) { //메인비주얼
+	    		KeyStr = "MPP_";
 	    	}else if("popupzone".equals(fileVO.getMenuName())) { //매뉴별 비주얼
 	    		KeyStr = "POZ_";
 	    	}else if("banner".equals(fileVO.getMenuName())) { //매뉴별 비주얼

 					} else {
 						mainzoneVO.setMainzoneImage(orignlFileNm);
 						mainzoneVO.setMainzoneImageFile(atchFileId);
+						
+						mainPopupVO.setMainzoneImage(orignlFileNm);
+						mainPopupVO.setMainzoneImageFile(atchFileId);
 						
 						fmsFileVO.setFmsImage(orignlFileNm);
 						fmsFileVO.setFmsImageFile(atchFileId);

 	    			egovPopupManageService.insertMainzone(mainzoneVO);
 	    			mainzoneVO.setSortOver("D"); //앞쪽에 넣음
 	    			egovPopupManageService.resetMainVOSort(mainzoneVO);
-	    		}else if("subMainzone".equals(fileVO.getMenuName())) { // 서브 메인비주얼 새글 
+	    		}
+	    		else if("subMainzone".equals(fileVO.getMenuName())) { // 서브 메인비주얼 새글 
 	    			String mainId = idgenServiceSubMain.getNextStringId();
 	    			mainzoneVO.setMazId(mainId);
 	    			mainzoneVO.setRegisterId(loginVO.getUniqId());
 	    			egovPopupManageService.insertSubMainzone(mainzoneVO);
 	    			mainzoneVO.setSortOver("D"); //앞쪽에 넣음
 	    			egovPopupManageService.resetSubMainVOSort(mainzoneVO);
-	    		}else if("popupzone".equals(fileVO.getMenuName())) { //매뉴별 비주얼
+	    		}
+	    		else if("mainPopup".equals(fileVO.getMenuName())) { // 메인팝업 새글 
+	    			String mainId = idgenServiceMainPopup.getNextStringId();
+	    			mainPopupVO.setPopId(mainId);
+	    			mainPopupVO.setRegisterId(loginVO.getUniqId());
+	    			egovPopupManageService.insertMainPopup(mainPopupVO);
+	    			mainPopupVO.setSortOver("D"); //앞쪽에 넣음
+	    			egovPopupManageService.resetMainPopup(mainPopupVO);
+	    		}
+	    		else if("popupzone".equals(fileVO.getMenuName())) { //매뉴별 비주얼
 	    			String pozId = idgenService.getNextStringId();
 	    			popupzoneVO.setPozId(pozId);
 	    			popupzoneVO.setRegisterId(loginVO.getUniqId());

 	    			if(mainzoneVO.getSort() < mainzoneVO.getBeSort() ){ //sortOver : A 후번호로 변경 , D : 선번호로 변경
 	    				mainzoneVO.setSortOver("D");
 	    			}
-	    			egovPopupManageService.resetSubMainVOSort(mainzoneVO);	
+	    			egovPopupManageService.resetMainVOSort(mainzoneVO);	
+	    		}else if("mainPopup".equals(fileVO.getMenuName())) { // 메인팝업 새글
+	    			egovPopupManageService.updateMainPopup(mainPopupVO);
+	    			if(mainzoneVO.getSort() < mainzoneVO.getBeSort() ){ //sortOver : A 후번호로 변경 , D : 선번호로 변경
+	    				mainzoneVO.setSortOver("D");
+	    			}
+	    			egovPopupManageService.resetMainPopup(mainPopupVO);	
+	    			
 	    		}else if("popupzone".equals(fileVO.getMenuName())) { //매뉴별 비주얼
 	    			egovPopupManageService.updatePopupzone(popupzoneVO);
 	    			if(popupzoneVO.getSort() < popupzoneVO.getBeSort() ){ //sortOver : A 후번호로 변경 , D : 선번호로 변경

 	    		}
 	    	}
 			modelAndView.addObject("result", "success");
-		}catch (Exception e) {
+ 		}catch (Exception e) {
+ 			e.printStackTrace();
 			modelAndView.addObject("result", "fail");
 		} 
 		return modelAndView;

2b74d85

1307639

src/main/java/itn/com/uss/ion/pwm/service/EgovPopupManageService.java

--- src/main/java/itn/com/uss/ion/pwm/service/EgovPopupManageService.java

+++ src/main/java/itn/com/uss/ion/pwm/service/EgovPopupManageService.java


 import java.util.List;
 import java.util.Map;
 
+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
+
 /**
  * 개요
  * - 팝업창에 대한 Service Interface를 정의한다.

 	//사용자 메인화면 롤링 배너 이미지 조회
 	public List<MainzoneVO> selectMainzoneListRolling() throws Exception;
 
+	public void insertMainPopup(MainPopupVO mainPopupVO);
+
+	public void resetMainPopup(MainPopupVO mainPopupVO) throws Exception;
+
+	public void updateMainPopup(MainPopupVO mainPopupVO) throws Exception;
+
+
 }

2b74d85

1307639

src/main/java/itn/com/uss/ion/pwm/service/impl/EgovPopupManageServiceImpl.java

--- src/main/java/itn/com/uss/ion/pwm/service/impl/EgovPopupManageServiceImpl.java

+++ src/main/java/itn/com/uss/ion/pwm/service/impl/EgovPopupManageServiceImpl.java


 package itn.com.uss.ion.pwm.service.impl;
 
 import java.math.BigDecimal;
+import java.util.ArrayList;
+import java.util.Comparator;
 import java.util.LinkedHashMap;
 import java.util.List;
 import java.util.Map;
+import java.util.stream.IntStream;
 
 import javax.annotation.Resource;
 
+import org.apache.commons.collections4.CollectionUtils;
 import org.springframework.stereotype.Service;
 
 import egovframework.rte.fdl.cmmn.EgovAbstractServiceImpl;
 import egovframework.rte.fdl.idgnr.EgovIdGnrService;
 import egovframework.rte.psl.dataaccess.util.EgovMap;
+import itn.com.uss.ion.bnr.pop.service.MainPopupLinkVO;
+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
 import itn.com.uss.ion.pwm.service.EgovPopupManageService;
 import itn.com.uss.ion.pwm.service.MainzoneVO;
 import itn.com.uss.ion.pwm.service.PopupManageVO;

 	public void insertSubMainzone(MainzoneVO mainzoneVO) throws Exception {
 		dao.insertSubMainzone(mainzoneVO);
 	}
+	@Override
+	public void resetMainPopup(MainPopupVO mainPopupVO) throws Exception {
+		dao.resetMainPopup(mainPopupVO);
+	}
 
 	@Override
 	public void resetMainSort(MainzoneVO mainzoneVO) throws Exception {

 	public void updateSubMainzone(MainzoneVO mainzoneVO) throws Exception {
 		dao.updateSubMainzone(mainzoneVO);
 	}
+	
 	
 	//사용자 메인화면 롤링 배너 이미지 조회
 	@Override

 	public void deleteSocial(String id) throws Exception {
 		dao.deleteSocial(id);
 	}
+
+	@Override
+	public void insertMainPopup(MainPopupVO mainPopupVO) {
+		dao.insertMainPopup(mainPopupVO);
+
+		
+
+		if(CollectionUtils.isNotEmpty(mainPopupVO.getMainPopupLinkList())) {
+			
+			List<MainPopupLinkVO> mainPopupLinkListVO =  getMainPopupLinkList(mainPopupVO);
+//			mainPopupLinkListVO.stream().forEach(t-> System.out.println(t.toString()));
+			dao.insertMainPopupLinkInfo(mainPopupLinkListVO);
+		}
+	}
+
+	@Override
+	public void updateMainPopup(MainPopupVO mainPopupVO) throws Exception {
+		
+		dao.updateMainPopup(mainPopupVO);
+		
+
+		if(CollectionUtils.isNotEmpty(mainPopupVO.getMainPopupLinkList())) {
+
+			List<MainPopupLinkVO> mainPopupLinkListVO =  getMainPopupLinkList(mainPopupVO);
+
+			dao.deleteMainPopupLinkInfo(mainPopupVO.getPopId());
+
+			dao.insertMainPopupLinkInfo(mainPopupLinkListVO);	
+		}
+		
+		
+	}
+
+	private List<MainPopupLinkVO> getMainPopupLinkList(MainPopupVO mainPopupVO) {
+		
+		List<MainPopupLinkVO> mainPopupLinkListVO = mainPopupVO.getMainPopupLinkList();
+		
+		// 기존 sort 값을 숫자로 변환하여 오름차순 정렬
+		mainPopupLinkListVO.sort(Comparator.comparingInt(vo -> vo.getSort()));
+		// 2. 정렬된 상태에서 sort 값을 연속적인 숫자로 변경 (1, 2, 3, ...)
+		IntStream.range(0, mainPopupLinkListVO.size())
+			.forEach(i -> mainPopupLinkListVO.get(i).setSort(i + 1));
+
+		mainPopupLinkListVO.stream().forEach(t-> t.setPopId(mainPopupVO.getPopId()));
+		return mainPopupLinkListVO;
+	}
+
+
 }

2b74d85

1307639

src/main/java/itn/com/uss/ion/pwm/service/impl/PopupManageDAO.java

--- src/main/java/itn/com/uss/ion/pwm/service/impl/PopupManageDAO.java

+++ src/main/java/itn/com/uss/ion/pwm/service/impl/PopupManageDAO.java

...	...	@@ -5,6 +5,8 @@
5	5
6	6	import egovframework.rte.psl.dataaccess.util.EgovMap;
7	7	import itn.com.cmm.service.impl.EgovComAbstractDAO;
	8	+import itn.com.uss.ion.bnr.pop.service.MainPopupLinkVO;
	9	+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
8	10	import itn.com.uss.ion.pwm.service.MainzoneVO;
9	11	import itn.com.uss.ion.pwm.service.PopupManageVO;
10	12	import itn.com.uss.ion.pwm.service.PopupzoneVO;
...	...	@@ -280,4 +282,30 @@
280	282	public void deleteSocial(String id) throws Exception{
281	283	delete("SocialManage.deleteSocial", id);
282	284	}
	285	+
	286	+ public void insertMainPopup(MainPopupVO mainPopupVO) {
	287	+ insert("MainzoneManage.insertMainPopup", mainPopupVO);
	288	+ }
	289	+
	290	+ public void insertMainPopupLinkInfo(List<MainPopupLinkVO> mainPopupLinkListVO) {
	291	+ insert("MainzoneManage.insertMainPopupLinkInfo", mainPopupLinkListVO);
	292	+ }
	293	+
	294	+ public void resetMainPopup(MainPopupVO mainPopupVO) {
	295	+// update("MainzoneManage.resetSubMainVOSort", mainzoneVO);
	296	+ insert("MainzoneManage.resetMainPopup", mainPopupVO);
	297	+ }
	298	+
	299	+ public void updateMainPopup(MainPopupVO mainPopupVO) throws Exception{
	300	+ update("MainzoneManage.updateMainPopup", mainPopupVO);
	301	+ }
	302	+
	303	+ public void updateMainPopupLinkInfo(MainPopupLinkVO mainPopupLinkVO) {
	304	+ update("MainzoneManage.updateMainPopupLinkInfo", mainPopupLinkVO);
	305	+
	306	+ }
	307	+
	308	+ public void deleteMainPopupLinkInfo(String popId) {
	309	+ delete("MainzoneManage.deleteMainPopupLinkInfo", popId);
	310	+ }
283	311	} (No newline at end of file)

2b74d85

1307639

src/main/java/itn/web/MainController.java

--- src/main/java/itn/web/MainController.java

+++ src/main/java/itn/web/MainController.java


 import itn.com.cmm.service.FileVO;
 import itn.com.cmm.util.StringUtil;
 import itn.com.cmm.util.WebUtil;
+import itn.com.uss.ion.bnr.pop.service.MainPopupManageService;
+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
 import itn.com.uss.ion.bnr.service.BannerVO;
 import itn.com.uss.ion.bnr.service.EgovBannerService;
 import itn.com.uss.ion.bnr.sub.service.SubMainZoneManageService;

 	@Resource(name = "mjonCandidateService")
     private MjonCandidateService mjonCandidateService;
 
-	/** EgovPopupManageService */
 	@Resource(name = "subMainZoneManageService")
 	private SubMainZoneManageService subMainZoneManageService;
+	
+	/** 메인팝업 service */
+	@Resource(name = "mainPopupManageService")
+	private MainPopupManageService mainPopupManageService;
 	
 	
 	@Value("#{globalSettings['Globals.email.host']}")

 			
 		}
 		
+		
+		{//팝업 롤링 이미지 불러오기
+			
+			List<MainPopupVO> resultMainPopupList = mainPopupManageService.selectMainPopupListRolling();
+			model.addAttribute("mainPopupList", resultMainPopupList);
+			System.out.println("===================mainPopupList");
+			
+		}
+		
 		return "web/main/mainPage";
 	}
 	

2b74d85

1307639

src/main/resources/egovframework/spring/com/context-idgen.xml

--- src/main/resources/egovframework/spring/com/context-idgen.xml

+++ src/main/resources/egovframework/spring/com/context-idgen.xml


 		<property name="fillChar" value="0" />
 	</bean>
 	
+	<bean name="egovMainPopupIdGnrService"
+		class="egovframework.rte.fdl.idgnr.impl.EgovTableIdGnrServiceImpl"
+		destroy-method="destroy">
+		<property name="dataSource" ref="dataSource" />
+		<property name="strategy" ref="mainPopupIdStrategy" />
+		<property name="blockSize"  value="10"/>
+		<property name="table"      value="IDS"/>
+		<property name="tableName"  value="MPP_ID"/>
+	</bean>
+	<!-- 메인상단 이미지  ID Generation  Strategy Config -->
+	<bean name="mainPopupIdStrategy"
+		class="egovframework.rte.fdl.idgnr.impl.strategy.EgovIdGnrStrategyImpl">
+		<property name="prefix" value="MPP_" />
+		<property name="cipers" value="12" />
+		<property name="fillChar" value="0" />
+	</bean>
+	
 	
 	<!-- 컨텐츠 관리  ID Generation  Strategy Config -->
 	<bean name="egovCntManageIdGnrService"

2b74d85

1307639

src/main/resources/egovframework/sqlmap/config/mysql/sql-map-config-mysql-uss-ion-bnr.xml

--- src/main/resources/egovframework/sqlmap/config/mysql/sql-map-config-mysql-uss-ion-bnr.xml

+++ src/main/resources/egovframework/sqlmap/config/mysql/sql-map-config-mysql-uss-ion-bnr.xml

...	...	@@ -5,4 +5,5 @@
5	5	<sqlMapConfig>
6	6	<sqlMap resource="egovframework/sqlmap/com/uss/ion/bnr/EgovBanner_SQL_Mysql.xml"/><!-- 배너 추가 -->
7	7	<sqlMap resource="egovframework/sqlmap/let/uss/ion/bnr/SubMainZoneManage_SQL_Mysql.xml"/><!-- 서브팝업관리 -->
	8	+ <sqlMap resource="egovframework/sqlmap/let/uss/ion/bnr/MainPopupManage_SQL_Mysql.xml"/><!-- 서브팝업관리 -->
8	9	</sqlMapConfig>

1307639

src/main/resources/egovframework/sqlmap/let/uss/ion/bnr/MainPopupManage_SQL_Mysql.xml (added)

+++ src/main/resources/egovframework/sqlmap/let/uss/ion/bnr/MainPopupManage_SQL_Mysql.xml

...	...	@@ -0,0 +1,220 @@
	1	+<?xml version="1.0" encoding="UTF-8"?>
	2	+<!DOCTYPE sqlMap PUBLIC "-//ibatis.apache.org//DTD SQL Map 2.0//EN" "http://ibatis.apache.org/dtd/sql-map-2.dtd">
	3	+<!--
	4	+ 수정일 수정자 수정내용
	5	+ =========== ======== =================================================
	6	+ 2011.10.06 이기하 보안 취약점 점검사항 반영 $->#변경
	7	+-->
	8	+<sqlMap namespace="UnityLink">
	9	+
	10	+ <typeAlias alias="egovMap" type="egovframework.rte.psl.dataaccess.util.EgovMap"/>
	11	+ <typeAlias alias="comDefaultVO" type="itn.com.cmm.ComDefaultVO"/>
	12	+ <typeAlias alias="PopupManageVO" type="itn.com.uss.ion.pwm.service.PopupManageVO" />
	13	+ <typeAlias alias="popupzoneVO" type="itn.com.uss.ion.pwm.service.PopupzoneVO"/>
	14	+ <typeAlias alias="mainPopupVO" type="itn.com.uss.ion.bnr.pop.service.MainPopupVO"/>
	15	+
	16	+
	17	+
	18	+ <resultMap id="MainPopupLinkResultMap" class="itn.com.uss.ion.bnr.pop.service.MainPopupLinkVO">
	19	+ <result property="popId" column="POP_ID"></result>
	20	+ <result property="mlink" column="MLINK"></result>
	21	+ <result property="coords" column="COORDS"></result>
	22	+ <result property="sort" column="SORT"></result>
	23	+ </resultMap>
	24	+
	25	+
	26	+ <resultMap id="MainPopupResultMap" class="itn.com.uss.ion.bnr.pop.service.MainPopupVO">
	27	+ <result property="popId" column="POP_ID" ></result>
	28	+ <result property="content" column="CONTENT"></result>
	29	+ <result property="regdt" column="REGDT"></result>
	30	+ <result property="del" column="DEL"></result>
	31	+ <result property="sort" column="SORT"></result>
	32	+ <result property="mainzoneImage" column="MAINZONE_IMAGE"></result>
	33	+ <result property="mainzoneImageFile" column="MAINZONE_IMAGE_FILE"></result>
	34	+ <result property="popNm" column="POP_NM"></result>
	35	+ <result property="useYn" column="USE_YN"></result>
	36	+ <result property="moddt" column="MODDT"></result>
	37	+ <result property="registerId" column="REGISTERID"></result>
	38	+ <result property="deviceType" column="DEVICETYPE"></result>
	39	+ <result property="ntceBgnde" column="NTCE_BGNDE"></result>
	40	+ <result property="ntceEndde" column="NTCE_ENDDE"></result>
	41	+
	42	+ <result property="mainPopupLinkList" column="POP_ID" select="mainPopup.selectMainPopupVOLink" />
	43	+
	44	+
	45	+
	46	+ </resultMap>
	47	+
	48	+
	49	+
	50	+ <!-- 매인이미지 관리자 리스트 -->
	51	+ <select id="mainPopup.selectMainPopupList" parameterClass="mainPopupVO" resultClass="egovMap">
	52	+ /* mainPopup.selectMainPopupList */
	53	+ <![CDATA[
	54	+ SELECT
	55	+ POP_ID,
	56	+ CONTENT AS IMG_ALT,
	57	+ CASE WHEN
	58	+ DATE(SUBDATE(NOW(), INTERVAL 7 DAY)) < DATE(REGDT)
	59	+ THEN 'Y'
	60	+ ELSE 'N'
	61	+ END AS NEW_FLAG,
	62	+ DATE_FORMAT(REGDT, '%Y-%m-%d') REGDT,
	63	+ MAINZONE_IMAGE,
	64	+ MAINZONE_IMAGE_FILE ,
	65	+ SORT,
	66	+ POP_NM,
	67	+ USE_YN,
	68	+ (SELECT USER_NM FROM LETTNEMPLYRINFO WHERE ESNTL_ID = REGISTER_ID) REGISTER_ID ,
	69	+ DEVICETYPE,
	70	+ STR_TO_DATE(NTCE_BGNDE,'%Y%m%d') AS ntceBgnde,
	71	+ STR_TO_DATE(NTCE_ENDDE,'%Y%m%d') AS ntceEndde
	72	+ FROM MAIN_POPUP
	73	+ WHERE 1=1
	74	+ ]]>
	75	+ <isEqual property="useYn" compareValue="Y">
	76	+ AND USE_YN = 'Y'
	77	+ </isEqual>
	78	+ <isNotEmpty property="searchKeyword">
	79	+ <isEqual property="searchCondition" compareValue="">
	80	+ AND ( POP_NM LIKE CONCAT ('%', #searchKeyword#,'%')
	81	+ OR CONTENT LIKE CONCAT ('%', #searchKeyword#,'%')
	82	+ )
	83	+ </isEqual>
	84	+ <isEqual property="searchCondition" compareValue="1">
	85	+ AND POP_NM LIKE CONCAT ('%', #searchKeyword#,'%')
	86	+ </isEqual>
	87	+ <isEqual property="searchCondition" compareValue="2">
	88	+ AND CONTENT LIKE CONCAT ('%', #searchKeyword#,'%')
	89	+ </isEqual>
	90	+ </isNotEmpty>
	91	+ <isNotEmpty property="deviceType">
	92	+ <isEqual property="deviceType" compareValue="P">
	93	+ AND ( DEVICETYPE IS NULL OR DEVICETYPE = #deviceType# )
	94	+ </isEqual>
	95	+ <isEqual property="deviceType" compareValue="M">
	96	+ AND DEVICETYPE = #deviceType#
	97	+ </isEqual>
	98	+ </isNotEmpty>
	99	+ ORDER BY SORT
	100	+ LIMIT #recordCountPerPage# OFFSET #firstIndex#
	101	+ </select>
	102	+
	103	+
	104	+
	105	+ <select id="mainPopup.selectMainPopupCount" resultClass="int">
	106	+ /* mainPopup.selectMainPopupCount */
	107	+ SELECT
	108	+ COUNT(*) totcnt
	109	+ FROM MAIN_POPUP
	110	+ WHERE 1=1
	111	+ <isNotEmpty property="searchKeyword">
	112	+ <isEqual property="searchCondition" compareValue="">
	113	+ AND ( POP_NM LIKE CONCAT ('%', #searchKeyword#,'%')
	114	+ OR CONTENT LIKE CONCAT ('%', #searchKeyword#,'%')
	115	+ )
	116	+ </isEqual>
	117	+ <isEqual property="searchCondition" compareValue="1">
	118	+ AND POP_NM LIKE CONCAT ('%', #searchKeyword#,'%')
	119	+ </isEqual>
	120	+ <isEqual property="searchCondition" compareValue="2">
	121	+ AND CONTENT LIKE CONCAT ('%', #searchKeyword#,'%')
	122	+ </isEqual>
	123	+ </isNotEmpty>
	124	+ </select>
	125	+
	126	+
	127	+ <select id="mainPopup.selectMainPopupVO" parameterClass="String" resultMap="MainPopupResultMap">
	128	+
	129	+ /* mainPopup.selectMainPopupVO */
	130	+ SELECT
	131	+ MP.POP_ID,
	132	+ MP.CONTENT,
	133	+ MP.REGDT,
	134	+ MP.DEL,
	135	+ MP.SORT,
	136	+ MP.MAINZONE_IMAGE,
	137	+ MP.MAINZONE_IMAGE_FILE,
	138	+ MP.POP_NM,
	139	+ MP.USE_YN,
	140	+ DATE_FORMAT(MP.MODDT, '%Y-%m-%d %T') MODDT,
	141	+ (SELECT USER_NM FROM LETTNEMPLYRINFO WHERE ESNTL_ID = MP.REGISTER_ID) AS REGISTERID,
	142	+ MP.DEVICETYPE,
	143	+ MP.NTCE_BGNDE,
	144	+ MP.NTCE_ENDDE
	145	+ FROM MAIN_POPUP MP
	146	+ WHERE MP.POP_ID = #popId#
	147	+ </select>
	148	+
	149	+ <select id="mainPopup.selectMainPopupVOLink" parameterClass="String" resultMap="MainPopupLinkResultMap">
	150	+
	151	+ /* mainPopup.selectMainPopupVO */
	152	+ SELECT
	153	+ POP_ID,
	154	+ MLINK,
	155	+ COORDS,
	156	+ SORT
	157	+ FROM MAIN_POPUP_LINK
	158	+ WHERE POP_ID = #popId#
	159	+ order by SORT asc
	160	+ </select>
	161	+
	162	+
	163	+
	164	+ <select id="mainPopup.selectMainPopupListRolling" resultMap="MainPopupResultMap">
	165	+ /* mainPopup.selectMainPopupListRolling */
	166	+ SELECT
	167	+ MP.POP_ID,
	168	+ MP.CONTENT,
	169	+ MP.REGDT,
	170	+ MP.DEL,
	171	+ MP.SORT,
	172	+ MP.MAINZONE_IMAGE,
	173	+ MP.MAINZONE_IMAGE_FILE,
	174	+ MP.POP_NM,
	175	+ MP.USE_YN,
	176	+ DATE_FORMAT(MP.MODDT, '%Y-%m-%d %T') MODDT,
	177	+ (SELECT USER_NM FROM LETTNEMPLYRINFO WHERE ESNTL_ID = MP.REGISTER_ID) AS REGISTERID,
	178	+ MP.DEVICETYPE,
	179	+ MP.NTCE_BGNDE,
	180	+ MP.NTCE_ENDDE
	181	+ FROM MAIN_POPUP MP
	182	+ WHERE MP.NTCE_BGNDE IS NOT NULL
	183	+ AND MP.NTCE_ENDDE IS NOT NULL
	184	+
	185	+ <![CDATA[
	186	+ AND DATE_FORMAT(SYSDATE(),'%Y%m%d%H%i') >= MP.NTCE_BGNDE
	187	+ AND DATE_FORMAT(SYSDATE(),'%Y%m%d%H%i') <= MP.NTCE_ENDDE
	188	+ ]]>
	189	+ AND MP.USE_YN = 'Y'
	190	+ ORDER BY MP.SORT
	191	+
	192	+
	193	+ </select>
	194	+
	195	+ <delete id="mainPopup.deleteMainPopup" parameterClass="String">
	196	+ DELETE FROM MAIN_POPUP WHERE POP_ID=#popId#
	197	+ </delete>
	198	+
	199	+
	200	+ <update id="mainPopup.resetMainPopupSort" parameterClass="mainPopupVO">
	201	+ /mainPopup.resetMainPopupSort/
	202	+
	203	+ UPDATE MAIN_POPUP A ,
	204	+ (SELECT ROW_NUMBER() OVER(ORDER BY SORT
	205	+ <isEqual property="sortOver" compareValue="A">
	206	+ , MODDT ASC
	207	+ </isEqual>
	208	+ <isEqual property="sortOver" compareValue="D">
	209	+ , MODDT DESC
	210	+ </isEqual>
	211	+ ) AS SORT1 , POP_ID FROM MAIN_POPUP
	212	+ WHERE 1=1
	213	+ ORDER BY SORT1
	214	+ ) B
	215	+ SET A.SORT = B.SORT1
	216	+ WHERE A.POP_ID = B.POP_ID
	217	+ </update>
	218	+
	219	+
	220	+</sqlMap>(No newline at end of file)

2b74d85

1307639

src/main/resources/egovframework/sqlmap/let/uss/pwm/PopupManage_SQL_Mysql.xml

--- src/main/resources/egovframework/sqlmap/let/uss/pwm/PopupManage_SQL_Mysql.xml

+++ src/main/resources/egovframework/sqlmap/let/uss/pwm/PopupManage_SQL_Mysql.xml


 	<typeAlias  alias="PopupManageVO" type="itn.com.uss.ion.pwm.service.PopupManageVO" />
 	<typeAlias  alias="popupzoneVO" type="itn.com.uss.ion.pwm.service.PopupzoneVO"/>
 	<typeAlias  alias="mainzoneVO" type="itn.com.uss.ion.pwm.service.MainzoneVO"/>
+	
+	<typeAlias  alias="mainPopupVO" type="itn.com.uss.ion.bnr.pop.service.MainPopupVO"/>
+	<typeAlias  alias="mainPopupLinkVO" type="itn.com.uss.ion.bnr.pop.service.MainPopupLinkVO"/>
+	
 	<typeAlias  alias="socialVO" type="itn.com.uss.ion.pwm.service.SocialVO"/>
 	<typeAlias  alias="sortVO" type="itn.com.uss.ion.pwm.service.SortVO"/>
 	<!-- ::ResultMap 선언 -->

 		)
 	</insert>
 	
+	
+	
 	<update id="MainzoneManage.resetMainSort" parameterClass="mainzoneVO">
 			UPDATE MAINZONE A , (SELECT  ROW_NUMBER() OVER(ORDER BY SORT) AS SORT1 ,  MAZ_ID  FROM MAINZONE 
 			WHERE 1=1

 			WHERE A.MAZ_ID = B.MAZ_ID 		
 	</update>
 	
+	<update id="MainzoneManage.resetMainPopup" parameterClass="mainPopupVO">
+			UPDATE MAIN_POPUP A , 
+			(
+				SELECT  ROW_NUMBER() OVER
+				(
+					ORDER BY SORT
+			<isEqual property="sortOver" compareValue="A">
+			    , MODDT ASC
+			</isEqual>  
+			<isEqual property="sortOver" compareValue="D">
+			    , MODDT DESC
+			</isEqual>  
+				) AS SORT1 , POP_ID 
+				FROM MAIN_POPUP 
+				WHERE 1=1
+			ORDER BY  SORT1
+			) B
+			SET A.SORT = B.SORT1
+			WHERE A.POP_ID = B.POP_ID 		
+	</update>
+	
 	
 	<!-- 소설  관리자 리스트  -->
 	<select id="SocialManage.selectSocialList" parameterClass="socialVO" resultClass="socialVO">

 		AND      MZ.USE_YN                            = 'Y'
 		ORDER BY MZ.SORT
 	
-	
 	</select>
 	
+	
+	<insert id="MainzoneManage.insertMainPopup" parameterClass="mainPopupVO">
+		INSERT INTO MAIN_POPUP (
+			POP_ID
+			, CONTENT
+			, SORT
+			, DEL
+			, MAINZONE_IMAGE_FILE
+			, MAINZONE_IMAGE
+			, REGDT
+			, MODDT
+			, POP_NM
+			, USE_YN
+			, REGISTER_ID
+			, DEVICETYPE
+			, NTCE_BGNDE
+			, NTCE_ENDDE
+		) VALUES (
+			#popId#
+			, #content#
+			, #sort#
+			, #del#
+			, #mainzoneImageFile#
+			, #mainzoneImage#
+			, now()
+			, now()
+			, #popNm#
+			, #useYn#
+			, #registerId#
+			, #devicetype#
+			, #ntceBgnde#
+			, #ntceEndde#
+		)
+	</insert>
+	
+	<insert id="MainzoneManage.insertMainPopupLinkInfo" parameterClass="java.util.List">
+		INSERT INTO MAIN_POPUP_LINK (
+			POP_ID
+			, MLINK
+			, COORDS
+			, SORT
+			)
+		VALUES
+		<iterate conjunction=",">
+			( 
+				#[].popId#
+				, #[].mlink#
+				, #[].coords#
+				, #[].sort# 
+			)
+		</iterate>
+		
+		
+	</insert>
+
+
+	<update id="MainzoneManage.updateMainPopup" parameterClass="mainPopupVO">
+		UPDATE MAIN_POPUP 
+		SET 
+			CONTENT = #content#,
+			SORT = #sort#,
+			DEL = #del#,
+			MAINZONE_IMAGE_FILE = #mainzoneImageFile#,
+			MAINZONE_IMAGE = #mainzoneImage#,
+			MODDT = now(),
+			POP_NM = #popNm#,
+			USE_YN = #useYn#,
+			<isNotEmpty property="deviceType">
+				DEVICETYPE =  #deviceType# , 
+			</isNotEmpty>
+			NTCE_BGNDE = #ntceBgnde#,
+			NTCE_ENDDE = #ntceEndde#
+		WHERE POP_ID = #popId#
+	</update>
+
+	<update id="MainzoneManage.updateMainPopupLinkInfo" parameterClass="mainPopupLinkVO">
+		UPDATE MAIN_POPUP_LINK
+		SET 
+			  MLINK     = #mlink#
+			, COORDS    = #coords#
+			, SORT		= #sort#
+		WHERE POP_ID = #popId#
+	</update>
+	
+	<delete id="MainzoneManage.deleteMainPopupLinkInfo" parameterClass="String">
+		
+		
+			DELETE FROM MAIN_POPUP_LINK
+			WHERE POP_ID = #popId#
+	</delete>
+	
+	
 </sqlMap>

1307639

src/main/webapp/WEB-INF/jsp/uss/ion/bnr/pop/mainPopupList.jsp (added)

+++ src/main/webapp/WEB-INF/jsp/uss/ion/bnr/pop/mainPopupList.jsp

...	...	@@ -0,0 +1,236 @@
	1	+<%--
	2	+ Class Name : EgovPopupList.jsp
	3	+ Description : 팝업창관리 목록 페이지
	4	+ Modification Information
	5	+
	6	+ 수정일 수정자 수정내용
	7	+ ------- -------- ---------------------------
	8	+ 2009.09.16 장동한 최초 생성
	9	+
	10	+ author : 공통서비스 개발팀 장동한
	11	+ since : 2009.09.16
	12	+
	13	+ Copyright (C) 2009 by MOPAS All right reserved.
	14	+--%>
	15	+<%@ page contentType="text/html; charset=utf-8"%>
	16	+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
	17	+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
	18	+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
	19	+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
	20	+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
	21	+<!DOCTYPE html>
	22	+<html lang="ko">
	23	+<head>
	24	+<title>메인이미지 관리</title>
	25	+<meta http-equiv="content-type" content="text/html; charset=utf-8">
	26	+<script type="text/javaScript" language="javascript">
	27	+$(document).ready(function(){
	28	+
	29	+ $(".img_cont").click(function(e){
	30	+ clickEvent = true;
	31	+ });
	32	+
	33	+ $(".check").click(function(e){
	34	+ e.stopPropagation();
	35	+ });
	36	+});
	37	+
	38	+
	39	+
	40	+
	41	+/* 메인창 수정 화면*/
	42	+function fn_mainzone_view(id, pageType){
	43	+ document.modiForm.selectedId.value = id;
	44	+ document.modiForm.pageType.value = "Modify";
	45	+ document.modiForm.action = "<c:url value='/uss/ion/bnr/pop/mainPopupModify.do'/>";
	46	+ document.modiForm.submit();
	47	+}
	48	+
	49	+/* 메인창 등록화면*/
	50	+function fn_mainzone_insert_view(){
	51	+ document.modiForm.pageType.value = "Insert";
	52	+ document.modiForm.action = "<c:url value='/uss/ion/bnr/pop/mainPopupModify.do'/>";
	53	+ document.modiForm.submit();
	54	+}
	55	+
	56	+
	57	+
	58	+function doDep3(event){
	59	+ event.preventDefault();
	60	+}
	61	+
	62	+function linkPage(pageNo){
	63	+ <c:if test="${!empty loginId}">
	64	+ if(""!= document.listForm.searchKeyword.value){
	65	+ updateRecentSearch();//최근검색어 등록
	66	+ }
	67	+ </c:if>
	68	+
	69	+ var listForm = document.listForm ;
	70	+ listForm.pageIndex.value = pageNo ;
	71	+ listForm.searchCondition.value = $('#searchCondition').val();
	72	+ listForm.submit();
	73	+}
	74	+
	75	+
	76	+function fnCheckAll() {
	77	+ var checkField = document.listForm.del;
	78	+ if(document.listForm.checkAll.checked) {
	79	+ if(checkField) {
	80	+ if(checkField.length > 1) {
	81	+ for(var i=0; i < checkField.length; i++) {
	82	+ checkField[i].checked = true;
	83	+ }
	84	+ } else {
	85	+ checkField.checked = true;
	86	+ }
	87	+ }
	88	+ } else {
	89	+ if(checkField) {
	90	+ if(checkField.length > 1) {
	91	+ for(var j=0; j < checkField.length; j++) {
	92	+ checkField[j].checked = false;
	93	+ }
	94	+ } else {
	95	+ checkField.checked = false;
	96	+ }
	97	+ }
	98	+ }
	99	+}
	100	+
	101	+
	102	+/* 체크된 메인배너 목록 삭제 */
	103	+function fn_mainzone_contest_delete(){
	104	+ if($("input[name=del]:checked").length == 0){
	105	+ alert("선택된 항목이 없습니다.");
	106	+ return;
	107	+ }
	108	+
	109	+ if (confirm("해당 메인이미지 삭제하시겠습니까?")){
	110	+ frm = document.listForm;
	111	+ frm.action = "<c:url value='/uss/ion/bnr/pop/mainPopupListDelete.do' />";
	112	+ frm.submit();
	113	+ }
	114	+}
	115	+
	116	+/* 테마별 색상맞추기 */
	117	+$(window).load(function() {
	118	+ $('table.bbs01_list td.subject a').hover(
	119	+ function () {
	120	+ $(this).css("color","#d10000");
	121	+ },
	122	+ function () {
	123	+ $(this).css("color","#333333");
	124	+ }
	125	+ );
	126	+});
	127	+</script>
	128	+</head>
	129	+<body>
	130	+<form name="listForm" action="<c:url value='/uss/ion/bnr/pop/mainPopupList.do'/>" method="post">
	131	+ <input name="pageIndex" type="hidden" value="<c:out value='${mainPopupVO.pageIndex}'/>"/>
	132	+ <input type="hidden" name="selectedId" />
	133	+ <input type="hidden" name="pageType" />
	134	+ <div class="contWrap">
	135	+ <div class="pageTitle">
	136	+ <div class="pageIcon"><img src="/pb/img/pageTitIcon4.png" alt=""></div>
	137	+ <h2 class="titType1 c_222222 fwBold">팝업 관리</h2>
	138	+ <p class="tType6 c_999999">사용자 메인 팝업에 적용되는 이미지를 등록, 수정, 삭제할 수 있습니다.</p>
	139	+ </div>
	140	+ <div class="pageCont">
	141	+ <div class="listSerch">
	142	+ <c:if test="${siteId eq 'super'}">
	143	+ <select name="searchConditionSite" id="searchConditionSite" title="사이트검색">
	144	+ <option value="" <c:if test="${empty userSearchVO.searchConditionSite }">selected="selected"</c:if> >전체 사이트</option>
	145	+ <c:forEach var="result" items="${siteManageList}" varStatus="status">
	146	+ <option value="${result.siteId}" <c:if test="${result.siteId eq mainPopupVO.searchConditionSite }">selected="selected"</c:if> >${result.siteNm}</option>
	147	+ </c:forEach>
	148	+ </select>
	149	+ </c:if>
	150	+ <select name="searchCondition" id="searchCondition" class="select" title="검색조건선택">
	151	+ <option value=''>전체</option>
	152	+ <option value='1' <c:if test="${mainPopupVO.searchCondition == '1'}">selected</c:if>>제목</option>
	153	+ <option value='2' <c:if test="${mainPopupVO.searchCondition == '2'}">selected</c:if>>대체텍스트</option>
	154	+ </select>
	155	+ <input id="searchKeyword" name="searchKeyword" class="recentSearch" type="text" value="<c:out value='${mainPopupVO.searchKeyword}'/>" size="40" title="검색" maxlength="100"/>
	156	+ <input type="button" class="btnType1" value="검색" onclick="linkPage(1); return false;">
	157	+ </div>
	158	+ <div class="listTop">
	159	+ <p class="tType5">총 <span class="tType4 c_456ded fwBold"><fmt:formatNumber value="${paginationInfo.totalRecordCount}" pattern="#,###" /></span>건</p>
	160	+ <div class="rightWrap">
	161	+ <input type="button" class="printBtn" >
	162	+ <select name="pageUnit" id="pageUnit" class="select" title="검색조건선택" onchange="linkPage(1);">
	163	+ <option value='8' <c:if test="${mainPopupVO.pageUnit == '8' or searchVO.pageUnit == ''}">selected</c:if>>8개씩 보기</option>
	164	+ <option value='16' <c:if test="${mainPopupVO.pageUnit == '16'}">selected</c:if>>16개씩 보기</option>
	165	+ <option value='24' <c:if test="${mainPopupVO.pageUnit == '24'}">selected</c:if>>24개씩 보기</option>
	166	+ </select>
	167	+ </div>
	168	+ </div>
	169	+ <div class="galleryListWrap">
	170	+ <ul class="inline">
	171	+ <c:forEach var="result" items="${mainPopupList}" varStatus="status">
	172	+ <li onclick="javascript:fn_mainzone_view('${result.popId}'); return false;">
	173	+ <div class="check"><input type="checkbox" name="del" id="check_box${status.index}" value="${result.popId}"></div>
	174	+<%-- <div class="img_cont_check"><input type="checkbox" name="del" id="img_cont_check_box${status.index}" class="img_cont_check_box" value="${result.mazId}"><label for="img_cont_check_box${status.index}"></label></div> --%>
	175	+ <ul class="listCategory">
	176	+ <li class="useCg">
	177	+ <c:if test="${result.useYn eq 'Y'}">
	178	+ 사용
	179	+ </c:if>
	180	+ <c:if test="${result.useYn ne 'Y'}">
	181	+ 미사용
	182	+ </c:if>
	183	+ </li>
	184	+ </ul>
	185	+ <div class="imgBox"><img onerror="this.src='/pb/img/noImg.png'" src="<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>" alt=""></div>
	186	+ <%-- <div class="imgBox"><img onerror="this.src='/pb/img/noImg.png'" src="<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>" alt=""></div> --%>
	187	+ <div class="listInfo">
	188	+ <h3>${result.mazNm}</h3>
	189	+ <table>
	190	+ <tr>
	191	+ <td colspan="2">작성자 : ${result.registerId}</td>
	192	+ </tr>
	193	+ <tr>
	194	+ <td>노출순서 : ${result.sort}</td>
	195	+ <td class="right">${result.ntceBgnde} ~ ${result.ntceEndde}</td>
	196	+ </tr>
	197	+ </table>
	198	+ </div>
	199	+ </li>
	200	+ </c:forEach>
	201	+ </ul>
	202	+ <c:if test="${empty mainPopupList}">
	203	+ <div class="board1_btn">
	204	+ <ul style="text-align: center;"><spring:message code="common.nodata.msg" /></ul>
	205	+ </div>
	206	+ </c:if>
	207	+
	208	+ </div>
	209	+ <div class="btnWrap">
	210	+ <input type="button" class="btnType2" value="삭제" onclick="fn_mainzone_contest_delete(); return false;">
	211	+ <input type="button" class="btnType1" value="등록" onclick="fn_mainzone_insert_view(); return false;">
	212	+ </div>
	213	+ <!-- 페이지 네비게이션 시작 -->
	214	+ <c:if test="${!empty mainPopupList}">
	215	+ <div class="page">
	216	+ <ul class="inline">
	217	+ <ui:pagination paginationInfo = "${paginationInfo}" type="image" jsFunction="linkPage" />
	218	+ </ul>
	219	+ </div>
	220	+ </c:if>
	221	+ <!-- //페이지 네비게이션 끝 -->
	222	+ </div>
	223	+ </div>
	224	+</form>
	225	+<form name="modiForm" method="get" action="<c:url value='/uss/ion/bnr/pop/mainPopupModify.do'/>" >
	226	+ <input name="selectedId" type="hidden" />
	227	+ <input name="pageType" type="hidden" />
	228	+</form>
	229	+<form name="searchForm" method="get" action="<c:url value='/uss/ion/bnr/pop/mainPopupList.do'/>">
	230	+ <input name="pageIndex" type="hidden" value="1" />
	231	+ <input name="searchCondition" type="hidden" />
	232	+ <input name="searchKeyword" type="hidden" />
	233	+ <input name="searchConditionSite" type="hidden" />
	234	+</form>
	235	+</body>
	236	+</html>

1307639

src/main/webapp/WEB-INF/jsp/uss/ion/bnr/pop/mainPopupModify.jsp (added)

+++ src/main/webapp/WEB-INF/jsp/uss/ion/bnr/pop/mainPopupModify.jsp

...	...	@@ -0,0 +1,601 @@
	1	+<%--
	2	+ Class Name : EgovPopupList.jsp
	3	+ Description : 팝업창관리 목록 페이지
	4	+ Modification Information
	5	+
	6	+ 수정일 수정자 수정내용
	7	+ ------- -------- ---------------------------
	8	+ 2009.09.16 장동한 최초 생성
	9	+
	10	+ author : 공통서비스 개발팀 장동한
	11	+ since : 2009.09.16
	12	+
	13	+ Copyright (C) 2009 by MOPAS All right reserved.
	14	+--%>
	15	+<%@ page contentType="text/html; charset=utf-8"%>
	16	+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
	17	+<%@ taglib prefix="ui" uri="http://egovframework.gov/ctl/ui"%>
	18	+<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
	19	+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
	20	+<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
	21	+<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
	22	+<!DOCTYPE html>
	23	+<html lang="ko">
	24	+<head>
	25	+<title>팝업창관리 관리</title>
	26	+<meta http-equiv="content-type" content="text/html; charset=utf-8">
	27	+<script type="text/javascript" src="<c:url value='/js/EgovCalPopup.js' />"></script>
	28	+<script type="text/javascript" src="<c:url value='/js/EgovMultiFile.js'/>"></script>
	29	+<script type="text/javaScript" language="javascript">
	30	+$( document ).ready(function(){
	31	+
	32	+ makeDate('ntceBgndeYYYMMDD');
	33	+ makeTomorrow('ntceEnddeYYYMMDD');
	34	+
	35	+
	36	+});
	37	+
	38	+/**
	39	+ * URL에서 빈 값의 파라미터를 제거하는 함수
	40	+ * @param {string} url 원본 URL 문자열
	41	+ * @returns {string} 불필요한 파라미터가 제거된 URL
	42	+ */
	43	+ function cleanUrlParameters(url) {
	44	+ try {
	45	+ // URL이 절대경로 (/web/... 형태)인지 확인
	46	+ let hasFullDomain = url.startsWith("http://") \|\| url.startsWith("https://");
	47	+ let urlObj;
	48	+
	49	+ if (hasFullDomain) {
	50	+ // 도메인이 포함된 URL 처리
	51	+ urlObj = new URL(url);
	52	+ } else {
	53	+ // 절대경로 URL 처리 (가상의 도메인 추가 후 파싱)
	54	+ urlObj = new URL("https://www.munjaon.co.kr" + url);
	55	+ }
	56	+
	57	+ let params = new URLSearchParams(urlObj.search);
	58	+
	59	+ // ❗ 값이 비어있는 모든 파라미터 제거
	60	+ for (let [key, value] of [...params.entries()]) { // `params.entries()`를 배열로 변환하여 반복
	61	+ if (!value.trim()) { // 값이 비어있는 경우 제거
	62	+ params.delete(key);
	63	+ }
	64	+ }
	65	+
	66	+ // 정리된 URL 반환
	67	+ let cleanedPath = urlObj.pathname + (params.toString() ? "?" + params.toString() : "");
	68	+ // 정리된 URL 반환 (도메인을 제거하고 절대경로만 반환)
	69	+ return cleanedPath.replace(/^https:\/\/www\.munjaon\.co\.kr/, "");
	70	+
	71	+ } catch (e) {
	72	+ console.warn("잘못된 URL 형식:", url);
	73	+ return url; // URL 파싱 실패 시 원본 유지
	74	+ }
	75	+ }
	76	+
	77	+//게시기간이 없으면 초기 값 입력
	78	+function makeDate(id){
	79	+ if($("#"+id).val()== '--'){
	80	+
	81	+ let today = new Date();
	82	+ let formattedDate = today.toISOString().split('T')[0]; // YYYY-MM-DD 형식
	83	+ $("#"+id).val(formattedDate);
	84	+ }
	85	+}
	86	+function makeTomorrow(id){
	87	+ if($("#"+id).val()== '--'){
	88	+
	89	+ // 하루 후 날짜 계산
	90	+ let tomorrow = new Date();
	91	+ tomorrow.setDate(new Date().getDate() + 1);
	92	+ let formattedDateTomorrow = tomorrow.toISOString().split('T')[0]; // YYYY-MM-DD 형식
	93	+ $("#"+id).val(formattedDateTomorrow);
	94	+ }
	95	+}
	96	+
	97	+
	98	+/* pagination 페이지 링크 function */
	99	+function goList(){
	100	+ document.searchForm.submit();
	101	+}
	102	+
	103	+
	104	+/* 배너 삭제 function */
	105	+function fn_mainzone_delete() {
	106	+ var msg;
	107	+ msg = "해당 메인이미지를 삭제하시겠습니까?";
	108	+
	109	+ if (confirm(msg)) {
	110	+ frm = document.writeForm;
	111	+ frm.del.value = frm.popId.value ;
	112	+ frm.action = "<c:url value='/uss/ion/bnr/pop/mainPopupListDelete.do'/>";
	113	+ frm.submit();
	114	+ }
	115	+
	116	+}
	117	+
	118	+function validate(method_parm) {
	119	+ frm = document.writeForm;
	120	+ if(frm.popNm.value=="") {
	121	+ alert("비주얼명을 입력해 주십시오");
	122	+ frm.popNm.focus();
	123	+ return false;
	124	+ }
	125	+
	126	+ if(frm.sort.value=="") {
	127	+ alert("노출순서를 입력해 주십시오");
	128	+ frm.sort.focus();
	129	+ return false;
	130	+ }else{
	131	+ var regexp = /^[0-9]*$/
	132	+ if( !regexp.test(frm.sort.value) ) {
	133	+ alert("노출순서에는 숫자만 입력하세요");
	134	+ frm.sort.focus();
	135	+ return false;
	136	+ }
	137	+ }
	138	+
	139	+ // 링크 및 순서 값 검증 추가
	140	+ let linkRows = document.querySelectorAll("#linkTable tr");
	141	+ for (let i = 0; i < linkRows.length; i++) {
	142	+ let linkInput = document.querySelector('input[name="mainPopupLinkList['+i+'].mlink"]');
	143	+ let coordInput = document.querySelector('input[name="mainPopupLinkList['+i+'].coords"]');
	144	+ let sortInput = document.querySelector('input[name="mainPopupLinkList['+i+'].sort"]');
	145	+
	146	+ if (!linkInput.value && !coordInput.value) {
	147	+ if(sortInput.value){
	148	+ let trElement = sortInput.closest("tr");
	149	+ if (trElement) {
	150	+ trElement.remove();
	151	+ }
	152	+ }
	153	+ continue; // 요소가 없으면 건너뛴다.
	154	+ }
	155	+
	156	+ if (linkInput.value.trim() === "") {
	157	+ alert('['+(i + 1)+']번째 링크주소를 입력해 주십시오');
	158	+ linkInput.focus();
	159	+ return false;
	160	+ }
	161	+
	162	+ if (coordInput.value.trim() === "") {
	163	+ alert('['+(i + 1)+']번째 링크좌표를 입력해 주십시오');
	164	+ coordInput.focus();
	165	+ return false;
	166	+ }
	167	+
	168	+ if (sortInput.value.trim() === "") {
	169	+ alert('['+(i + 1)+']번째 순서를 입력해 주십시오');
	170	+ sortInput.focus();
	171	+ return false;
	172	+ }
	173	+ }
	174	+
	175	+ console.log('isTbodyEmpty("tbody_fiielist") : ', isTbodyEmpty("tbody_fiielist"));
	176	+ if(isTbodyEmpty("tbody_fiielist")){
	177	+ alert("이미지를 첨부해 주세요");
	178	+ return false;
	179	+ }
	180	+
	181	+ if(frm.content.value=="") {
	182	+ alert("대체텍스트를 입력해 주십시오");
	183	+ frm.content.focus();
	184	+ return false;
	185	+ }
	186	+
	187	+
	188	+ var ntceBgndeYYYMMDD = document.getElementById('ntceBgndeYYYMMDD').value;
	189	+ var ntceEnddeYYYMMDD = document.getElementById('ntceEnddeYYYMMDD').value;
	190	+
	191	+ console.log("ntceBgndeYYYMMDD ::: "+ntceBgndeYYYMMDD);
	192	+ console.log("ntceEnddeYYYMMDD ::: "+ntceEnddeYYYMMDD);
	193	+
	194	+ if(ntceBgndeYYYMMDD ==""){
	195	+
	196	+ alert("게시기간 시작일을 입력해 주세요.");
	197	+ return false;
	198	+
	199	+ }else if(ntceEnddeYYYMMDD == ""){
	200	+
	201	+ alert("게시기간 종료일을 입력해 주세요.");
	202	+ return false;
	203	+
	204	+ }else{
	205	+
	206	+ var iChkBeginDe = Number( ntceBgndeYYYMMDD.replaceAll("-","") );
	207	+ var iChkEndDe = Number( ntceEnddeYYYMMDD.replaceAll("-","") );
	208	+
	209	+ if(iChkBeginDe > iChkEndDe \|\| iChkEndDe < iChkBeginDe ){
	210	+ alert("게시시작일자는 게시종료일자 보다 클수 없고,\n게시종료일자는 게시시작일자 보다 작을수 없습니다. ");
	211	+ return;
	212	+ }
	213	+
	214	+ frm.ntceBgnde.value = ntceBgndeYYYMMDD.replaceAll('-','') + fn_egov_SelectBoxValue('ntceBgndeHH') + fn_egov_SelectBoxValue('ntceBgndeMM');
	215	+ frm.ntceEndde.value = ntceEnddeYYYMMDD.replaceAll('-','') + fn_egov_SelectBoxValue('ntceEnddeHH') + fn_egov_SelectBoxValue('ntceEnddeMM');
	216	+
	217	+ }
	218	+
	219	+
	220	+ var msg = "메인 팝업을 등록하시겠습니까?";
	221	+
	222	+ if(method_parm == "mainzone_U"){
	223	+
	224	+ msg ="메인 팝업을 수정하시겠습니까?";
	225	+
	226	+ }
	227	+
	228	+ if(!confirm(msg)){
	229	+ return false;
	230	+ }
	231	+ goSave(method_parm);
	232	+}
	233	+function fn_egov_downFile(atchFileId, fileSn){
	234	+ window.open("<c:url value='/cmm/fms/FileDown.do?atchFileId="+atchFileId+"&fileSn="+fileSn+"'/>");
	235	+}
	236	+
	237	+function isTbodyEmpty(tbodyId) {
	238	+ const tbody = document.getElementById(tbodyId);
	239	+ if (!tbody) {
	240	+ console.error("해당 ID를 가진 tbody가 없습니다.");
	241	+ return false;
	242	+ }
	243	+ // tbody 내부에 <tr> 태그가 있는지 확인
	244	+ return tbody.querySelector("tr") === null;
	245	+}
	246	+
	247	+
	248	+/* ********************************************************
	249	+* SELECT BOX VALUE FUNCTION
	250	+******************************************************** */
	251	+function fn_egov_SelectBoxValue(sbName)
	252	+{
	253	+ var FValue = "";
	254	+ for(var i=0; i < document.getElementById(sbName).length; i++)
	255	+ {
	256	+ if(document.getElementById(sbName).options[i].selected == true){
	257	+
	258	+ FValue=document.getElementById(sbName).options[i].value;
	259	+ }
	260	+ }
	261	+
	262	+ return FValue;
	263	+}
	264	+
	265	+
	266	+
	267	+function addLinkRow() {
	268	+ // 링크 목록 tbody
	269	+ let tbody = document.getElementById("linkTable");
	270	+ let rowCount = tbody.getElementsByTagName("tr").length; // 현재 tr 개수 가져오기
	271	+
	272	+ // 새로운 tr 생성
	273	+ let newRow = document.createElement("tr");
	274	+
	275	+ let rowCountP = rowCount + 1;
	276	+ // 첫 번째 컬럼 (링크 주소)
	277	+ let linkTh = document.createElement("th");
	278	+ linkTh.innerHTML = '<span>['+rowCountP+']링크주소</span>';
	279	+ let linkTd = document.createElement("td");
	280	+ linkTd.innerHTML = '<input type="text" name="mainPopupLinkList['+rowCount+'].mlink" class="mlink" maxlength="200" />';
	281	+
	282	+ // 두 번째 컬럼 (링크 좌표)
	283	+ let coordTh = document.createElement("th");
	284	+ coordTh.innerHTML = '<span>링크좌표</span>';
	285	+ let coordTd = document.createElement("td");
	286	+ coordTd.innerHTML = '<input type="text" name="mainPopupLinkList['+rowCount+'].coords" maxlength="200" />';
	287	+
	288	+ // 세 번째 컬럼 (링크 좌표)
	289	+ let sortTh = document.createElement("th");
	290	+ sortTh.innerHTML = '<span>순서</span>';
	291	+ let sortTd = document.createElement("td");
	292	+ sortTd.innerHTML = '<input type="text" name="mainPopupLinkList['+rowCount+'].sort" maxlength="200" value="'+rowCountP+'" />';
	293	+
	294	+ // tr에 추가
	295	+ newRow.appendChild(linkTh);
	296	+ newRow.appendChild(linkTd);
	297	+ newRow.appendChild(coordTh);
	298	+ newRow.appendChild(coordTd);
	299	+ newRow.appendChild(sortTh);
	300	+ newRow.appendChild(sortTd);
	301	+
	302	+ // tbody에 추가
	303	+ tbody.appendChild(newRow);
	304	+}
	305	+
	306	+
	307	+</script>
	308	+<style>
	309	+.date_format{width:91px !important;}
	310	+.del_file_btn{border: none;background-color: transparent;background-image: url(/direct/img/upload_delect_img.png);background-repeat: no-repeat;background-position: center center;vertical-align: middle;margin-top: -4px;margin-right: 15px;}
	311	+.file_size{color: #0388d2;font-weight: bold;}
	312	+.uploaded_obj{width: 100%;}
	313	+</style>
	314	+</head>
	315	+<body>
	316	+<form:form commandName="mainPopupVO" name="writeForm" enctype="multipart/form-data" method="post">
	317	+ <input type="hidden" name="deviceType" id="deviceType" value="P"/>
	318	+ <input type="hidden" name="selectedId" />
	319	+ <form:input path="popId" type="hidden" />
	320	+ <form:input path="del" type="hidden" />
	321	+ <form:input path="mainzoneImageFile" type="hidden" />
	322	+ <form:hidden path="ntceBgnde" />
	323	+ <form:hidden path="ntceEndde" />
	324	+
	325	+ <input type="hidden" name="beSort" value="${mainPopupVO.beSort}" />
	326	+ <!-- 드래그앤 드롭 파라미터 -->
	327	+ <input type="hidden" name="menuName" value="mainPopup" />
	328	+ <input type="hidden" name="fmsId" value="${mainPopupVO.popId}" />
	329	+ <input type="hidden" name="limitcount" value="1" /><!-- 최대 업로드 파일갯수 -->
	330	+
	331	+ <div class="contWrap">
	332	+ <div class="pageTitle">
	333	+ <div class="pageIcon"><img src="/pb/img/pageTitIcon4.png" alt=""></div>
	334	+ <h2 class="titType1 c_222222 fwBold">팝업 등록/수정</h2>
	335	+ <p class="tType6 c_999999">사용자 메인 팝업에 적용되는 이미지를 등록, 수정, 삭제할 수 있습니다.</p>
	336	+ </div>
	337	+ <div class="pageNav">
	338	+ <img src="/pb/img/common/homeIcon.png" alt="홈이미지">&ensp;>&ensp;<p class="topDepth">비주얼관리</p>&ensp;>&ensp;<p class="subDepth">메인비주얼관리</p>
	339	+ </div>
	340	+ <div class="pageCont">
	341	+ <div class="tableWrap">
	342	+ <p class="right fwMd"><span class="tType4 c_e40000 fwBold">*</span>는 필수입력 항목입니다.</p>
	343	+ <table class="tbType2">
	344	+ <colgroup>
	345	+ <col style="width: 10%">
	346	+ <col style="width: 30%">
	347	+ <col style="width: 10%">
	348	+ <col style="width: 20%">
	349	+ <col style="width: 10%">
	350	+ <col style="width: 20%">
	351	+ </colgroup>
	352	+ <tbody>
	353	+ <c:if test="${not empty mainPopupVO.popId }">
	354	+ <tr>
	355	+ <th><span>원본이미지</span></th>
	356	+ <td colspan="5">
	357	+ <c:if test="${mainPopupVO.popId == ''}">
	358	+ <div class="imgBox"></div>
	359	+ </c:if>
	360	+ <c:if test="${mainPopupVO.popId != ''}">
	361	+ <img alt="${mainPopupVO.content}" onerror="this.src='/pb/img/noImg.png'" src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${mainPopupVO.mainzoneImageFile}"/>' style="max-width:300px;padding: 10px;" />
	362	+ <%-- <img alt="${mainPopupVO.content}" onerror="this.src='/images/no_img.jpg'" src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${mainPopupVO.mainzoneImageFile}"/>' style="max-width:600px;" /> --%>
	363	+ </c:if>
	364	+ </td>
	365	+ </tr>
	366	+ </c:if>
	367	+ <!-- <tr> -->
	368	+ <!-- <th class="td_title1"><span class="star_t">*</span>기기종류</th> -->
	369	+ <!-- <td colspan="5"> -->
	370	+ <!-- <input type="radio" name="deviceType" id="deviceType" value="P" style="margin-left: 13px; margin-right: 5px;" -->
	371	+ <!-- checked="checked" -->
	372	+ <%-- ${mainPopupVO.deviceType eq 'P' or mainPopupVO.deviceType eq '' ? 'checked="checked"' : ''} --%>
	373	+ <!-- >PC -->
	374	+ <!-- <input type="radio" name="deviceType" id="deviceType" value="M" style="margin-left: 13px; margin-right: 5px;" -->
	375	+ <%-- ${mainPopupVO.deviceType eq 'M' ? 'checked="checked"' : ''} --%>
	376	+ <!-- >모바일 -->
	377	+ <!-- </td> -->
	378	+ <!-- </tr> -->
	379	+ <tr>
	380	+ <th><span class="reqArea">비주얼명</span></th>
	381	+ <td colspan="5">
	382	+ <form:input path="popNm" maxlength="30" />
	383	+ </td>
	384	+ </tr>
	385	+ <tr>
	386	+ <th><span class="reqArea">사용여부</span></th>
	387	+ <td colspan="5">
	388	+ <input type="radio" name="useYn" id="useY" value="Y" style="margin-left: 13px; margin-right: 5px;" ${empty mainPopupVO.useYn or mainPopupVO.useYn eq 'Y' or mainPopupVO.useYn eq '' ? 'checked="checked"' : ''} />
	389	+ <label for="useY">사용</label>
	390	+ <input type="radio" name="useYn" id="useN" value="N" style="margin-left: 13px; margin-right: 5px;" ${mainPopupVO.useYn eq 'N' ? 'checked="checked"' : ''} />
	391	+ <label for="useN">미사용</label>
	392	+ </td>
	393	+ </tr>
	394	+
	395	+ <tr>
	396	+ <th><span class="reqArea">노출순서</span></th>
	397	+ <td colspan="5">
	398	+ <form:input path="sort" maxlength="10" onkeyup="this.value=this.value.replace(/[^-\.0-9]/g,'')"/>
	399	+ </td>
	400	+ </tr>
	401	+ <tr>
	402	+ <th><span class="reqArea">게시기간</span></th>
	403	+ <td colspan="5">
	404	+ <input type="hidden" name="cal_url" id="cal_url" value="<c:url value='/sym/cmm/EgovNormalCalPopup.do'/>" >
	405	+ <input type="text" class="date_format" name="ntceBgndeYYYMMDD" id="ntceBgndeYYYMMDD" size="10" maxlength="10" class="readOnlyClass" value="<c:out value="${fn:substring(mainPopupVO.ntceBgnde, 0, 4)}"/>-<c:out value="${fn:substring(mainPopupVO.ntceBgnde, 4, 6)}"/>-<c:out value="${fn:substring(mainPopupVO.ntceBgnde, 6, 8)}"/>" readonly>
	406	+
	407	+ <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.mainPopupVO, document.forms.mainPopupVO.ntceBgndeYYYMMDD);">
	408	+ <input type="button" class="calBtn">
	409	+ <%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
	410	+ </a>
	411	+ <form:select path="ntceBgndeHH" class="date_format">
	412	+ <form:options items="${ntceBgndeHH}" itemValue="code" itemLabel="codeNm"/>
	413	+ </form:select>시
	414	+ <form:select path="ntceBgndeMM" class="date_format">
	415	+ <form:options items="${ntceBgndeMM}" itemValue="code" itemLabel="codeNm"/>
	416	+ </form:select>분
	417	+ &nbsp&nbsp~&nbsp&nbsp
	418	+ <input type="text" class="date_format" name="ntceEnddeYYYMMDD" id="ntceEnddeYYYMMDD" size="10" maxlength="10" class="readOnlyClass" value="<c:out value="${fn:substring(mainPopupVO.ntceEndde, 0, 4)}"/>-<c:out value="${fn:substring(mainPopupVO.ntceEndde, 4, 6)}"/>-<c:out value="${fn:substring(mainPopupVO.ntceEndde, 6, 8)}"/>" readonly>
	419	+ <a href="#" onClick="javascript:fn_egov_NormalCalendar(document.forms.mainPopupVO, document.forms.mainPopupVO.ntceEnddeYYYMMDD);">
	420	+ <input type="button" class="calBtn">
	421	+ <%-- <img src="<c:url value='/images/egovframework/com/cmm/icon/bu_icon_carlendar.gif' />" align="middle" style="border:0px" alt="달력창팝업버튼이미지"> --%>
	422	+ </a>
	423	+ <form:select path="ntceEnddeHH" class="date_format">
	424	+ <form:options items="${ntceEnddeHH}" itemValue="code" itemLabel="codeNm"/>
	425	+ </form:select>시
	426	+ <form:select path="ntceEnddeMM" class="date_format">
	427	+ <form:options items="${ntceEnddeMM}" itemValue="code" itemLabel="codeNm"/>
	428	+ </form:select>분
	429	+ </td>
	430	+ </tr>
	431	+ <tbody id="linkTable">
	432	+ <c:choose>
	433	+ <c:when test="${not empty mainPopupVO.mainPopupLinkList}">
	434	+ <c:forEach var="link" items="${mainPopupVO.mainPopupLinkList}" varStatus="status">
	435	+ <tr>
	436	+ <th><span>[${status.index + 1}]링크주소</span></th>
	437	+ <td>
	438	+ <form:input path="mainPopupLinkList[${status.index}].mlink" class="mlink" maxlength="200" />
	439	+ </td>
	440	+ <th><span>링크좌표</span></th>
	441	+ <td>
	442	+ <form:input path="mainPopupLinkList[${status.index}].coords" class="mlink" maxlength="200" />
	443	+ </td>
	444	+ <th><span>순서</span></th>
	445	+ <td>
	446	+ <form:input path="mainPopupLinkList[${status.index}].sort" class="mlink" maxlength="200" oninput="this.value = this.value.replace(/[^0-9]/g, '');" />
	447	+ </td>
	448	+ </tr>
	449	+ </c:forEach>
	450	+ </c:when>
	451	+ <c:otherwise>
	452	+ <!-- 값이 없을 때 빈 input 생성 -->
	453	+ <tr>
	454	+ <th><span>[1]링크주소</span></th>
	455	+ <td>
	456	+ <form:input path="mainPopupLinkList[0].mlink" class="mlink" maxlength="200" />
	457	+ </td>
	458	+ <th><span>링크좌표</span></th>
	459	+ <td>
	460	+ <form:input path="mainPopupLinkList[0].coords" maxlength="200" />
	461	+ </td>
	462	+ <th><span>순서</span></th>
	463	+ <td>
	464	+ <form:input path="mainPopupLinkList[0].sort" maxlength="200" value="1" oninput="this.value = this.value.replace(/[^0-9]/g, '');" />
	465	+ </td>
	466	+ </tr>
	467	+ </c:otherwise>
	468	+ </c:choose>
	469	+ </tbody>
	470	+ <tr>
	471	+ <td colspan="4">
	472	+ <button type="button" class="btnType1" onclick="addLinkRow()">링크 추가</button>
	473	+ </td>
	474	+ </tr>
	475	+ <tr>
	476	+ <th><span class="reqArea">파일 첨부</span></th>
	477	+ <td class="upload_area" colspan="5">
	478	+ <div class="file_upload_box no_img_box fileWrap">
	479	+ <table>
	480	+ <colgroup>
	481	+ <col style="width: 60%">
	482	+ <col style="width: 10%">
	483	+ <col style="width: 20%">
	484	+ <col style="width: 10%">
	485	+ </colgroup>
	486	+ <thead>
	487	+ <tr>
	488	+ <th>파일명</th>
	489	+ <th>크기</th>
	490	+ <th>등록일시</th>
	491	+ <th>삭제</th>
	492	+ </tr>
	493	+ </thead>
	494	+ </table>
	495	+ </div>
	496	+ <div class="fileWrap fileAfter file_list_div asset_no_use_pro_table" style="display:none">
	497	+ <table>
	498	+ <colgroup>
	499	+ <col style="width: 60%">
	500	+ <col style="width: 10%">
	501	+ <col style="width: 20%">
	502	+ <col style="width: 10%">
	503	+ </colgroup>
	504	+ <thead>
	505	+ <tr>
	506	+ <th>파일명</th>
	507	+ <th>크기</th>
	508	+ <th>등록일시</th>
	509	+ <th>삭제</th>
	510	+ </tr>
	511	+ </thead>
	512	+ <tbody id="tbody_fiielist">
	513	+ <c:forEach var="fileList" items="${fileList}" varStatus="status">
	514	+ <tr class="item_${fileList.atchFileId}_${fileList.fileSn} uploaded_obj">
	515	+ <td class="file_name">
	516	+ <a href="javascript:fn_egov_downFile('${fileList.atchFileId}','${fileList.fileSn}')">
	517	+ <img src="/direct/img/upload_hwp_img.png" alt="" />
	518	+ <span class="file_name_text">${fileList.orignlFileNm}</span>
	519	+ </a>
	520	+ </td>
	521	+ <td><span class="file_size_text" value="${fileList.fileMg}"></span></td>
	522	+ <td>${fileList.creatDt}</td>
	523	+ <td>
	524	+ <input type="button" class="delBtn" onclick="delAtchFile('${fileList.atchFileId}', '${fileList.fileSn}'); return false;">
	525	+ </td>
	526	+ <input type="hidden" name="fileSize" class="item_file_size" value="${fileList.fileMg}" >
	527	+ </tr>
	528	+ </c:forEach>
	529	+ </tbody>
	530	+ </table>
	531	+ </div>
	532	+ <div class="fileInfo file_list_div">
	533	+ <ul class="inline">
	534	+ <li>
	535	+ <p><span class="c_456ded fwBold totalfileCount">0</span>개 ｜ <span class="c_456ded fwBold totalfileSize">0MB</span></p>
	536	+ </li>
	537	+ <li>
	538	+ <p>최대 <span class="c_e40000 fwBold limitcount_li"></span>개 ｜ <span class="c_e40000 fwBold upload_number">50MB</span>제한</p>
	539	+ </li>
	540	+ </ul>
	541	+ </div>
	542	+ <div class="uploadBtm">
	543	+ <input type="file" id="file_temp" name="file_temp" class="uploadFile">
	544	+ <!-- <span class="uploadTtype4">메인비주얼 이미지 크기는 </span><span class="uploadTtype4" style="color: red;">1920 X 843 </span>입니다.</p> -->
	545	+ </div>
	546	+ </td>
	547	+ </tr>
	548	+ <tr>
	549	+ <th><span class="reqArea">대체텍스트</span></th>
	550	+ <td colspan="5">
	551	+ <form:input path="content" maxlength="500" />
	552	+ </td>
	553	+ </tr>
	554	+
	555	+ <%-- <tr>
	556	+ <th class="td_title1"><span class="star_t">*</span>첨부 파일</th>
	557	+ <td colspan="5" class="td_txt_exist">
	558	+ <c:import url="/cmm/fms/selectFileInfsForUpdate.do" charEncoding="utf-8">
	559	+ <c:param name="param_atchFileId" value="${mainPopupVO.mainzoneImageFile }" />
	560	+ <c:param name="img_view" value="N" />
	561	+ <c:param name="img_view_w" value="200" />
	562	+ <c:param name="img_view_h" value="200" />
	563	+ <c:param name="updateFlag" value="N" />
	564	+ <c:param name="img_change_view" value="Y" />
	565	+ </c:import>
	566	+ </td>
	567	+ </tr> --%>
	568	+ <c:if test="${!empty mainPopupVO.popId}">
	569	+ <tr>
	570	+ <th><span class="reqArea">최종수정일</span></th>
	571	+ <td>
	572	+ ${mainPopupVO.moddt}
	573	+ </td>
	574	+ </tr>
	575	+
	576	+ <tr>
	577	+ <th><span class="reqArea">작성자</span></th>
	578	+ <td>
	579	+ ${mainPopupVO.registerId}
	580	+ </td>
	581	+ </tr>
	582	+ </c:if>
	583	+ </tbody>
	584	+ </table>
	585	+ </div>
	586	+ <div class="btnWrap right">
	587	+ <input type="button" class="btnType1 bg_888888" value="목 록" onclick="goList(); return false;" >
	588	+ <c:if test="${!empty mainPopupVO.popId }">
	589	+ <input type="button" class="btnType1 bg_ed4545" value="삭 제" onclick="fn_mainzone_delete(); return false;" >
	590	+ <input type="button" class="btnType1" value="수 정" onclick="validate('mainzone_U'); return false;">
	591	+ </c:if>
	592	+ <c:if test="${empty mainPopupVO.popId }">
	593	+ <input type="button" class="btnType1" value="저 장" onclick="validate('mainzone_I'); return false;">
	594	+ </c:if>
	595	+ </div>
	596	+ </div>
	597	+ </div>
	598	+</form:form>
	599	+<form name="searchForm" id="searchForm" method="get" action="<c:url value='/uss/ion/bnr/pop/mainPopupList.do'/>" ></form>
	600	+</body>
	601	+</html>

2b74d85

src/main/webapp/WEB-INF/jsp/web/main/mainPage - 복사본.jsp (deleted)

--- src/main/webapp/WEB-INF/jsp/web/main/mainPage - 복사본.jsp

...	...	@@ -1,681 +0,0 @@
	1	-<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
	2	-<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
	3	-<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
	4	-<!DOCTYPE html>
	5	-<html lang="ko">
	6	-<head>
	7	-<title>한국공예·디자인문화진흥원</title>
	8	-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	9	-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	10	-<meta name="description" content="한국공예·디자인문화진흥원에 대한 정보를 제공합니다.">
	11	-<meta name="keywords" content="한국공예·디자인문화진흥원">
	12	-<meta name="viewport" content="width=device-width, initial-scale=1">
	13	-<script type="text/javascript" src="/js/tab.js"></script>
	14	-<link href="/css/style.css" rel="stylesheet">
	15	-<link rel="stylesheet" type="text/css" href="/css/style.min.css">
	16	-<link href="/js/font-awesome/css/font-awesome.min.css" rel="stylesheet">
	17	-<link href="/css/page.css" rel="stylesheet">
	18	-
	19	-<link rel="stylesheet" href="/css/flexslider.css" type="text/css" media="screen" /><!-- 이미지슬라이드 -->
	20	-<script defer src="/js/jquery.flexslider.js"></script>
	21	-<link href="/css/index.css" rel="stylesheet">
	22	-<script type="text/javascript">
	23	-$(document).ready(function(){
	24	- if($(window).width() < 701){
	25	- $('.main_magazine').attr("onclick", "javascript:location.href='${popupzoneList_05[0].mlink}'");
	26	- }
	27	-
	28	- // 실서버
	29	- if($(location).attr('host').indexOf("kcdf.or.kr") != -1){
	30	- if($(location).attr('host').indexOf("www") == -1){
	31	- var strurl = $(location).attr('href');
	32	- strurl = strurl.replace("kcdf.or.kr", "www.kcdf.or.kr");
	33	- window.location.replace(strurl);
	34	- }
	35	- }
	36	-
	37	- //레이어 팝업 띄우기
	38	- <c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10">
	39	- <c:if test="${popupListData.popupType eq 'L'}">
	40	- if(fnGetCookie('layer_${popupListData.popupId}') == null){
	41	- $("#layer_pop_${popupListData.popupId}").fadeIn();
	42	- }
	43	- </c:if>
	44	- </c:forEach>
	45	-
	46	- //윈도우 팝업 띄우기
	47	- <c:forEach var="popupListData" items="${popupList}" varStatus="status" end="10">
	48	- <c:if test="${popupListData.popupType eq 'W'}">
	49	- if(fnGetCookie('${popupListData.popupId}') == null ){
	50	- fn_openPopup('${popupListData.popupId}', '${popupListData.sortNum}','${popupListData.popupWidthSize}','${popupListData.popupVrticlSize}','${popupListData.popupWidthLc}','${popupListData.popupVrticlLc}');
	51	- }
	52	- </c:if>
	53	- </c:forEach>
	54	-
	55	-});
	56	-
	57	-function fn_layerClose(popupId){
	58	- $("#layer_pop_"+popupId).fadeOut();
	59	-}
	60	-
	61	-function fn_egov_inqire_notice(bbsId, nttId) {
	62	- document.frm.bbsId.value = bbsId;
	63	- document.frm.nttId.value = nttId;
	64	- document.frm.method = "get";
	65	- if("EXTBBSM_000000000002" == bbsId){ //입찰
	66	- document.frm.action = "/web/cop/bbs/viewExtBoard.do";
	67	- }else{
	68	- document.frm.action = "/web/cop/bbsWeb/selectBoardArticle.do";
	69	- }
	70	- //document.frm.action = "/web/cop/bbsWeb/selectBoardArticle.do";
	71	- document.frm.submit();
	72	-}
	73	-
	74	-function fn_egov_inqire_notice_secd(bbsId, nttId, seCd) {
	75	- document.frmSecd.bbsId.value = bbsId;
	76	- document.frmSecd.nttId.value = nttId;
	77	- document.frmSecd.seCd.value = seCd;
	78	- document.frmSecd.method = "get";
	79	- if("EXTBBSM_000000000002" == bbsId){ //입찰
	80	- document.frmSecd.action = "/web/cop/bbs/selectExtBbsList.do";
	81	- document.frmSecd.submit();
	82	- }else{
	83	- document.frmSecd.action = "/web/cop/bbsWeb/selectBoardArticle.do";
	84	- document.frmSecd.submit();
	85	- }
	86	-}
	87	-
	88	-
	89	-function checkMobileDevice() {
	90	- var mobileKeyWords = new Array('Android', 'iPhone', 'iPod', 'BlackBerry', 'Windows CE', 'SAMSUNG', 'LG', 'MOT', 'SonyEricsson');
	91	- for (var info in mobileKeyWords) {
	92	- if (navigator.userAgent.match(mobileKeyWords[info]) != null) {
	93	- return true;
	94	- }
	95	- }
	96	- return false;
	97	-}
	98	-
	99	-function fn_egov_addNotice() {
	100	- document.frm.method = "get";
	101	- document.frm.bbsId.value = "BBSMSTR_000000000153";
	102	- document.frm.action = "/web/cop/bbs/addBoardArticle.do";
	103	- document.frm.submit();
	104	-}
	105	-
	106	-
	107	-/* ********************************************************
	108	-* 팝업창 오픈 쿠키 정보 OPEN
	109	-******************************************************** */
	110	-function fnGetCookie(name) {
	111	- var prefix = name + "=";
	112	-
	113	- var cookieStartIndex = document.cookie.indexOf(prefix);
	114	- if (cookieStartIndex == -1) return null;
	115	- var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length);
	116	- if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length;
	117	-
	118	-
	119	- return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex));
	120	-}
	121	-
	122	-/* ********************************************************
	123	- * 쿠키설정
	124	- ******************************************************** */
	125	-function fnSetCookiePopup( name, value, expiredays ) {
	126	- var todayDate = new Date();
	127	- todayDate.setDate( todayDate.getDate() + expiredays );
	128	- document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
	129	-}
	130	-
	131	-/* ********************************************************
	132	-* 체크버튼 클릭시
	133	-******************************************************** */
	134	-function fnPopupCheck(popupId , typeFlag) {
	135	- fnSetCookiePopup( typeFlag+"_"+popupId , "done" , 1);
	136	- fn_layerClose(popupId);
	137	-}
	138	-
	139	-function fn_openPopup(popupId,seq,width,height,x,y){
	140	- if(width < 200){
	141	- width = 200;
	142	- }
	143	-
	144	- if(height < 200){
	145	- height = 200;
	146	- }
	147	-
	148	- var openPopup = window.open('<c:url value='/web/main/EgovPopup.do'/>'+'?popupId='+popupId,
	149	- 'pop_'+popupId,'width='+width+',height='+height+',top='+y+',left='+x);
	150	- if(openPopup != null){
	151	- if (window.focus) {openPopup.focus()}
	152	- }
	153	-
	154	-}
	155	-
	156	-</script>
	157	-<style>
	158	-.btn{ background: none;}
	159	-.btn:hover {background:none;}
	160	-</style>
	161	-</head>
	162	-<body>
	163	- <section class="main">
	164	- <!-- 메인비주얼 -->
	165	- <!-- <div class="visual_txt"><img src="/img/index/visual_txt.png" alt="한국공예디자인문화진흥원"></div> -->
	166	- <div id="slides" class="visual" style="cursor:pointer;">
	167	- <c:forEach var="result" items="${mainzoneList}" varStatus="status">
	168	- <img alt="${result.mazNm}" onerror="this.src='/images/no_img.jpg'" src='<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.mainzoneImageFile}"/>'
	169	- <c:if test="${not empty result.mlink}" >
	170	- onclick="window.open('${result.mlink}', '_blank');"
	171	- </c:if>
	172	- />
	173	- </c:forEach>
	174	- </div>
	175	- <script src="/js/jquery.slides.min.js"></script>
	176	- <script type="text/javascript">
	177	- $('#slides').slidesjs({
	178	- play: {
	179	- active: true,
	180	- auto: false,
	181	- interval: 9000,
	182	- navigation:false,
	183	- swap: true,
	184	- effect : "slide"
	185	- },
	186	- navigation: {
	187	- active: true
	188	- },
	189	- });
	190	- </script>
	191	-
	192	- <!-- 메인 공지글 -->
	193	- <div class="main_board_pc">
	194	- <div class="main_board">
	195	- <div class="main_board_box">
	196	- <div class="board_title">공지</div>
	197	- <div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000122">more +</a></div>
	198	- <div class="board_list">
	199	- <ul>
	200	- <c:forEach var="result" items="${noticeMap}" varStatus="status">
	201	- <li><span class="lt_list">
	202	- <a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}');">
	203	- <c:out value="${result.nttSj}" />
	204	- </a>
	205	- </span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
	206	- </c:forEach>
	207	- </ul>
	208	- </div>
	209	- </div>
	210	- <div class="main_board_box">
	211	- <div class="board_title">사업</div>
	212	- <div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000119&seCd=SE01">more +</a></div>
	213	- <div class="board_list">
	214	- <ul>
	215	- <c:forEach var="result" items="${bizMap}" varStatus="status">
	216	- <li><span class="lt_list">
	217	- <a href="javascript:fn_egov_inqire_notice_secd('${result.bbsId}', '${result.nttId}' , '${result.seCd}' );">
	218	- <c:out value="${result.nttSj}" />
	219	- </a>
	220	- </span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
	221	- </c:forEach>
	222	- </ul>
	223	- </div>
	224	- </div>
	225	- <div class="main_board_box">
	226	- <div class="board_title">입찰</div>
	227	- <div class="board_more"><a href="/web/cop/bbs/selectExtBbsList.do?bbsId=EXTBBSM_000000000002">more +</a></div>
	228	- <div class="board_list">
	229	- <ul>
	230	- <c:forEach var="result" items="${bidMap}" varStatus="status">
	231	- <li><span class="lt_list">
	232	- <a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}');">
	233	- <c:out value="${result.nttSj}" />
	234	- </a>
	235	- </span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
	236	- </c:forEach>
	237	- </ul>
	238	- </div>
	239	- </div>
	240	-
	241	- <div class="main_board_box">
	242	- <div class="board_title">채용</div>
	243	- <div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000124&seCd=SE01">more +</a></div>
	244	- <div class="board_list">
	245	- <ul>
	246	- <c:forEach var="result" items="${hireMap}" varStatus="status">
	247	- <li><span class="lt_list">
	248	- <a href="javascript:fn_egov_inqire_notice_secd('${result.bbsId}', '${result.nttId}' , '${result.seCd}' );">
	249	- <c:out value="${result.nttSj}" />
	250	- </a>
	251	- </span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
	252	- </c:forEach>
	253	- </ul>
	254	- </div>
	255	- </div>
	256	- </div>
	257	- </div>
	258	-
	259	- <div class="main_board_mobile">
	260	- <ul class="tab_main">
	261	- <li class="current" data-tab="tab1">공지</li>
	262	- <li data-tab="tab2">입찰</li>
	263	- <li data-tab="tab3">사업</li>
	264	- <li data-tab="tab4">채용</li>
	265	- </ul>
	266	-
	267	- <!--공지-->
	268	- <div class="tabcontent current" id="tab1">
	269	- <div class="main_board_box">
	270	- <div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000122">more +</a></div>
	271	- <div class="board_list">
	272	- <ul>
	273	- <c:forEach var="result" items="${noticeMap}" varStatus="status">
	274	- <li><span class="lt_list">
	275	- <a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}');">
	276	- <c:out value="${result.nttSj}" />
	277	- </a>
	278	- </span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
	279	- </c:forEach>
	280	- </ul>
	281	- </div>
	282	- </div>
	283	- </div>
	284	-
	285	- <!--입찰-->
	286	- <div class="tabcontent" id="tab2">
	287	- <div class="main_board_box">
	288	- <div class="board_more"><a href="/web/cop/bbs/selectExtBbsList.do?bbsId=EXTBBSM_000000000002">more +</a></div>
	289	- <div class="board_list">
	290	- <ul>
	291	- <c:forEach var="result" items="${bidMap}" varStatus="status">
	292	- <li><span class="lt_list">
	293	- <a href="javascript:fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}' );">
	294	- <c:out value="${result.nttSj}" />
	295	- </a>
	296	- </span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
	297	- </c:forEach>
	298	- </ul>
	299	- </div>
	300	- </div>
	301	- </div>
	302	-
	303	- <!--사업-->
	304	- <div class="tabcontent" id="tab3">
	305	- <div class="main_board_box">
	306	- <div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000119&seCd=SE01">more +</a></div>
	307	- <div class="board_list">
	308	- <ul>
	309	- <c:forEach var="result" items="${bizMap}" varStatus="status">
	310	- <li><span class="lt_list">
	311	- <a href="javascript:fn_egov_inqire_notice_secd('${result.bbsId}', '${result.nttId}' , '${result.seCd}' );">
	312	- <c:out value="${result.nttSj}" />
	313	- </a>
	314	- </span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
	315	- </c:forEach>
	316	- </ul>
	317	- </div>
	318	- </div>
	319	-
	320	- <script>
	321	- $(function() {
	322	- $('ul.tab_main li').click(function() {
	323	- var activeTab = $(this).attr('data-tab');
	324	- $('ul.tab_main li').removeClass('current');
	325	- $('.tabcontent').removeClass('current');
	326	- $(this).addClass('current');
	327	- $('#' + activeTab).addClass('current');
	328	- })
	329	- });
	330	- </script>
	331	- </div>
	332	-
	333	- <!--채용-->
	334	- <div class="tabcontent" id="tab4">
	335	- <div class="main_board_box">
	336	- <div class="board_more"><a href="/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000124&seCd=SE01">more +</a></div>
	337	- <div class="board_list">
	338	- <ul>
	339	- <c:forEach var="result" items="${hireMap}" varStatus="status">
	340	- <li><span class="lt_list">
	341	- <a href="javascript:fn_egov_inqire_notice_secd('${result.bbsId}', '${result.nttId}' , '${result.seCd}' );">
	342	- <c:out value="${result.nttSj}" />
	343	- </a>
	344	- </span><span class="lt_date">${result.frstRegisterPnttm}</span></li>
	345	- </c:forEach>
	346	- </ul>
	347	- </div>
	348	- </div>
	349	- </div>
	350	- </div>
	351	-
	352	- <!-- 메인 소식 -->
	353	- <div class="main_notice">
	354	- <div class="main_title_wr"><img src="/img/index/main_notice_icon.png" alt="아이콘"> 한국공예디자인문화진흥원 소식</div>
	355	- <div class="flexslider main_notice_img">
	356	- <ul class="slides">
	357	- <c:forEach var="result" items="${popupzoneList_01}" varStatus="status">
	358	- <li>
	359	- <div alt="${result.pozNm}" style="background:url(<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>); cursor:pointer;"
	360	- <c:if test="${result.istarget eq 'C'}" >
	361	- onclick="javascript:location.href='${result.mlink}';"
	362	- </c:if>
	363	- <c:if test="${result.istarget eq 'N'}" >
	364	- onclick="window.open('${result.mlink}', '_blank');"
	365	- </c:if>
	366	- >
	367	- </div>
	368	- </li>
	369	- </c:forEach>
	370	- </ul>
	371	- </div>
	372	- <!-- FlexSlider -->
	373	- <script type="text/javascript">
	374	-
	375	- (function() {
	376	-
	377	- // store the slider in a local variable
	378	- var $window = $(window),
	379	- flexslider = { vars:{} };
	380	-
	381	- // tiny helper function to add breakpoints
	382	- function getGridSize() {
	383	- return (window.innerWidth < 600) ? 1 :
	384	- (window.innerWidth < 900) ? 2 : 3;
	385	- }
	386	-
	387	-
	388	- $window.load(function() {
	389	- $('.flexslider').flexslider({
	390	- slideshow: false,
	391	- animation: "slide",
	392	- animationSpeed: 400,
	393	- animationLoop: false,
	394	- itemWidth: 463,
	395	- itemMargin: 46,
	396	- minItems: getGridSize(), // use function to pull in initial value
	397	- maxItems: getGridSize(), // use function to pull in initial value
	398	- start: function(slider){
	399	- $('body').removeClass('loading');
	400	- flexslider = slider;
	401	- }
	402	- });
	403	- });
	404	-
	405	- // check grid size on resize event
	406	- $window.resize(function() {
	407	- var gridSize = getGridSize();
	408	-
	409	- flexslider.vars.minItems = gridSize;
	410	- flexslider.vars.maxItems = gridSize;
	411	- });
	412	- }());
	413	- </script>
	414	- </div>
	415	-
	416	- <div class="main_gal_wr">
	417	- <div class="main_top_wr">
	418	- <!-- KCDF 갤러리 안내 -->
	419	- <div class="main_gal_left">
	420	- <div class="main_title_wr"><img src="/img/index/main_notice_icon.png" alt="아이콘"> KCDF 갤러리 안내</div>
	421	- <div class="main_gal_menu">
	422	- <ul>
	423	- <li><a href="/web/content.do?proFn=kcdf_gallery" target="_blank"><img src="/img/index/main_gallery_menu01.png" alt="KCDF 갤러리 소개"></a></li>
	424	- <li><a href="/web/cop/resve/selectResveList.do?viewCnd=resveList" target="_blank"><img src="/img/index/main_gallery_menu02.png" alt="KCDF 갤러리 대관신청"></a></li>
	425	- <li><a href="https://library.kcdf.kr/web/" target="_blank" ><img src="/img/index/main_gallery_menu03.png" alt="KCDF 도서관 바로가기"></a></li>
	426	- <li><a href="http://kcdfshop.kr/" target="_blank" ><img src="/img/index/main_gallery_menu04.png" alt="KCDF 온라인샵 바로가기"></a></li>
	427	- </ul>
	428	- </div>
	429	- </div>
	430	-
	431	- <!-- KCDF 갤러리 전시 -->
	432	- <div class="main_gal_right">
	433	- <div class="main_title_wr"><img src="/img/index/main_gallery2_icon.png" alt="아이콘"> KCDF 갤러리 전시</div>
	434	- <div class="flexslider02 main_gal_img">
	435	- <ul class="slides">
	436	- <c:forEach var="result" items="${popupzoneList_02}" varStatus="status">
	437	- <li>
	438	- <div alt="${result.pozNm}" style="cursor:pointer; background-image:url(<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>);"
	439	- <c:if test="${result.istarget eq 'C'}" >
	440	- onclick="javascript:location.href='${result.mlink}';"
	441	- </c:if>
	442	- <c:if test="${result.istarget eq 'N'}" >
	443	- onclick="window.open('${result.mlink}', '_blank');"
	444	- </c:if>
	445	- >
	446	- </div>
	447	- </li>
	448	- </c:forEach>
	449	- </ul>
	450	- </div>
	451	- <!-- FlexSlider -->
	452	- <script type="text/javascript">
	453	-
	454	- (function() {
	455	-
	456	- // store the slider in a local variable
	457	- var $window = $(window),
	458	- flexslider = { vars:{} };
	459	-
	460	- // tiny helper function to add breakpoints
	461	- function getGridSize() {
	462	- return (window.innerWidth < 600) ? 1 :
	463	- (window.innerWidth < 900) ? 1 : 1;
	464	- }
	465	-
	466	-
	467	-
	468	- $window.load(function() {
	469	- $('.flexslider02').flexslider({
	470	- slideshow: false,
	471	- animation: "slide",
	472	- animationSpeed: 400,
	473	- animationLoop: false,
	474	- itemWidth: 463,
	475	- itemMargin: 10,
	476	- minItems: getGridSize(), // use function to pull in initial value
	477	- maxItems: getGridSize(), // use function to pull in initial value
	478	- start: function(slider){
	479	- $('body').removeClass('loading');
	480	- flexslider = slider;
	481	- }
	482	- });
	483	- });
	484	-
	485	- // check grid size on resize event
	486	- $window.resize(function() {
	487	- var gridSize = getGridSize();
	488	-
	489	- flexslider.vars.minItems = gridSize;
	490	- flexslider.vars.maxItems = gridSize;
	491	- });
	492	- }());
	493	- </script>
	494	- </div>
	495	-
	496	- <div class="mobile_bottom">
	497	- <!-- KCDF 블로그 -->
	498	- <div class="main_blog">
	499	- <div class="main_title_wr"><img src="/img/index/main_blog_icon.png" alt="아이콘"> 한국공예디자인문화진흥원 블로그</div>
	500	- <ul class="main_blog_list">
	501	- <c:forEach var="result" items="${popupzoneList_03}" varStatus="status">
	502	- <li alt="${fn:substring(result.pozNm,0,7)}" style="background:url('<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${result.popupzoneImageFile}"/>') no-repeat center #f3f3f3; background-size:cover;cursor:pointer;"
	503	- <c:if test="${result.istarget eq 'C'}" >
	504	- onclick="javascript:location.href='${result.mlink}';"
	505	- </c:if>
	506	- <c:if test="${result.istarget eq 'N'}" >
	507	- onclick="window.open('${result.mlink}', '_blank');"
	508	- </c:if>
	509	- >
	510	- <div class="blog_thum_bg" style="width: 100%;">${result.pozNm}</div></li>
	511	- </c:forEach>
	512	- </ul>
	513	- </div>
	514	-
	515	- <!-- 우수문화상품지정제 190207 수정s -->
	516	- <c:if test="${not empty popupzoneList_04}" >
	517	- <div class="main_kribbon"><!-- 190207 링크추가 수정-->
	518	- <div class="kribbon_thumnail" alt="${popupzoneList_04[0].pozNm}" style="background:url('<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${popupzoneList_04[0].popupzoneImageFile}"/>') no-repeat center; background-size:contain;"></div>
	519	- <div class="kribbon_left">
	520	- <div class="btn">
	521	- <a href="${popupzoneList_04[0].mlink}"
	522	- <c:if test="${popupzoneList_04[0].istarget ne 'C'}" >
	523	- target="_blank"
	524	- </c:if>
	525	- >바로가기</a>
	526	- </div>
	527	- </div>
	528	- <div class="kribbon_right">
	529	- <div class="title">우수문화상품지정제</div>
	530	- <div class="text">
	531	- 우수문화상품 지정제도는
	532	- 한국의 문화적 가치를 담은 우수문화상품을
	533	- 지정하여 한복의 옷고름 모양을 딴
	534	- K-ribbon 마크를 부착하고, 체계적인
	535	- 관리와 브랜드마케팅을 통해
	536	- ‘코리아프리미엄’을 창출하고자 하는
	537	- 제도 입니다.
	538	- <p class="maTop10">2015년 11월 부터 시행되었으며,
	539	- 문화콘텐츠, 한복, 공예품, 한식·식품 등
	540	- 한국을 대표할 수 있는 문화상품들을
	541	- 대상으로 합니다. </p>
	542	- </div>
	543	- </div>
	544	- </div>
	545	-
	546	- </c:if>
	547	- <!-- 정기구독 s 190207 수정-->
	548	- <c:if test="${not empty popupzoneList_05}" >
	549	- <div class="main_magazine"><!-- 190207 링크추가 수정-->
	550	- <div class="magazine_thumnail" alt="${popupzoneList_05[0].pozNm}" style="background:url('<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${popupzoneList_05[0].popupzoneImageFile}"/>') no-repeat center; background-size:contain"></div>
	551	- <div class="btn">
	552	- <a href="${popupzoneList_05[0].mlink}"
	553	- <c:if test="${popupzoneList_05[0].istarget ne 'C'}" >
	554	- target="_blank"
	555	- </c:if>
	556	- ><img src="/img/index/main_magazine_btn.png" alt="정기구독신청"></a></div>
	557	- <div class="text01">
	558	- 「공예+디자인」은<br>
	559	- 한국공예디자인문화진흥원이<br>
	560	- 격월로 발행하는 공예·디자인<br>
	561	- 전문간행물입니다.
	562	- </div>
	563	- <div class="text02">공예 + 디자인 격월발행</div>
	564	- </div>
	565	- </c:if>
	566	- </div>
	567	- </div>
	568	- </div>
	569	-
	570	- <!-- 배너 -->
	571	- <div id="link_wrap">
	572	- <div class="link_wrap_1300">
	573	- <div class="flexslider03 banner_img">
	574	- <!--190207 수정 s-->
	575	- <ul class="slides">
	576	- <c:forEach var="banner" items="${bannerList}" varStatus="status">
	577	- <li>
	578	- <div alt="${banner.bannerNm}" style="background:url(<c:url value='/cmm/fms/getImage.do'/>?atchFileId=<c:out value="${banner.bannerImageFile}"/>) no-repeat center; background-size:contain ;cursor: pointer;";
	579	- <c:if test="${banner.istarget ne 'C'}" >
	580	- onclick="window.open('${banner.linkUrl}', '_blank');"
	581	- </c:if>
	582	- <c:if test="${banner.istarget eq 'C'}" >
	583	- onclick="window.open('${banner.linkUrl}', '_self');"
	584	- </c:if>
	585	- ></div>
	586	- </li>
	587	- </c:forEach>
	588	- </ul>
	589	- <!--190207 수정 e-->
	590	- </div>
	591	- <!-- FlexSlider -->
	592	- <script type="text/javascript">
	593	- (function() {
	594	- // store the slider in a local variable
	595	- var $window = $(window),
	596	- flexslider = { vars:{} };
	597	-
	598	- // tiny helper function to add breakpoints
	599	- function getGridSize() {
	600	- return (window.innerWidth < 500) ? 3 :
	601	- (window.innerWidth < 900) ? 5 : 8;
	602	- }
	603	-
	604	- $window.load(function() {
	605	- $('.flexslider03').flexslider({
	606	- slideshow: false,
	607	- animation: "slide",
	608	- animationSpeed: 400,
	609	- animationLoop: false,
	610	- itemWidth: 140,
	611	- itemMargin: 30, // 190207 수정
	612	- minItems: getGridSize(), // use function to pull in initial value
	613	- maxItems: getGridSize(), // use function to pull in initial value
	614	- start: function(slider){
	615	- $('body').removeClass('loading');
	616	- flexslider = slider;
	617	- }
	618	- });
	619	- });
	620	-
	621	- // check grid size on resize event
	622	- $window.resize(function() {
	623	- var gridSize = getGridSize();
	624	-
	625	- flexslider.vars.minItems = gridSize;
	626	- flexslider.vars.maxItems = gridSize;
	627	- });
	628	- }());
	629	- </script>
	630	- </div>
	631	- </div>
	632	- </section>
	633	-
	634	- <form name="frm" action="web/cop/bbsWeb/selectBoardArticle.do" method="get">
	635	- <input type="hidden" name="bbsId" />
	636	- <input type="hidden" name="nttId" value="0" />
	637	- </form>
	638	-
	639	- <form name="frmSecd" action="web/cop/bbsWeb/selectBoardArticle.do" method="get">
	640	- <input type="hidden" name="bbsId" />
	641	- <input type="hidden" name="nttId" value="0" />
	642	- <input type="hidden" name="seCd" />
	643	- </form>
	644	-
	645	- <!-- 레이어 팝업 -->
	646	- <c:if test="${fn:length(popupList) > 0}" >
	647	- <style type="text/css">
	648	- .pop-layer .pop-container {padding: 0px 0px;}
	649	- .pop-layer p.ctxt {color: #666;line-height: 25px;}
	650	- .pop-layer .btn-r {width: 100%; padding-top: 10px;border-top: 1px solid #DDD;text-align: right;}
	651	- .pop-layer {display: none;position: absolute;background-color: #fff;border: 1px solid #3571B5;z-index: 10;}
	652	- </style>
	653	- <c:forEach var="popupListData" items="${popupList}" varStatus="status" end="4">
	654	- <c:if test="${popupListData.popupType eq 'L'}">
	655	- <style type="text/css">
	656	- #layer_pop_${popupListData.popupId}{
	657	- top: ${popupListData.popupVrticlLc}px;
	658	- left: ${popupListData.popupWidthLc}px;
	659	- height: auto;
	660	- }
	661	- </style>
	662	- <div id="layer_pop_${popupListData.popupId}" class="pop-layer">
	663	- <div class="pop-container">
	664	- <div class="pop-conts">
	665	- <!--content //-->
	666	- ${popupListData.nttCn}
	667	- <div class="btn-r">
	668	- <a href="#" onclick="fn_layerClose('${popupListData.popupId}'); return false;" class="btn-layerClose">Close</a>
	669	- <br/>
	670	- 하루동안 창을 열지 않음 <input type="checkbox" name="chkPopup" value="" onClick="fnPopupCheck('${popupListData.popupId}' , 'layer')" title="하루동안창열지않기체크">
	671	- </div>
	672	- <!--// content-->
	673	- </div>
	674	- </div>
	675	- </div>
	676	- </c:if>
	677	- </c:forEach>
	678	- </c:if>
	679	- <!-- 레이어 팝업 끝-->
	680	-</body>
	681	-</html>

2b74d85

1307639

src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp

--- src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp

+++ src/main/webapp/WEB-INF/jsp/web/main/mainPage.jsp


 <script src="/publish/js/swiper.min.js"></script>
 
 <script type="text/javascript">
+let cookieCache = null; // 쿠키 데이터를 캐시할 변수
+
 $(document).ready(function() {
 	// http => https 로 이동
 	if(${Env eq 'prod'}){
 		httpsRedirect();
 	}
 	
-	// 슬라이드 이미지 변경
-	//setMainSlideImgChange();
-	
-	//슬라이드 이미지 변경 => Double
-	// 9월 30일 개천절
-	// 10월 4일 한글날
-	//setMainSlideImgChangeDouble();	
-	
-	//추석연휴 고객센터 안내 팝업 
-	var holidayShow = false;
-	var rsvSDate = "2024-11-01";
-	var rsvEDate = "2024-11-01";
-	var now = new Date();
-	now = leadingZeros(now.getFullYear(), 4) + '-' + leadingZeros(now.getMonth() + 1, 2) + '-' + leadingZeros(now.getDate(), 2);
-	if (now < rsvSDate || now > rsvEDate) {
-		$('.pointPop').hide();
-	}
-	
-	
-	// 2단팝업 제거
-	var agreePrivateSDate = "2024-11-29";
-	var agreePrivateNow = new Date();
-	agreePrivateNow = leadingZeros(agreePrivateNow.getFullYear(), 4) + '-' + leadingZeros(agreePrivateNow.getMonth() + 1, 2) + '-' + leadingZeros(agreePrivateNow.getDate(), 2);
-	if (agreePrivateNow < agreePrivateSDate) {
-		$("#agreePrivatePop_20241129").show();
-	}else{
-		$("#agreePrivatePop_20241129").hide();
-	}
-	
-	
-	//개인정보처리방침 팝업 날짜 설정
-	var agreePrivateSDate = "2024-11-23";
-	var agreePrivateNow = new Date();
-	agreePrivateNow = leadingZeros(agreePrivateNow.getFullYear(), 4) + '-' + leadingZeros(agreePrivateNow.getMonth() + 1, 2) + '-' + leadingZeros(agreePrivateNow.getDate(), 2);
-	if (agreePrivateNow < agreePrivateSDate) {
-		$("#agreePrivatePop_20241121").show();
-		$("#agreePrivatePop_20241122").hide();
-	}else{
-		$("#agreePrivatePop_20241121").hide();
-		$("#agreePrivatePop_20241122").show();
-	}
-	
-	//메인 팝업 호출 여부
-	var evntPopCk = fnGetCookie('layer_evntPayPop');	// 이벤트 쿠키
-	var cookieDelPopCk = fnGetCookie('layer_cookieDelPop'); // 브라우저 쿠키
-	
-	var agreePrivatePopCk = fnGetCookie('layer_agreePrivatePop');
-	
-	console.log("# 팝업 레이어 : START");
-	console.log("layer_evntPayPop : " + evntPopCk);
-	console.log("layer_cookieDelPop : " + cookieDelPopCk);
-	
-	
-	if(agreePrivatePopCk != null){//개인정보 및 이용약관 개정 팝업 노출, 3일안보기 쿠키 있으면 팝업 안모여준다.
-		 $(".agreePrivatePop").css("display","none");
-		$(".agreePrivatePop").hide();
-	}
-	
-	if(evntPopCk != null && cookieDelPopCk != null){//팝업 쿠키가 모두 있는 경우 안보여준다.
-		console.log("eventLayerPop : STEP 1. 이벤트 팝업 쿠키가 모두 있는 경우 안보여준다.");
-	
-		$(".eventLayerPop").css("display","none");
-		$(".eventLayerPop").hide();
-		
-	}else if(evntPopCk == null && cookieDelPopCk == null){// 이벤트 팝업 쿠키가 모두 없으면 팝업 보여주기
-		console.log("eventLayerPop : STEP 2. 이벤트 팝업 쿠키가 모두 없으면 팝업 보여주기.");
-	
-		$(".eventLayerPop").css("display","block");
-		$(".eventLayerPop").show();
-		
-	}else if(evntPopCk != null || cookieDelPopCk != null){
-		console.log("eventLayerPop : STEP 3. 이벤트 팝업 쿠키가 하나라도 있으면 보여주기");
-		
-		$(".eventLayerPop").css("display", "block");
-		$(".eventLayerPop").show();
-		if (fnGetCookie('layer_evntPayPop') != null) { //첫결제 이벤트 쿠키가 없으면 보여주기
-			console.log("이벤트 쿠키 있음 : HIDE");
-		
-			$('.payEventPop').css("display","none");
-			$('.payEventPop').hide();
-		}
-		
-		if (fnGetCookie('layer_cookieDelPop') != null) { //포인트 안내 팝업, 3일 안보기 체크
-			console.log("포인트 쿠키 있음 : HIDE");
-		
-			$('.delCookiePop').css("display","none");
-			$('.delCookiePop').hide();
-		}
-	}
-	
-	//레이어 팝업이 하나도 없으면 배경도 안보이도록 처리
-	if($(".layer_popup:visible").length == 0){
-		$(".layer_popup_wrap").hide();
-	}
-	
-	if (fnGetCookie('todayClose') != null) { //상단팝업
-		scrTop = $(window).scrollTop();
-		var bodyWid = $("body").width();
-		var windowHei = $("window").height();
-		var topBnnHei = $(".topBanner").height();
-		var hdHei = $("header").height();
-		$(".topBanner").hide();
-		$("header").removeClass("bnnOn");
-		$(".mainContent").removeClass("bnnOn");
-		$(".allMenu").removeClass("bnnOn");
-	}
-	
-	/* if(fnGetCookie('tdClose') != null ){ //좌측팝업
-		$(".mainContent").removeClass("bnnOn");
-		$(".allMenu").removeClass("bnnOn");
-		$(".popLayer").removeClass("on");
-	} */
-	var bdWid = $("body").width();
-	
-	if (fnGetCookie('tdClose') == null && bdWid > 769) { //좌측팝업
-		$(".mainContent").addClass("bnnOn");
-		$(".allMenu").addClass("bnnOn");
-		$(".popLayer").addClass("on");
-	}
-	
 	//그림문자 리스트 불러오기
 	document.letterForm.categoryCode.value = "best"
 	fnPhotoListAjax();
 
-	//장문문자 로딩시 데이터 불러오기
-	//fnLongLetterListBlind();
 	
 	/* 메인-문자샘플 탭 선택 시 활성화 */
 	$(".tab_depth1 a").click(function() {

 	/**
 	이벤트 팝업 호출 처리
 	*/
+	
+	/* 
 	var payCount = '${payCount}';
 	var eventYn = false;
 	<c:if test="${not empty resultEvent}">
 		eventYn = true;
 	</c:if>
-	
-	var blineCode = '${blineCode}';
-	blineCode = $.trim(blineCode);
-	if (blineCode == null || blineCode == "" || blineCode == undefined) {
-		blineCode = "N";
-	}
-	
-	console.log("");
-	console.log("이벤트 팝업 호출 처리");
-	console.log("payCount : " + payCount);
-	console.log("eventYn : " + eventYn);
-	console.log("blineCode : " + blineCode);
 	
 	if(payCount < 1 && eventYn && blineCode == 'N'){//결제내역이 하나도 없고, 이벤트가 진행중이면  팝업 호출
 		console.log("이벤트 팝업 함수 CALL");

 		if($(".layer_popup:visible").length == 0){
 			$(".layer_popup_wrap").hide();
 		}
-	}
-	
-	console.log("# 팝업 레이어 : END");
+	} */
+
+	setTimeout(function () {
+		hidePopupByCookie();
+	}, 300);
 });
+
+/* ********************************************************
+ * 쿠키설정
+ ******************************************************** */
+
+/**
+ * 쿠키 설정 함수
+ * @param {string} name - 쿠키 이름
+ * @param {string} value - 쿠키 값
+ * @param {number} days - 쿠키 유지 기간 (일 단위)
+ */
+ function setMainCookie(name, value, expires) {
+		
+	var todayDate = new Date();
+	todayDate.setDate(todayDate.getDate() + expires);
+	document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";"
+	
+	// 캐시에도 즉시 반영하여 최신 데이터 유지
+	if (cookieCache !== null) {
+		cookieCache[name] = value;
+	}
+		
+}
+
+/**
+ * 쿠키 가져오기 함수
+ * @param {string} name - 가져올 쿠키의 이름
+ * @returns {string|null} - 쿠키 값 (없으면 null 반환)
+ */
+function getMainCookie(name) {
+	let allCookies = getAllCookies(); // 쿠키 전체를 한 번만 가져옴
+	return allCookies[name] || null; // 해당 쿠키가 있으면 반환, 없으면 null
+}
+ /**
+  * 전체 쿠키를 한 번만 읽어서 객체(Map)로 변환하는 함수
+  */
+  function getAllCookies() {
+		if (cookieCache !== null) {
+			return cookieCache; // 기존 캐시된 값이 있으면 재조회하지 않고 반환
+		}
+	
+		let cookieObj = {};
+		let cookies = document.cookie.split(";");
+	
+		for (let i = 0; i < cookies.length; i++) {
+			let c = cookies[i].trim();
+			let parts = c.split("=");
+			let key = parts[0];
+			let value = parts.slice(1).join("="); 
+			cookieObj[key] = value;
+		}
+	
+		cookieCache = cookieObj; // 쿠키 데이터를 캐시에 저장
+		console.log('cookieCache : ', cookieCache);
+		return cookieObj;
+	}
+
+/**
+ * "3일간 보지 않음" 체크 시 실행되는 함수
+ * @param {string} popupId - 닫을 팝업 ID
+ */
+window.fnPopupChk = function (popupId) {
+	 setMainCookie("hidePopup_" + popupId, "true", 3); // 3일간 유지되는 쿠키 설정
+	$("#" + popupId).hide(); // 해당 팝업 즉시 숨김 처리
+};
+
+/**
+ * 페이지 로딩 시 쿠키 확인 후 팝업 숨김 처리
+ */
+function hidePopupByCookie() {
+	let showPopup = false; // 팝업이 하나라도 보일 경우 true로 변경
+
+	$(".layer_popup").each(function () {
+		let popupId = $(this).attr("id"); // 현재 팝업의 ID 가져오기
+		console.log('popupId : ', popupId);
+		if (getMainCookie("hidePopup_" + popupId)) {
+			$(this).hide(); // 쿠키가 존재하면 해당 팝업 숨김 처리
+		} else {
+			$(this).show(); // 쿠키가 없으면 해당 팝업 표시
+			showPopup = true; // 팝업이 하나라도 보이면 true 설정
+		}
+	});
+
+	// 쿠키에 의해 숨겨지지 않은 팝업이 하나라도 있다면 `.eventLayerPop`을 표시
+	if (showPopup) {
+		$(".eventLayerPop").show();
+	} else {
+		$(".eventLayerPop").hide();
+	}
+}
+
+/**
+ * 팝업 닫기 버튼 클릭 시 해당 팝업 숨김 처리
+ */
+$(".popup_close").on("click", function () {
+	$(this).closest(".layer_popup").hide(); // 가장 가까운 `.layer_popup` 요소 숨김
+	hidePopupByCookie(); // 전체 팝업 표시 여부 다시 확인
+});
+
+
+/* ********************************************************
+ * //쿠키설정
+ ******************************************************** */
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 
 function leadingZeros(n, digits) {
 	var zero = '';

 			zero += '0';
 	}
 	return zero + n;
-}
-
-// 슬라이드 이미지 변경
-function setMainSlideImgChange() {
-	var parentsDayShow = false;
-	var rsvDate = "2023-10-10";
-	var now = new Date();
-	now = leadingZeros(now.getFullYear(), 4) + '-' + leadingZeros(now.getMonth() + 1, 2) + '-' + leadingZeros(now.getDate(), 2);
-	if (now >= rsvDate) {
-		parentsDayShow = true;
-	}
-	
-	// 석가탄신일 => 현충일 이미지로 변경
-	if (parentsDayShow == true) {
-		$("#mainSlideImg_1001").attr("src", "/publish/images/main/f_visual_01_20231006.jpg");
-		$("#mainSlideImg_1001").attr("alt", "문자는 이제, 문자온! 단 한번, 국내 최저가! 인생 최저가! 첫결제 단문 7.5원 장문 32원 그림 59원 Halloween 즐겁고 유쾌한 할로윈데이 보내세요 가을엔 독서 같이 책읽으실래요?");
-		$("#mainSlideImg_1002").attr("src", "/publish/images/main/f_visual_03_20231006.jpg");
-		$("#mainSlideImg_1002").attr("alt", "다른 사이트에는 없다! 오직 문자온에만 있다! 최고의 디자이너가 직접 제작하는 그림문자 맞춤제작을 통해 나만의 문자를 디자인 해보세요. 가을은 캠핑의 계절! 낭만캠핑 캠핑하기 좋은 계절, 가을이 돌아왔습니다. 즐거운 캠핑을 떠나고 싶으신가요? 지금 이벤트에 참여하시면, 캠핑 지원금을 드립니다. 지금 바로 참여하세요! 즐거운 캠핑 지원금 문자온에서 확인해보세요! HALLOWEEN 할로윈이벤트 이벤트에 참여하시고 무시무시한 혜택을 받아보세요 이벤트 기간 2099.10.01  10.31 이벤트 대상 10,000원 이상 구매한 모든 고객 event 01 5만원 이상 구매시 5,000원할인쿠폰 증정! event02 이벤트 기간동안 무료배송! event03 어플 설치 시 10% 추가 할인 쿠폰 증정! HALLOWEEN 할로윈 코스튬 할로윈 분위기에 맞게 코스튬을 하고 와요! 할로윈 CAKE 할로윈을 맞이하여 호박케이크를 만들어봐요! 문자온 영어학원 T.031.123.4567");
-		
-		// Main Visual Swiper
-		getMainVisualSwiper();
-	}
-}
-
-//슬라이드 이미지 변경 => Double
-// 9월 30일 개천절
-// 10월 4일 한글날
-function setMainSlideImgChangeDouble() {
-	var showMainSlideImg1 = false;
-	var showMainSlideImg2 = false;
-	var rsvDate1 = "2023-09-30";
-	var rsvDate2 = "2023-10-04";
-	var now = new Date();
-	now = leadingZeros(now.getFullYear(), 4) + '-' + leadingZeros(now.getMonth() + 1, 2) + '-' + leadingZeros(now.getDate(), 2);
-	if (now >= rsvDate2) {
-		showMainSlideImg2 = true;
-	}
-	else if (now >= rsvDate1) {
-		showMainSlideImg1 = true;
-	}
-	
-	if (showMainSlideImg1 == true) {
-		$("#mainSlideImg_1001").attr("src", "/publish/images/main/f_visual_01_20230930.jpg");
-		$("#mainSlideImg_1001").attr("alt", "문자는 이제, 문자온! 단 한번, 국내 최저가! 인생 최저가! 첫결제 단문 7.5원 장문 32원 그림 59원 책과 함께 하는 가을 여행 10월 9일 한글날 아름다운 우리말을 사용하며, 행복한 한글날 보내시길 바랍니다.");
-		$("#mainSlideImg_1002").attr("src", "/publish/images/main/f_visual_03_20230930.jpg");
-		$("#mainSlideImg_1002").attr("alt", "다른 사이트에는 없다! 오직 문자온에만 있다! 최고의 디자이너가 직접 제작하는 그림문자 맞춤제작을 통해 나만의 문자를 디자인 해보세요. AUTUMN 가을맞이 정기세일 9.15-10.15 가을맞이 특별한 세일 전품목 최대 70% 할인의 기회를 누리세요! 10월 3일(화) 휴진 개천절 휴진안내 예약 및 내원에 착오 없으시길 바랍니다. 건강한 10월 보내세요 S M T W T F S 1 2-3(휴진) 4 5 6 7 10월 3일은 개천절은 하늘이 열린날 개천절 휴/진/안/내");
-		
-		// Main Visual Swiper
-		getMainVisualSwiper();
-	}
-	
-	if (showMainSlideImg2 == true) {
-		$("#mainSlideImg_1001").attr("src", "/publish/images/main/f_visual_01_20231004.jpg");
-		$("#mainSlideImg_1001").attr("alt", "문자는 이제, 문자온! 단 한번, 국내 최저가! 인생 최저가! 첫결제 단문 7.5원 장문 32원 그림 59원 책과 함께 하는 가을 여행 10월 9일 한글날 아름다운 우리말을 사용하며, 행복한 한글날 보내시길 바랍니다.");
-		$("#mainSlideImg_1002").attr("src", "/publish/images/main/f_visual_03_20231004.jpg");
-		$("#mainSlideImg_1002").attr("alt", "다른 사이트에는 없다! 오직 문자온에만 있다! 최고의 디자이너가 직접 제작하는 그림문자 맞춤제작을 통해 나만의 문자를 디자인 해보세요. Fall in Music Autumn Concert 09/15(토) 출연가수 온밴드, 온스파, 온와이스, 온뱅, 문자아이들, 온마이걸 주관: 문자온 코리아 협찬: 문자온추진위원회 후원 : 문자온추진위원회 한글날 한글날 이벤트 3행시 짓기 #한글날 #쿠폰 #이벤트 #좋아요 #댓글 이벤트 기간 2023.10.01 ~ 2023.10.06 당첨상품 음료 기프티콘 쿠폰(200명) 100% 국내산 유기농 우리김치 김장김치 예약판매 최적의 산지에서 수확한 신선한 배추와 엄선된 양념으로 보다 깊은 감칠맛을 선사합니다. 행사기간 2029.10.20~11.7");
-		
-		// Main Visual Swiper
-		getMainVisualSwiper();
-	}
-	
-}
-
-// Main Visual Swiper
-function getMainVisualSwiper() {
-	var mainSwiper = new Swiper('.visual_swiper', {
-        effect: "fade",
-		slidesPerView: 1,
-		spaceBetween: 0,
-		speed : 400,
-		loop: true,
-		autoplay: {
-		   delay: 3000,
-	       disableOnInteraction: false,
-		 },
-		pagination: {
-			el: '.swiper-pagination',
-			clickable: true,
-		},
-		navigation: {
-			nextEl: '.visual_swiper .swiper-button-next',
-			prevEl: '.visual_swiper .swiper-button-prev',
-		},
-	});				
 }
 
 

 		}
 	});
 }
+
+
 
 //Show Html
 function getAddrRecvListShow(jsonList, addrRecvListSize) {

 	});
 }
 
-//메인화면 첫 로딩시 인기장문문자 히든 시켜두기
-function fnLongLetterListBlind(){
-	fnLetterListAjax();
-	$("#photoLoad").css('display','block')
-	$("#letterLoad").css('display','none')
-	
-}
-
 
 //장문, 단문 문자 샘플 로드
 function fnLetterListAjax() {

 	document.searchForm.submit();
 }
 
-/* ********************************************************
- * 쿠키설정
- ******************************************************** */
-//쿠키설정
-function fnSetCookieEventPopup(name, value, expiredays) {
-	
-	console.log("cash name ::: " + name);
-	var todayDate = new Date();
-	todayDate.setDate(todayDate.getDate() + expiredays);
-	document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";"
-}
 
-//쿠키정보 가져오기
-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 fnPopupChk(popupId , typeFlag) {
-	var pcVal = $('#'+popupId).is(':checked');
-	
-	if(pcVal){
-		fnSetCookieEventPopup(typeFlag+"_"+popupId , "done" , 3);
-	}
-	
-	if(popupId == 'cookieDelPop'){
-		console.log(popupId);
-		$('.cookieDelPopClose').click(); //팝업 자동으로 닫기
-	}
-	
-	if(popupId == 'evntPayPop'){
-		console.log(popupId);
-		$('.evntPayPopClose').click(); //팝업 자동으로 닫기
-	}
-	
-	if(popupId == 'pointPop'){
-		console.log(popupId);
-		$('.pointPopClose').click(); //팝업 자동으로 닫기
-	}
-	
-	if(popupId == 'agreePrivatePop'){
-		console.log(popupId);
-		$('.agreePrivatePopClose').click(); //팝업 자동으로 닫기
-	}
-	//fn_layerClose(popupId);
-	//레이어 팝업이 하나도 없으면 배경도 안보이도록 처리
-	if($(".layer_popup:visible").length == 0){
-		$(".layer_popup_wrap").hide();
-	}
-}
 
 function fnMainImgSendMsg(atchFileId, fileSn, strImgPath){
 	

 
 
 //이벤트 팝업 호출
-function remoteEventPayPop(payCount) {
+/* function remoteEventPayPop(payCount) {
 	if (fnGetCookie('layer_evntPayPop') != null) { //첫결제 이벤트 팝업 3일 안보기 체크
 		console.log("이벤트 쿠키 있음 : HIDE");
 	
-		$('.payEventPop').css("display","none");
-		$('.payEventPop').hide();
+// 		$('.payEventPop').css("display","none");
+// 		$('.payEventPop').hide();
 	}else{
 		console.log("이벤트 쿠키 없음 : SHOW");
 		

 	window.open("about:blank", 'eventPayPop', 'width=700, height=700, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no');
     document.eventForm.action = "<c:url value='/web/event/selectEventPopAjax.do'/>";
     document.eventForm.target = "eventPayPop";
-    document.eventForm.submit(); */
+    document.eventForm.submit(); 
 }
-
+ */
 function fnEventLoginChk(){
 	
 	var userId = '${userId}';

 </form>
 
 <!-- 이벤트 팝업 -->
-<div class="layer_popup_wrap eventLayerPop" style="display:none;">
+<div class="layer_popup_wrap eventLayerPop" style="display:none; ">
+<!-- <div class="layer_popup_wrap eventLayerPop"> -->
 	<div class="popup_inner">
+		<c:forEach var="result" items="${mainPopupList}" varStatus="status">
+			<div class="layer_popup" id="<c:out value='${result.popId}'/>">
+				<div class="layer_popup_cont">
+					<img src="/cmm/fms/getImage.do?atchFileId=<c:out value='${result.mainzoneImageFile}'/>" 
+						alt="<c:out value='${result.content}'/>"
+     					<c:if test="${not empty result.mainPopupLinkList}"> usemap="#<c:out value='${result.popId}'/>map"</c:if> />
+					<c:if test="${not empty result.mainPopupLinkList }">
+					<map name="${result.popId }map">
+						<c:forEach var="low" items="${result.mainPopupLinkList }">
+							<area href="${low.mlink }" coords="${low.coords }" shape="rect">
+						</c:forEach>
+					</map>
+					</c:if>
+				</div>
+				<div class="popup_btm">
+					<input type="checkbox" id="label${status.index }" 
+							onclick="javascript:fnPopupChk('<c:out value='${result.popId}'/>')">
+					<label for="label${status.index }">3일간 열지 않음</label>
+
+					<button type="button" class="popup_close <c:out value='${result.popId}'/>Close">
+						<img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기">
+					</button>
+				</div>
+			</div>
+		</c:forEach>
+	</div>
+</div>
 	
-		<%-- <div class="layer_popup pointPop chusPopup">
-			<div class="layer_popup_cont">
-				<img src="/publish/images/main/popup03.jpg" alt="[추석 연휴 고객센터 운영 안내] 풍성하고 넉넉한 한가위 되시길 기원하며, 추석 연휴 동안의 고객센터 운영에 대하여 안내드립니다. 연휴기간 : 09월 16일(월) ~ 09월 18일(수) - 고객센터(1551-8011)를 통한 전화상담은 운영되지 않습니다. - 온라인(카카오톡/홈페이지1:1문의/E-mail) 상담은 24시간 접수 가능합니다. - 접수된 문의는 순차적으로 처리되며 빠른 시일 내에 답변드리도록 하겠습니다. 감사합니다">
-			</div>
-			<div class="popup_btm">
-				<input type="checkbox" id="pointPop"  name="pointPop"  onclick="javascript:fnPopupChk('pointPop' , 'layer')"><label for="pointPop">3일간 열지 않음</label>
-				<button type="button" class="popup_close pointPopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
-			</div>
-		</div> --%>
-		
-		<!-- 20241101 작업공지 팝업  -->
-		<div class="layer_popup pointPop">
-			<div class="layer_popup_cont">
-				<img src="/publish/images/main/popup05_241101.jpg" alt="작업공지 문자온 대표전화 서비스 일시 중단 안내 ARS시스템 점검으로 인하여 다음과 같이 대표전화 서비스가 일시 중단되오니 서비스 이용에 참고하시기 바랍니다.작업일시 : 2024.11.01(금), 15:00 ~ 17:30 작업내용 :  ARS시스템 정기점검 작업영향 : 작업시간 동안 고객센터(1551-8011)를 통한 전화상담 중지 ※ 온라인(카카오톡/홈페이지1:1문의/E-mail) 상담은 가능하며, 접수된 문의는 빠른 시일 내에 순차적으로 답변드리도록 하겠습니다. 감사합니다.">
-			</div>
-			<div class="popup_btm">
-				<input type="checkbox" id="pointPop"  name="pointPop"  onclick="javascript:fnPopupChk('pointPop' , 'layer')"><label for="pointPop">3일간 열지 않음</label>
-				<button type="button" class="popup_close pointPopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
-			</div>
-		</div>
-		
+	
+	
 		<!-- 20241028 이용약관, 개인정보처리방침 팝업  -->
-		<div class="layer_popup agreePrivatePop" id="agreePrivatePop_20241105" style="display: none;">
+		<!-- <div class="layer_popup agreePrivatePop" id="agreePrivatePop_20241105">
 			<div class="layer_popup_cont">
 				<img src="/publish/images/main/popup04_241028.jpg" alt="이용약관, 개인정보처리방침 개정 안내 변함없는 문자온 서비스 이용에 감사의 말씀 드립니다. 당사 이용약관 및 개인정보처리방침이 개정되오니 서비스 이용에 참고하시기 바랍니다. 이용약관 공지사항 개인정보처리방침 공지사항 항상 최선의 서비스를 제공할 수 있도록 노력하겠습니다. 감사합니다." usemap="#popup-service-map">
 				<map name="popup-service-map">

 				<input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
 				<button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
 			</div>
-		</div>
-		
-		<!-- 20241105 이용약관 팝업 -->  
-		<div class="layer_popup agreePrivatePop" id="agreePrivatePop_20241106" style="display: none;">
-			<div class="layer_popup_cont">
-				<img src="/publish/images/main/popup04_241105.jpg" alt="이용약관 개정 안내 변함없는 문자온 서비스 이용에 감사의 말씀 드립니다. 당사 이용약관이 개정되오니 서비스 이용에 참고하시기 바랍니다. 이용약관 공지사항 항상 최선의 서비스를 제공할 수 있도록 노력하겠습니다. 감사합니다." usemap="#popup-use-map">
-				<map name="popup-use-map">
-					<area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000721&nttId=700" coords="35,295,378,352" shape="rect">
-				</map>
-			</div>
-			<div class="popup_btm">                       
-				<input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
-				<button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
-			</div>
-		</div>
-		
-		<!-- 세로가 짧은 팝업 2개일때 -->
-		<div class="popup_range" id="agreePrivatePop_20241129">
-			<!-- 20241119 보안강화 인증 수단 도입 안내 팝업  -->
-			<div class="layer_popup agreePrivatePop" style="margin: 0 0 20px 30px;" id="agreePrivatePop_20241121">
-				<div class="layer_popup_cont">
-					<img src="/publish/images/main/popup06_241119.jpg" alt="보안강화 인증수단 도입 안내 2024년11월 17일자로 보안강화를 위해 서비스 로그인시  휴대폰 본인인증 기능을 도입하였으니 서비스 이용에 참고하시기 바랍니다." usemap="#popup-user-map1" style="height:220px; width:413px;">
-					<map name="popup-user-map1">
-						<area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000723&nttId=720" coords="65,148,345,182" shape="rect">
-					</map>
-				</div>
-				<div class="popup_btm">
-					<input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
-					<button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
-				</div>
-			</div>
-			
-			<!-- 20241122 보안강화 인증 수단 도입 안내 팝업  -->
-			<div class="layer_popup agreePrivatePop" style="margin: 0 0 20px 30px;" id="agreePrivatePop_20241122">
-				<div class="layer_popup_cont">
-					<img src="/publish/images/main/popup06_241122.jpg" alt="보안로그인 서비스 안내 계정 보안 강화를 위해 도입한 기존 보안로그인 서비스를 2024년 11월 22일자로 개선 및 추가하오니 이용에 참고하시기 바랍니다." usemap="#popup-user-map2" style="height:220px; width:413px;">
-					<map name="popup-user-map2">
-						<area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000723&nttId=726&seCmmnCdId=&frstRegisterId=&viewsYn=&menuNo=&searchBgnDe=&searchEndDe=&pageIndex=1&searchSortCnd=&searchSortOrd=&searchCnd=&searchWrd=&pageUnit=10" coords="65,148,345,182" shape="rect">
-					</map>
-				</div>
-				<div class="popup_btm">
-					<input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
-					<button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
-				</div>
-			</div>
-			
-			<!-- 20241119 이용약관 팝업  -->
-			<div class="layer_popup agreePrivatePop">
-				<div class="layer_popup_cont">
-					<img src="/publish/images/main/popup04_241119.jpg" alt="이용약관 개정 안내 변함없는 문자온 서비스 이용에 감사의 말씀 드립니다. 당사 이용약관이 개정되오니 서비스 이용에 참고하시기 바랍니다." usemap="#popup-use-map1" style="height:220px; width:413px;">
-					<map name="popup-use-map1">
-						<area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000721&nttId=700" coords="65,148,345,182" shape="rect">
-					</map>
-				</div>
-				<div class="popup_btm">
-					<input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
-					<button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
-				</div>
-			</div>		
-		</div>
-		<!--// 세로가 짧은 팝업 2개일때 -->
+		</div> -->
+	
+	
+	
 		
 		
-		<!-- 20241224 브라우저 쿠키 삭제 방법 안내 팝업  -->
+<!-- 		
+		
+		20241224 브라우저 쿠키 삭제 방법 안내 팝업 
 		<div class="layer_popup delCookiePop">
 			<div class="layer_popup_cont">
 				<img src="/publish/images/main/popup07.jpg" alt="브라우저 쿠키 삭제 방법 안내 2024. 12. 23.자로 사이트 일부가 개편됨에 따라, 원활한 서비스 이용을 위한 “쿠키 및 기타 사이트 데이터”삭제 방법을 다음과 같이 안내해 드립니다. ※ 버튼 클릭 시 기능이 작동하지 않는 경우 해당 조치 필요 항상 최선의 서비스를 제공할 수 있도록 노력하겠습니다. 감사합니다." usemap="#popup-use-map7">

 				<button type="button" class="popup_close cookieDelPopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
 			</div>
 		</div>
-		<!--// 20241224 브라우저 쿠키 삭제 방법 안내 팝업  -->
+		// 20241224 브라우저 쿠키 삭제 방법 안내 팝업 
 		
 		<div class="layer_popup payEventPop">
 			<div class="layer_popup_cont">

 				<input type="checkbox" id="evntPayPop" name="evntPayPop" onclick="javascript:fnPopupChk('evntPayPop' , 'layer')"><label for="evntPayPop">3일간 열지 않음</label>
 				<button type="button" class="popup_close evntPayPopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
 			</div>
-		</div>
+		</div> -->
 		
 		<%-- <div class="layer_popup pointPop">
 			<div class="layer_popup_cont">

 				<button type="button" class="popup_close pointPopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
 			</div>
 		</div> --%>
-	</div>
-</div>
 
 <!-- 신고 알림 팝업 -->
 <div class="tooltip-wrap">

1307639

src/main/webapp/WEB-INF/jsp/web/main/mainPage_advc_20250227.jsp (added)

+++ src/main/webapp/WEB-INF/jsp/web/main/mainPage_advc_20250227.jsp

...	...	@@ -0,0 +1,2081 @@
	1	+<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
	2	+<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
	3	+<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>
	4	+<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
	5	+<spring:eval expression="@property['Globals.Env']" var="Env"/>
	6	+<head>
	7	+
	8	+<link rel="stylesheet" href="/publish/css/main.css">
	9	+<link rel="stylesheet" href="/publish/css/swiper.min.css">
	10	+
	11	+<script src="/publish/js/jquery.bxslider.js"></script>
	12	+<script src="/publish/js/main.js"></script>
	13	+<script src="/publish/js/swiper.min.js"></script>
	14	+
	15	+<script type="text/javascript">
	16	+$(document).ready(function() {
	17	+ // http => https 로 이동
	18	+ if(${Env eq 'prod'}){
	19	+ httpsRedirect();
	20	+ }
	21	+
	22	+ // 슬라이드 이미지 변경
	23	+ //setMainSlideImgChange();
	24	+
	25	+ //슬라이드 이미지 변경 => Double
	26	+ // 9월 30일 개천절
	27	+ // 10월 4일 한글날
	28	+ //setMainSlideImgChangeDouble();
	29	+
	30	+ //추석연휴 고객센터 안내 팝업
	31	+ var holidayShow = false;
	32	+ var rsvSDate = "2024-11-01";
	33	+ var rsvEDate = "2024-11-01";
	34	+ var now = new Date();
	35	+ now = leadingZeros(now.getFullYear(), 4) + '-' + leadingZeros(now.getMonth() + 1, 2) + '-' + leadingZeros(now.getDate(), 2);
	36	+ if (now < rsvSDate \|\| now > rsvEDate) {
	37	+ $('.pointPop').hide();
	38	+ }
	39	+
	40	+
	41	+ // 2단팝업 제거
	42	+ var agreePrivateSDate = "2024-11-29";
	43	+ var agreePrivateNow = new Date();
	44	+ agreePrivateNow = leadingZeros(agreePrivateNow.getFullYear(), 4) + '-' + leadingZeros(agreePrivateNow.getMonth() + 1, 2) + '-' + leadingZeros(agreePrivateNow.getDate(), 2);
	45	+ if (agreePrivateNow < agreePrivateSDate) {
	46	+ $("#agreePrivatePop_20241129").show();
	47	+ }else{
	48	+ $("#agreePrivatePop_20241129").hide();
	49	+ }
	50	+
	51	+
	52	+ //개인정보처리방침 팝업 날짜 설정
	53	+ var agreePrivateSDate = "2024-11-23";
	54	+ var agreePrivateNow = new Date();
	55	+ agreePrivateNow = leadingZeros(agreePrivateNow.getFullYear(), 4) + '-' + leadingZeros(agreePrivateNow.getMonth() + 1, 2) + '-' + leadingZeros(agreePrivateNow.getDate(), 2);
	56	+ if (agreePrivateNow < agreePrivateSDate) {
	57	+ $("#agreePrivatePop_20241121").show();
	58	+ $("#agreePrivatePop_20241122").hide();
	59	+ }else{
	60	+ $("#agreePrivatePop_20241121").hide();
	61	+ $("#agreePrivatePop_20241122").show();
	62	+ }
	63	+
	64	+ //메인 팝업 호출 여부
	65	+ var evntPopCk = fnGetCookie('layer_evntPayPop'); // 이벤트 쿠키
	66	+ var cookieDelPopCk = fnGetCookie('layer_cookieDelPop'); // 브라우저 쿠키
	67	+
	68	+ var agreePrivatePopCk = fnGetCookie('layer_agreePrivatePop');
	69	+
	70	+ console.log("# 팝업 레이어 : START");
	71	+ console.log("layer_evntPayPop : " + evntPopCk);
	72	+ console.log("layer_cookieDelPop : " + cookieDelPopCk);
	73	+
	74	+
	75	+ if(agreePrivatePopCk != null){//개인정보 및 이용약관 개정 팝업 노출, 3일안보기 쿠키 있으면 팝업 안모여준다.
	76	+ $(".agreePrivatePop").css("display","none");
	77	+ $(".agreePrivatePop").hide();
	78	+ }
	79	+
	80	+ if(evntPopCk != null && cookieDelPopCk != null){//팝업 쿠키가 모두 있는 경우 안보여준다.
	81	+ console.log("eventLayerPop : STEP 1. 이벤트 팝업 쿠키가 모두 있는 경우 안보여준다.");
	82	+
	83	+ $(".eventLayerPop").css("display","none");
	84	+ $(".eventLayerPop").hide();
	85	+
	86	+ }else if(evntPopCk == null && cookieDelPopCk == null){// 이벤트 팝업 쿠키가 모두 없으면 팝업 보여주기
	87	+ console.log("eventLayerPop : STEP 2. 이벤트 팝업 쿠키가 모두 없으면 팝업 보여주기.");
	88	+
	89	+ $(".eventLayerPop").css("display","block");
	90	+ $(".eventLayerPop").show();
	91	+
	92	+ }else if(evntPopCk != null \|\| cookieDelPopCk != null){
	93	+ console.log("eventLayerPop : STEP 3. 이벤트 팝업 쿠키가 하나라도 있으면 보여주기");
	94	+
	95	+ $(".eventLayerPop").css("display", "block");
	96	+ $(".eventLayerPop").show();
	97	+ if (fnGetCookie('layer_evntPayPop') != null) { //첫결제 이벤트 쿠키가 없으면 보여주기
	98	+ console.log("이벤트 쿠키 있음 : HIDE");
	99	+
	100	+ $('.payEventPop').css("display","none");
	101	+ $('.payEventPop').hide();
	102	+ }
	103	+
	104	+ if (fnGetCookie('layer_cookieDelPop') != null) { //포인트 안내 팝업, 3일 안보기 체크
	105	+ console.log("포인트 쿠키 있음 : HIDE");
	106	+
	107	+ $('.delCookiePop').css("display","none");
	108	+ $('.delCookiePop').hide();
	109	+ }
	110	+ }
	111	+
	112	+ //레이어 팝업이 하나도 없으면 배경도 안보이도록 처리
	113	+ if($(".layer_popup:visible").length == 0){
	114	+ $(".layer_popup_wrap").hide();
	115	+ }
	116	+
	117	+ if (fnGetCookie('todayClose') != null) { //상단팝업
	118	+ scrTop = $(window).scrollTop();
	119	+ var bodyWid = $("body").width();
	120	+ var windowHei = $("window").height();
	121	+ var topBnnHei = $(".topBanner").height();
	122	+ var hdHei = $("header").height();
	123	+ $(".topBanner").hide();
	124	+ $("header").removeClass("bnnOn");
	125	+ $(".mainContent").removeClass("bnnOn");
	126	+ $(".allMenu").removeClass("bnnOn");
	127	+ }
	128	+
	129	+ /* if(fnGetCookie('tdClose') != null ){ //좌측팝업
	130	+ $(".mainContent").removeClass("bnnOn");
	131	+ $(".allMenu").removeClass("bnnOn");
	132	+ $(".popLayer").removeClass("on");
	133	+ } */
	134	+ var bdWid = $("body").width();
	135	+
	136	+ if (fnGetCookie('tdClose') == null && bdWid > 769) { //좌측팝업
	137	+ $(".mainContent").addClass("bnnOn");
	138	+ $(".allMenu").addClass("bnnOn");
	139	+ $(".popLayer").addClass("on");
	140	+ }
	141	+
	142	+ //그림문자 리스트 불러오기
	143	+ document.letterForm.categoryCode.value = "best"
	144	+ fnPhotoListAjax();
	145	+
	146	+ //장문문자 로딩시 데이터 불러오기
	147	+ //fnLongLetterListBlind();
	148	+
	149	+ /* 메인-문자샘플 탭 선택 시 활성화 */
	150	+ $(".tab_depth1 a").click(function() {
	151	+ var tabText = $(this).text();
	152	+ var tabPosi = $(this).position().left;
	153	+ var tabIdx = $(this).index();
	154	+
	155	+ if (tabIdx == 0) {
	156	+ $(".on_active").css("border-radius", "5px 0 0 5px")
	157	+ } else if (tabIdx == 2) {
	158	+ $(".on_active").css("border-radius", "0 5px 5px 0");
	159	+ } else {
	160	+ $(".on_active").css("border-radius", "0 0 0 0");
	161	+ }
	162	+ $(".on_active").text(tabText);
	163	+ $(".on_active").css("left", tabPosi);
	164	+ $(this).addClass("on");
	165	+ $(this).siblings("a").removeClass("on");
	166	+
	167	+ //1depth 선택 시 2depth, 3depth 메뉴 첫번째로 이동
	168	+ /* $(".tab_depth2 a:first-child").addClass("on");
	169	+ $(".tab_depth2 a:first-child").siblings("a").removeClass("on");
	170	+ $(".tab_depth3 a:first-child").addClass("on");
	171	+ $(".tab_depth3 a:first-child").siblings("a").removeClass("on"); */
	172	+ });
	173	+
	174	+ $('.tDep2_mType').click(function() { // 전체,기업, 개인 선택 옵션 처리
	175	+
	176	+ var mType = $(this).find('.on_active').text();
	177	+ var form = document.letterForm;
	178	+ var tap = $('.tDep1_letType').find('.on').attr("value");
	179	+
	180	+ if (mType == "전체") {
	181	+ form.memberType.value = "";
	182	+ } else if (mType == "기업") {
	183	+ form.memberType.value = "B";
	184	+ } else {
	185	+ form.memberType.value = "P";
	186	+ }
	187	+
	188	+ if (tap == "L") {
	189	+ //문자 리스트 불러오기
	190	+ form.letterType.value = "L";
	191	+ form.categoryCode.value = "";
	192	+ form.hashTag.value = "";
	193	+ form.pageIndex.value = 1;
	194	+ fnLetterListAjax();
	195	+ } else if (tap == "S") {
	196	+ //문자 리스트 불러오기
	197	+ form.letterType.value = "S";
	198	+ form.categoryCode.value = "";
	199	+ form.hashTag.value = "";
	200	+ form.pageIndex.value = 1;
	201	+ fnLetterListAjax();
	202	+ } else if (tap == "C") {
	203	+ //문자 리스트 불러오기
	204	+ form.letterType.value = "C";
	205	+ form.categoryCode.value = "";
	206	+ form.hashTag.value = "";
	207	+ form.pageIndex.value = 1;
	208	+ fnPhotoListAjax();
	209	+ } else {
	210	+ //그림문자 리스트 불러오기
	211	+ form.letterType.value = "P";
	212	+ form.categoryCode.value = "";
	213	+ form.hashTag.value = "";
	214	+ form.pageIndex.value = 1;
	215	+ fnPhotoListAjax();
	216	+ }
	217	+ });
	218	+
	219	+ // [인기 그림문자], [인기 장문문자], [인기 단문문자], [인기 맞춤제작] 클릭시 이벤트
	220	+ $('.tDep1_letType').click(function() {
	221	+
	222	+ var letterType = $(this).find('.on').attr("value");
	223	+ var form = document.letterForm;
	224	+ form.letterType.value = letterType;
	225	+
	226	+
	227	+
	228	+
	229	+ form.categoryCode.value = "best";
	230	+
	231	+ if (letterType == "L" \|\| letterType == "S") {
	232	+ //form.categoryCode.value = "13100";
	233	+ //문자 리스트 불러오기
	234	+ fnLetterListAjax();
	235	+ } else if(letterType == "P"){
	236	+
	237	+ //form.categoryCode.value = "13100";
	238	+ //인기그림문자 불러오기
	239	+ fnPhotoListAjax();
	240	+
	241	+ }else{
	242	+
	243	+ //form.categoryCode.value = "111600";
	244	+ //맞춤문자 리스트 불러오기
	245	+ fnPhotoListAjax();
	246	+ }
	247	+ });
	248	+
	249	+ $('.tDep2_cateCode a').click(function() { // 문자 카테고리 선택 시 옵션 처리
	250	+
	251	+ $(this).siblings("a").removeClass("on");
	252	+ $(this).addClass("on");
	253	+
	254	+ var cateCode = $(this).attr("value");
	255	+ var form = document.letterForm;
	256	+
	257	+ if (cateCode == "all") { //전체 선택시
	258	+ cateCode = "";
	259	+ }
	260	+
	261	+ form.categoryCode.value = cateCode;
	262	+ form.pageIndex.value = 1;
	263	+
	264	+ if ($('.tDep1_letType').find('.on').attr("value") == "L" \|\| $('.tDep1_letType').find('.on').attr("value") == "S") {
	265	+ //문자 리스트 불러오기
	266	+ fnLetterListAjax();
	267	+ } else {
	268	+ //그림문자 리스트 불러오기
	269	+ fnPhotoListAjax();
	270	+ }
	271	+ });
	272	+
	273	+ $('.tDep3_cateCode a').click(function() { // 맞춤 문자 카테고리 선택 시 옵션 처리
	274	+
	275	+ var cateCode = $(this).attr("value");
	276	+ var form = document.letterForm;
	277	+ if (cateCode == "all") { //전체 선택시
	278	+ cateCode = "";
	279	+ }
	280	+
	281	+ form.categoryCode.value = cateCode;
	282	+ form.pageIndex.value = 1;
	283	+
	284	+ //그림문자 리스트 불러오기
	285	+ fnPhotoListAjax();
	286	+ });
	287	+
	288	+ $(".tab_depth2 a").click(function() {
	289	+ $(this).addClass("on");
	290	+ $(this).siblings("a").removeClass("on");
	291	+ //2depth 선택 시 3depth 메뉴 첫번째로 이동
	292	+ $(".tab_depth3 a:first-child").addClass("on");
	293	+ $(".tab_depth3 a:first-child").siblings("a").removeClass("on");
	294	+ // 이전에 after 선 지우기.
	295	+ if ($(this).prev().is(".tab_prev") == false) {
	296	+ $(this).siblings().removeClass("tab_prev");
	297	+ $(this).removeClass("tab_prev");
	298	+ $(this).prev().addClass("tab_prev");
	299	+ }
	300	+
	301	+ if ($(this).is(".tab_custom") == true) {
	302	+ $(".tab_depth3.tab_other").show();
	303	+ $(".tab_depth3.tab_basic").hide();
	304	+ } else {
	305	+ $(".tab_depth3.tab_other").hide();
	306	+ $(".tab_depth3.tab_basic").show();
	307	+ }
	308	+ });
	309	+
	310	+ $(".tab_depth3.tab_other").hide();
	311	+
	312	+ // Kisa 얼럿여부 체크
	313	+ //kisaAlertOpen();
	314	+
	315	+ // 주소록 내보내기 얼럿여부 체크
	316	+ addrRecvListAjax();
	317	+
	318	+ //팩스 주소록 내보내기 얼럿여부 체크
	319	+ faxAddrRecvListAjax();
	320	+
	321	+ /**
	322	+ 이벤트 팝업 호출 처리
	323	+ */
	324	+ var payCount = '${payCount}';
	325	+ var eventYn = false;
	326	+ <c:if test="${not empty resultEvent}">
	327	+ eventYn = true;
	328	+ </c:if>
	329	+
	330	+ var blineCode = '${blineCode}';
	331	+ blineCode = $.trim(blineCode);
	332	+ if (blineCode == null \|\| blineCode == "" \|\| blineCode == undefined) {
	333	+ blineCode = "N";
	334	+ }
	335	+
	336	+ console.log("");
	337	+ console.log("이벤트 팝업 호출 처리");
	338	+ console.log("payCount : " + payCount);
	339	+ console.log("eventYn : " + eventYn);
	340	+ console.log("blineCode : " + blineCode);
	341	+
	342	+ if(payCount < 1 && eventYn && blineCode == 'N'){//결제내역이 하나도 없고, 이벤트가 진행중이면 팝업 호출
	343	+ console.log("이벤트 팝업 함수 CALL");
	344	+ remoteEventPayPop(payCount);
	345	+ }else{//이벤트 대상자가 아니면 첫결제 이벤트 팝업은 안보여준다.
	346	+ console.log("이벤트 팝업 : HIDE");
	347	+
	348	+ $('.payEventPop').css("display","none");
	349	+ $('.payEventPop').hide();
	350	+
	351	+ if($(".layer_popup:visible").length == 0){
	352	+ $(".layer_popup_wrap").hide();
	353	+ }
	354	+ }
	355	+
	356	+ console.log("# 팝업 레이어 : END");
	357	+});
	358	+
	359	+function leadingZeros(n, digits) {
	360	+ var zero = '';
	361	+ n = n.toString();
	362	+
	363	+ if (n.length < digits) {
	364	+ for (i = 0; i < digits - n.length; i++)
	365	+ zero += '0';
	366	+ }
	367	+ return zero + n;
	368	+}
	369	+
	370	+// 슬라이드 이미지 변경
	371	+function setMainSlideImgChange() {
	372	+ var parentsDayShow = false;
	373	+ var rsvDate = "2023-10-10";
	374	+ var now = new Date();
	375	+ now = leadingZeros(now.getFullYear(), 4) + '-' + leadingZeros(now.getMonth() + 1, 2) + '-' + leadingZeros(now.getDate(), 2);
	376	+ if (now >= rsvDate) {
	377	+ parentsDayShow = true;
	378	+ }
	379	+
	380	+ // 석가탄신일 => 현충일 이미지로 변경
	381	+ if (parentsDayShow == true) {
	382	+ $("#mainSlideImg_1001").attr("src", "/publish/images/main/f_visual_01_20231006.jpg");
	383	+ $("#mainSlideImg_1001").attr("alt", "문자는 이제, 문자온! 단 한번, 국내 최저가! 인생 최저가! 첫결제 단문 7.5원 장문 32원 그림 59원 Halloween 즐겁고 유쾌한 할로윈데이 보내세요 가을엔 독서 같이 책읽으실래요?");
	384	+ $("#mainSlideImg_1002").attr("src", "/publish/images/main/f_visual_03_20231006.jpg");
	385	+ $("#mainSlideImg_1002").attr("alt", "다른 사이트에는 없다! 오직 문자온에만 있다! 최고의 디자이너가 직접 제작하는 그림문자 맞춤제작을 통해 나만의 문자를 디자인 해보세요. 가을은 캠핑의 계절! 낭만캠핑 캠핑하기 좋은 계절, 가을이 돌아왔습니다. 즐거운 캠핑을 떠나고 싶으신가요? 지금 이벤트에 참여하시면, 캠핑 지원금을 드립니다. 지금 바로 참여하세요! 즐거운 캠핑 지원금 문자온에서 확인해보세요! HALLOWEEN 할로윈이벤트 이벤트에 참여하시고 무시무시한 혜택을 받아보세요 이벤트 기간 2099.10.01 10.31 이벤트 대상 10,000원 이상 구매한 모든 고객 event 01 5만원 이상 구매시 5,000원할인쿠폰 증정! event02 이벤트 기간동안 무료배송! event03 어플 설치 시 10% 추가 할인 쿠폰 증정! HALLOWEEN 할로윈 코스튬 할로윈 분위기에 맞게 코스튬을 하고 와요! 할로윈 CAKE 할로윈을 맞이하여 호박케이크를 만들어봐요! 문자온 영어학원 T.031.123.4567");
	386	+
	387	+ // Main Visual Swiper
	388	+ getMainVisualSwiper();
	389	+ }
	390	+}
	391	+
	392	+//슬라이드 이미지 변경 => Double
	393	+// 9월 30일 개천절
	394	+// 10월 4일 한글날
	395	+function setMainSlideImgChangeDouble() {
	396	+ var showMainSlideImg1 = false;
	397	+ var showMainSlideImg2 = false;
	398	+ var rsvDate1 = "2023-09-30";
	399	+ var rsvDate2 = "2023-10-04";
	400	+ var now = new Date();
	401	+ now = leadingZeros(now.getFullYear(), 4) + '-' + leadingZeros(now.getMonth() + 1, 2) + '-' + leadingZeros(now.getDate(), 2);
	402	+ if (now >= rsvDate2) {
	403	+ showMainSlideImg2 = true;
	404	+ }
	405	+ else if (now >= rsvDate1) {
	406	+ showMainSlideImg1 = true;
	407	+ }
	408	+
	409	+ if (showMainSlideImg1 == true) {
	410	+ $("#mainSlideImg_1001").attr("src", "/publish/images/main/f_visual_01_20230930.jpg");
	411	+ $("#mainSlideImg_1001").attr("alt", "문자는 이제, 문자온! 단 한번, 국내 최저가! 인생 최저가! 첫결제 단문 7.5원 장문 32원 그림 59원 책과 함께 하는 가을 여행 10월 9일 한글날 아름다운 우리말을 사용하며, 행복한 한글날 보내시길 바랍니다.");
	412	+ $("#mainSlideImg_1002").attr("src", "/publish/images/main/f_visual_03_20230930.jpg");
	413	+ $("#mainSlideImg_1002").attr("alt", "다른 사이트에는 없다! 오직 문자온에만 있다! 최고의 디자이너가 직접 제작하는 그림문자 맞춤제작을 통해 나만의 문자를 디자인 해보세요. AUTUMN 가을맞이 정기세일 9.15-10.15 가을맞이 특별한 세일 전품목 최대 70% 할인의 기회를 누리세요! 10월 3일(화) 휴진 개천절 휴진안내 예약 및 내원에 착오 없으시길 바랍니다. 건강한 10월 보내세요 S M T W T F S 1 2-3(휴진) 4 5 6 7 10월 3일은 개천절은 하늘이 열린날 개천절 휴/진/안/내");
	414	+
	415	+ // Main Visual Swiper
	416	+ getMainVisualSwiper();
	417	+ }
	418	+
	419	+ if (showMainSlideImg2 == true) {
	420	+ $("#mainSlideImg_1001").attr("src", "/publish/images/main/f_visual_01_20231004.jpg");
	421	+ $("#mainSlideImg_1001").attr("alt", "문자는 이제, 문자온! 단 한번, 국내 최저가! 인생 최저가! 첫결제 단문 7.5원 장문 32원 그림 59원 책과 함께 하는 가을 여행 10월 9일 한글날 아름다운 우리말을 사용하며, 행복한 한글날 보내시길 바랍니다.");
	422	+ $("#mainSlideImg_1002").attr("src", "/publish/images/main/f_visual_03_20231004.jpg");
	423	+ $("#mainSlideImg_1002").attr("alt", "다른 사이트에는 없다! 오직 문자온에만 있다! 최고의 디자이너가 직접 제작하는 그림문자 맞춤제작을 통해 나만의 문자를 디자인 해보세요. Fall in Music Autumn Concert 09/15(토) 출연가수 온밴드, 온스파, 온와이스, 온뱅, 문자아이들, 온마이걸 주관: 문자온 코리아 협찬: 문자온추진위원회 후원 : 문자온추진위원회 한글날 한글날 이벤트 3행시 짓기 #한글날 #쿠폰 #이벤트 #좋아요 #댓글 이벤트 기간 2023.10.01 ~ 2023.10.06 당첨상품 음료 기프티콘 쿠폰(200명) 100% 국내산 유기농 우리김치 김장김치 예약판매 최적의 산지에서 수확한 신선한 배추와 엄선된 양념으로 보다 깊은 감칠맛을 선사합니다. 행사기간 2029.10.20~11.7");
	424	+
	425	+ // Main Visual Swiper
	426	+ getMainVisualSwiper();
	427	+ }
	428	+
	429	+}
	430	+
	431	+// Main Visual Swiper
	432	+function getMainVisualSwiper() {
	433	+ var mainSwiper = new Swiper('.visual_swiper', {
	434	+ effect: "fade",
	435	+ slidesPerView: 1,
	436	+ spaceBetween: 0,
	437	+ speed : 400,
	438	+ loop: true,
	439	+ autoplay: {
	440	+ delay: 3000,
	441	+ disableOnInteraction: false,
	442	+ },
	443	+ pagination: {
	444	+ el: '.swiper-pagination',
	445	+ clickable: true,
	446	+ },
	447	+ navigation: {
	448	+ nextEl: '.visual_swiper .swiper-button-next',
	449	+ prevEl: '.visual_swiper .swiper-button-prev',
	450	+ },
	451	+ });
	452	+}
	453	+
	454	+
	455	+//http => https 로 이동
	456	+function httpsRedirect() {
	457	+ var url = window.location.href;
	458	+ url = url.toLowerCase();
	459	+
	460	+ if(url.indexOf('http://192.168.0.125:8095/') > -1 \|\| url.indexOf('localhost') > -1 \|\| url.indexOf('127.0.0.1') > -1
	461	+ \|\| url.indexOf('dev5.iten.co.kr') > -1 \|\| url.indexOf('http://119.193.215.98') > -1
	462	+ ) {
	463	+
	464	+ /*
	465	+ if(url.indexOf('http://192.168.0.125:8095/') > -1 \|\| url.indexOf('localhost') > -1 \|\| url.indexOf('127.0.0.1') > -1) {
	466	+ //개발서버, 로컬일 경우
	467	+ */
	468	+ }
	469	+ else{
	470	+ //실서버일 경우
	471	+ //https가 없는경우
	472	+ if(url.indexOf('https://') == -1 && url.indexOf('dev.munjaon.co.kr') == -1 && url.indexOf('cs.munjaon.co.kr') == -1) {
	473	+ document.location.href = "https://www.munjaon.co.kr/web/main/mainPage.do";
	474	+ }
	475	+ }
	476	+}
	477	+
	478	+//타인에게 전송받은 주소록 수신대기 목록 조회하기
	479	+function addrRecvListAjax() {
	480	+ var data = new FormData(document.addrGrpSendForm);
	481	+ $.ajax({
	482	+ type: "POST",
	483	+ url: "/web/main/addrRecvListAjax.do",
	484	+ data: data,
	485	+ dataType:'json',
	486	+ async: true,
	487	+ processData: false,
	488	+ contentType: false,
	489	+ cache: false,
	490	+ success: function (data) {
	491	+ if(data.isSuccess == true){
	492	+ if (data.addrRecvListSize > 0) {
	493	+ // 주소록 내보내기 레이어 오픈
	494	+ getAddrRecvListShow(data.addrRecvList, data.addrRecvListSize)
	495	+ $("#btnAddrAlert").trigger('click');
	496	+ }
	497	+ } else {
	498	+ //alert("Message : " + msg);
	499	+ }
	500	+ },
	501	+ error: function (e) {
	502	+ //alert("저장에 실패하였습니다.");
	503	+ //console.log("ERROR : ", e);
	504	+ }
	505	+ });
	506	+}
	507	+
	508	+//Show Html
	509	+function getAddrRecvListShow(jsonList, addrRecvListSize) {
	510	+ var addrGrpId = "";
	511	+ var addrGrpNm = "";
	512	+ var sendMberId = "";
	513	+ var sendAddrCnt = 0;
	514	+ var sHtml = "";
	515	+ for (var j = 0; j < jsonList.length; j++) {
	516	+ addrGrpId = $.trim(jsonList[j].addrGrpId);
	517	+ addrGrpNm = $.trim(jsonList[j].addrGrpNm);
	518	+ sendMberId = $.trim(jsonList[j].sendMberId);
	519	+ sendAddrCnt = $.trim(jsonList[j].sendAddrCnt);
	520	+ sHtml += "<li name='addrRecvGrpList' id='addrGrpID_" + addrGrpId + "' class='" + addrGrpId + "'>" + addrGrpNm + " [<span>" + sendAddrCnt + "</span>명]";
	521	+ sHtml += "<button type='button' onclick=removeAddrRecvList('" + addrGrpId + "');><img src='/publish/images/content/close_btn.png' alt='선택 그룹 취소'></button>";
	522	+ sHtml += "</li>";
	523	+ }
	524	+
	525	+ $(".sendId").html(sendMberId);
	526	+ $(".groupCount").html(addrRecvListSize);
	527	+ $("#selGroup2").html(sHtml);
	528	+}
	529	+
	530	+//내보내기 레이어 내 리스트 세팅
	531	+function removeAddrRecvList(addrGrpId) {
	532	+ var liCount = $("li[name=addrRecvGrpList]").length;
	533	+ $("#addrGrpID_" + addrGrpId).remove();
	534	+ $(".groupCount").text(liCount-1);
	535	+}
	536	+
	537	+//타인에게 전송받은 주소록 수신대기 목록 조회하기
	538	+function addrRecvSaveAjax() {
	539	+ if (confirm("주소록 그룹을 받으시겠습니까?")) {
	540	+ var addrGrpId = "";
	541	+ var addrGrpIds = "";
	542	+ var i = 0;
	543	+ var liCount = $("li[name=addrRecvGrpList]").length;
	544	+ $("li[name=addrRecvGrpList]").each(function () {
	545	+ i++;
	546	+ addrGrpIds += $(this).attr("class");
	547	+ if (liCount > i) {
	548	+ addrGrpIds += ",";
	549	+ }
	550	+ });
	551	+ $("#addrGrpIds").val(addrGrpIds);
	552	+
	553	+ var data = new FormData(document.addrGrpSendForm);
	554	+ $.ajax({
	555	+ type: "POST",
	556	+ url: "/web/main/addrRecvSaveAjax.do",
	557	+ data: data,
	558	+ dataType:'json',
	559	+ async: false,
	560	+ processData: false,
	561	+ contentType: false,
	562	+ cache: false,
	563	+ success: function (data) {
	564	+ JSON.stringify(data);
	565	+ if(data.isSuccess == true){
	566	+ location.reload();
	567	+ } else {
	568	+ alert("Message : " + msg);
	569	+ }
	570	+ },
	571	+ error: function (e) {
	572	+ alert("저장에 실패하였습니다.");
	573	+ }
	574	+ });
	575	+ }
	576	+}
	577	+
	578	+// 주소록 받기 거절
	579	+function addrRecvRejectAjax() {
	580	+ if (confirm("주소록 그룹 받기를 거절하시겠습니까?")) {
	581	+ var data = new FormData(document.addrGrpSendForm);
	582	+ $.ajax({
	583	+ type: "POST",
	584	+ url: "/web/main/addrRecvRejectAjax.do",
	585	+ data: data,
	586	+ dataType:'json',
	587	+ async: false,
	588	+ processData: false,
	589	+ contentType: false,
	590	+ cache: false,
	591	+ success: function (data) {
	592	+ JSON.stringify(data);
	593	+ if(data.isSuccess == true){
	594	+ location.reload();
	595	+ } else {
	596	+ alert("Message : " + msg);
	597	+ }
	598	+ },
	599	+ error: function (e) {
	600	+ alert("저장에 실패하였습니다.");
	601	+ }
	602	+ });
	603	+ }
	604	+}
	605	+
	606	+//타인에게 전송받은 팩스 주소록 수신대기 목록 조회하기
	607	+function faxAddrRecvListAjax() {
	608	+ var data = new FormData(document.faxAddrGrpSendForm);
	609	+ $.ajax({
	610	+ type: "POST",
	611	+ url: "/web/main/fax/faxAddrRecvListAjax.do",
	612	+ data: data,
	613	+ dataType:'json',
	614	+ async: true,
	615	+ processData: false,
	616	+ contentType: false,
	617	+ cache: false,
	618	+ success: function (data) {
	619	+ if(data.isSuccess == true){
	620	+ if (data.faxAddrRecvListSize > 0) {
	621	+ // 주소록 내보내기 레이어 오픈
	622	+ getFaxAddrRecvListShow(data.faxAddrRecvList, data.faxAddrRecvListSize)
	623	+ $("#btnFaxAddrAlert").trigger('click');
	624	+ }
	625	+ } else {
	626	+ //alert("Message : " + msg);
	627	+ }
	628	+ },
	629	+ error: function (e) {
	630	+ //alert("저장에 실패하였습니다.");
	631	+ //console.log("ERROR : ", e);
	632	+ }
	633	+ });
	634	+}
	635	+
	636	+//팩스 주소록 받은 목록 팝업 처리 Show Html
	637	+function getFaxAddrRecvListShow(jsonFaxList, faxAddrRecvListSize) {
	638	+ var addrGrpId = "";
	639	+ var addrGrpNm = "";
	640	+ var sendMberId = "";
	641	+ var sendAddrCnt = 0;
	642	+ var sHtml = "";
	643	+ for (var j = 0; j < jsonFaxList.length; j++) {
	644	+ addrGrpId = $.trim(jsonFaxList[j].addrGrpId);
	645	+ addrGrpNm = $.trim(jsonFaxList[j].addrGrpNm);
	646	+ sendMberId = $.trim(jsonFaxList[j].sendMberId);
	647	+ sendAddrCnt = $.trim(jsonFaxList[j].sendAddrCnt);
	648	+ sHtml += "<li name='faxAddrRecvGrpList' id='faxAddrGrpID_" + addrGrpId + "' class='" + addrGrpId + "'>" + addrGrpNm + " [<span>" + sendAddrCnt + "</span>명]";
	649	+ sHtml += "<button type='button' onclick=removeFaxAddrRecvList('" + addrGrpId + "');><img src='/publish/images/content/close_btn.png' alt='선택 그룹 취소'></button>";
	650	+ sHtml += "</li>";
	651	+ }
	652	+
	653	+ $(".faxSendId").html(sendMberId);
	654	+ $(".faxGroupCount").html(faxAddrRecvListSize);
	655	+ $("#faxSelGroup2").html(sHtml);
	656	+}
	657	+
	658	+//내보내기 레이어 내 리스트 세팅
	659	+function removeFaxAddrRecvList(addrGrpId) {
	660	+ var faxLiCount = $("li[name=faxAddrRecvGrpList]").length;
	661	+ $("#faxAddrGrpID_" + faxAddrGrpId).remove();
	662	+ $(".faxGroupCount").text(faxLiCount-1);
	663	+}
	664	+
	665	+//타인에게 전송받은 주소록 수신대기 목록 조회하기
	666	+function faxAddrRecvSaveAjax() {
	667	+ if (confirm("팩스 주소록 그룹을 받으시겠습니까?")) {
	668	+ var faxAddrGrpId = "";
	669	+ var faxAddrGrpIds = "";
	670	+ var i = 0;
	671	+ var liCount = $("li[name=faxAddrRecvGrpList]").length;
	672	+ $("li[name=faxAddrRecvGrpList]").each(function () {
	673	+ i++;
	674	+ faxAddrGrpIds += $(this).attr("class");
	675	+ if (liCount > i) {
	676	+ faxAddrGrpIds += ",";
	677	+ }
	678	+ });
	679	+ $("#faxAddrGrpIds").val(faxAddrGrpIds);
	680	+
	681	+ var data = new FormData(document.faxAddrGrpSendForm);
	682	+ $.ajax({
	683	+ type: "POST",
	684	+ url: "/web/main/fax/faxAddrRecvSaveAjax.do",
	685	+ data: data,
	686	+ dataType:'json',
	687	+ async: false,
	688	+ processData: false,
	689	+ contentType: false,
	690	+ cache: false,
	691	+ success: function (data) {
	692	+ JSON.stringify(data);
	693	+ if(data.isSuccess == true){
	694	+ location.reload();
	695	+ } else {
	696	+ alert("Message : " + msg);
	697	+ }
	698	+ },
	699	+ error: function (e) {
	700	+ alert("저장에 실패하였습니다.");
	701	+ }
	702	+ });
	703	+ }
	704	+}
	705	+
	706	+// 주소록 받기 거절
	707	+function addrRecvRejectAjax() {
	708	+ if (confirm("주소록 그룹 받기를 거절하시겠습니까?")) {
	709	+ var data = new FormData(document.faxAddrGrpSendForm);
	710	+ $.ajax({
	711	+ type: "POST",
	712	+ url: "/web/main/fax/faxAddrRecvRejectAjax.do",
	713	+ data: data,
	714	+ dataType:'json',
	715	+ async: false,
	716	+ processData: false,
	717	+ contentType: false,
	718	+ cache: false,
	719	+ success: function (data) {
	720	+ JSON.stringify(data);
	721	+ if(data.isSuccess == true){
	722	+ location.reload();
	723	+ } else {
	724	+ alert("Message : " + msg);
	725	+ }
	726	+ },
	727	+ error: function (e) {
	728	+ alert("저장에 실패하였습니다.");
	729	+ }
	730	+ });
	731	+ }
	732	+}
	733	+
	734	+// Kisa 바로가기
	735	+function goKisa() {
	736	+ location.href = "/web/user/kisaReport.do";
	737	+}
	738	+
	739	+//Kisa 얼럿여부 체크
	740	+function kisaAlertOpen() {
	741	+ var kisaList = "${kisaList}";
	742	+ if (kisaList != "" && kisaList != null && kisaList != undefined) {
	743	+ $("#btnKisaAlert").trigger('click');
	744	+ }
	745	+}
	746	+
	747	+//그림문자 샘플 로드
	748	+function fnPhotoListAjax() {
	749	+ $("#photoLoad").css('display','block')
	750	+ $("#letterLoad").css('display','none')
	751	+
	752	+ var sendData = $(document.letterForm).serializeArray();
	753	+ $("#photoLoad").load("/web/mjon/msgdata/selectMainPhotoDataListAjax.do", sendData, function(response, status, xhr) {
	754	+ var len=$('.msg_photo .swiper-slide').length;
	755	+ var loopChk;
	756	+ if(len<6){
	757	+ loopChk=false;
	758	+ }else{
	759	+ loopChk=true;
	760	+ }
	761	+ var msgPhotoSwiper = new Swiper('.msg_photo', {
	762	+ slidesPerView: 5,
	763	+ spaceBetween: 0,
	764	+ speed : 400,
	765	+ loop: loopChk,
	766	+ navigation: {
	767	+ nextEl: '.msg_photo_wrap .swiper-button-next',
	768	+ prevEl: '.msg_photo_wrap .swiper-button-prev',
	769	+ },
	770	+ breakpoints: {
	771	+ 1500:{
	772	+ slidesPerView:4,
	773	+ }
	774	+ }
	775	+ });
	776	+ /* if(document.letterForm.searchKeyword.value == ''){
	777	+ $('.bottom_content .area_total_count').hide();
	778	+ } */
	779	+
	780	+ });
	781	+}
	782	+
	783	+//메인화면 첫 로딩시 인기장문문자 히든 시켜두기
	784	+function fnLongLetterListBlind(){
	785	+ fnLetterListAjax();
	786	+ $("#photoLoad").css('display','block')
	787	+ $("#letterLoad").css('display','none')
	788	+
	789	+}
	790	+
	791	+
	792	+//장문, 단문 문자 샘플 로드
	793	+function fnLetterListAjax() {
	794	+ //$("#letterLoad").html(""); // 문자 영역 초기화
	795	+ $("#photoLoad").css('display','none')
	796	+ $("#letterLoad").css('display','block')
	797	+
	798	+ var sendData = $(document.letterForm).serializeArray();
	799	+ $("#letterLoad").load("/web/mjon/msgdata/selectMainLetterDataListAjax.do", sendData, function(response, status, xhr) {
	800	+ var len=$('.msg_text .swiper-slide').length;
	801	+ var loopChk;
	802	+ if(len<6){
	803	+ loopChk=false;
	804	+ }else{
	805	+ loopChk=true;
	806	+ }
	807	+ var msgLetterSwiper = new Swiper('.msg_text', {
	808	+ slidesPerView: 5,
	809	+ spaceBetween: 0,
	810	+ speed : 400,
	811	+ loop: loopChk,
	812	+ navigation: {
	813	+ nextEl: '.msg_text_wrap .swiper-button-next',
	814	+ prevEl: '.msg_text_wrap .swiper-button-prev',
	815	+ },
	816	+ breakpoints: {
	817	+ 1500:{
	818	+ slidesPerView:4,
	819	+ }
	820	+ }
	821	+ });
	822	+
	823	+ /* if(document.letterForm.searchKeyword.value == ''){
	824	+ $('.bottom_content .area_total_count').hide();
	825	+ } */
	826	+ });
	827	+}
	828	+
	829	+function footerSiteLinkPageGo() {
	830	+ var site = $('#footerSite').val();
	831	+ if (site == "") {
	832	+ alert("사이트를 선택해 주세요")
	833	+ } else {
	834	+ window.open(site);
	835	+ }
	836	+}
	837	+
	838	+function footerSiteLinkPageTwoGo() {
	839	+ var site = $('#footerSiteTwo').val();
	840	+ if (site == "") {
	841	+ alert("사이트를 선택해 주세요")
	842	+ } else {
	843	+ window.open(site);
	844	+ }
	845	+}
	846	+
	847	+function fn_egov_list_tab() {
	848	+ if ("block" == $('#sec2_01').css('display')) {
	849	+ location.href = '/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000431'; //공지사항
	850	+ } else {
	851	+ location.href = '/web/cop/bbsWeb/selectBoardList.do?bbsId=BBSMSTR_000000000441'; //채용공고
	852	+ }
	853	+}
	854	+
	855	+function kisaSign() {
	856	+ var kisaSign = confirm("동의 하십니까?");
	857	+ var mberId = document.getElementById("kisaMberId").value;
	858	+ var signName = document.getElementById("kisaSignNm").value;
	859	+ var signPhoneNo = document.getElementById("kisaSignPhoneNo").value;
	860	+ var signYn = document.getElementById("kisaSignYn").checked;
	861	+
	862	+ if (!signYn) {
	863	+ alert("서명 체크를 해주세요.");
	864	+ return;
	865	+ }
	866	+
	867	+ if (kisaSign) {
	868	+ $.ajax({
	869	+ type : "GET"
	870	+ , url : "/web/kisa/updateKisaWarnMessageAjax.do"
	871	+ , data : {"mberId" : mberId, "kisaSignNm" : signName, "kisaSignPhoneNo" : signPhoneNo}
	872	+ , dataType : 'json'
	873	+ , success : function(returnData, status) {
	874	+ if (status == 'success') {
	875	+ alert("저장 되었습니다.");
	876	+ $("div").remove(".kisaLayerPopup");
	877	+ } else if (status == 'fail') {
	878	+ alert("저장에 실패하였습니다. !!");
	879	+ }
	880	+ }
	881	+ ,error : function(e) {
	882	+ alert("저장에 실패하였습니다.");
	883	+ console.log("ERROR : ", e);
	884	+ }
	885	+ });
	886	+ } else {
	887	+ alert("비동의");
	888	+ }
	889	+}
	890	+
	891	+function fn_egov_inqire_notice(bbsId, nttId) {
	892	+ document.searchForm.bbsId.value = bbsId;
	893	+ document.searchForm.nttId.value = nttId;
	894	+ document.searchForm.method = "get";
	895	+ document.searchForm.action = "<c:url value='/web/cop/bbs/NoticeDetail.do'/>";
	896	+ document.searchForm.submit();
	897	+}
	898	+
	899	+/* ********************************************************
	900	+ * 쿠키설정
	901	+ ******************************************************** */
	902	+//쿠키설정
	903	+function fnSetCookieEventPopup(name, value, expiredays) {
	904	+
	905	+ console.log("cash name ::: " + name);
	906	+ var todayDate = new Date();
	907	+ todayDate.setDate(todayDate.getDate() + expiredays);
	908	+ document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";"
	909	+}
	910	+
	911	+//쿠키정보 가져오기
	912	+function fnGetCookie(name) {
	913	+
	914	+ var prefix = name + "=";
	915	+ var cookieStartIndex = document.cookie.indexOf(prefix);
	916	+ if (cookieStartIndex == -1) return null;
	917	+ var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length);
	918	+ if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length;
	919	+ return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex));
	920	+}
	921	+
	922	+
	923	+/* ********************************************************
	924	+* 체크버튼 클릭시
	925	+******************************************************** */
	926	+function fnPopupChk(popupId , typeFlag) {
	927	+ var pcVal = $('#'+popupId).is(':checked');
	928	+
	929	+ if(pcVal){
	930	+ fnSetCookieEventPopup(typeFlag+"_"+popupId , "done" , 3);
	931	+ }
	932	+
	933	+ if(popupId == 'cookieDelPop'){
	934	+ console.log(popupId);
	935	+ $('.cookieDelPopClose').click(); //팝업 자동으로 닫기
	936	+ }
	937	+
	938	+ if(popupId == 'evntPayPop'){
	939	+ console.log(popupId);
	940	+ $('.evntPayPopClose').click(); //팝업 자동으로 닫기
	941	+ }
	942	+
	943	+ if(popupId == 'pointPop'){
	944	+ console.log(popupId);
	945	+ $('.pointPopClose').click(); //팝업 자동으로 닫기
	946	+ }
	947	+
	948	+ if(popupId == 'agreePrivatePop'){
	949	+ console.log(popupId);
	950	+ $('.agreePrivatePopClose').click(); //팝업 자동으로 닫기
	951	+ }
	952	+ //fn_layerClose(popupId);
	953	+ //레이어 팝업이 하나도 없으면 배경도 안보이도록 처리
	954	+ if($(".layer_popup:visible").length == 0){
	955	+ $(".layer_popup_wrap").hide();
	956	+ }
	957	+}
	958	+
	959	+function fnMainImgSendMsg(atchFileId, fileSn, strImgPath){
	960	+
	961	+ var form = document.mainImgSendForm;
	962	+
	963	+ form.atchFileId1.value = atchFileId;
	964	+ form.fileSn.value = fileSn;
	965	+ form.strImgPath.value = strImgPath;
	966	+ form.mainImgFlag.value = "Y";
	967	+ form.cateNo.value = $('.tDep2_cateCode').find('.on').attr("value"); //카테고리 넘겨주기
	968	+
	969	+ form.action = "<c:url value='/web/mjon/msgdata/selectMsgDataView.do'/>";
	970	+ form.submit();
	971	+
	972	+}
	973	+
	974	+function fnMainLetterSendMsg(letterId){
	975	+
	976	+ var form = document.mainImgSendForm;
	977	+ form.letterId.value = letterId;
	978	+ form.mainLetterFlag.value = "Y";
	979	+ form.mainLetterTypeFlag.value = $('.tDep1_letType').find('.on').attr("value");
	980	+ form.cateNo.value = $('.tDep2_cateCode').find('.on').attr("value"); //카테고리 넘겨주기
	981	+
	982	+ form.action = "<c:url value='/web/mjon/msgdata/selectMsgDataView.do'/>";
	983	+ form.submit();
	984	+
	985	+
	986	+}
	987	+
	988	+function fnMoreSampleView(){
	989	+
	990	+ var form = document.mainImgSendForm;
	991	+ form.mainMoreSamFlag.value = "Y";
	992	+ form.mainLetterTypeFlag.value = $('.tDep1_letType').find('.on').attr("value");
	993	+ form.cateNo.value = $('.tDep2_cateCode').find('.on').attr("value");
	994	+
	995	+ console.log(form.mainMoreSamFlag.value);
	996	+ //장/단문/그림
	997	+ form.action = "<c:url value='/web/mjon/msgdata/selectMsgDataView.do'/>";
	998	+ //맞춤제작 샘플
	999	+ if($(".tDep1_letType").children('a').eq(3).hasClass('on')){
	1000	+ form.action = "<c:url value='/web/mjon/custom/selectMsgCustomView.do'/>";
	1001	+ }
	1002	+ form.submit();
	1003	+
	1004	+}
	1005	+
	1006	+// 맞춤제작요청
	1007	+function goCustomUrl() {
	1008	+ location.href = "<c:url value='/web/mjon/custom/selectMsgCustomView.do'/>";
	1009	+}
	1010	+
	1011	+$(window).on('load',function(){
	1012	+ setTimeout(function(){
	1013	+ popScrTarget();
	1014	+ },500);
	1015	+});
	1016	+
	1017	+function popScrTarget(){
	1018	+ var target=$('.login_pay .point .btnType, .main_service ul li:nth-child(4) a');
	1019	+ var closeTarget=$('.point_layer .tooltip-close');
	1020	+ target.attr('onclick','popScrSetting();');
	1021	+ closeTarget.attr('onclick','popScrCloseSetting();');
	1022	+}
	1023	+
	1024	+var popScrT=0;
	1025	+function popScrSetting(){
	1026	+ popScrT=$(window).scrollTop();
	1027	+}
	1028	+
	1029	+function popScrCloseSetting(){
	1030	+ setTimeout(function(){
	1031	+ $(window).scrollTop(popScrT);
	1032	+ },1);
	1033	+}
	1034	+
	1035	+
	1036	+//이벤트 팝업 호출
	1037	+function remoteEventPayPop(payCount) {
	1038	+ if (fnGetCookie('layer_evntPayPop') != null) { //첫결제 이벤트 팝업 3일 안보기 체크
	1039	+ console.log("이벤트 쿠키 있음 : HIDE");
	1040	+
	1041	+// $('.payEventPop').css("display","none");
	1042	+// $('.payEventPop').hide();
	1043	+ }else{
	1044	+ console.log("이벤트 쿠키 없음 : SHOW");
	1045	+
	1046	+ $('.payEventPop').css("display","block");
	1047	+ $('.payEventPop').show();
	1048	+ }
	1049	+
	1050	+ /* document.eventForm.payCount.value = payCount;
	1051	+ window.open("about:blank", 'eventPayPop', 'width=700, height=700, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbar=no');
	1052	+ document.eventForm.action = "<c:url value='/web/event/selectEventPopAjax.do'/>";
	1053	+ document.eventForm.target = "eventPayPop";
	1054	+ document.eventForm.submit(); */
	1055	+}
	1056	+
	1057	+function fnEventLoginChk(){
	1058	+
	1059	+ var userId = '${userId}';
	1060	+
	1061	+ if(userId == null \|\| userId == ''){
	1062	+
	1063	+ //alert("문자온 서비스는 로그인 후 이용 가능합니다.");
	1064	+ location.href="/web/user/login/login.do?goEventPay=Y";
	1065	+ //location.href="/web/user/login/login.do";
	1066	+
	1067	+ }else{
	1068	+
	1069	+ var frm = document.eventForm;
	1070	+ var data = new FormData(frm);
	1071	+
	1072	+ //팝업에서 결제하기 버튼을 누른 경우 해당 회원의 정보를 먼저 이벤트 회원 정보 테이블에 넣어준다.
	1073	+ $.ajax({
	1074	+ type:"POST",
	1075	+ url: "/web/event/insertEventDefaultMberInfoAjax.do",
	1076	+ data: data,
	1077	+ dataType:'json',
	1078	+ contentType: false,
	1079	+ processData: false,
	1080	+ success: function (returnData, status) {
	1081	+ if(status == 'success'){
	1082	+
	1083	+ if(returnData.resultSts == 'loginFail'){
	1084	+
	1085	+ alert("문자온 서비스는 로그인 후 이용 가능합니다.");
	1086	+ location.href="<c:url value='/web/user/login/login.do'/>";
	1087	+
	1088	+ }else if(returnData.resultSts == 'success'){//회원정보 입력이 끝나면 결제 화면으로 이동한다.
	1089	+
	1090	+ location.href="<c:url value='/web/event/member/pay/PayView.do'/>";
	1091	+
	1092	+ }else if(returnData.resultSts == 'eventJoined'){//현재 이벤트를 진행중인 회원
	1093	+
	1094	+ alert("현재 이벤트 진행 중입니다.");
	1095	+ location.href="<c:url value='/web/main/mainPage.do'/>";
	1096	+
	1097	+ }else if(returnData.resultSts == 'eventEnded'){//해당 이벤트가 완료된 회원
	1098	+
	1099	+ alert("해당 이벤트가 종료되었습니다.");
	1100	+ location.href="<c:url value='/web/main/mainPage.do'/>";
	1101	+
	1102	+ }else if(returnData.resultSts == 'eventBline'){//B선 전송사 이용고객 => 이벤트대상 제외처리
	1103	+
	1104	+ alert("이벤트 대상자가 아닙니다.");
	1105	+ location.href="<c:url value='/web/main/mainPage.do'/>";
	1106	+
	1107	+ }
	1108	+
	1109	+ } else if(status== 'fail'){
	1110	+ alert("이벤트 신청에 오류가 발생하였습니다.");
	1111	+ return false;
	1112	+ }
	1113	+ },
	1114	+ error: function (e) {
	1115	+ alert("이벤트 신청에 오류가 발생하였습니다.");
	1116	+ console.log("ERROR : ", e);
	1117	+ }
	1118	+ });
	1119	+
	1120	+
	1121	+ }
	1122	+
	1123	+}
	1124	+
	1125	+
	1126	+// 함수명: 배너 클릭하면 통계 추가 (2023-05-17 최남규) - 로그인화면(EgovLoginGnrlUsr.jsp)에도 같음 함수명 추가했음(단, 배너 갯수 다름)
	1127	+// 설명: 베너코드(ITN054)와 메뉴코드(ITN055) 조합코드 전달 후 Ajax.do 에서 '_' 분리후 날짜와 배너코드와 메뉴코드와 클릭수 +1
	1128	+// 테이블(mj_banner_click_stat)에 최초 등록 후 이후 전체접속수(CLICK_A_CNT+1)를 수정
	1129	+// 배너 추가될때 배너코드를 공통코드(ITN054) 추가
	1130	+// 배너클릭통계-배너코드(ITN054): 원키퍼: 001, 간판다움: 002, NORDIC TOOLS: 003, 폰더하기: 004
	1131	+// 배너클릭통계-메뉴코드(ITN055): 메인:01, 로그인: 02
	1132	+function fn_click_banner_add_stat(bannerMenuCode){
	1133	+
	1134	+ console.log("fn_click_banner_add_stat 배너 선택 "+ bannerMenuCode) ;
	1135	+ // 배너클릭 후 배너클릭통계 처리 성공과 관계없이 무조건 배너이동 함.
	1136	+ if (bannerMenuCode == "001_01")
	1137	+ {
	1138	+ window.open("https://www.one-keeper.co.kr/cp/munjaon/index.aspx"); // 새탭에서 열림
	1139	+ } else if (bannerMenuCode == "002_01")
	1140	+ {
	1141	+ window.open("http://ganpandaum.co.kr"); // 새탭에서 열림
	1142	+ } else if (bannerMenuCode == "003_01")
	1143	+ {
	1144	+ window.open("https://www.nordictools.co.kr/index.html"); // 새탭에서 열림
	1145	+ } else if (bannerMenuCode == "004_01")
	1146	+ {
	1147	+ window.open("http://www.plusphone.co.kr/web/main/mainPage.do"); // 새탭에서 열림
	1148	+ }
	1149	+
	1150	+ var _param = { "bannerMenuCode" : bannerMenuCode }
	1151	+ $.ajax({
	1152	+ type : "POST",
	1153	+ async : false,
	1154	+ url : "/web/main/insertBannerClickStatAjax.do",
	1155	+ data : _param,
	1156	+ dataType:'json',
	1157	+ success : function(data) {
	1158	+ //alert(JSON.stringify(data));
	1159	+ console.log("sucess data1 : " + JSON.stringify(data));
	1160	+ if (data.isSuccess == true) {
	1161	+ console.log("fn_click_banner_add_stat sucess data2 : " + JSON.stringify(data));
	1162	+ }
	1163	+ else {
	1164	+ console.log("data.isSuccess not true ");
	1165	+ console.log("sucess data.msg : " + data.msg);
	1166	+ console.log("sucess data1 : " + JSON.stringify(data));
	1167	+ }
	1168	+ },
	1169	+ error : function(xhr, status, error) {
	1170	+ console.log("fn_click_banner_add_stat error : " + error);
	1171	+ console.log("fn_click_banner_add_stat xhr : " + JSON.stringify(xhr) + "\r\status : " + JSON.stringify(status) + "\r\error : " + JSON.stringify(error));
	1172	+ return false;
	1173	+ }
	1174	+ });
	1175	+}
	1176	+
	1177	+
	1178	+
	1179	+
	1180	+</script>
	1181	+</head>
	1182	+
	1183	+<!-- 검색어 순위 노출 h2태그 -->
	1184	+<div class="layer_popup_wrap02" style="overflow:hidden;left:-9999em;top:-9999em;width:0;height:0;visibility:hidden;">
	1185	+ <div class="popup_inner">
	1186	+ <div class="layer_popup02">
	1187	+ <div class="layer_popup_cont">
	1188	+ <h2>문자온은 인사, 홍보, 고객관리 목적의 대량문자 및 단체문자를 인터넷(웹)으로 발송하기 위한 최고의 문자사이트입니다.</h2>
	1189	+ 대량/단체 문자 발송을 위한 [문자전송], [주소록관리], [맞춤제작], [문자샘플]등 다양한 기능을 사용해보세요.
	1190	+ </div>
	1191	+ </div>
	1192	+ </div>
	1193	+</div>
	1194	+
	1195	+<%-- <input type="hidden" name="mberId" id="mberId" value="${result.kisaId}"> --%>
	1196	+<!-- 이벤트 폼 -->
	1197	+<form id="eventForm" name="eventForm" method="post">
	1198	+ <input type="hidden" id="payCount" name="payCount" value="0"/>
	1199	+ <input type="hidden" id="eventNttId" name="eventNttId" value="<c:out value='${resultEvent.nttId}'/>"/>
	1200	+ <input type="hidden" id="eventBbsId" name="eventBbsId" value="<c:out value='${resultEvent.bbsId}'/>"/>
	1201	+</form>
	1202	+
	1203	+<!-- 이벤트 팝업 -->
	1204	+<div class="layer_popup_wrap eventLayerPop" style="display:none;">
	1205	+ <div class="popup_inner">
	1206	+
	1207	+ <%-- <div class="layer_popup pointPop chusPopup">
	1208	+ <div class="layer_popup_cont">
	1209	+ <img src="/publish/images/main/popup03.jpg" alt="[추석 연휴 고객센터 운영 안내] 풍성하고 넉넉한 한가위 되시길 기원하며, 추석 연휴 동안의 고객센터 운영에 대하여 안내드립니다. 연휴기간 : 09월 16일(월) ~ 09월 18일(수) - 고객센터(1551-8011)를 통한 전화상담은 운영되지 않습니다. - 온라인(카카오톡/홈페이지1:1문의/E-mail) 상담은 24시간 접수 가능합니다. - 접수된 문의는 순차적으로 처리되며 빠른 시일 내에 답변드리도록 하겠습니다. 감사합니다">
	1210	+ </div>
	1211	+ <div class="popup_btm">
	1212	+ <input type="checkbox" id="pointPop" name="pointPop" onclick="javascript:fnPopupChk('pointPop' , 'layer')"><label for="pointPop">3일간 열지 않음</label>
	1213	+ <button type="button" class="popup_close pointPopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
	1214	+ </div>
	1215	+ </div> --%>
	1216	+
	1217	+ <!-- 20241101 작업공지 팝업 -->
	1218	+ <div class="layer_popup pointPop">
	1219	+ <div class="layer_popup_cont">
	1220	+ <img src="/publish/images/main/popup05_241101.jpg" alt="작업공지 문자온 대표전화 서비스 일시 중단 안내 ARS시스템 점검으로 인하여 다음과 같이 대표전화 서비스가 일시 중단되오니 서비스 이용에 참고하시기 바랍니다.작업일시 : 2024.11.01(금), 15:00 ~ 17:30 작업내용 : ARS시스템 정기점검 작업영향 : 작업시간 동안 고객센터(1551-8011)를 통한 전화상담 중지 ※ 온라인(카카오톡/홈페이지1:1문의/E-mail) 상담은 가능하며, 접수된 문의는 빠른 시일 내에 순차적으로 답변드리도록 하겠습니다. 감사합니다.">
	1221	+ </div>
	1222	+ <div class="popup_btm">
	1223	+ <input type="checkbox" id="pointPop" name="pointPop" onclick="javascript:fnPopupChk('pointPop' , 'layer')"><label for="pointPop">3일간 열지 않음</label>
	1224	+ <button type="button" class="popup_close pointPopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
	1225	+ </div>
	1226	+ </div>
	1227	+
	1228	+ <!-- 20241028 이용약관, 개인정보처리방침 팝업 -->
	1229	+ <div class="layer_popup agreePrivatePop" id="agreePrivatePop_20241105" style="display: none;">
	1230	+ <div class="layer_popup_cont">
	1231	+ <img src="/publish/images/main/popup04_241028.jpg" alt="이용약관, 개인정보처리방침 개정 안내 변함없는 문자온 서비스 이용에 감사의 말씀 드립니다. 당사 이용약관 및 개인정보처리방침이 개정되오니 서비스 이용에 참고하시기 바랍니다. 이용약관 공지사항 개인정보처리방침 공지사항 항상 최선의 서비스를 제공할 수 있도록 노력하겠습니다. 감사합니다." usemap="#popup-service-map">
	1232	+ <map name="popup-service-map">
	1233	+ <area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000721&nttId=700" coords="34,275,377,321" shape="rect">
	1234	+ <area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000721&nttId=699" coords="34,332,377,378" shape="rect">
	1235	+ </map>
	1236	+ </div>
	1237	+ <div class="popup_btm">
	1238	+ <input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
	1239	+ <button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
	1240	+ </div>
	1241	+ </div>
	1242	+
	1243	+ <!-- 20241105 이용약관 팝업 -->
	1244	+ <div class="layer_popup agreePrivatePop" id="agreePrivatePop_20241106" style="display: none;">
	1245	+ <div class="layer_popup_cont">
	1246	+ <img src="/publish/images/main/popup04_241105.jpg" alt="이용약관 개정 안내 변함없는 문자온 서비스 이용에 감사의 말씀 드립니다. 당사 이용약관이 개정되오니 서비스 이용에 참고하시기 바랍니다. 이용약관 공지사항 항상 최선의 서비스를 제공할 수 있도록 노력하겠습니다. 감사합니다." usemap="#popup-use-map">
	1247	+ <map name="popup-use-map">
	1248	+ <area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000721&nttId=700" coords="35,295,378,352" shape="rect">
	1249	+ </map>
	1250	+ </div>
	1251	+ <div class="popup_btm">
	1252	+ <input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
	1253	+ <button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
	1254	+ </div>
	1255	+ </div>
	1256	+
	1257	+ <!-- 세로가 짧은 팝업 2개일때 -->
	1258	+ <div class="popup_range" id="agreePrivatePop_20241129">
	1259	+ <!-- 20241119 보안강화 인증 수단 도입 안내 팝업 -->
	1260	+ <div class="layer_popup agreePrivatePop" style="margin: 0 0 20px 30px;" id="agreePrivatePop_20241121">
	1261	+ <div class="layer_popup_cont">
	1262	+ <img src="/publish/images/main/popup06_241119.jpg" alt="보안강화 인증수단 도입 안내 2024년11월 17일자로 보안강화를 위해 서비스 로그인시 휴대폰 본인인증 기능을 도입하였으니 서비스 이용에 참고하시기 바랍니다." usemap="#popup-user-map1" style="height:220px; width:413px;">
	1263	+ <map name="popup-user-map1">
	1264	+ <area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000723&nttId=720" coords="65,148,345,182" shape="rect">
	1265	+ </map>
	1266	+ </div>
	1267	+ <div class="popup_btm">
	1268	+ <input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
	1269	+ <button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
	1270	+ </div>
	1271	+ </div>
	1272	+
	1273	+ <!-- 20241122 보안강화 인증 수단 도입 안내 팝업 -->
	1274	+ <div class="layer_popup agreePrivatePop" style="margin: 0 0 20px 30px;" id="agreePrivatePop_20241122">
	1275	+ <div class="layer_popup_cont">
	1276	+ <img src="/publish/images/main/popup06_241122.jpg" alt="보안로그인 서비스 안내 계정 보안 강화를 위해 도입한 기존 보안로그인 서비스를 2024년 11월 22일자로 개선 및 추가하오니 이용에 참고하시기 바랍니다." usemap="#popup-user-map2" style="height:220px; width:413px;">
	1277	+ <map name="popup-user-map2">
	1278	+ <area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000723&nttId=726&seCmmnCdId=&frstRegisterId=&viewsYn=&menuNo=&searchBgnDe=&searchEndDe=&pageIndex=1&searchSortCnd=&searchSortOrd=&searchCnd=&searchWrd=&pageUnit=10" coords="65,148,345,182" shape="rect">
	1279	+ </map>
	1280	+ </div>
	1281	+ <div class="popup_btm">
	1282	+ <input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
	1283	+ <button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
	1284	+ </div>
	1285	+ </div>
	1286	+
	1287	+ <!-- 20241119 이용약관 팝업 -->
	1288	+ <div class="layer_popup agreePrivatePop">
	1289	+ <div class="layer_popup_cont">
	1290	+ <img src="/publish/images/main/popup04_241119.jpg" alt="이용약관 개정 안내 변함없는 문자온 서비스 이용에 감사의 말씀 드립니다. 당사 이용약관이 개정되오니 서비스 이용에 참고하시기 바랍니다." usemap="#popup-use-map1" style="height:220px; width:413px;">
	1291	+ <map name="popup-use-map1">
	1292	+ <area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000721&nttId=700" coords="65,148,345,182" shape="rect">
	1293	+ </map>
	1294	+ </div>
	1295	+ <div class="popup_btm">
	1296	+ <input type="checkbox" id="agreePrivatePop" name="agreePrivatePop" onclick="javascript:fnPopupChk('agreePrivatePop' , 'layer')"><label for="agreePrivatePop">3일간 열지 않음</label>
	1297	+ <button type="button" class="popup_close agreePrivatePopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
	1298	+ </div>
	1299	+ </div>
	1300	+ </div>
	1301	+ <!--// 세로가 짧은 팝업 2개일때 -->
	1302	+
	1303	+
	1304	+ <!-- 20241224 브라우저 쿠키 삭제 방법 안내 팝업 -->
	1305	+ <div class="layer_popup delCookiePop">
	1306	+ <div class="layer_popup_cont">
	1307	+ <img src="/publish/images/main/popup07.jpg" alt="브라우저 쿠키 삭제 방법 안내 2024. 12. 23.자로 사이트 일부가 개편됨에 따라, 원활한 서비스 이용을 위한 “쿠키 및 기타 사이트 데이터”삭제 방법을 다음과 같이 안내해 드립니다. ※ 버튼 클릭 시 기능이 작동하지 않는 경우 해당 조치 필요 항상 최선의 서비스를 제공할 수 있도록 노력하겠습니다. 감사합니다." usemap="#popup-use-map7">
	1308	+ <map name="popup-use-map7">
	1309	+ <area href="https://www.munjaon.co.kr/web/cop/bbs/NoticeDetail.do?bbsId=BBSMSTR_000000000762&nttId=749&seCmmnCdId=&frstRegisterId=&viewsYn=&menuNo=&searchBgnDe=&searchEndDe=&pageIndex=1&searchSortCnd=&searchSortOrd=&searchCnd=&searchWrd=&pageUnit=10" coords="35,330,376,386" shape="rect">
	1310	+ </map>
	1311	+ </div>
	1312	+ <div class="popup_btm">
	1313	+ <input type="checkbox" id="cookieDelPop" name="cookieDelPop" onclick="javascript:fnPopupChk('cookieDelPop' , 'layer')"><label for="cookieDelPop">3일간 열지 않음</label>
	1314	+ <button type="button" class="popup_close cookieDelPopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
	1315	+ </div>
	1316	+ </div>
	1317	+ <!--// 20241224 브라우저 쿠키 삭제 방법 안내 팝업 -->
	1318	+
	1319	+ <div class="layer_popup payEventPop">
	1320	+ <div class="layer_popup_cont">
	1321	+ <img src="/publish/images/main/popup01.jpg" alt="단 한 번! 인생 최저가! 저세상 파격 특가! 누구나 첫 결제시 단문 7.5원 장문 32원 그림 59원 문자온만의 파격적인 최저가 혜택 지금 바로 만나보세요 결제 바로가기 이벤트 혜택은 본 페이지에서 결제하시는 경우에만 적용됩니다." usemap="#popup-map">
	1322	+ <map name="popup-map">
	1323	+ <area href="#" onClick="javascript:fnEventLoginChk()" coords="385,458,28,410" shape="rect">
	1324	+ </map>
	1325	+ </div>
	1326	+ <div class="popup_btm">
	1327	+ <input type="checkbox" id="evntPayPop" name="evntPayPop" onclick="javascript:fnPopupChk('evntPayPop' , 'layer')"><label for="evntPayPop">3일간 열지 않음</label>
	1328	+ <button type="button" class="popup_close evntPayPopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
	1329	+ </div>
	1330	+ </div>
	1331	+
	1332	+ <%-- <div class="layer_popup pointPop">
	1333	+ <div class="layer_popup_cont">
	1334	+ <a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do" title="알림톡 링크 이동">
	1335	+ <img src="/publish/images/main/popup_allimtalk_230712.jpg" alt="문자 ON 문자온 알림톡, 대한민국 최저가 선언! 조건없이 무조건 6.9원! 기업전용 / 1,000자 이하 텍스트&이미지 / 문자 대비 65% 저렴 카카오 '알림톡' 서비스 오픈! 알림톡 바로가기">
	1336	+ </a>
	1337	+ </div>
	1338	+ <div class="popup_btm">
	1339	+ <input type="checkbox" id="pointPop" name="pointPop" onclick="javascript:fnPopupChk('pointPop' , 'layer')"><label for="pointPop">3일간 열지 않음</label>
	1340	+ <button type="button" class="popup_close pointPopClose"><img src="/publish/images/main/btn_popup_close01.png" alt="팝업닫기"></button>
	1341	+ </div>
	1342	+ </div> --%>
	1343	+ </div>
	1344	+</div>
	1345	+
	1346	+<!-- 신고 알림 팝업 -->
	1347	+<div class="tooltip-wrap">
	1348	+ <div class="popup-com popup06 kisa_popup" tabindex="0" data-tooltip-con="popup06" data-focus="popup06" data-focus-prev="popup06-close">
	1349	+ <div class="popup_heading">
	1350	+ <p>KISA 신고 내용 상세보기</p>
	1351	+ <button type="button" class="tooltip-close" data-focus="popup06-close">
	1352	+ <img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
	1353	+ </button>
	1354	+ </div>
	1355	+ <div class="layer_in layer_notify">
	1356	+ <img src="/publish/images/content/kisa_layer_notify_img.jpg" alt="고객님께서 발송하신 문자가 광고문자 발송규정 위반으로 한국인터넷진흥원(KISA)에 신고접수 되었으니 마이페이지 - KISA신고 메뉴에서 확인 후 소명 자료를 제출해주시기 바랍니다." />
	1357	+ </div>
	1358	+ <div class="popup_btn_wrap2">
	1359	+ <button type="button" onclick="goKisa(); return false;">KISA 신고 바로가기</button>
	1360	+ <button type="button" class="tooltip-close" data-focus="popup06-close" data-focus-next="popup06">닫기</button>
	1361	+ </div>
	1362	+ </div>
	1363	+</div>
	1364	+<input type="hidden" data-tooltip="popup06" id="btnKisaAlert" />
	1365	+<!-- //신고 알림 팝업 -->
	1366	+
	1367	+<!-- 그룹 내보내기 팝업 data-tooltip:adr_popup03 -->
	1368	+<form name="addrGrpSendForm" id="addrGrpSendForm" method="post" onsubmit="return false;">
	1369	+ <input type="hidden" id="addrGrpIds" name="addrGrpIds" />
	1370	+ <div class="tooltip-wrap">
	1371	+ <div class="popup-com adr_layer adr_popup03" tabindex="0" data-tooltip-con="adr_popup03" data-focus="adr_popup03" data-focus-prev="adr_popup03-close" style="width: 810px;">
	1372	+ <div class="popup_heading">
	1373	+ <p>주소록 그룹 받기</p>
	1374	+ <button type="button" id="sendCheckCloseBtn" class="tooltip-close" data-focus="adr_popup03-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	1375	+ </div>
	1376	+ <div class="layer_in">
	1377	+ <p class="adr_pop_title"><span class="c_222 sendId"></span>님으로부터 <span class="c_e40000">총 <span class="groupCount"></span>개의 주소록</span>을 받으시겠습니까?</p>
	1378	+ <div class="gorup_join_cont">
	1379	+ <div class="select_group" style="max-height: 350px; overflow: auto">
	1380	+ <p>수신그룹</p>
	1381	+ <ul id="selGroup2" class="selGroup2"></ul>
	1382	+ </div>
	1383	+ </div>
	1384	+ <div class="popup_btn_wrap2">
	1385	+ <button type="button" onclick="addrRecvSaveAjax()">확인</button>
	1386	+ <!-- <button type="button" onclick="addrRecvRejectAjax()">거절</button> -->
	1387	+ <button type="button" class="tooltip-close" data-focus="adr_popup03-close" data-focus-next="adr_popup03">닫기</button>
	1388	+ </div>
	1389	+ </div>
	1390	+ </div>
	1391	+ </div>
	1392	+</form>
	1393	+<input type="hidden" data-tooltip="adr_popup03" id="btnAddrAlert" />
	1394	+<!--// 그룹 내보내기 팝업 -->
	1395	+
	1396	+<!-- 팩스 그룹 내보내기 팝업 data-tooltip:adr_popup04 -->
	1397	+<form name="faxAddrGrpSendForm" id="faxAddrGrpSendForm" method="post" onsubmit="return false;">
	1398	+ <input type="hidden" id="faxAddrGrpIds" name="addrGrpIds" />
	1399	+ <div class="tooltip-wrap">
	1400	+ <div class="popup-com adr_layer faxAdr_popup04" tabindex="0" data-tooltip-con="faxAdr_popup04" data-focus="faxAdr_popup04" data-focus-prev="faxAdr_popup04-close" style="width: 810px;">
	1401	+ <div class="popup_heading">
	1402	+ <p>팩스 주소록 그룹 받기</p>
	1403	+ <button type="button" id="sendCheckCloseBtn" class="tooltip-close" data-focus="adr_popup03-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	1404	+ </div>
	1405	+ <div class="layer_in">
	1406	+ <p class="adr_pop_title"><span class="c_222 faxSendId"></span>님으로부터 <span class="c_e40000">총 <span class="faxGroupCount"></span>개의 주소록</span>을 받으시겠습니까?</p>
	1407	+ <div class="gorup_join_cont">
	1408	+ <div class="select_group" style="max-height: 350px; overflow: auto">
	1409	+ <p>수신그룹</p>
	1410	+ <ul id="faxSelGroup2" class="selGroup2"></ul>
	1411	+ </div>
	1412	+ </div>
	1413	+ <div class="popup_btn_wrap2">
	1414	+ <button type="button" onclick="faxAddrRecvSaveAjax()">확인</button>
	1415	+ <!-- <button type="button" onclick="addrRecvRejectAjax()">거절</button> -->
	1416	+ <button type="button" class="tooltip-close" data-focus="faxAdr_popup04-close" data-focus-next="faxAdr_popup04">닫기</button>
	1417	+ </div>
	1418	+ </div>
	1419	+ </div>
	1420	+ </div>
	1421	+</form>
	1422	+<input type="hidden" data-tooltip="faxAdr_popup04" id="btnFaxAddrAlert" />
	1423	+<!--// 그룹 내보내기 팝업 -->
	1424	+
	1425	+<!-- visual 영역 -->
	1426	+<div class="visual">
	1427	+ <div class="swiper-container visual_swiper">
	1428	+ <div class="swiper-wrapper" id=" ">
	1429	+ <c:choose>
	1430	+ <c:when test="${not empty mainzoneList}">
	1431	+ <c:forEach var="mainzone" items="${mainzoneList}" varStatus="status">
	1432	+ <div class="swiper-slide">
	1433	+ <div class="slideImg">
	1434	+ <c:if test="${not empty mainzone.mlink }">
	1435	+ <a href="<c:out value='${mainzone.mlink }'/>">
	1436	+ </c:if>
	1437	+ <img src="/cmm/fms/getImage.do?atchFileId=<c:out value='${mainzone.mainzoneImageFile}'/>" alt="<c:out value='${mainzone.content}'/>">
	1438	+ <c:if test="${not empty mainzone.mlink }">
	1439	+ </a>
	1440	+ </c:if>
	1441	+ </div>
	1442	+ </div>
	1443	+ </c:forEach>
	1444	+ </c:when>
	1445	+ <c:otherwise>
	1446	+ <%-- 메인 배너 이미지 등록된 건이 없는 경우 기본적으로 나오는 이미지 3개 --%>
	1447	+ <a href='/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do'>
	1448	+ <div class="swiper-slide">
	1449	+ <div class="slideImg"><img src="/publish/images/main/f_visual_06_20230802.jpg" alt="문자온, 카카오 '알림톡' 서비스 오픈! 문자온 알림톡, 대한민국 최저가 선언! 조건없이 무조건 6.9원! 카카오톡 채널아이디 추가를 하지 않은 이용자에게도 카카오톡 메시지 발송이 가능한 서비스! 알림톡 바로가기 알림톡 도착 kakao 문자온에서 알림톡이 도착하였습니다! 기업전용/1,000자 이하 텍스트 & 이미지/문자 대비 65% 저렴"></div>
	1450	+ </div>
	1451	+ </a>
	1452	+ <div class="swiper-slide">
	1453	+ <div class="slideImg"><img src="/publish/images/main/f_visual_02_20221116.jpg" alt="문자도 보내고! 현금도 챙기는! 문자온만의 특별한 혜택! 결제금액의 2% 포인트 추가 적립! 포인트 1만점 이상 적립 시 현금페이백" /></div>
	1454	+ </div>
	1455	+ <div class="swiper-slide">
	1456	+ <div class="slideImg"><img src="/publish/images/main/f_visual_04_20221116.jpg" alt="문자는 이제, 문자온! 선택은 역시 문자온! 문자사이트 선택의 5가지 기준 1. 가격, 속도, 성능, 기능, 보안이 보장되는가? 2. 결제, 정산, 계산서 발행 등 업무가 자동화 되어 있고 편리한가? 3. 최신 IT 기술과 트렌드가 반영되어 있는가? 4. 회원가입 및 발신번호 인증이 쉽고 빠르며, 대량문자를 전송하기에 사용이 편리한가? 5. 매일 문자샘플이 업데이트 되고, CS 및 기술응대가 실시간적으로 이루어지는가?" /></div>
	1457	+ </div>
	1458	+ </c:otherwise>
	1459	+ </c:choose>
	1460	+ <%--
	1461	+ <div class="swiper-slide">
	1462	+ <div class="slideImg"><img src="/publish/images/main/f_visual_06_20230802.jpg" alt="문자온, 카카오 '알림톡' 서비스 오픈! 문자온 알림톡, 대한민국 최저가 선언! 조건없이 무조건 6.9원! 카카오톡 채널아이디 추가를 하지 않은 이용자에게도 카카오톡 메시지 발송이 가능한 서비스! 알림톡 바로가기 알림톡 도착 kakao 문자온에서 알림톡이 도착하였습니다! 기업전용/1,000자 이하 텍스트 & 이미지/문자 대비 65% 저렴" usemap="#allimtalk-map"></div>
	1463	+ </div>
	1464	+ <div class="swiper-slide">
	1465	+ <div class="slideImg"><img id="mainSlideImg_1001" src="/publish/images/main/f_visual_01_20231006.jpg" alt="문자는 이제, 문자온! 단 한번, 국내 최저가! 인생 최저가! 첫결제 단문 7.5원 장문 32원 그림 59원 Halloween 즐겁고 유쾌한 할로윈데이 보내세요 가을엔 독서 같이 책읽으실래요?" usemap="#image-map" /></div>
	1466	+ </div>
	1467	+ <div class="swiper-slide">
	1468	+ <div class="slideImg"><img src="/publish/images/main/f_visual_02_20221116.jpg" alt="문자도 보내고! 현금도 챙기는! 문자온만의 특별한 혜택! 결제금액의 2% 포인트 추가 적립! 포인트 1만점 이상 적립 시 현금페이백" /></div>
	1469	+ </div>
	1470	+ <div class="swiper-slide">
	1471	+ <div class="slideImg"><img id="mainSlideImg_1002" src="/publish/images/main/f_visual_03_20231006.jpg" alt="다른 사이트에는 없다! 오직 문자온에만 있다! 최고의 디자이너가 직접 제작하는 그림문자 맞춤제작을 통해 나만의 문자를 디자인 해보세요. 가을은 캠핑의 계절! 낭만캠핑 캠핑하기 좋은 계절, 가을이 돌아왔습니다. 즐거운 캠핑을 떠나고 싶으신가요? 지금 이벤트에 참여하시면, 캠핑 지원금을 드립니다. 지금 바로 참여하세요! 즐거운 캠핑 지원금 문자온에서 확인해보세요! HALLOWEEN 할로윈이벤트 이벤트에 참여하시고 무시무시한 혜택을 받아보세요 이벤트 기간 2099.10.01 10.31 이벤트 대상 10,000원 이상 구매한 모든 고객 event 01 5만원 이상 구매시 5,000원할인쿠폰 증정! event02 이벤트 기간동안 무료배송! event03 어플 설치 시 10% 추가 할인 쿠폰 증정! HALLOWEEN 할로윈 코스튬 할로윈 분위기에 맞게 코스튬을 하고 와요! 할로윈 CAKE 할로윈을 맞이하여 호박케이크를 만들어봐요! 문자온 영어학원 T.031.123.4567" /></div>
	1472	+ </div>
	1473	+ <div class="swiper-slide">
	1474	+ <div class="slideImg"><img src="/publish/images/main/f_visual_04_20221116.jpg" alt="문자는 이제, 문자온! 선택은 역시 문자온! 문자사이트 선택의 5가지 기준 1. 가격, 속도, 성능, 기능, 보안이 보장되는가? 2. 결제, 정산, 계산서 발행 등 업무가 자동화 되어 있고 편리한가? 3. 최신 IT 기술과 트렌드가 반영되어 있는가? 4. 회원가입 및 발신번호 인증이 쉽고 빠르며, 대량문자를 전송하기에 사용이 편리한가? 5. 매일 문자샘플이 업데이트 되고, CS 및 기술응대가 실시간적으로 이루어지는가?" /></div>
	1475	+ </div>
	1476	+ --%>
	1477	+
	1478	+<!-- <map name="allimtalk-map"> -->
	1479	+<!-- <area href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do" coords="299,286,514,338" shape="rect"> -->
	1480	+<!-- </map> -->
	1481	+
	1482	+
	1483	+ <!-- <div class="swiper-slide">
	1484	+ <div class="slideImg"><img src="/publish/images/main/f_visual_05_20230215.jpg" alt="제 3회 전국 동시조합장선거 문자온과 함께라면 선거 1위 당근 당선! VOTE" /></div>
	1485	+ </div> -->
	1486	+
	1487	+ <%-- <c:if test="${empty LoginVO}">
	1488	+ <map name="image-map">
	1489	+ <area target="_self" alt="회원가입 바로가기" title="회원가입 바로가기" href="/web/user/login/selectUserDept.do" coords="1063,371,1274,388,1275,442,1060,445" shape="poly">
	1490	+ </map>
	1491	+ </c:if> --%>
	1492	+ </div>
	1493	+ <!-- 버튼 -->
	1494	+ <div class="swiper-button-next"></div>
	1495	+ <div class="swiper-button-prev"></div>
	1496	+ <!-- 페이징 -->
	1497	+ <div class="slide_button">
	1498	+ <div class="swiper-pagination"></div>
	1499	+ <button class="slidePause"></button>
	1500	+ </div>
	1501	+ </div>
	1502	+</div>
	1503	+<!--// visual 영역 -->
	1504	+
	1505	+<!-- new_content1 //-->
	1506	+<div class="banner_w">
	1507	+ <div class="sw_wrap">
	1508	+ <div class="swiper-container swiper2">
	1509	+ <div class="swiper-wrapper">
	1510	+
	1511	+ <!-- 배너수정 250224 -->
	1512	+ <c:choose>
	1513	+ <c:when test="${not empty subMainzoneList}">
	1514	+ <c:forEach var="sub" items="${subMainzoneList}" varStatus="status">
	1515	+ <div class="swiper-slide">
	1516	+ <div class="contWrap">
	1517	+ <c:if test="${not empty sub.mlink }">
	1518	+ <a href="<c:out value='${sub.mlink}'/>" title="페이지 이동">
	1519	+ </c:if>
	1520	+ <ul class="slide_cont1 table_cell1">
	1521	+ <li class="cont1_title"><c:out value="${sub.topTxt }" /></li>
	1522	+ <li class="cont_ex">
	1523	+ <p class="txt"><c:out value="${sub.lowTxt }" /></p>
	1524	+ <p class="bg_icon">
	1525	+ <img src="/cmm/fms/getImage.do?atchFileId=<c:out value='${sub.mainzoneImageFile}'/>" alt="<c:out value='${mainzone.content}'/>">
	1526	+ </p>
	1527	+ </li>
	1528	+ <c:if test="${not empty sub.mlink }">
	1529	+ <li class="more">자세히보기</li>
	1530	+ </c:if>
	1531	+ </ul>
	1532	+ <c:if test="${not empty sub.mlink }">
	1533	+ </a>
	1534	+ </c:if>
	1535	+ </div>
	1536	+ </div>
	1537	+ </c:forEach>
	1538	+ </c:when>
	1539	+ <c:otherwise>
	1540	+
	1541	+ <div class="swiper-slide">
	1542	+ <div class="contWrap">
	1543	+ <a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동">
	1544	+ <ul class="slide_cont1 table_cell1">
	1545	+ <li class="cont1_title">대량문자·단체문자 전송</li>
	1546	+ <li class="cont_ex">
	1547	+ <p class="txt">별도의 프로그램 설치 없이 컴퓨터로 단체·대량문자 발송 가능</p>
	1548	+ <p class="bg_icon"><img src="/publish/images/main/cont1_1.png" alt="대량문자·단체문자 전송 아이콘"></p>
	1549	+ </li>
	1550	+ <li class="more">자세히보기</li>
	1551	+ </ul>
	1552	+ </a>
	1553	+ </div>
	1554	+ </div>
	1555	+
	1556	+ <div class="swiper-slide">
	1557	+ <div class="contWrap">
	1558	+ <a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do" title="페이지 이동" rel="nosublink">
	1559	+ <ul class="slide_cont1 table_cell1">
	1560	+ <li class="cont1_title">문자연동(API) 서비스 제공</li>
	1561	+ <li class="cont_ex">
	1562	+ <p class="txt">별도의 프로그램 설치 없이 컴퓨터로 단체·대량문자 발송 가능</p>
	1563	+ <p class="bg_icon"><img src="/publish/images/main/cont1_9.png" alt="문자연동(API) 서비스 제공 아이콘"></p>
	1564	+ </li>
	1565	+ <li class="more">자세히보기</li>
	1566	+ </ul>
	1567	+ </a>
	1568	+ </div>
	1569	+ </div>
	1570	+ <div class="swiper-slide">
	1571	+ <div class="contWrap">
	1572	+ <a href="/web/mjon/custom/selectMsgCustomView.do" title="페이지 이동" rel="nosublink">
	1573	+ <ul class="slide_cont1 table_cell1">
	1574	+ <li class="cont1_title">그림문자 맞춤제작</li>
	1575	+ <li class="cont_ex">
	1576	+ <p class="txt">나만의 그림문자 이미지 맞춤제작으로 홍보효과 극대화</p>
	1577	+ <p class="bg_icon"><img src="/publish/images/main/cont1_2.png" alt="그림문자 맞춤제작 아이콘"></p>
	1578	+ </li>
	1579	+ <li class="more">자세히보기</li>
	1580	+ </ul>
	1581	+ </a>
	1582	+ </div>
	1583	+ </div>
	1584	+ <div class="swiper-slide">
	1585	+ <div class="contWrap">
	1586	+ <a href="/web/mjon/custom/selectMsgCustomView.do" title="페이지 이동" rel="nosublink">
	1587	+ <ul class="slide_cont1 table_cell1">
	1588	+ <li class="cont1_title">주소록 등록 무료대행</li>
	1589	+ <li class="cont_ex">
	1590	+ <p class="txt">주소록 직접 등록이 어려운 고객을 위해 엑셀, TXT 파일 등 주소록 등록 무료대행</p>
	1591	+ <p class="bg_icon"><img src="/publish/images/main/cont1_3.png" alt="주소록 등록 무료대행 아이콘"></p>
	1592	+ </li>
	1593	+ <li class="more">자세히보기</li>
	1594	+ </ul>
	1595	+ </a>
	1596	+ </div>
	1597	+ </div>
	1598	+ </c:otherwise>
	1599	+ </c:choose>
	1600	+ <!--// 배너수정 250224 -->
	1601	+ </div>
	1602	+ <!-- 버튼 -->
	1603	+ <div class="swiper-button-next">
	1604	+ <img src="/publish/images/main/cont1_next.png" alt="다음" />
	1605	+ </div>
	1606	+ <div class="swiper-button-prev">
	1607	+ <img src="/publish/images/main/cont1_prev.png" alt="이전" />
	1608	+ </div>
	1609	+ <!-- 페이징 -->
	1610	+ <div class="swiper-pagination"></div>
	1611	+ </div>
	1612	+ </div>
	1613	+</div>
	1614	+<form id="mainImgSendForm" name="mainImgSendForm" method="post">
	1615	+ <input type="hidden" id="atchFileId1" name="atchFileId1" value=""/>
	1616	+ <input type="hidden" id="fileSn" name="fileSn" value=""/>
	1617	+ <input type="hidden" id="strImgPath" name="strImgPath" value=""/>
	1618	+ <input type="hidden" id="letterId" name="letterId" value=""/>
	1619	+ <input type="hidden" id="mainImgFlag" name="mainImgFlag" value="N"/>
	1620	+ <input type="hidden" id="mainMoreSamFlag" name="mainMoreSamFlag" value="N"/>
	1621	+ <input type="hidden" id="mainLetterFlag" name="mainLetterFlag" value="N"/>
	1622	+ <input type="hidden" id="mainLetterTypeFlag" name="mainLetterTypeFlag"/>
	1623	+ <input type="hidden" id="cateNo" name="cateNo"/>
	1624	+
	1625	+</form>
	1626	+<form id="letterForm" name="letterForm" method="post">
	1627	+
	1628	+ <input type="hidden" id="letterType" name="letterType" value="<c:out value='${letterVO.letterType}'/>" />
	1629	+ <input type="hidden" id="memberType" name="memberType" value="<c:out value='${letterVO.memberType}'/>" />
	1630	+ <input type="hidden" id="categoryCode" name="categoryCode" value="<c:out value='${letterVO.categoryCode}'/>" />
	1631	+ <input type="hidden" id="hashTag" name="hashTag" value="<c:out value='${letterVO.hashTag}'/>" />
	1632	+ <input type="hidden" id="pageIndex" name="pageIndex" value="<c:out value='${letterVO.pageIndex}' default='1' /> " />
	1633	+ <input type="hidden" id="pageUnit" name="pageUnit" value="<c:out value='${letterVO.pageUnit}'/>" />
	1634	+
	1635	+ <div class="main_cont2">
	1636	+ <div class="inner">
	1637	+ <!-- <p class="tit_text">이런 문자 어때요?</p> -->
	1638	+ <p class="tit_text">이런 단체문자, 대량문자 샘플 어때요?</p>
	1639	+ <!-- <p class="sub_text">단체문자, 대량문자, 경조문자, 부고문자, 광고문자, 홍보문자, 조문문자, 결혼문자, 예약문자, 사진문자, 그림문자, SMS, LMS, MMS, 병원문자, 위로문자, 응원문자, 행사문자, 기념일문자, 웹문자, 인터넷문자, 문자사이트, 답례문자, 그룹문자 등 다양한 샘플 무료 제공</p> -->
	1640	+ <div class="tabs">
	1641	+ <!-- Default tab_depth1 - 전체 / tab_depth2 - 인기그림문자 / tab_depth3 - BEST -->
	1642	+ <!-- <div class="tab_depth1 tDep2_mType">
	1643	+ <a href="#none" class="on" value="" rel="nosublink">전체</a>
	1644	+ <a href="#none" value="B" rel="nosublink">기업</a>
	1645	+ <a href="#none" class="on" value="P" rel="nosublink">개인</a>
	1646	+ <div class="on_active">전체</div>
	1647	+ </div> -->
	1648	+ <div class="tab_depth2 tDep1_letType">
	1649	+ <a href="#none" value="P" class="on" rel="nosublink">인기 그림문자</a>
	1650	+ <a href="#none" value="L" rel="nosublink">인기 장문문자</a>
	1651	+ <a href="#none" value="S" rel="nosublink">인기 단문문자</a>
	1652	+ <a href="#none" value="C" class="tab_custom" rel="nosublink">인기 맞춤제작</a>
	1653	+ </div>
	1654	+ <button class="btn_custom" onclick="javascript:goCustomUrl(); return false;">
	1655	+ <img src="/publish/images/main/btn_imgicon.png" alt="맞춤제작아이콘">
	1656	+ 맞춤제작요청
	1657	+ </button>
	1658	+ <div class="tab_depth3 tab_basic tDep2_cateCode">
	1659	+ <a href="#none" value="best" class="on" rel="nosublink">BEST</a>
	1660	+ <c:forEach var="cateList" items="${cateCodeList}" varStatus="status">
	1661	+ <a href="#none" value="<c:out value='${cateList.cateCode}'/>" rel="nosublink">
	1662	+ <c:out value="${cateList.cateNm}" />
	1663	+ </a>
	1664	+ </c:forEach>
	1665	+ </div>
	1666	+ <div class="tab_depth3 tab_other tDep3_cateCode">
	1667	+ <a href="#none" value="best" class="on" rel="nosublink">BEST</a>
	1668	+ <c:forEach var="cateConfCustomList" items="${cateConfCustomList}" varStatus="status">
	1669	+ <a href="#none" value="<c:out value='${cateConfCustomList.cateCode}'/>" rel="nosublink">
	1670	+ <c:out value="${cateConfCustomList.cateNm}"/>
	1671	+ </a>
	1672	+ </c:forEach>
	1673	+ </div>
	1674	+ </div>
	1675	+ <div class="tab_contwrap">
	1676	+
	1677	+ <div id="photoLoad" style="height:490px;"></div>
	1678	+
	1679	+ <div id="letterLoad" style="height:441px;"></div>
	1680	+
	1681	+ </div>
	1682	+ <button type="button" class="btn_more" onclick="javascript:fnMoreSampleView(); return false;">더 많은 샘플보기</button>
	1683	+ </div>
	1684	+ </div>
	1685	+</form>
	1686	+<!-- content3 영역 -->
	1687	+<div class="main_cont3">
	1688	+ <div class="inner">
	1689	+ <div class="main_service">
	1690	+ <div class="title">
	1691	+ <span class="text_deco"></span>자주찾는 서비스
	1692	+ </div>
	1693	+ <ul>
	1694	+ <li><a href="/web/pay/PayGuide.do" rel="nosublink"><i></i><span>요금안내</span></a></li>
	1695	+ <li><a href="/web/pay/PayGuide.do?tabType=2" rel="nosublink"><i></i><span>견적내기</span></a></li>
	1696	+ <li><a href="/web/member/pay/PayView.do" rel="nosublink"><i></i><span>충전하기</span></a></li>
	1697	+ <li><a href="#" data-tooltip="popup04" rel="nosublink"><i></i><span>포인트교환</span></a></li>
	1698	+ <li><a href="/web/user/sendNumberManage.do" rel="nosublink"><i></i><span>발신번호 등록</span></a></li>
	1699	+ <!-- <li><a href="/web/member/pay/BillPub.do" rel="nosublink"><i></i><span>계산서/영수증</span></a></li> -->
	1700	+ <li><a href="/web/member/pay/BillPub.do" rel="nosublink"><i></i><span>세금계산서</span></a></li>
	1701	+ </ul>
	1702	+ </div>
	1703	+ <div class="main_notice">
	1704	+ <div class="title">
	1705	+ <span class="text_deco"></span>공지사항
	1706	+ </div>
	1707	+ <button class="plus_btn" onclick="location.href='/web/cop/bbs/NoticeList.do'">
	1708	+ </button>
	1709	+ <ul>
	1710	+ <c:forEach var="result" items="${noticeList}" varStatus="status">
	1711	+ <li>
	1712	+ <a href="#" onclick="fn_egov_inqire_notice('${result.bbsId}', '${result.nttId}'); return false;" title="페이지 이동" rel="nosublink"> <span class="text_deco2"></span> <c:out value="${result.nttSj}" />
	1713	+ </a>
	1714	+ </li>
	1715	+ </c:forEach>
	1716	+ </ul>
	1717	+ </div>
	1718	+ <div class="service_center">
	1719	+ <div class="title">
	1720	+ <span class="text_deco"></span>고객센터
	1721	+ </div>
	1722	+ <div class="tablet table">
	1723	+ <div class="table_cell">
	1724	+ <div class="service_center_title">
	1725	+ <p>1551-8011</p>
	1726	+ <span>E-mail : help@iten.co.kr</span>
	1727	+ </div>
	1728	+ <div class="serive_info">
	1729	+ <p>월~금 : 09:30 ~ 18:30 / 점심시간 : 13:00 ~ 14:00<br>토, 일요일 및 법정공휴일 휴무</p>
	1730	+ </div>
	1731	+ <ul class="serive_btn">
	1732	+ <li class="kakao"><a href="http://pf.kakao.com/_PxoTtb/chat" target="_blank" rel="nosublink">카톡 상담</a></li>
	1733	+ <li class="remote"><a href="javascript:void(0);" onclick="remotePop('https://939.co.kr/munjaon/');" rel="nosublink">원격지원</a></li>
	1734	+ <li class="qnabtn"><a href="/web/cop/bbs/QnaList.do" rel="nosublink">1:1 문의</a></li>
	1735	+ </ul>
	1736	+ </div>
	1737	+ </div>
	1738	+ </div>
	1739	+ </div>
	1740	+</div>
	1741	+
	1742	+
	1743	+<div class="main_cont5 keyword_wrap">
	1744	+ <div class="inner">
	1745	+ <p class="tit_text">이런 키워드는 어때요?</p>
	1746	+ <ul class="link_box">
	1747	+ <c:forEach var="item" items="${mainMsgTagList}" varStatus="status">
	1748	+ <li><a href="${item.url}" rel="nosublink">${item.tagNm}</a></li>
	1749	+ </c:forEach>
	1750	+ </ul>
	1751	+ </div>
	1752	+</div>
	1753	+
	1754	+
	1755	+ <div class="main_cont4 adv_wrap">
	1756	+ <div class="inner">
	1757	+ <ul class="adv_list">
	1758	+ <!--
	1759	+ <li><a href="https://twww.one-keeper.co.kr/cp/munjaon/index.aspx" target="_blank"><img src="/publish/images/adv/adv_onekeeper.png" alt="중요한 개인정보! 안전하게 보호하고 싶다면!"></a></li>
	1760	+
	1761	+ <li><a href="http://ganpandaum.co.kr/" target="_blank"><img src="/publish/images/adv/adv_ganpandaum.png" alt="간판다움 간판｜인테리어｜썬팅｜네온｜어닝"></a></li>
	1762	+ <li><a href="https://www.nordictools.co.kr/index.html" target="_blank"><img src="/publish/images/adv/adv_nordictools.png" alt="NORDIC TOOLS"></a></li>
	1763	+ <li><a href="http://www.plusphone.co.kr/web/main/mainPage.do" target="_blank"><img src="/publish/images/adv/adv_phoneplus.png" alt="폰더하기 내폰사기｜내폰팔기｜휴대폰수리"></a></li>
	1764	+
	1765	+ -->
	1766	+ <!--
	1767	+ <li><a href="#" target="_blank" onclick="fn_click_banner_add_stat('001_01'); return false;" ><img src="/publish/images/adv/adv_login_onekeeper.png" alt="소중한 내 개인정보! 원키퍼로 내가 지킨다!"></a></li>
	1768	+ <li><a href="#" target="_blank" onclick="fn_click_banner_add_stat('002_01'); return false;" ><img src="/publish/images/adv/adv_ganpandaum.png" alt="간판다움 간판｜인테리어｜썬팅｜네온｜어닝"></a></li>
	1769	+ <li><a href="#" target="_blank" onclick="fn_click_banner_add_stat('003_01'); return false;" ><img src="/publish/images/adv/adv_nordictools.png" alt="NORDIC TOOLS"></a></li>
	1770	+ <li><a href="#" target="_blank" onclick="fn_click_banner_add_stat('004_01'); return false;" ><img src="/publish/images/adv/adv_phoneplus.png" alt="폰더하기 내폰사기｜내폰팔기｜휴대폰수리"></a></li>
	1771	+ -->
	1772	+
	1773	+ <!-- <li><a href="https://dawonchangho.modoo.at/" target="_blank"><img src="/publish/images/adv/adv_dawon.png" alt="다원창호 유리｜샷시｜방충망"></a></li> -->
	1774	+ </ul>
	1775	+ </div>
	1776	+ </div>
	1777	+
	1778	+<!--// content3 영역 -->
	1779	+<div class="serv_content" style="overflow:hidden;left:-9999em;top:-9999em;width:0;height:0;visibility:hidden;">
	1780	+단체문자 대량문자발송 인터넷 웹문자 사이트 - 문자온
	1781	+
	1782	+
	1783	+ <div class="list_cont qna_cont" id="listTab_1">
	1784	+ <ul class="qna">
	1785	+
	1786	+
	1787	+ <li>
	1788	+ <button type="button" onclick="qnaList(this)" title="닫힘">
	1789	+ <p class="question_text">Q.</p>
	1790	+ <p>
	1791	+ <span>[결제]</span>
	1792	+ "첫결제 이벤트" 결제 후 잔액이 남아 있는데 문자 발송이 안되는 경우는 왜 그런건가요?
	1793	+ </p>
	1794	+ </button>
	1795	+ <div class="qna_answer">
	1796	+ <p class="answer_text">A.</p>
	1797	+ <p class="answer_cont">
	1798	+ 첫결제 이벤트 잔액이 남아 있더라도 1회 발송 문자수량 및 금액이 이벤트 잔액보다 큰 경우 문자가 발송되지 않으며, 이 경우 이벤트 잔액 이하의 금액으로 문자 수량을 조정해야 문자가 정상 발송됩니다.
	1799	+ </p>
	1800	+
	1801	+ </div>
	1802	+ </li>
	1803	+
	1804	+ <li>
	1805	+ <button type="button" onclick="qnaList(this)" title="닫힘">
	1806	+ <p class="question_text">Q.</p>
	1807	+ <p>
	1808	+ <span>[결제]</span>
	1809	+ 첫결제 이벤트 후 추가 결제를 진행하였는데 잔액 부족으로 문자 발송이 안되는 경우는 왜 그런건가요?
	1810	+ </p>
	1811	+ </button>
	1812	+ <div class="qna_answer">
	1813	+ <p class="answer_text">A.</p>
	1814	+ <p class="answer_cont">
	1815	+ 첫결제 이벤트 캐시가 남아 있는 경우에는 이벤트 캐시 전액 소진 후 추가결제에 따른 일반캐시 이용이 가능합니다. 이벤트 캐시 잔액만큼 문자를 선 발송하여 이벤트 캐시 전액 소진 후 자동 전환된 일반캐시를 사용하거나, 문자온 고객센터(1551-8011)로 문의주시면 즉시 처리 도와드리겠습니다.
	1816	+ </p>
	1817	+
	1818	+ </div>
	1819	+ </li>
	1820	+
	1821	+ <li>
	1822	+ <button type="button" onclick="qnaList(this)" title="닫힘">
	1823	+ <p class="question_text">Q.</p>
	1824	+ <p>
	1825	+ <span>[장문·단문·그림문자]</span>
	1826	+ 한 번 보낸 문자를 저장해서 계속 보낼 수 있나요?
	1827	+ </p>
	1828	+ </button>
	1829	+ <div class="qna_answer">
	1830	+ <p class="answer_text">A.</p>
	1831	+ <p class="answer_cont">
	1832	+ 문자온은 “내문자함” 기능을 제공하기 때문에 한 번 보낸 문자를 저장해서 계속 보낼 수 있습니다.<br>문자전송 페이지에서 문자내용 작성 후 [문자저장] 버튼을 클릭하면 해당 문자가 [내문자함]에 보관되어 언제든지 자유롭게 재발송이 가능합니다.
	1833	+ </p>
	1834	+
	1835	+ </div>
	1836	+ </li>
	1837	+
	1838	+ <li>
	1839	+ <button type="button" onclick="qnaList(this)" title="닫힘">
	1840	+ <p class="question_text">Q.</p>
	1841	+ <p>
	1842	+ <span>[장문·단문·그림문자]</span>
	1843	+ 그림문자 발송 시 첨부 이미지 위치나 순서를 지정할 수 있나요?
	1844	+ </p>
	1845	+ </button>
	1846	+ <div class="qna_answer">
	1847	+ <p class="answer_text">A.</p>
	1848	+ <p class="answer_cont">
	1849	+ 그림문자 발송 시 텍스트 내용과 이미지의 노출 순서는 이동통신사 및 단말기의 설정에 따라 달라지기 때문에 임의적인 이미지 위치나 순서 지정이 불가합니다.
	1850	+ </p>
	1851	+
	1852	+ </div>
	1853	+ </li>
	1854	+
	1855	+ <li>
	1856	+ <button type="button" onclick="qnaList(this)" title="닫힘">
	1857	+ <p class="question_text">Q.</p>
	1858	+ <p>
	1859	+ <span>[장문·단문·그림문자]</span>
	1860	+ 그림문자 발송 시 정해진 용량이 있나요?
	1861	+ </p>
	1862	+ </button>
	1863	+ <div class="qna_answer">
	1864	+ <p class="answer_text">A.</p>
	1865	+ <p class="answer_cont">
	1866	+ 문자온 그림문자는 JPG, JPEG, PNG, GIF 파일 형식을 지원하며, 최대 10mb까지 발송 가능하나, 300kb에 최적화 되어 있기 때문에 300kb보다 용량이 크거나 이미지 내 텍스트가 많은 경우 해상도가 저하될 수 있습니다. 용량이 크거나 텍스트가 많은 이미지의 경우 반드시 사전 테스트 발송 후 대량 발송을 권장드립니다.
	1867	+ </p>
	1868	+
	1869	+ </div>
	1870	+ </li>
	1871	+
	1872	+ <li>
	1873	+ <button type="button" onclick="qnaList(this)" title="닫힘">
	1874	+ <p class="question_text">Q.</p>
	1875	+ <p>
	1876	+ <span>[기타]</span>
	1877	+ 위임장은 어떻게 작성하나요?
	1878	+ </p>
	1879	+ </button>
	1880	+ <div class="qna_answer">
	1881	+ <p class="answer_text">A.</p>
	1882	+ <p class="answer_cont">
	1883	+ 위임장 양식은 [마이페이지] → [발신번호 관리]에서 다운로드 가능하며 발신번호 명의자를 위임자, 문자온 이용자를 수임자(대리인)로 작성하여 제출해주시면 됩니다.
	1884	+ </p>
	1885	+
	1886	+ </div>
	1887	+ </li>
	1888	+
	1889	+ <li>
	1890	+ <button type="button" onclick="qnaList(this)" title="닫힘">
	1891	+ <p class="question_text">Q.</p>
	1892	+ <p>
	1893	+ <span>[기타]</span>
	1894	+ 문자온 이용 중 버튼이 안눌러지는 등 장애나 오류가 발생한 경우에는 어떻게 해야 하나요?
	1895	+ </p>
	1896	+ </button>
	1897	+ <div class="qna_answer">
	1898	+ <p class="answer_text">A.</p>
	1899	+ <p class="answer_cont">
	1900	+ 문자온은 크롬, 엣지, 네이버 웨일 등의 웹브라우저에 최적화되어 있으며, 인터넷 익스플로러를 지원하지 않습니다.(마이크로소프트사 인터넷 익스플로러 서비스 종료)<br>만약 인터넷 익스플로러 이외의 브라우저 사용 중 장애 발생 시 문자온 고객센터(1551-8011)로 연락주시면 빠른 처리 도와드리겠습니다.
	1901	+ </p>
	1902	+
	1903	+ </div>
	1904	+ </li>
	1905	+
	1906	+ <li>
	1907	+ <button type="button" onclick="qnaList(this)" title="닫힘">
	1908	+ <p class="question_text">Q.</p>
	1909	+ <p>
	1910	+ <span>[기타]</span>
	1911	+ 투넘버 또는 투폰 이용 시 발신번호 등록이 가능한가요?
	1912	+ </p>
	1913	+ </button>
	1914	+ <div class="qna_answer">
	1915	+ <p class="answer_text">A.</p>
	1916	+ <p class="answer_cont">
	1917	+ 투넘버 및 투폰 번호의 경우 두 번째 번호는 가상의 번호인 관계로 이동통신사 및 가입 유형에 따라 본인 인증이 불가할 수 있습니다. 이 경우 고객님께서 가입하신 통신사를 통해 본인 인증 가능여부 확인 후 등록 신청을 진행해주시기 바랍니다.
	1918	+ </p>
	1919	+
	1920	+ </div>
	1921	+ </li>
	1922	+
	1923	+ <li>
	1924	+ <button type="button" onclick="qnaList(this)" title="닫힘">
	1925	+ <p class="question_text">Q.</p>
	1926	+ <p>
	1927	+ <span>[기타]</span>
	1928	+ 세금계산서 발행은 어디서 어떻게 신청하나요?
	1929	+ </p>
	1930	+ </button>
	1931	+ <div class="qna_answer">
	1932	+ <p class="answer_text">A.</p>
	1933	+ <p class="answer_cont">
	1934	+ 세금계산서는 즉시이체나 전용계좌를 통해 결제한 경우에만 발행되며, 문자온 사이트 상단 메뉴 중 [결제관리]→[요금 결제내역]→[결제수단/전용계좌 또는 즉시이체 선택]→[증빙서류 발행 신청] 버튼을 통해 신청 가능하며, 매주 수요일 일괄 발행됩니다.<br>세금계산서 자동 발행을 희망하는 경우, [결제관리]→[세금계산서 발행 등록] 메뉴를 통해 편리하게 이용하실 수 있습니다.
	1935	+ </p>
	1936	+
	1937	+ </div>
	1938	+ </li>
	1939	+
	1940	+ <li>
	1941	+ <button type="button" onclick="qnaList(this)" title="닫힘">
	1942	+ <p class="question_text">Q.</p>
	1943	+ <p>
	1944	+ <span>[장문·단문·그림문자]</span>
	1945	+ 문자 발송이 안되는데(발송결과 : 수신거부 등) 어떻게 해야 하나요?
	1946	+ </p>
	1947	+ </button>
	1948	+ <div class="qna_answer">
	1949	+ <p class="answer_text">A.</p>
	1950	+ <p class="answer_cont">
	1951	+ 문자온 문자 발송 결과가 “수신거부”로 나타나는 경우, 고객님의 휴대폰 번호가 '번호도용 문자 차단서비스'에 가입되어 있을 확률이 매우 높습니다. 먼저, 고객님의 휴대폰 가입 통신사(SKT, KT, LG 등)에 문의하시어 '번호도용 문자 차단서비스’ 해지 후 재발송하시면 정상 이용 가능합니다.<br>※ 이동통신사 번호도용 문자 차단서비스 : 웹에서 발송되는 스팸, 스미싱 문자 등에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스(서비스 해지 후 문자 정상 발송까지 3~7일 소요)
	1952	+ </p>
	1953	+
	1954	+ </div>
	1955	+ </li>
	1956	+
	1957	+
	1958	+ </ul>
	1959	+ </div>
	1960	+
	1961	+
	1962	+
	1963	+ <div class="layer_popup_cont">
	1964	+ 문자온은 인사, 홍보, 고객관리 목적의 대량문자 및 단체문자를 인터넷(웹)으로 발송하기 위한 최고의 문자사이트입니다.
	1965	+ 대량/단체 문자 발송을 위한 [문자전송], [주소록관리], [맞춤제작], [문자샘플]등 다양한 기능을 사용해보세요.
	1966	+
	1967	+ 문자온 인터넷 웹문자 단체문자 대량문자발송 사이트
	1968	+ 문자사이트, 대량문자, 단체문자, 문자발송, 문자전송, 인터넷문자, 단체문자사이트, 대량문자발송, 문자보내기, 단체문자발송
	1969	+ LMS문자,MMS문자,WEB발신,인터넷,컴퓨터로 문자메세지보내기,웹발신문자,문자서비스,대량문자전송,단체문자보내기
	1970	+ 문자온
	1971	+ LMS문자,MMS문자,WEB발신,인터넷,컴퓨터로 문자메세지보내기,웹발신문자,문자서비스,대량문자전송,단체문자보내기
	1972	+
	1973	+ Q. [결제] "첫결제 이벤트" 결제 후 잔액이 남아 있는데 문자 발송이 안되는 경우는 왜 그런건가요?
	1974	+ 첫결제 이벤트 잔액이 남아 있더라도 1회 발송 문자수량 및 금액이 이벤트 잔액보다 큰 경우 문자가 발송되지 않으며, 이 경우 이벤트 잔액 이하의 금액으로 문자 수량을 조정해야 문자가 정상 발송됩니다.
	1975	+
	1976	+ Q. [결제] 첫결제 이벤트 후 추가 결제를 진행하였는데 잔액 부족으로 문자 발송이 안되는 경우는 왜 그런건가요?
	1977	+ 첫결제 이벤트 캐시가 남아 있는 경우에는 이벤트 캐시 전액 소진 후 추가결제에 따른 일반캐시 이용이 가능합니다. 이벤트 캐시 잔액만큼 문자를 선 발송하여 이벤트 캐시 전액 소진 후 자동 전환된 일반캐시를 사용하거나, 문자온 고객센터(1551-8011)로 문의주시면 즉시 처리 도와드리겠습니다.
	1978	+
	1979	+ Q. [장문·단문·그림문자] 한 번 보낸 문자를 저장해서 계속 보낼 수 있나요?
	1980	+ 문자온은 “내문자함” 기능을 제공하기 때문에 한 번 보낸 문자를 저장해서 계속 보낼 수 있습니다.문자전송 페이지에서 문자내용 작성 후 [문자저장] 버튼을 클릭하면 해당 문자가 [내문자함]에 보관되어 언제든지 자유롭게 재발송이 가능합니다.
	1981	+
	1982	+ Q. [장문·단문·그림문자] 그림문자 발송 시 첨부 이미지 위치나 순서를 지정할 수 있나요?
	1983	+ 그림문자 발송 시 텍스트 내용과 이미지의 노출 순서는 이동통신사 및 단말기의 설정에 따라 달라지기 때문에 임의적인 이미지 위치나 순서 지정이 불가합니다.
	1984	+
	1985	+ Q. [장문·단문·그림문자] 그림문자 발송 시 정해진 용량이 있나요?
	1986	+ 문자온 그림문자는 JPG, JPEG, PNG, GIF 파일 형식을 지원하며, 최대 10mb까지 발송 가능하나, 300kb에 최적화 되어 있기 때문에 300kb보다 용량이 크거나 이미지 내 텍스트가 많은 경우 해상도가 저하될 수 있습니다. 용량이 크거나 텍스트가 많은 이미지의 경우 반드시 사전 테스트 발송 후 대량 발송을 권장드립니다.
	1987	+
	1988	+ Q. [기타] 위임장은 어떻게 작성하나요?
	1989	+ 위임장 양식은 [마이페이지] → [발신번호 관리]에서 다운로드 가능하며 발신번호 명의자를 위임자, 문자온 이용자를 수임자(대리인)로 작성하여 제출해주시면 됩니다.
	1990	+
	1991	+ Q. [기타] 문자온 이용 중 버튼이 안눌러지는 등 장애나 오류가 발생한 경우에는 어떻게 해야 하나요?
	1992	+ 문자온은 크롬, 엣지, 네이버 웨일 등의 웹브라우저에 최적화되어 있으며, 인터넷 익스플로러를 지원하지 않습니다.(마이크로소프트사 인터넷 익스플로러 서비스 종료)만약 인터넷 익스플로러 이외의 브라우저 사용 중 장애 발생 시 문자온 고객센터(1551-8011)로 연락주시면 빠른 처리 도와드리겠습니다.
	1993	+
	1994	+ Q. [기타] 투넘버 또는 투폰 이용 시 발신번호 등록이 가능한가요?
	1995	+ 투넘버 및 투폰 번호의 경우 두 번째 번호는 가상의 번호인 관계로 이동통신사 및 가입 유형에 따라 본인 인증이 불가할 수 있습니다. 이 경우 고객님께서 가입하신 통신사를 통해 본인 인증 가능여부 확인 후 등록 신청을 진행해주시기 바랍니다.
	1996	+
	1997	+ Q. [기타] 세금계산서 발행은 어디서 어떻게 신청하나요?
	1998	+ 세금계산서는 즉시이체나 전용계좌를 통해 결제한 경우에만 발행되며, 문자온 사이트 상단 메뉴 중 [결제관리]→[요금 결제내역]→[결제수단/전용계좌 또는 즉시이체 선택]→[증빙서류 발행 신청] 버튼을 통해 신청 가능하며, 매주 수요일 일괄 발행됩니다.세금계산서 자동 발행을 희망하는 경우, [결제관리]→[세금계산서 발행 등록] 메뉴를 통해 편리하게 이용하실 수 있습니다.
	1999	+
	2000	+ Q. [장문·단문·그림문자] 문자 발송이 안되는데(발송결과 : 수신거부 등) 어떻게 해야 하나요?
	2001	+ 문자온 문자 발송 결과가 “수신거부”로 나타나는 경우, 고객님의 휴대폰 번호가 '번호도용 문자 차단서비스'에 가입되어 있을 확률이 매우 높습니다. 먼저, 고객님의 휴대폰 가입 통신사(SKT, KT, LG 등)에 문의하시어 '번호도용 문자 차단서비스’ 해지 후 재발송하시면 정상 이용 가능합니다.※ 이동통신사 번호도용 문자 차단서비스 : 웹에서 발송되는 스팸, 스미싱 문자 등에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스(서비스 해지 후 문자 정상 발송까지 3~7일 소요)
	2002	+
	2003	+
	2004	+ <!-- 내부링크 -->
	2005	+ <!--
	2006	+ <a href="/web/mjon/msgdata/selectMsgDataView.do">문자전송·단문·장문·그림문자</a>
	2007	+ <a href="/web/mjon/msgdata/excel/selectMsgExcelDataView.do">대량문자</a>
	2008	+ <a href="/web/mjon/msgcampain/selectMsgDataView.do" rel="nosublink">선거문자·단문·장문·그림문자</a>
	2009	+ <a href="/web/mjon/msgcampain/excel/selectMsgExcelDataView.do">단체문자</a>
	2010	+ <a href="/web/mjon/custom/selectMsgCustomView.do" rel="nosublink">맞춤제작 샘플</a>
	2011	+ <a href="/web/mjon/custom/selectMsgCustomView.do?tap=2" rel="nosublink">제작방법 및 이용안내 내보관함</a>
	2012	+ <a href="/web/info/mjonInfo.do" rel="nosublink">문자온소개 서비스 소개 주요기능</a>
	2013	+ <a href="/web/mjon/msgdata/selectBestMsgDataView.do" rel="nosublink">베스트문자샘플</a>
	2014	+ <a href="/web/mjon/addr/selectAddrList.do" rel="nosublink">주소록관리</a>
	2015	+ <a href="/web/mjon/addrBlock/selectBlockList.do" rel="nosublink">수신거부</a>
	2016	+ <a href="/web/mjon/addr/addrMobGuide.do" rel="nosublink">폰주소록 등록</a>
	2017	+ <a href="/web/mjon/addragency/selectAddrAgencyList.do" rel="nosublink">주소록 입력 대행(무료)</a>
	2018	+ <a href="/web/mjon/msgsent/selectMsgSentView.do">발송결과</a>
	2019	+ <a href="/web/mjon/reservmsg/selectReservMsgView.do">예약관리</a>
	2020	+ <a href="/web/user/mberInfoIndex.do" rel="nosublink">마이페이지</a>
	2021	+ <a href="/web/user/mberInfoChange.do" rel="nosublink">회원정보 변경</a>
	2022	+ <a href="/web/user/passwordChange.do" rel="nosublink">비밀번호 변경</a>
	2023	+ <a href="/web/user/sendNumberManage.do" rel="nosublink">발신번호 관리</a>
	2024	+ <a href="/web/user/notifyManage.do" rel="nosublink">알림설정</a>
	2025	+ <a href="/web/user/kisaReport.do" rel="nosublink">KISA 신고</a>
	2026	+ <a href="/web/member/pay/PayList.do" rel="nosublink">결제관리</a>
	2027	+ <a href="/web/pay/PayGuide.do" rel="nosublink">요금안내/견적내기</a>
	2028	+ <a href="/web/member/pay/PayView.do" rel="nosublink">결제하기</a>
	2029	+ <a href="/web/member/pay/PayList.do" rel="nosublink">요금 결제내역</a>
	2030	+ <a href="/web/member/pay/PayUserList.do" rel="nosublink">요금 사용내역</a>
	2031	+ <a href="/web/member/pay/BillPub.do" rel="nosublink">세금계산서 발행 등록</a>
	2032	+ <a href="/web/cop/bbs/NoticeList.do" rel="nosublink">고객센터 공지사항</a>
	2033	+ <a href="/web/cop/bbs/TermsList.do" rel="nosublink">이용약관</a>
	2034	+ <a href="/web/cop/bbs/FaqList.do" rel="nosublink">자주하는 질문</a>
	2035	+ <a href="/web/cop/bbs/QnaList.do" rel="nosublink">1:1 문의</a>
	2036	+ <a href="/web/cop/bbs/SuggestList.do" rel="nosublink">불편신고</a>
	2037	+ <a href="/web/cop/bbs/EventList.do" rel="nosublink">이벤트</a>
	2038	+ -->
	2039	+
	2040	+
	2041	+ <!-- 외부링크 -->
	2042	+ <a href="https://www.google.co.kr/" rel="nosublink">구글</a>
	2043	+ <a href="https://www.google.co.kr/search?q=%EB%AC%B8%EC%9E%90%EC%98%A8&sxsrf=APwXEdcKx6ujuAV6jyCUTBrIn-tCYHBIEg%3A1679645122629&source=hp&ei=wlkdZIW-JMKJoAS82JeQBw&iflsig=AOEireoAAAAAZB1n0nBH7Hs1UsVMhCB8aZOF0JxFsb5X&ved=0ahUKEwiFp4bXjfT9AhXCBIgKHTzsBXIQ4dUDCAo&uact=5&oq=%EB%AC%B8%EC%9E%90%EC%98%A8&gs_lcp=Cgdnd3Mtd2l6EAMyBAgjECcyBQgAEIAEOgsIABCABBCxAxCDAToRCC4QgAQQsQMQgwEQxwEQ0QM6CAgAEIAEELEDOg0ILhCABBDHARDRAxAKOgcIABCABBAKOggILhCABBCxAzoFCC4QgAQ6CwguEIAEELEDEIMBOhEILhCABBCxAxCDARDHARCvAToLCC4QgAQQxwEQrwE6BAguEAM6BAgAEAM6BwgjEOoCECc6CgguEK8BEMcBECdQAFj7E2CSFWgGcAB4A4ABqQGIAYULkgEDNS45mAEAoAEBsAEK&sclient=gws-wiz" rel="nosublink">구글_문자온</a>
	2044	+ <a href="https://www.naver.com/" rel="nosublink">네이버</a>
	2045	+ <a href="https://search.naver.com/search.naver?where=nexearch&sm=top_hty&fbm=0&ie=utf8&query=%EB%AC%B8%EC%9E%90%EC%98%A8" rel="nosublink">네이버_문자온</a>
	2046	+ <a href="httsp://www.daum.net/" rel="nosublink">다음</a>
	2047	+ <a href="https://search.daum.net/search?w=tot&DA=YZR&t__nil_searchbox=btn&sug=&sugo=&sq=&o=&q=%EB%AC%B8%EC%9E%90%EC%98%A8" rel="nosublink">다음_문자온</a>
	2048	+
	2049	+ <!--
	2050	+ <a href="https://www.youtube.com/" rel="nosublink">유튜브</a>
	2051	+
	2052	+ <a href="https://www.facebook.com/" rel="nosublink">페이스북</a>
	2053	+ <a href="https://www.amazon.com/" rel="nosublink">아마존</a>
	2054	+ <a href="https://www.instagram.com/" rel="nosublink">인스타그램</a>
	2055	+ <a href="https://ko.wikipedia.org/wiki/%EC%9C%84%ED%82%A4%EB%B0%B1%EA%B3%BC:%EB%8C%80%EB%AC%B8" rel="nosublink">위키</a>
	2056	+ <a href="https://www.microsoft.com/ko-kr/" rel="nosublink">마이크로소프트</a>
	2057	+ <a href="https://twitter.com/" rel="nosublink">트위터</a>
	2058	+ -->
	2059	+
	2060	+
	2061	+ </div>
	2062	+
	2063	+</div>
	2064	+
	2065	+<form name="searchForm" id="searchForm">
	2066	+ <input type="hidden" name="bbsId" value="">
	2067	+ <input type="hidden" name="nttId" value="0" />
	2068	+ <input type="hidden" name="seCmmnCdId" value="" />
	2069	+ <input type="hidden" name="frstRegisterId" value=""/>
	2070	+ <input type="hidden" name="viewsYn" value="">
	2071	+ <input type="hidden" name="menuNo" value="">
	2072	+ <input type="hidden" name="searchBgnDe" value="">
	2073	+ <input type="hidden" name="searchEndDe" value="">
	2074	+ <input type="hidden" name="pageIndex" value="1">
	2075	+ <input type="hidden" name="searchSortCnd" value="" />
	2076	+ <input type="hidden" name="searchSortOrd" value="" />
	2077	+ <input type="hidden" name="searchCnd" value="" />
	2078	+ <input type="hidden" name="searchWrd" value="" />
	2079	+ <input type="hidden" name="pageUnit" value="10" />
	2080	+</form>
	2081	+

1307639

src/main/webapp/publish/content.css (added)

+++ src/main/webapp/publish/content.css

...	...	@@ -0,0 +1,2722 @@
	1	+/* 폰트 */
	2	+.fwLg{font-weight: 300 !important}
	3	+.fwRg{font-weight: 400 !important}
	4	+.fwMd{font-weight: 500 !important}
	5	+.fwBold{font-weight: 700 !important}
	6	+.c_white {color: #fff !important;}
	7	+.c_002c9a {color: #002c9a !important;}
	8	+.c_e40000 {color: #e40000 !important;}
	9	+.c_999999 {color: #999 !important;}
	10	+.c_ffa200 {color: #ffa200 !important;}
	11	+.c_19b32b{color: #19b32b !important;}
	12	+.c_000 {color: #000 !important;}
	13	+.c_222 {color: #222 !important;}
	14	+.c_666 {color: #666 !important;}
	15	+/* 발송결과 화면개선 */
	16	+.c_666_g {color: #666 !important; font-size: 26px; font-weight: 600; font-family: 'GmarketSansBold'; padding:0 4px 0 0;}
	17	+.c_002c9a_g {color: #002c9a !important; font-size: 26px; font-weight: 600; font-family: 'GmarketSansBold'; padding:0 4px 0 0;}
	18	+.c_e40000_g {color: #e40000 !important; font-size: 26px; font-weight: 600; font-family: 'GmarketSansBold'; padding:0 4px 0 0;}
	19	+.c_222_g {color: #222 !important; font-size: 26px; font-weight: 600; font-family: 'GmarketSansBold'; padding:0 4px 0 0;}
	20	+/// 발송결과 화면개선 /
	21	+.table {display: table;width: 100%;}
	22	+.table_cell {display: table-cell;vertical-align: middle;}
	23	+.table_cell1 {display: table-cell;vertical-align: top; position: relative; top: 25px;}
	24	+.vMiddle {vertical-align: middle;}
	25	+.tRight {text-align: right !important;}
	26	+.tLeft {text-align: left !important;}
	27	+
	28	+.btn_text{padding:0 7px;}
	29	+
	30	+.btn_28{height:28px;}
	31	+.btn_30{height:30px;}
	32	+.btn_32{height:32px;}
	33	+.btn_34{height:34px;}
	34	+.btn_36{height:36px;}
	35	+.btn_38{height:38px;}
	36	+
	37	+.btn_blue.fill{background:#002c9a;color:#fff;}
	38	+.btn_lightgray.fill{background:#a5a5a5;color:#fff;}
	39	+.btn_gray.fill{background:#6a6c72;color:#fff;}
	40	+.btn_yellow.fill{background:#fbc72b;color:#222;}
	41	+
	42	+.btn_blue.border{border:1px solid #002c9a;color:#002c9a;}
	43	+.btn_gray.border{border:1px solid #6a6c72;color:#666;}
	44	+
	45	+.w100 {width: 100%;}
	46	+.h100 {height: 100%;}
	47	+
	48	+input[type=text]::-ms-celar, input[type=password]::-ms-clear, input[type=email]::-ms-clear, input[type=number]::-ms-clear, input[type=tel]::-ms-clear {display:none;width:0;height:0;}
	49	+input[type=text]::-ms-reveal, input[type=password]::-ms-reveal, input[type=email]::-ms-reveal, input[type=number]::-ms-reveal, input[type=tel]::-ms-reveal {display:none;width:0;height:0;}
	50	+
	51	+.select_gray_type{width: 340px;height: 40px;padding: 0 20px;background-color: #f2f2f2;border-radius: 5px;border: 0;color: #222;font-weight: 400;font-size: 16px;background-image: url(/publish/images/select_search.png);background-repeat: no-repeat;background-position: 94% center;}
	52	+.textarea_gray_type{padding: 24px 20px; border-radius: 5px; background-color: #f2f2f2; border: none;}
	53	+
	54	+/* 기타 반복 사용 */
	55	+.SortLine {position: relative;}
	56	+.SortLine::before {content: "";position: absolute;top: 50%;left: 0; width: 1px;height: 12px;background: #565656;transform: translateY(-50%);}
	57	+.text_deco {position: relative;padding-right: 40px;}
	58	+.text_deco::after {position: absolute;content: "";width: 20px;height: 20px;border: 5px solid #ffcc33;border-radius: 50%;background-color: #fff;top: 50%;left: 0;transform: translateY(-50%);}
	59	+.text_deco2 {position: relative;padding-right: 16px;}
	60	+.text_deco2::after {position: absolute;content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #23428b;top: 50%;left: 0;transform: translateY(-50%);}
	61	+.text_deco3 {position: relative;padding-right: 16px;}
	62	+.text_deco3::after {position: absolute;content: "";width: 5px;height: 17px;border-radius: 2.5px;background-color: #fbc72b;top: 50%;left: 0;transform: translateY(-50%);}
	63	+.font_ellipsis>p { text-overflow: ellipsis; overflow: hidden;display: -webkit-inline-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-weight: 300; line-break: anywhere; text-align: left;}
	64	+.font_ellipsis>a>p { text-overflow: ellipsis; overflow: hidden;display: -webkit-inline-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; font-weight: 400; line-break: anywhere; text-align: left;}
	65	+
	66	+/* sub page 공통 */
	67	+.sub {background-color: #eee;color: #222; min-width: 1280px;}
	68	+.sub .heading {position:relative;margin:0 0 25px;padding-bottom:23px;justify-items:center;}
	69	+.sub .heading::after {content: "";width: calc(100% + 80px);height: 1px; position: absolute;background-color: #e5e5e5;left: -40px;bottom: 0;}
	70	+.sub .heading h1,
	71	+.sub .heading h2 {font-size: 32px;display: inline-block;vertical-align: middle; margin-top: 5px; font-family: 'GmarketSansBold';}
	72	+.sub .heading .button {position:absolute;right:0;top:-9px;padding:0 17px;font-size:16px;line-height:46px;text-align:center;border:1px solid #d5d5d5;border-radius:5px;}
	73	+.sub .heading .button:hover {box-shadow:0px 0px 5px 3px rgba(0,0,0,0.12);}
	74	+.sub .heading .button.attorney {border-color:#ffcc33;background-color:#ffcc33;}
	75	+.sub .heading .button.attorney:before {content:'';display:inline-block;width:15px;height:19px;margin:14px 8px 0 0;vertical-align:top;background:url(/publish/images/content/icon_button_attorney.png) no-repeat left top;}
	76	+.sub .heading .button.info:before {content:'';display:inline-block;width:18px;height:20px;margin:14px 8px 0 0;vertical-align:top;background:url(/publish/images/content/titBoxIcon.png) no-repeat left top;}
	77	+.sub .heading .button.junk {right:130px;}
	78	+.sub .heading .button.junk:before {content:'';display:inline-block;width:20px;height:18px;margin:15px 8px 0 0;vertical-align:top;background:url(/publish/images/login_introIcon.png) no-repeat left top;}
	79	+.sub .heading .button.certificate {right:175px;}
	80	+.sub .heading .button.certificate:before {content:'';display:inline-block;width:20px;height:18px;margin:15px 8px 0 0;vertical-align:top;background:url(/publish/images/content/titBoxIcon.png) no-repeat left top;}
	81	+.sub .heading .button2 {padding:0 17px;font-size:16px;line-height:46px;text-align:center;border:1px solid #d5d5d5;border-radius:5px;}
	82	+.sub .heading .button2:hover {box-shadow:0px 0px 5px 3px rgba(0,0,0,0.12);}
	83	+.sub .heading .button2.info:before {content:'';display:inline-block;width:18px;height:20px;margin:14px 8px 0 0;vertical-align:top;background:url(/publish/images/content/titBoxIcon.png) no-repeat left top;}
	84	+
	85	+.titBox {padding: 8px 20px;border: 2px solid #dddddd;border-radius: 5px;margin:15px 0;position: relative;}
	86	+.titBox a {display: inline-block;}
	87	+.titBox p {color: #666;font-weight: 300;padding: 2px 0; font-size: 14px; line-height: 1.2;}
	88	+.titBox p span {color: #e40000;font-weight: 500;}
	89	+.titBox.type1 p {width: 80%;}
	90	+.titBox>button {position: absolute;right: 25px;top: 50%;transform: translateY(-50%);height: 42px; padding: 0 15px; border: 1px solid #d5d5d5;border-radius: 5px;font-size: 16px;}
	91	+.titBox button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12); border: 1px solid #b1b1b1;}
	92	+.titBox button.titBox_btn1 i {background-image: url(/publish/images/content/titBoxIcon.png);width: 18px;height: 20px;margin-right: 7px;}
	93	+.titBox button.titBox_btn2 {right: 140px;}
	94	+.titBox button.titBox_btn2 i {background-image: url(/publish/images/content/titBoxIcon2.png);width: 15px;height: 18px;margin-right: 7px; margin-bottom: 4px;}
	95	+.titBox button.titBox_btn3 i {background-image: url(/publish/images/content/titBoxIcon3.png);width: 16px;height: 15px;margin-right: 7px; margin-bottom: 3px;}
	96	+.titBox button i.receipt_img {background-image: url(/publish/images/content/receipt_icon.png);width: 18px;height: 18px;margin-right: 7px; margin-bottom: 4px;}
	97	+.titBox .btnWrap {position: absolute; right: 25px; top: 50%; transform: translateY(-50%);}
	98	+.titBox .btnWrap button {padding: 8px 0; border: 1px solid #d5d5d5;border-radius: 5px;font-size: 16px; font-weight: 400; margin-bottom: 5px;}
	99	+.titBox .btnWrap button:last-child {margin-bottom: 0;}
	100	+.titBox .btnWrap button span {font-size: 14px; color: #666; display: block;}
	101	+.titBox .btnWrap.type1 {width: 250px;}
	102	+.titBox .btnWrap.type1 button {width: 250px;}
	103	+.titBox .btnWrap.type2 {width: 180px;}
	104	+.titBox .btnWrap.type2 button {width: 180px;}
	105	+.titBox .btnWrap.type2 button:first-child:hover {border: 1px solid #129738 !important;}
	106	+.titBox .btnWrap.type2 button:last-child:hover {border: 1px solid #53a6da !important;}
	107	+/발송결과 개선 : 화면 상단 박스/
	108	+.titBox_result {padding: 17px 25px;border: 3px solid #dddddd;border-radius: 5px;margin:15px 0 25px 0;position: relative;}
	109	+.titBox_result p {color: #666;font-weight: 300;padding: 2px 0; font-size: 16px; line-height: 1.2;}
	110	+
	111	+.msg_com {background-color: #fff; border-radius: 5px;height: 26px;padding: 0 10px;font-weight: 600;display: inline-block;line-height: 25px;}
	112	+.msg_com.msg_short {border: 1px solid #002c9a;color: #002c9a;}
	113	+.msg_com.msg_long {border: 1px solid #12bec9;color: #008d96;}
	114	+.msg_com.msg_photo {border: 1px solid #e26ba9;color: #cf468d;}
	115	+.msg_com.msg_allimtalk {border: 1px solid #fbc72b;color: #222;}
	116	+
	117	+/* sub tab */
	118	+/* tabTpye1 */
	119	+.tabType1 {background-color: #fff;width: 100%;border-radius: 10px; display: flex;text-align: center;margin-bottom: 20px;border:2px solid #46484a;}
	120	+.tabType1 li {flex-basis: calc(100%/2); position: relative;}
	121	+.tabType1 li button {width: 100%;padding: 13px 0;font-size: 16px;position:relative;z-index:1;}
	122	+.tabType1 li.active {background-color: #46484a;}
	123	+.tabType1 li.active:after {content:'';position:absolute;left:-1px;top:-1px;width:100%;height:100%;border:1px solid #46484a;}
	124	+.tabType1 li.active button {color: #fff;border:1px solid #46484a;background-color: #46484a;}
	125	+.tabType1 li.active button:before {content:'';position:absolute;left:-1px;top:-1px;width:100%;height:100%;border:2px solid #46484a;box-sizing:border-box;}
	126	+.tabType1 li.active button:after {content:'';position:absolute;left:-5px;top:-5px;width:100%;height:100%;border:5px solid #46484a;border-radius:10px;}
	127	+.top_content {display: none;}
	128	+.top_content.current {display: block;}
	129	+/* tabTpye1 - 마이페이지 - 알림설정 */
	130	+.alarm_cont {display: none;}
	131	+.alarm_cont.current {display: block;}
	132	+.mypage_content .tabType1 {background-color: #f4f4f5; color: #222; margin-top: 40px;}
	133	+.mypage_content .tabType1 li.active button {background-color: #fbc72b; color: #222;}
	134	+/* tabTpye1 - 결제내역 - 요금결제내역 */
	135	+.pay_cont {display: none;}
	136	+.pay_cont.current {display: block;}
	137	+.pay_tab_wrap .tabType1 {background-color: #f4f4f5; color: #222; margin: 30px 0 ;border:0 none;border-radius:5px;}
	138	+.pay_tab_wrap .tabType1 li::after {content: ""; position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 30px; background-color: #d5d5d5;}
	139	+.pay_tab_wrap .tabType1 li:last-child::after {content: none;}
	140	+.pay_tab_wrap .tabType1 li:first-child button {border-radius:5px 0 0 5px;}
	141	+.pay_tab_wrap .tabType1 li:last-child button {border-radius:0 5px 5px 0;}
	142	+.pay_tab_wrap .tabType1 li.active {background-color:transparent;}
	143	+.pay_tab_wrap .tabType1 li.active::after {content: none;}
	144	+.pay_tab_wrap .tabType1 li.active button {background-color: #fbc72b; color: #222;border-radius:5px;line-height: 25px;}
	145	+.pay_tab_wrap .tabType1 li.active button:before {display:none;}
	146	+.pay_tab_wrap .tabType1 li.active button:after {display:none;}
	147	+/* tabTpye1 - 충전하기 - 요금안내/견적내기 */
	148	+.fee_cont {display: none;}
	149	+.fee_cont.current {display: block;}
	150	+
	151	+/* tabTpye2 */
	152	+.tabType2 {width: calc(100% - 600px); border-radius:10px 10px 0 0; display: flex;text-align: center;margin-bottom: 20px;position: relative;background-color: #fff;}
	153	+.tabType2::after {position: absolute;height: 2px;background-color: #000;width: calc(100% + 600px);content: "";bottom: 0;left: 0;}
	154	+.tabType2 li {flex-basis: calc(100% /4);min-width: 200px;}
	155	+.tabType2 li button {width: 100%;padding: 13px 0;font-size: 20px;border-left: 1px solid #e5e5e5;background-color: #fff;}
	156	+.tabType2 li:nth-child(3) button {border-left: 0;}
	157	+.tabType2 li:first-child button {border-left: 0;border-radius: 10px 0 0 0;}
	158	+.tabType2 li:last-child button {border-radius: 0 10px 0 0;}
	159	+.tabType2 li.active button {background-color: #46484a;border-radius:10px 10px 0 0;color: #fff;border-left: 1px solid transparent;}
	160	+.bottom_content {display: none;}
	161	+.bottom_content.current {display: block;}
	162	+
	163	+/* tabTpye4 */
	164	+.custom_content {display: none;}
	165	+.custom_content.current {display: block;}
	166	+.tabType4 {background-color: #fff;width: 100%;border-radius: 10px; display: flex;text-align: center;margin-bottom: 20px;border:2px solid #46484a;}
	167	+.tabType4 li {flex-basis: calc(100%/3); position: relative;}
	168	+.tabType4 li::after {content: ""; position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 34px; background-color: #ccc;}
	169	+.tabType4 li:last-child::after {content: none;}
	170	+.tabType4 li.active::after {content: none;}
	171	+.tabType4 li button {position:relative;width: 100%; height: 50px; padding: 12px 0;font-size: 18px; letter-spacing: -0.5px;}
	172	+.tabType4 li.active button {color:#fff;border:1px solid #46484a;background-color:#46484a;}
	173	+.tabType4 li.active button:before {content:'';position:absolute;left:-1px;top:-1px;width:100%;height:100%;border:2px solid #46484a;box-sizing:border-box;}
	174	+.tabType4 li.active button:after {content:'';position:absolute;left:-5px;top:-5px;width:100%;height:100%;border:5px solid #46484a;border-radius:10px;}
	175	+.tabType4.tabTwo li {flex-basis: calc(100%/2);}
	176	+
	177	+/* tabTpye5 */
	178	+.popup_cont {display: none;}
	179	+.popup_cont.current {display: block;}
	180	+.tabType5 {background-color: #fff;width: 100%; border: 1px solid #dfdfdf; border-bottom: 1px solid #46484a; border-radius: 5px 5px 0 0; display: flex;text-align: center;}
	181	+.tabType5 li {flex-basis: calc(100%/3); position: relative;}
	182	+.tabType5 li::after {content: ""; position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; background-color: #c7c8c8;}
	183	+.tabType5 li:last-child::after {content: none;}
	184	+.tabType5 li.active::after {content: none;}
	185	+.tabType5 li button {width: 100%;height: 45px; font-size: 18px;}
	186	+.tabType5 li.active button {background-color: #46484a;border-radius: 5px 5px 0 0;color: #fff; font-weight: 300;}
	187	+
	188	+/* tabTpye6 */
	189	+.history_cont {display: none;}
	190	+.history_cont.current {display: block;}
	191	+.tabType6 {background-color: #fff;width: 100%;border-bottom: 1px solid #e5e5e5; display: flex;text-align: center;}
	192	+.tabType6 li {flex-basis: calc(100%/2);}
	193	+.tabType6 li button {width: 100%;height: 35px; font-size: 16px;border: 1px solid #dfdfdf; border-bottom: 1px solid #e5e5e5; border-radius: 5px 5px 0 0;}
	194	+.tabType6 li.active button {background-color: #c8c8c8;border-radius: 5px 5px 0 0; border: 1px solid #c8c8c8;}
	195	+.pay_refund_cont .pay_tType1 {margin-top:-20px;}
	196	+.pay_refund_cont .pay_tType1 tbody tr:first-child {border-top:0 none;}
	197	+/// sub tab /
	198	+
	199	+/* calendar */
	200	+.calendar_wrap {position:relative;display: inline-block;}
	201	+.calendar_wrap>span {font-weight: 500;}
	202	+.calendar_wrap>input[type="text"] {height: 36px;line-height: 36px;width: 140px;border: 1px solid #d5d5d5;font-size: 16px;font-weight: 300;padding: 0 5px;color: #777;background: url(/publish/images/calendar/calendarIcon2.png) #fff no-repeat right 7px center;}
	203	+.calendar_in {position: relative;display: inline;}
	204	+.calendar_in>button { border: 1px solid transparent !important; height: 26px; margin: 1px 0 0 0; padding: 0; text-indent: -9999em; width: 26px; vertical-align: middle; position: absolute; right: 8px;top: 57%; transform: translateY(-50%);}
	205	+.calendar_in .calendar-frame {border: 0;height: 290px;width: 320px;}
	206	+.calendar_in .calendarPop {display: none;position: absolute;z-index: 10;top: 32px;left: -204px; border-radius: 10px 10px 0 0;box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12); background-color: #fff;}
	207	+/* 요금결제 결제내역 */
	208	+.pay_cont .calendar_in .calendarPop {top: 40px; left: -162px;}
	209	+/* 요금결제 사용내역 */
	210	+.serv_content .excel_middle .calendar_in .calendarPop {top: 30px; left: -124px;}
	211	+.serv_content .history_details+.tType1_title{margin: 30px 0 0 0;}
	212	+.serv_content .history_details+.tType1_title+.excel_middle{margin: 0 0 20px 0;}
	213	+
	214	+
	215	+/* tType1 기본 */
	216	+.tType1 {width: 100%;text-align: left;table-layout: fixed;}
	217	+.tType1 tbody tr {border-bottom: 1px solid #e5e5e5;}
	218	+.tType1 tbody tr:first-child{border-top: 2px solid #000;}
	219	+.tType1 tbody tr th {min-width: 75px; height: 55px; vertical-align: middle;font-size: 17px; text-align: left;}
	220	+.tType1 tbody tr th .essential {display:inline-block;margin:4px 2px 0 0;vertical-align:top;color:#e40000;}
	221	+.tType1 tbody tr th.vTop {vertical-align: top; padding-top: 20px; line-height: 1.2;}
	222	+.tType1 tbody tr td {vertical-align: middle;font-weight: 300;line-height: 1.3; padding: 10px 0;}
	223	+.tType1 tbody tr td p {line-height: 1.4;}
	224	+/* tType1 특정 콘텐츠 */
	225	+/* 문자 보내기 - 문자분류 */
	226	+.tType1 tbody tr td.send_cf {font-size: 18px;}
	227	+/* 문자 보내기 - 내용 */
	228	+.tType1 tbody tr td.putText {padding: 10px 0;}
	229	+.tType1 tbody tr td.putText>div {display: flex; width: 100%;}
	230	+.tType1 tbody tr td.putText>p:last-child {color: #555; font-size: 14px; padding-top: 10px;}
	231	+.tType1 tbody tr td.putText .put_left {float: left;width: calc(100% - 26%); min-width: 420px; padding: 0 10px; border:1px solid #f2f2f2;box-sizing: border-box; border-radius: 5px; background-color: #f2f2f2; position: relative; /max-height: 300px;/}
	232	+.tType1 tbody tr td.putText .put_left .text_length {position: relative;min-height: 28px;margin:0 0 15px;border-radius: 0 0 5px 5px;}
	233	+.tType1 tbody tr td.putText .put_left .text_length>div:first-child {font-size: 15px; padding-left: 10px;}
	234	+.tType1 tbody tr td.putText .put_left .text_length>div:last-child {position: absolute;bottom: 0;right: 10px;}
	235	+.tType1 tbody tr td.putText .put_left .text_length p {display: inline-block;padding-right: 10px;}
	236	+.tType1 tbody tr td.putText .put_right { width: 26%; max-width: 200px; position: relative;}
	237	+.tType1 tbody tr td.putText .put_right>button {width: calc(100% - 10px); margin-left: 10px;margin-bottom: 5px;}
	238	+.tType1 tbody tr td.putText .put_right .btn_popup_wrap button:not(.btn_close) {width: calc(100% - 10px); margin-left: 10px;margin-bottom: 5px;}
	239	+.tType1 tbody tr td.putText button .qmMark {background-image: url(/publish/images/content/qmIcon_s.png); width: 19px; height: 19px; margin-left: 5px; margin-top: -2px;}
	240	+.tType1 tbody tr td.putText .put_right .send_btnWrap {position: absolute;bottom: 0;right:0;width: calc(100% - 10px);}
	241	+.tType1 tbody tr td.putText .put_right .send_btnWrap button {width: 48.5%;}
	242	+.tType1 tbody tr td.putText textarea {height: 160px; border: none;margin: 0;padding:0 15px;border-radius: 5px 5px 0 0;outline: 0;background-color: transparent; font-size: 15px;}
	243	+/* 단문 */
	244	+.tType1 tbody tr td.putText .put_left.short textarea {height: 190px;margin:10px 0;padding:0 5px;}
	245	+.tType1 tbody tr td.putText .put_left.short textarea::placeholder {color: #b5b5b5;}
	246	+.tType1 tbody tr td.putText .put_left.short.on {border: 1px solid #002c9a;border-radius: 5px;background-color: #eef2f9 !important;}
	247	+/* 장문 */
	248	+.tType1 tbody tr td.putText .put_left.long textarea {height: 380px;}
	249	+.tType1 tbody tr td.putText .put_left.long.on {border: 1px solid #12bec9;border-radius: 5px;background-color: #eef5f9 !important;}
	250	+/* 그림 */
	251	+/* .tType1 tbody tr td.putText .put_left.photo textarea {margin-top: 95px; height: 163px;} */
	252	+.tType1 tbody tr td.putText .put_left.photo.on {border: 1px solid #e26ba9;border-radius: 5px;background-color: #f8f1f5 !important;}
	253	+/* 제목 */
	254	+.tType1 tbody tr.msg_title {display:none;}
	255	+.tType1 tbody tr.msg_title.active {display:table-row;}
	256	+.tType1 tbody tr.msg_title td .title_wrap .textbox {display:none;margin:10px 0 0;}
	257	+.tType1 tbody tr.msg_title td .title_wrap .textbox.active {display:block;}
	258	+/// tType1 기본 /
	259	+
	260	+.sort_wrap {display:inline-block;}
	261	+.sort_wrap button:nth-child(1) img {margin-left: 3px;}
	262	+.sort_wrap button:nth-child(2) img {margin-left: -5px;}
	263	+.sort_wrap button img {margin-bottom: 5px;}
	264	+
	265	+.sortBtn {background-image: url(/publish/images/sortUp.png);border: none;background-color: transparent;background-repeat: no-repeat;background-position: center center;height: 14px;cursor: pointer; margin: -3px 0 0 0;}
	266	+.sortBtnDesc {background-image: url(/publish/images/sortDown.png);border: none;background-color: transparent;background-repeat: no-repeat;background-position: center center;height: 14px;cursor: pointer;margin: -2px 0 0 0;}
	267	+.sortBtnAsc {background-image: url(/publish/images/sortUp.png);border: none;background-color: transparent;background-repeat: no-repeat;background-position: center center;height: 14px;cursor: pointer;}
	268	+
	269	+/* tType3 - table 모양이지만 div형태 */
	270	+.tType3 {width: 100%; border-radius: 3px; border: 1px solid #ccc; box-sizing: border-box;}
	271	+.tType3.payDetail {margin-bottom: 50px;}
	272	+.tType3.usageDetail {margin-bottom: 50px;}
	273	+/* colgroup -- 요금결제내역 */
	274	+/* .tType3.payDetail .tType3_bd_wrap {height: 400px;} */
	275	+.tType3.payDetail {margin: -15px 0 10px 0;}
	276	+.payDetail .tType3_hd>div:nth-child(1), .payDetail .tType3_bd>div:nth-child(1) {width: 40px;}
	277	+.payDetail .tType3_hd>div:nth-child(2), .payDetail .tType3_bd>div:nth-child(2) {width: 20%;}
	278	+.payDetail .tType3_hd>div:nth-child(3), .payDetail .tType3_bd>div:nth-child(3) {width: 17%;}
	279	+.payDetail .tType3_hd>div:nth-child(4), .payDetail .tType3_bd>div:nth-child(4) {width: 15%;}
	280	+.payDetail .tType3_hd>div:nth-child(5), .payDetail .tType3_bd>div:nth-child(5) {width: 17%;}
	281	+.payDetail .tType3_hd>div:nth-child(6), .payDetail .tType3_bd>div:nth-child(6) {width: 15%;}
	282	+.payDetail .tType3_hd>div:nth-child(7), .payDetail .tType3_bd>div:nth-child(7) {width: 17%;}
	283	+
	284	+.table_cont {display: none;}
	285	+.table_cont.current {display: block;}
	286	+
	287	+/* thead */
	288	+.tType3 .tType3_hd { display: flex; height: 36px; line-height: 34px; font-size: 15px; box-sizing: border-box; position: relative; z-index: 0; background-color: #ededed; text-align: center; border-radius: 3px 3px 0 0;}
	289	+.tType3 .tType3_hd::after {content: ""; background-color: #e9e9e9; width: 100%; height: 18px; position: absolute; bottom: 0; left: 0;z-index: -1;}
	290	+.tType3 .tType3_hd>div {border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; box-sizing: border-box;}
	291	+.tType3 .tType3_hd>div:first-child {border-left: 0; }
	292	+.tType3 .font_ellipsis {position: relative;}
	293	+/* 이용내역 호버 컨텐츠(이미지, 글 모두 보여줌) */
	294	+.history_hover {position: absolute; width: 300px; height: 250px; padding: 25px; overflow: hidden; box-shadow: 0 0 8px rgba(0,0,0,0.5); background-color: #f4f6fa; border: 1px solid #002c9a; border-radius: 5px; z-index: 10; box-sizing: border-box; display: none;}
	295	+.history_hover ul {display: flex; margin-bottom: 15px;}
	296	+.history_hover ul li {width: calc(100%/3); height: 124px; margin-left: 5px; border-radius: 3px; overflow: hidden; background-color: #fff;}
	297	+.history_hover ul li:first-child {margin-left: 0;}
	298	+.history_hover ul li img {width: 100%;}
	299	+.history_hover p {line-height: 1.5; text-align: left; color: #222;}
	300	+.history_hover .allimtalk_title{position: relative; width: calc(100% - 20px); background-color: #fae100; font-family: 'LotteMartDream'; font-size: 18px; padding: 12px 21px; border-radius: 5px 5px 0 0; box-sizing: border-box; color: #222; margin: 10px 0 0 0;}
	301	+.history_hover .allimtalk_title::after{position: absolute; content: " "; width: 42px; height: 42px; background: url(/publish/images/content/icon_kakao01.png) no-repeat; right: -20px; top: -10px;}
	302	+.history_hover .allimtalk_title img{margin: 0 8px 0 0; vertical-align: bottom;}
	303	+.history_hover .allimtalk_content{width: 100%;background-color: #fff; border-radius: 0 0 5px 5px; padding: 0 0 10px 0;}
	304	+.history_hover .allimtalk_content .kakao_image img{width: 100%;}
	305	+.history_hover .allimtalk_content p{width: calc(100% - 20px); white-space: normal; word-break: break-all; line-height: 1.4; padding: 0 10px; margin: 0 auto;}
	306	+.history_hover .allimtalk_content .template_text,.history_hover .allimtalk_content .emphasis_title_text{font-size: 16px; font-weight: 500; color: #222;}
	307	+.history_hover .allimtalk_content .emphasis_side_text{padding: 15px 0 0 0;}
	308	+.history_hover .allimtalk_content .emphasis_title_text{padding: 0 0 15px 0; border-bottom: 1px solid #e5e5e5;}
	309	+.history_hover .allimtalk_content .emphasis_side_text,.history_hover .allimtalk_content .side_info_text,.history_hover .allimtalk_content .channel_info_text{font-size: 14px; color: #999; margin: 0 auto 6px auto; white-space: normal; word-break: break-all;}
	310	+.history_hover .allimtalk_content .template_text{padding: 15px 0 0 0;}
	311	+.history_hover .allimtalk_content .side_info_text{padding: 8px 0 0 0;}
	312	+.history_hover .allimtalk_content .channel_info_text{padding: 0 0 4px 0;}
	313	+.history_hover .allimtalk_content button{margin: 0 0 8px 10px;}
	314	+.history_hover .allimtalk_content button:last-child{margin-bottom: 0;}
	315	+.history_hover .allimtalk_content .template_text+.btn_kakao_type{margin-top: 8px;}
	316	+.history_hover .allimtalk_content .btn_kakao_channel{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ffea00;}
	317	+.history_hover .allimtalk_content .btn_kakao_type{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ededed;}
	318	+
	319	+/* tbody */
	320	+/* .tType3 .tType3_bd_wrap {height: 399px;} */
	321	+.tType3 .tType3_bd { display: flex; height: 40px; line-height: 40px; font-size: 15px; box-sizing: border-box; text-align: center; color: #555; font-weight: 300;}
	322	+.tType3 .tType3_bd span {font-weight: 400;}
	323	+.tType3 .tType3_bd>div {height: 40px; padding: 0 10px; line-height: 40px; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; text-align: center; color: #555; font-weight: 300; box-sizing: border-box;}
	324	+.tType3 .tType3_bd>div:first-child {border-left: 0;}
	325	+.tType3 .tType3_bd:last-child>div {border-bottom: 0;}
	326	+.tType3 .tType3_bd .table_certify {font-weight: 400;}
	327	+.tType3 .tType3_bd .input_wrap2 input[type="text"] {text-align: center; background-color: #f2f2f2; width: calc(100% - 20px); height: 32px; border-radius: 5px; color: #555; vertical-align: baseline;}
	328	+.tType3 .tType3_bd .input_wrap2 input[type="text"]::placeholder {color: #555;}
	329	+.tType3 .tType3_bd .input_wrap2 input[type="text"]:-ms-input-placeholder {color: #555;}
	330	+.tType3 .tType3_bd .btnType14 {height: 28px; padding: 0 11.5px; vertical-align: baseline; line-height: 28px;}
	331	+.tType3 .tType3_bd input[type="radio"] {margin-top: 0; margin-right: 0; vertical-align: revert;}
	332	+
	333	+
	334	+.tb_wrap{position:relative;width: 100%; min-height: 430px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; box-sizing: border-box;border-bottom:0 none;}
	335	+.tb_wrap:after {content:'';position:absolute;left:2px;bottom:0;width:calc(100% - 4px);height:1px;background:#ccc;}
	336	+.tType4{table-layout: fixed; width: 100%;}
	337	+.tType4 thead{background-color: #ededed; position: relative; z-index: 0;}
	338	+.tType4 thead tr:only-child th{height: 36px;}
	339	+.tType4 thead th{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 15px; font-weight: 400; position: relative; z-index: 1; line-height: 25px; vertical-align: middle;}
	340	+.tType4 thead th::after{position: absolute; content: " "; width: 100%; height: 18px; background-color: #e5e5e5; bottom: 0; left: 0; z-index: -1;}
	341	+.tType4 thead th:last-child{border-right: 0;}
	342	+.tType4 .sort_wrap{display: inline-block;}
	343	+.tType4 tbody td{text-align: center; font-size: 15px; color: #666; font-weight: 400; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 38px; vertical-align: middle; padding: 0 10px; box-sizing: border-box;}
	344	+.tType4 tbody td.tb_tit{text-align: left; position: relative;}
	345	+.tType4 tbody td.input_wrap2 input[type="text"] {text-align: center;background-color: #f2f2f2;width: calc(100% - 20px);height: 32px;border-radius: 5px;border: 1px solid #f2f2f2;margin-right: 0;color: #555;}
	346	+.tType4 tbody tr:only-child:last-child td{border-bottom: 1px solid #ccc;}
	347	+/* .tType4 tbody tr:nth-child(10n) td{border-bottom: 0;} */
	348	+.tType4 tbody td:last-child{border-right: 0;}
	349	+.tType4 tbody td>p{width: 100%; line-height: 38px; white-space: nowrap; text-overflow: ellipsis; letter-spacing: -0.5px; overflow: hidden;margin: 0 auto;}
	350	+.tType4 tbody td span {font-weight: 400;}
	351	+.tType4 td input[type="text"]{height: 28px; display: inline-block; border: 1px solid #e5e5e5; margin-right: 5px;}
	352	+.tType4 tbody .btnType14 {height: 28px;}
	353	+.tType4 .memo_text {width: calc(100% - 35px); margin-right: 5px; display: inline-block; text-align: left; vertical-align: inherit;}
	354	+.tType4 tbody td span.textReject {line-height:28px;}
	355	+.tType4 tbody td .btnTypeReject {margin:0 0 0 3px;line-height:26px;letter-spacing:0;text-align:center;vertical-align:top;}
	356	+/* 발송결과 개선 : 테이블 내용 수정 */
	357	+.tType4 tbody td.result_cont a {text-align: left!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	358	+.tType4 tbody td.result_cont .result_tit { }
	359	+.tType4 tbody td .cancel_date {font-size:14px; color:#666; display: block;}
	360	+
	361	+/* .thumb_wrap {position: absolute; margin-left: 20px; top: 20px; left: 0;} */
	362	+.thumb_wrap {margin: 15px 0 0 10px;}
	363	+.thumb_wrap.none{margin:0;}
	364	+.thumb_wrap li {margin: 0 2px; display: inline-block; position: relative;}
	365	+.thumb_wrap li>div {width: 80px; height: 80px; border-radius: 5px; overflow: hidden; box-sizing: border-box;}
	366	+.thumb_wrap li>div img {width: 80px;height:100%;object-fit:cover;}
	367	+.thumb_wrap li.on>div {border: 2px solid #fbc72b;}
	368	+.thumb_wrap li button.file_close {position: absolute; top: 5px; right:5px; width: 20px; height: 20px; border: 1px solid #dbdbdb; border-radius: 50%; background-color: rgba(0,0,0,0.25); }
	369	+.thumb_wrap li button.file_close_on {display: none;}
	370	+.thumb_wrap li.on button.file_close {display: none;}
	371	+.thumb_wrap li button img {margin-bottom: 4px;}
	372	+.thumb_wrap li.on button.file_close_on {position: absolute; top: 5px; right:5px; display: block; }
	373	+.thumb_wrap li.on button.file_close_on img {margin-bottom: 0;}
	374	+/* 광고 */
	375	+.ad_txt {margin:15px 0 0 0;padding:0 0 0 15px;font-weight:400;font-size:17px;}
	376	+.ad_tit {padding-bottom: 10px;}
	377	+.deny_receipt {padding-top: 10px;}
	378	+
	379	+/* 문자 보내기 - 받는사람 리스트 */
	380	+.receipt_num {display: block !important;}
	381	+.receipt_num_top{display:flex;}
	382	+.receipt_num_top span {font-size: 14px; color: #e40000; font-weight: 400;white-space:nowrap;}
	383	+.receipt_num_midde {display: flex; width: 100%; margin-top: 10px;}
	384	+.receipt_num_midde .tabulator .tabulator-header {margin-left:0 !important;}
	385	+.receipt_num_midde .tabulator .tabulator-tableHolder .tabulator-placeholder[tabulator-render-mode=virtual] {width:100% !important;}
	386	+.btn_popup_wrap.check_validity_wrap {position: absolute; bottom: 0; width: 100%;}
	387	+.btn_popup_wrap.check_validity_wrap button {border: 1px solid #002c9a; color: #002c9a; margin-bottom: 0 !important; position: relative;}
	388	+.tType1 tbody tr td.putText textarea.receipt_num{height: 70px;padding: 10px 15px;background-color: #f2f2f2;border-radius: 5px;line-height: 1.4;}
	389	+.receipt_num_top .btn_popup_wrap{display:inline-block;margin:0 0 0 10px;}
	390	+
	391	+
	392	+.tType1_title {font-size: 20px; font-weight: 600; position: relative; height: 40px;}
	393	+.tType1_title button {position: absolute;top: 22%; right: 0; transform: translateY(-50%); background-color: #002c9a; height: 40px; padding: 0 15px; color: #fff;}
	394	+.tType1_title>span {font-size: 16px; font-weight: 300; color: #666;}
	395	+.tType1 tbody tr td.send_list {position: relative;display: flex; justify-content: space-between;}
	396	+.tType1 tbody tr td.send_list .list_left, .tType1 tbody tr td.send_list .list_right {width: calc(100%/2 - 25px);min-width: 290px;}
	397	+.tType1 tbody tr td.send_list .list_left {left: 0;position: relative;}
	398	+.tType1 tbody tr td.send_list .list_left .add_num {height: 90px;}
	399	+.tType1 tbody tr td.send_list .list_left .add_num input[type="text"] {width: calc(100% - 97px);min-width: 200px;}
	400	+.tType1 tbody tr td.send_list .list_left .add_num input[type="text"]::placeholder {color: #a6a6a6; font-weight: 300;}
	401	+.tType1 tbody tr td.send_list .list_left .add_num>span {color: #e40000;font-size: 13px;font-weight: 400;line-height: 39px;}
	402	+.tType1 tbody tr td .text_req {display: inline-block; color: #999; font-size: 17px; font-weight: 300; vertical-align: middle;}
	403	+.numOfCase {position: absolute;right: 0;top: 57px;}
	404	+.numOfCase p {display: inline-block;font-size: 13px;}
	405	+.numOfCase p:first-child span {color: #e40000;font-weight: 500;}
	406	+.numOfCase p:last-child span {color: #002c9a;font-weight: 500;}
	407	+
	408	+.tType1 tbody tr td.send_list .list_right {right: 0;}
	409	+.tType1 tbody tr td.send_list .list_right .list_btnWrap {display: flex;flex-flow: wrap;justify-content: space-between;}
	410	+.tType1 tbody tr td.send_list .list_right .list_btnWrap button {height: 37px;width: calc(100%/3 - 3px);margin-bottom: 5px;}
	411	+
	412	+.listType {min-width: 420px; height: 308px; border: 1px solid #ccc; width: calc(100% - 26%); box-sizing: border-box; border-radius: 5px; background-color: #f2f2f2; position: relative; }
	413	+.listType .list_table {display: flex;}
	414	+.listType .list_table div {display: inline-block;text-align: center;}
	415	+.listType .list_table div img {margin-bottom: 3px;}
	416	+.listType .list_table p {display: inline-block;}
	417	+.listType .list_table .cb_wrap {width: 60px;}
	418	+.listType .list_table .cb_wrap input[type="checkbox"] {margin-bottom: 3px;}
	419	+.listType .list_table .list_table_num {width: 55%;}
	420	+.listType .list_table .list_table_name {width: 45%;}
	421	+.listType .list_head {background-color: #e8e8e8;border-bottom: 1px solid #a2a2a2;padding: 7px 0;font-weight: 400;}
	422	+.listType .list_head p {margin-right: 3px;}
	423	+.listType .list_body {border-bottom: 1px solid #e5e6e7;padding: 4px 0;}
	424	+.listType .list_body:last-child {border-bottom: 0;}
	425	+.drag_drop_wrap {background-color: #f2f2f2; margin-top: 10px;}
	426	+.drag_drop {height: calc(100% - 37px); padding: 100px 0; box-sizing: border-box; text-align: center;}
	427	+.drag_drop_in {background-color: #fff; width: 600px; height: 100%; padding: 50px 0; border-radius: 5px; border: 2px solid #d5d5d5; border-style: dashed; margin: 0 auto; font-size: 16px; box-sizing: border-box;}
	428	+.drag_drop_in .drag_top i {background-image: url(/publish/images/content/drag&drop2.png); width: 100px; height: 74px; margin-bottom: 10px;}
	429	+.drag_drop_in p {color: #002c9a; font-weight: 600; padding: 20px 0 10px 0; font-size: 20px;}
	430	+.drag_drop_in span {color: #666; font-weight: 300;}
	431	+.drag_drop_in .drag_txt span {position: relative; display: block; padding: 3px; font-size: 20px;}
	432	+.drag_drop_in .drag_txt span::after {position: absolute; content: ""; background-color: #d5d5d5;width: 96px; height: 1px; top:54%; left: 175px; transform: translateY(-50%);}
	433	+.drag_drop_in .drag_txt span::before {position: absolute; content: ""; background-color: #d5d5d5;width: 96px; height: 1px; top:54%; right: 175px; transform: translateY(-50%);}
	434	+
	435	+.list_bottom {position: relative;margin-top: 10px;width: calc(100% - 190px); min-width: 420px;}
	436	+.list_bottom .remove_btnWrap {float: left;}
	437	+.list_bottom .list_bottom_right {float: right; font-size: 16px; display: flex;}
	438	+.list_bottom .list_bottom_right p {line-height: 36px;}
	439	+.list_bottom .list_bottom_right span {font-size: 20px; font-weight: 600 !important;}
	440	+.list_bottom .list_bottom_right .address_reg2 {height: 36px; padding: 0 10px; border-radius: 5px;font-weight: 400; background-color: #6a6c72; color: #fff; margin-left: 10px;}
	441	+
	442	+.list_bottom .remove_btnWrap .address_reg2 {width: calc(100% - 246px); background-color: #6a6c72; color: #fff; border-radius: 5px; font-weight: 300;}
	443	+.list_bottom .remove_btnWrap .check_validity {height: 32px; position: absolute; right: 0;}
	444	+.tType1 tbody tr td.send_list .add_btn {position: absolute; right: 0; top: 0;}
	445	+.tType1 tbody tr td.send_list .add_btn button {min-width: 95px; height: 32px; font-size: 14px;}
	446	+.tType1 tbody tr td.send_list .add_remove {text-align: center;margin: 40px 4px 0 4px;align-self: center;}
	447	+.tType1 tbody tr td.send_list .add_remove button {display: block;max-width: 44px;padding: 4px 6px; border: 1px solid #b1b1b1;border-radius: 5px; margin: 0 auto;margin-bottom: 5px;font-size: 12px;}
	448	+.tType1 tbody tr td.send_list .add_remove button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
	449	+.tType1 tbody tr td.send_list .add_remove button.add i {background-image:url(/publish/images/content/add_btn.png);width: 11px;height: 10px;display: block;margin: 0 auto;}
	450	+.tType1 tbody tr td.send_list .add_remove button.remove i {background-image:url(/publish/images/content/remove_btn.png);width: 11px;height: 10px;display: block;margin: 0 auto;}
	451	+/* 문자 보내기 - 결제금액 */
	452	+.tType1 tbody tr th.billingAmount {position: relative;line-height: 1;vertical-align: middle;}
	453	+.tType1 tbody tr th.billingAmount>div {background-color: #f2f2f2;border-radius: 5px;padding: 23px 30px;margin: 20px 0; position: relative;}
	454	+.tType1 tbody tr th.billingAmount>div .final_pay {position: relative; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
	455	+.tType1 tbody tr th.billingAmount>div p:first-child {font-size: 20px;font-weight: 500;}
	456	+.tType1 tbody tr th.billingAmount>div p:last-child {font-size: 20px;}
	457	+.tType1 tbody tr th.billingAmount>div p span#totalPriceTxt {font-size: 24px;color: #e40000;font-weight: 500;}
	458	+.tType1 tbody tr th.billingAmount>div p span:last-child {font-size: 16px;color: #888;font-weight: 300;}
	459	+.tType1 tbody tr th.billingAmount .pay_info_list p {float:left;line-height:35px;}
	460	+.tType1 tbody tr th.billingAmount .pay_info_list .info {float:left;margin:0 0 0 15px;padding:8px 15px 10px;font-size:16px;font-weight:300;color:#555;background:#e5e5e5;border-radius:5px;box-sizing:border-box;}
	461	+.tType1 tbody tr th.billingAmount .pay_info_list .info strong {font-size:18px;font-weight:700;color:#002c9a;}
	462	+.tType1 tbody tr th.billingAmount .pay_info_list .info span {margin:0 8px 0 7px;}
	463	+.tType1 tbody tr th.billingAmount button.cal_btn {position: absolute;right: 0; top: 50%;transform: translateY(-50%);background-color: #fbc72b;width: 88px;height: 32px;border-radius: 5px;}
	464	+.tType1 tbody tr th.billingAmount button.cal_btn:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
	465	+.tType1 tbody tr th.billingAmount button.cal_btn i {background-image: url(/publish/images/content/calIcon.png);width: 12px;height: 16px;margin: 0 3px 2px 0;}
	466	+.tType1 tbody tr th.billingAmount .pay_type {background-color: #fff; border-radius: 5px 5px 0 0; height: 60px; padding: 12px 13px; box-sizing: border-box;}
	467	+.tType1 tbody tr th.billingAmount .pay_type button.btn_event_cash{width: 100px;}
	468	+.tType1 tbody tr th.billingAmount .pay_type:last-child {margin-top: 10px;}
	469	+.tType1 tbody tr th.billingAmount .pay_type>div:first-child {float: left;margin:0 0 0 5px;}
	470	+.tType1 tbody tr th.billingAmount .pay_type>div .won {display:inline-block;margin:9px 11px 0 -34px;font-size:16px;vertical-align:top;color:#9a9a9a;}
	471	+.tType1 tbody tr th.billingAmount .pay_type>div:last-child {float: right;}
	472	+.tType1 tbody tr th.billingAmount .pay_type>div:only-child{float: left;}
	473	+.tType1 tbody tr th.billingAmount .pay_type input[type="radio"]+label {font-size: 16px;}
	474	+.tType1 tbody tr th.billingAmount .pay_type input[type="radio"]+label span {font-size: 17px; font-weight: 700;}
	475	+.tType1 tbody tr th.billingAmount .pay_type input[type="text"] {width: 210px; height: 36px; padding:0 37px 2px 16px; border-radius: 5px;text-align:right;}
	476	+.tType1 tbody tr th.billingAmount .pay_type input[type="text"]::placeholder {color: #000; font-size: 16px; text-align: right; font-weight: 500;}
	477	+.tType1 tbody tr th.billingAmount .pay_type button {width: 78px; margin-left: 5px;}
	478	+
	479	+.tType1 tbody tr td.check_num>div {display: inline-block;}
	480	+.tType1 tbody tr td.check_num>div button {height: 40px; padding: 0 5px;}
	481	+.tType1 tbody input[type="text"] {height: 40px; padding: 0 15px; background-color: #f2f2f2;border-radius: 5px;line-height:38px;}
	482	+.tType1 tbody input[type="password"] {height: 50px; padding: 0 15px; background-color: #f2f2f2;border-radius: 5px; font-size: 16px;}
	483	+.tType1 tbody select.sel_number {width: 340px; height: 40px; padding: 0 20px; background-color: #f2f2f2;border-radius: 5px; border: 0;color: #002c9a;font-weight: 400;font-size: 16px;background-image: url(/publish/images/select_search.png); background-repeat: no-repeat; background-position: 94% center;}
	484	+.tType1 tbody input[type="text"]::placeholder {color: #a6a6a6;}
	485	+.tType1 tbody input:disabled {background-color: #dedede;}
	486	+
	487	+/발송금액 아래 등급별 가격안내 추가/
	488	+.my_price_wrap .center-line{width: 96%; height: 1px; background-color: #e5e5e5; margin: 0 auto;}
	489	+.my_price_wrap{letter-spacing: -0.5px; width: calc(100% - 100px); background-color: #fff; border-radius: 0 0 5px 5px; width: 100%;}
	490	+.my_price_wrap ul{display: flex; width: calc(100% - 20px); border-bottom: 1px dashed #d5d5d5; margin: 0 auto; padding: 15px 0px 15px 5px; align-items: center; flex-wrap: wrap; box-sizing: border-box;}
	491	+.my_price_wrap ul:last-child{border: 0; align-items: flex-start;}
	492	+.my_price_wrap ul:first-child li:last-child{margin: 0; padding: 0}
	493	+.my_price_wrap .title{font-size: 17px; font-weight: 400; color: #222; margin-top: 1px;}
	494	+.my_price_wrap .title span{font-size: 15px;}
	495	+.my_price_wrap .title img{margin: 0 8px 0 0; vertical-align: top;}
	496	+.my_price_wrap .type{border: 1px solid #46484a; border-radius: 3px; margin-right: 3px; color: #46484a; padding: 0 4px 1px 4px;}
	497	+.my_price_wrap .type, .price_line{font-size: 16px; font-weight: 400; color: #555;}
	498	+.my_price_wrap .price{color: #e40000; font-size: 18px; font-weight: 700;}
	499	+.my_price_wrap .line{font-size: 14px; color: #ababab;}
	500	+
	501	+/// tType1 /
	502	+/// sub page 반복 /
	503	+
	504	+/* sub1 문자전송 */
	505	+/* send_top */
	506	+.send_top .top_content {background-color: #fff;padding: 30px 40px;border-radius: 10px;}
	507	+.send_top .top_content .ad_text{display:inline-flex;height:40px;margin:-2px 0 0 8px;padding:0 20px;font-size:15px;font-weight:400;border:1px solid #afa2e9;border-radius:5px;background:#f0eefa;justify-content:center;align-items:center;vertical-align:middle;}
	508	+.send_top .top_content .ad_text i{width:20px;height:20px;margin:0 8px 0 0;font-size:15px;font-weight:bold;color:#fff;text-align:center;border-radius:100%;background:#e40000;line-height:20px;}
	509	+.send_top .top_content .ad_text a{color:#e40000;font-weight:bold;}
	510	+.send_top .send_price {display: inline-block;position: relative;margin-left:50px;vertical-align: middle;line-height: 25px;height: 27.5px;}
	511	+.send_top .send_price::after {content: "";position: absolute;background-color: #002c9a;width: 3px;height: 20px;border-radius: 2px; top: 50%;transform: translateY(-50%);left: -30px;}
	512	+.send_top .send_price li {display: inline-block;color: #555;padding-right: 7px;margin-right: 5px;position: relative; font-size: 15px; letter-spacing: -0.5px;}
	513	+.send_top .heading .send_price li:first-child {margin-right:28px;}
	514	+.send_top .send_price .price_line::after {content: "/";position: absolute;top: 50%;transform: translateY(-50%);right: 0;color: #ababab;font-size: 14px;}
	515	+.send_top .send_price li .type {border: 1px solid #46484a;border-radius: 3px;margin-right: 8px; color: #46484a;padding: 0 4px;}
	516	+.send_top .send_price li .price {color: #e40000;font-size: 16px;font-weight: 700;}
	517	+.send_top .send_general {width: 100%;display: flex;display: -ms-flexbox; justify-content: space-between; position: relative;}
	518	+/* left area 내용 입력 */
	519	+.send_top .send_left {max-width: 870px;flex-basis: 68%;}
	520	+.send_top .send_left .myprice_view {display:inline-block;height:45px;margin:0 0 20px;padding:11px 6px 0 32px;vertical-align:top;background:#f5f5f5;border-radius:45px;box-sizing:border-box;}
	521	+.send_top .send_left .myprice_view dt {float:left;margin:0 13px 0 0;font-size:17px;font-weight:300;line-height:22px;}
	522	+.send_top .send_left .myprice_view dd {float:left;}
	523	+.send_top .send_left .myprice_view dd ul {overflow:hidden;}
	524	+.send_top .send_left .myprice_view dd ul li {position:relative;float:left;padding:0 26px 0 0;font-size:16px;line-height:24px;color:#555;}
	525	+.send_top .send_left .myprice_view dd ul li:after {content:'/';position:absolute;left:-17px;top:0;font-size:14px;line-height:24px;color:#ababab;}
	526	+.send_top .send_left .myprice_view dd ul li:first-child:after {display:none;}
	527	+.send_top .send_left .myprice_view dd ul li .type {display:inline-block;width:40px;height:24px;margin:0 9px 0 0;font-size:16px;line-height:22px;text-align:center;vertical-align:top;color:#555;border:1px solid #555;background:#fff;border-radius:3px;box-sizing:border-box;}
	528	+.send_top .send_left .myprice_view dd ul li .price {display:inline-block;font-size:18px;font-weight:700;line-height:24px;vertical-align:top;color:#002c9a;}
	529	+.send_top .send_left .myprice_view dd ul li .count {font-size:13px;}
	530	+/* right area 문자 미리보기 */
	531	+.send_top .send_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;}
	532	+.send_top .send_general.sec .send_right {min-height:auto;}
	533	+/* phone 기본 -- sticky */
	534	+.send_top .send_right .phone {width: 320px; position: absolute; right: -2px; top: 0;}
	535	+.send_top .send_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 600px; background-size: 100% auto; background-repeat: no-repeat; }
	536	+.send_top .send_right .phone .phoneIn>div {padding: 45px 25px 0 25px; position: relative; height: 96%; box-sizing: border-box;}
	537	+.send_top .send_right .phone .prev_p {font-size: 20px;font-weight: 500;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;}
	538	+.send_top .send_right .phone .text_length2 {padding: 12px 0;}
	539	+.send_top .send_right .phone .text_length2>span {float: left;line-height: 27px;}
	540	+.send_top .send_right .phone .text_length2>div {float: right;margin-top: 3px;}
	541	+.send_top .send_right .phone .text_length2>div span {color: #002c9a;font-size: 15px;padding-right: 2px;}
	542	+.send_top .send_right .phone .text_length2>div button {width: 24px;height: 24px; border: 1px solid #ccc;border-radius: 3px;}
	543	+.send_top .send_right .phone .text_length2>div button:hover {border: 1px solid #a3a3a3;}
	544	+.send_top .send_right .phone .text_length2>div button img {margin-bottom: 2px;}
	545	+.send_top .send_right .phone .text_preview{position: relative; width: calc(100% + 10px);/* height: 421px; */ padding-right:7px; max-height: calc(100% - 110px); box-sizing: border-box;overflow-y:auto;}
	546	+.send_top .send_right .phone .text_preview::-webkit-scrollbar {width:3px;}
	547	+.send_top .send_right .phone .text_preview::-webkit-scrollbar-track {}
	548	+.send_top .send_right .phone .text_preview::-webkit-scrollbar-thumb {width:3px;background:rgba(0,0,0,0.85);border-radius:3px;cursor:pointer;}
	549	+.send_top .send_right .phone .preview_auto {position: relative; width: 100%; background-color: #f2f2f2; border-radius: 10px; padding: 20px; box-sizing: border-box; line-height: 1.5; font-size: 15px; font-weight: 400; letter-spacing: -0.5px; margin: 0 0 20px 0;word-break: break-all; color: #555;}
	550	+/* .send_top .send_right .phone .text_preview .mCSB_scrollTools {right:-15px;} */
	551	+/* .send_top .send_right .phone .preview_auto.on_scroll_text {width: 95% !important;} */
	552	+.preview_auto p {word-break: break-all;}
	553	+.preview_auto .none_txt {color: #999; font-weight: 300;}
	554	+/* 핸드폰 안에 내용 길어져서 스크롤 생길 때 */
	555	+.send_top .send_right .phone .addText {color: #002c9a;text-align: center; font-size: 14px; padding-top: 10px; margin:0 0 10px 0;}
	556	+.send_top .send_right .preview_util{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #d5d5d5;margin:20px 0 0 0;padding:0 0 20px 0;}
	557	+.send_top .send_right .preview_util>*{margin:0 2px;}
	558	+.send_top .send_right .preview_util button{width:32px;height:32px;border-radius:5px;border:1px solid #d5d5d5;background:#F5f5f5;}
	559	+.send_top .send_right .preview_util button img{margin:-2.5px 0 0 0;}
	560	+.send_top .send_right .preview_util p{margin:0 20px;font-weight:500;}
	561	+
	562	+/* 그림 문자 */
	563	+.send_top .send_right .phone .text_length2 .photo_msg_num {margin-left: 3px; float: left;}
	564	+.send_top .send_right .phone .text_length2 .photo_msg_num li {display: inline-block; width: 28px; padding: 5px 0; border: 1px solid #ccc; border-radius: 5px; margin-right: 2px; background-color: #f5f5f5; color: #cf468d; text-align: center; box-sizing: border-box;}
	565	+.send_top .send_right .phone .text_length2 .photo_msg_num li:hover {background-color: #f8f1f5; border: 1px solid #e26ba9;}
	566	+.send_top .send_right .phone .text_preview .preiew_img .img_box {max-width: 308px; border-radius: 10px; overflow: hidden; margin-bottom: 10px;}
	567	+.send_top .send_right .phone .text_preview .preiew_img .img_box img {width: 100%;}
	568	+/* .send_top .send_right .phone .text_preview .preiew_img .img_box.on_scroll_img {max-width: 95% !important; margin-right: 15px;} */
	569	+
	570	+/* 문자 예약 */
	571	+/* .send_top .send_right .phone_bottom {position: absolute; bottom: 0; left: 0;} */
	572	+.send_top .send_right .phone_bottom {position: absolute; bottom: 37px; left: 0;}
	573	+.send_top .send_right .send_rev {width: 310px; margin: 50px 0 0; /position:relative;/}
	574	+.send_top .send_right .send_rev .rev_selected {background-color: #f5f5f5;padding: 15px 0 15px 10px;border: 1px solid #d6d8da;border-radius: 10px;}
	575	+.send_top .send_right .send_rev .rev_radio input[type="radio"]+label {color: #555;margin-right: 8px;}
	576	+.send_top .send_right .send_rev select+label {color: #555;font-weight: 300; font-size: 14px;}
	577	+.send_top .send_right .send_rev input+label {color: #555;font-weight: 300; font-size: 14px;} /2023 10 13 추가/
	578	+.send_top .send_right .send_rev input.dividType1 {width:50px; border:1px solid #d5d5d5; padding:4px 0 4px 10px; color:#777; } /2023 10 13 추가/
	579	+.send_top .send_right .send_rev input[type="checkbox"]+label {color: #555;font-weight: 300; font-size: 14px;}
	580	+.send_top .send_right .send_rev .rev_top span {color: #555;font-weight: 300; font-size: 14px;}
	581	+.send_top .send_right .send_rev .rev_top .selBox {display: inline-block;}
	582	+.send_top .send_right .send_rev .rev_top .selBox select {font-size:14px;}
	583	+.send_top .send_right .send_rev .rev_top .calendar_wrap input[type="text"] {width: 110px;height: 34px; font-size:14px;}
	584	+.send_top .send_right .send_rev .rev_top .calendar_in .calendarPop {left: -130px;}
	585	+.send_top .send_right .send_rev .rev_bottom {margin-top: 8px;}
	586	+.send_top .send_right .send_rev .rev_bottom .selType1 {margin-left:5px;font-size:14px;}
	587	+/* 문자 전송 */
	588	+
	589	+.send_top .send_right .send_rev .send_content {display:flex;margin:0 0 15px;padding:0 0 108px;justify-content:space-between;}
	590	+.send_top .send_right .send_rev .send_content .rev_radio ul li {padding:6px 0;vertical-align:top;}
	591	+.send_top .send_right .send_rev .send_content .rev_radio ul li input[type=radio],
	592	+.send_top .send_right .send_rev .send_content .rev_radio ul li input[type=radio] + label {vertical-align:top;}
	593	+.send_top .send_right .send_rev .send_content .send_btn {display:flex;width:245px;justify-content:space-between;}
	594	+.send_top .send_right .send_rev .send_content .send_btn button {width:calc(100%/2 - 4px);height:60px;}
	595	+.send_top .send_right .send_rev .use_enter {/position:absolute;/ padding:3px 0 8px 65px; display:flex;align-items:center;}
	596	+.send_top .send_right .send_rev .use_enter label {font-size:16px!important; padding:0 0 0 4px; font-weight:400!important;}
	597	+
	598	+/* sub1 엑셀 문자(대량 전송) */
	599	+.send_top .get_excel .button.ad_btn i{position:absolute;display:inline-block;width:47px;height:36px;background:url(/publish/images/required_read.gif) no-repeat center;left:-23px;top:-21px;}
	600	+.send_top .get_excel .tType1 tbody tr td.putText .put_left{background:#f0eefa;}
	601	+.send_top .get_excel .send_right .phone {height: 93%; position: absolute; top: 0; right: 0;}
	602	+.send_general.sec .tType1 tbody tr:first-child {border-top: 0;}
	603	+.send_top .excelWrap {padding: 20px 0;}
	604	+.excel_middle {background-color: #f2f2f2; padding: 9px 20px; border-radius: 5px; margin: 20px 0;}
	605	+.excel_middle .select_btnWrap div{gap:6px;}
	606	+.send_top .excelWrap .excel_selBox {margin-bottom: 10px; display: flex; justify-content: space-between;}
	607	+.send_top .excelWrap .excel_selBox select.selType1 {padding: 0 80px 0 10px;}
	608	+.send_top .excelWrap .excel_selBox span {color: #e40000; font-size: 14px; padding-left: 5px;}
	609	+.send_top .excelWrap .excel_selBox button {height: 36px; padding: 0 12px; border-radius: 5px; font-size: 14px; letter-spacing: 0;}
	610	+.send_top .excelWrap .excel_selBox button.btnType14 i {background-image: url(/publish/images/content/excel_put_number.png); width: 21px; height: 16px;margin: 0 6px 4px 0;}
	611	+.send_top .excelWrap .file_add {margin-bottom: 20px}
	612	+.excel_middle2 {display: flex; justify-content: space-between; justify-items: center;}
	613	+.excel_middle2 p {align-self: center; font-weight: 300;}
	614	+.select_btnWrap>div:first-child {position:relative;float: left;}
	615	+.select_btnWrap>div:last-child {float: right; display: flex;}
	616	+.excelWrap .select_btnWrap>div:last-child button {margin: 0 2.5px;}
	617	+.select_btnWrap>div button {height: 32px; padding: 0 10px; border-radius: 5px; background-color: #fff; font-size: 14px;line-height:30px;}
	618	+.select_btnWrap>div:first-child button {border: 1px solid #d5d5d5; color: #555}
	619	+.select_btnWrap>div button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
	620	+/* .select_btnWrap>div:first-child button:hover {border: 1px solid #e40000;color: #e40000;} */
	621	+/* .select_btnWrap>div:first-child button:nth-child(1) i {background-image: url(/publish/images/content/add_icon.png);width: 10px;height: 10px;margin-right: 3px;}
	622	+.select_btnWrap>div:first-child button:nth-child(2) i {background-image: url(/publish/images/content/remove_icon.png);width: 10px;height: 2px;margin-right: 3px;} */
	623	+button.check_validity {padding: 0 10px; border-radius: 5px; border:1px solid #b1b1b1; color: #555; }
	624	+button.check_validity i {background-image: url(/publish/images/content/qmIcon_s.png); width: 18px; height: 18px; margin: 0 0 2px 5px;}
	625	+button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
	626	+.select_btnWrap>div:last-child button.address_reg {border:1px solid #002c9a; color: #002c9a;}
	627	+.select_btnWrap>div:last-child button.address_reg:hover {border: 1px solid #002788;color: #002788;}
	628	+.send_top .get_excel .send_right .send_rev {margin: 20px 0 0;}
	629	+
	630	+/* 선거문자 */
	631	+.sub .election .heading {position:relative;padding-bottom: 13px;}
	632	+.sub .election .heading>div:first-child {margin-top: 2px;}
	633	+.sub .election .heading .election_btnWrap {position:absolute;right:0;top:0;}
	634	+.sub .election .heading button {height: 42px; padding: 0 12px; border: 1px solid #002c9a; border-radius: 5px; margin-left: 2px; font-size: 15px; line-height: 2; color: #002c9a;}
	635	+.sub .election .heading .button2 {padding:0 17px;line-height:40px;border-color:#d5d5d5;color:#222;}
	636	+.sub .election .heading .button2.info:before {margin-top:10px;}
	637	+.sub .heading i.election_btn1 {background-image: url(/publish/images/content/candidate_img.png); width: 25px; height: 22px; margin: 0 3px 0px 0;}
	638	+.sub .heading i.election_btn2 {background-image: url(/publish/images/content/receipt_icon.png); width: 18px; height: 19px; margin: 0 3px 2px 0;}
	639	+.sub .heading i.election_btn3 {background-image: url(/publish/images/content/print_icon2.png); width: 20px; height: 19px; margin: 0 3px 2px 0;}
	640	+
	641	+/* 2023/12/01 선거문자 - 20건문자(수동문자)전송 추가 */
	642	+/* .sub .election .receipt_number_table_wrap .listType{height:346px;} */
	643	+.sub .election .receipt_number_table_wrap .listType{height:351px;}
	644	+.sub .election .receipt_number_table_wrap .put_left{width:calc(100% - 26%);border:0;padding:0;background:#fff;}
	645	+.sub .election .receipt_number_table_wrap .put_left .listType,.sub .election .receipt_number_table_wrap .listType .receipt_number_table{width:100%;}
	646	+.sub .election .receipt_number_table_wrap .listType .receipt_number_table{width:100%;}
	647	+.sub .election .receipt_number_table_wrap .receipt_number_table tbody{height:calc(100% - 38px);}
	648	+.sub .election .receipt_number_table_wrap .receipt_number_table thead tr,.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr{border-top:0;}
	649	+.sub .election .receipt_number_table_wrap .receipt_number_table th,.sub .election .receipt_number_table_wrap .receipt_number_table td{position:relative;}
	650	+.sub .election .receipt_number_table_wrap .receipt_number_table th::after,.sub .election .receipt_number_table_wrap .receipt_number_table td::after{position:absolute;content:"";width:1px;height:16px;background:#d4d4d4;right:0;top:50%;transform:translateY(-50%);}
	651	+.sub .election .receipt_number_table_wrap .receipt_number_table th:last-child::after,.sub .election .receipt_number_table_wrap .receipt_number_table td:last-child::after{display:none;}
	652	+.sub .election .receipt_number_table_wrap .receipt_number_table{width:100%;text-align:center;table-layout:fixed;}
	653	+.sub .election .receipt_number_table_wrap .receipt_number_table thead tr{border-bottom:1px solid #a2a2a2;}
	654	+.sub .election .receipt_number_table_wrap .receipt_number_table thead tr th{height:38px;text-align:center;background:#e8e8e8;}
	655	+.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr td{height:29px;background:transparent;border:0;border-bottom:1px solid #e5e6e7;padding:0 3px;}
	656	+.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr td input{width:60px;}
	657	+.sub .election .receipt_number_table_wrap .receipt_number_table tbody tr td label{display:inline-block;width:calc(100% - 64px);}
	658	+.sub .election .receipt_number_table_wrap .put_right .receipt_info{width:calc(100% - 10px);height:calc(100% - 193px);background:#f2f2f2;margin:10px 0 0 10px;padding:10px;border-radius:5px;box-sizing:border-box;}
	659	+.sub .election .receipt_number_table_wrap .put_right .receipt_info dt{display:flex;font-size:15px;font-weight:500;margin:0 0 8px 0;justify-content:space-between;align-items:center;letter-spacing:-0.5px;}
	660	+.sub .election .receipt_number_table_wrap .put_right .receipt_info dd{font-size:14px;text-align:right;background:#fff;margin:0 0 8px 0;padding:3px 6px;border-radius:5px;}
	661	+.sub .election .receipt_number_table_wrap .put_right .receipt_info dd:last-child{margin:0 0 0 0;}
	662	+.sub .election .receipt_number_table_wrap .put_right .receipt_info dd b{font-size:16px;font-weight:500;}
	663	+.sub .election .receipt_number_table_wrap .put_right .receipt_info .btn_reset{font-size:14px;font-weight:500;color:#333;}
	664	+.sub .election .receipt_number_table_wrap .put_right .receipt_info .btn_reset i{display:inline-block;width:15px;height:13px;margin:-1px 2px 0 0;background:url(/publish/images/icon_reset.png) no-repeat center center;}
	665	+.sub .election .list_bottom{display:flex;width:94.8%;align-items:center;justify-content:space-between;padding:0 0 10px 0;}
	666	+.sub .election .receipt_number_table_wrap .list_bottom{width:100%;}
	667	+.sub .election .list_bottom .pagination{display:inline-flex;width:auto;margin:0;justify-content:flex-start;}
	668	+.sub .election .list_bottom .pagination button{display:inline-flex;align-items:center;justify-content:center;height:32px;}
	669	+.sub .election .list_bottom .list_bottom_right{float:none;display:inline-flex;justify-content:flex-end;align-items:center;}
	670	+.sub .election .list_bottom .list_bottom_right p{margin:0 10px 0 0;}
	671	+.sub .election .list_bottom .list_bottom_right button{width:95px;height:32px;font-size:14px;padding:0 2px;font-weight:400 !important;}
	672	+.sub .election .list_bottom .list_bottom_right>button{margin:0 4px 0 0;}
	673	+.sub .election .list_bottom .list_bottom_right .btn_yellow{display:inline-flex;align-items:center;justify-content:center;padding:0 2px;}
	674	+.sub .election .list_bottom .list_bottom_right .btn_yellow i.qmMark{background:url(/publish/images/content/qmIcon_black.png) no-repeat center;margin:0 0 0 2px;}
	675	+
	676	+/* 2023/12/07 선거문자 - 20건문자(수동문자) 전송 추가 table에서 ul로 변경 */
	677	+.sub .election .receipt_number_table_wrap .table_ul{display:flex;flex-wrap:wrap;text-align:center;align-content:flex-start;}
	678	+.sub .election .receipt_number_table_wrap .table_ul li{position:relative;display:flex;border:0;background:transparent;justify-content:center;align-items:center;z-index:5;}
	679	+.sub .election .receipt_number_table_wrap .table_ul li::after{position:absolute;content:"";width:1px;height:16px;background:#d4d4d4;right:0;top:50%;transform:translateY(-50%);}
	680	+.sub .election .receipt_number_table_wrap .table_ul li:nth-child(2n)::after{display:none;}
	681	+.sub .election .receipt_number_table_wrap .thead_ul li:nth-child(odd){width:60px;}
	682	+.sub .election .receipt_number_table_wrap .thead_ul li:nth-child(even){width:calc((100% - 120px)/2);}
	683	+.sub .election .receipt_number_table_wrap .thead_ul{position:relative;border-bottom:1px solid #a2a2a2;}
	684	+.sub .election .receipt_number_table_wrap .thead_ul::after{position:absolute;content:"";width:100%;height:1px;background:#e5e6e7;}
	685	+.sub .election .receipt_number_table_wrap .thead_ul li{height:38px;font-size:16px;font-weight:400;background:#e8e8e8;}
	686	+.sub .election .receipt_number_table_wrap .thead_ul li button{margin:-4px 1px 0 1px;}
	687	+.sub .election .receipt_number_table_wrap .thead_ul li .btn_sort_up{margin:-4px 0 0 4px;}
	688	+.sub .election .receipt_number_table_wrap .tbody_ul{position:relative;height:calc(100% - 40px);overflow:hidden;}
	689	+.sub .election .receipt_number_table_wrap .tbody_ul::after{position:absolute;content:"";width:100%;height:100%;background:url(/publish/images/content/tbody_li_line.png) left 0px;left:0;top:0;}
	690	+.sub .election .receipt_number_table_wrap .tbody_ul li{width:calc(100%/2);height:31px;justify-content:flex-start;}
	691	+.sub .election .receipt_number_table_wrap .tbody_ul li .input_wrap{position:relative;width:60px;}
	692	+.sub .election .receipt_number_table_wrap .tbody_ul li .input_wrap::after{position:absolute;content:"";width:1px;height:16px;background:#d4d4d4;right:0;top:50%;transform:translateY(-50%);}
	693	+.sub .election .receipt_number_table_wrap .tbody_ul li label{width:calc(100% - 60px);}
	694	+.sub .election .send_hover_cont p{line-height:1.5;}
	695	+
	696	+/* 2024/10/21 선거문자 - 20건문자(수동문자) 20줄 */
	697	+.sub .election .table_20{justify-content:space-between;}
	698	+.sub .election .table_20 .put_left{width:calc(100% - 240px);}
	699	+.sub .election .table_20 .put_left .list_top{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 10px 0;}
	700	+.sub .election .table_20 .put_left .receipt_total_text{font-size:16px;}
	701	+.sub .election .table_20 .put_left .receipt_total_text span{font-weight:500;}
	702	+.sub .election .table_20 .put_left .list_top .btnType9{width:80px;height:30px;font-size:15px;font-weight:400;}
	703	+.sub .election .table_20 .put_right{width:225px;max-width:225px;align-self:flex-end;margin:0 0 50px 0;}
	704	+.sub .election .table_20 .put_right .receipt_info{height:auto;padding:20px 15px;}
	705	+.sub .election .table_20 .tbody_ul.table_ul_20 li{width:100%;}
	706	+.sub .election .table_20 .table_ul.table_ul_20 li:nth-child(2n)::after{display:block;}
	707	+.sub .election .table_20 .table_ul.table_ul_20 .input_wrap{width:60px;}
	708	+.sub .election .table_20 .table_ul.table_ul_20 .td_name{width:20%;}
	709	+.sub .election .table_20 .table_ul.table_ul_20 .td_number{width:40%;}
	710	+.sub .election .table_20 .table_ul.table_ul_20 .td_status{width:calc(40% - 60px);}
	711	+.sub .election .table_20 .table_ul.table_ul_20 div{position:relative;}
	712	+.sub .election .table_20 .table_ul.table_ul_20 div::after{position:absolute;content:"";width:1px;height:16px;background:#d4d4d4;right:0;top:50%;transform:translateY(-50%);}
	713	+.sub .election .table_20 .table_ul.table_ul_20.tbody_ul li:last-child{border-bottom:0;}
	714	+.sub .election .table_20 .table_ul.table_ul_20.tbody_ul li,.sub .election .receipt_number_table_wrap .table_ul.table_ul_20.tbody_ul li:only-child:last-child{border-bottom:1px solid #e5e5e5;}
	715	+.sub .election .table_20 .table_ul.table_ul_20.tbody_ul li::after,
	716	+.sub .election .table_20 .table_ul.table_ul_20.tbody_ul div:last-child::after{display:none;}
	717	+.sub .election .table_20 .list_bottom_right label{margin:0 0 0 8px;}
	718	+.sub .election .table_20 .put_right .selType2{width:100%;height:30px;border:0;}
	719	+.sub .election .table_20 .put_right dd.send_box{padding:10px 15px;}
	720	+.sub .election .table_20 .put_right dd.send_box .title{font-size:15px;font-weight:500;text-align:left;}
	721	+.sub .election .table_20 .put_right dd.send_box .send_number b{font-size:20px;}
	722	+.sub .election .table_20 .put_right dd.cf_box{font-size:14px;padding:0;background:transparent;text-align:left;}
	723	+.sub .election .table_20 .put_right dd.cf_box span{font-weight:500;}
	724	+
	725	+/* send_bottom */
	726	+.send_bottom {position: relative;margin: 60px 0 0 0;}
	727	+.send_bottom .bottom_content {background-color: #fff;padding: 40px;border-radius: 10px;}
	728	+.search_sample {position: absolute;top: 5px;right: 0;}
	729	+.search_sample input[type="text"] {width: 214px; height: 40px;margin-right: -4px;border-radius: 3px 0 0 3px;padding: 0 10px;}
	730	+.search_sample input[type="text"]::placeholder {font-size: 17px; font-weight: 300; color: #999;}
	731	+.search_sample button {background-color: #fff;width: 40px;height: 40px;border-radius: 0 3px 3px 0;}
	732	+.search_sample button img {width: 20px;height: 20px;}
	733	+/* 문자 샘플 탭 */
	734	+.area_tabs{text-align: center; margin-bottom: 30px;}
	735	+.area_tabs .top_tab{display: flex; justify-content: space-between; position: relative;padding:0 0 0 160px;}
	736	+.tab_depth1{display: flex;height: 36px; color: #555; font-size: 16px; border: 1px solid #bcbdc1; box-shadow: inset 2px 2px 4px rgba(0, 0, 0, 0.2); border-radius: 5px; overflow: visible; background-color: #ecedef; align-self: center;position: relative;}
	737	+.tab_depth1 a{width: 50px;line-height: 36px;border-right: 1px solid #bcbdc1;}
	738	+.tab_depth1 a:first-child{border-radius: 5px 0 0 5px;}
	739	+.tab_depth1 a:last-child{border-right: 0;border-radius: 0 5px 5px 0;}
	740	+.tab_depth1 a.on{background-color:#fff;border:1px solid #002c9a;font-size:16px;font-weight:500;color:#002c9a;line-height:35px;height:36px;margin:-1px 0 0;}
	741	+.tab_depth1 a.on:last-child{border-radius: 0 5px 5px 0;}
	742	+.tab_depth1 .on_active {display:none;}
	743	+.area_tabs .tab_depth2{width: 45%;justify-content: center;margin: 0 auto; align-self: center;display: flex;}
	744	+.area_tabs .tab_depth2>div {display: none;}
	745	+.area_tabs .tab_depth2 .photo_wrap.active {display: block;}
	746	+.area_tabs .tab_depth2 a{padding: 0 30px; color: #555; font-size: 19px;height: 53px;line-height: 50px; box-sizing: border-box; border: 1px solid #b1b1b1; border-radius: 100px;margin: 0 5px; flex-basis: calc(95% / 3);transition: all 0.1s ease-in-out;}
	747	+.area_tabs .tab_depth2 a.on{position: relative; background-color: #fff;border: 3px solid #002c9a;border-radius: 100px; color: #002c90; font-weight: 600; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3); height: 53px; line-height: 44px; transition: all 0.1s ease-in-out;}
	748	+.area_tabs .tab_depth2 a.on::after{position: absolute; content: "▼"; font-size: 15px; bottom: -30px; left: 50%; transform: translateX(-50%); z-index: 1;}
	749	+.area_tabs .tab_depth2 a.tab_next::after,.tab_depth2 a.tab_prev::after{display: none;}
	750	+.area_tabs .bottom_tab{margin-top: 20px;}
	751	+.area_tabs .tab_depth3{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; background-color: #f2f2f2;font-size: 16px; letter-spacing: -0.5px; color: #666;font-weight: 300;padding: 20px 40px; border-radius: 10px;margin-bottom: 30px; box-sizing: border-box;}
	752	+.area_tabs .tab_depth3 a{padding: 0 15px;position: relative; line-height: 2;}
	753	+.area_tabs .tab_depth3 a:hover{color: #002c9a;text-decoration: underline;}
	754	+.area_tabs .tab_depth3 a.on{color: #002c9a; font-weight: 600;}
	755	+.area_tabs .tab_depth3 a.on::before{position: absolute; content: " "; width: calc(100% - 25px); height: 5px; background-color: #003ed9; opacity: 0.2; bottom: 8px; left: 12px;}
	756	+.area_tabs .tab_depth3 a::after{position: absolute; content: " "; width: 4px; height: 4px; background-color: #c3c4c5; border-radius: 10px; top: 15px;right: -3px;}
	757	+.area_tabs .tab_depth3 a:last-child::after{display: none;}
	758	+.area_tabs .tab_depth4{position: relative; min-width: 550px; /* display: inline-flex; justify-content: center; background-image: url(/publish/images/tab4_item01.png),url(/publish/images/tab4_item01.png); background-repeat: no-repeat; background-position: left center, right center; */ margin: 0 auto;font-size: 15px;}
	759	+/* .area_tabs .tab_depth4::before{position: absolute; content: " "; width: 100%; height: 1px; background-color: #d5d5d5; top: 50%; left: 0; z-index: 0;} */
	760	+.area_tabs .tab_depth4 a{padding: 8px 25px 9px 25px; border: 1px solid #dbdce0; color: #666; font-size: 17px; font-weight: 400; background-color: #fff; margin: 5px; border-radius: 30px; z-index: 2; transition: all 0.2s ease-in-out;display:inline-block;}
	761	+.area_tabs .tab_depth4 a.on{background-color: #fbc72b; border: 1px solid #fbc72b; color: #222; font-weight: 500; box-shadow: 0 0 7px rgba(0,0,0,0.25); transition: all 0.2s ease-in-out;}
	762	+.customReq {position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
	763	+.customReq button {height: 36px; padding: 0 12px; border-radius: 5px; background-color: #002c9a; font-size: 18px; color: #fff;}
	764	+.customReq button i {background-image: url(/publish/images/content/customReq.png); width: 22px; height: 18px; margin: 0 10px 3px 0 ;}
	765	+.customReq button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
	766	+.customReq input[type=button] {display:none;}
	767	+.area_total_count {min-height:5px;margin:-12px 0 10px;font-size:16px;font-weight:300;text-align:left;color:#555;}
	768	+.area_total_count strong {font-weight:500;color:#000;}
	769	+/* 문자샘플 콘텐츠 */
	770	+.area_tabcontent{display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; text-align: center; margin-bottom: 50px;}
	771	+.area_tabcontent li{width: calc(100% / 5 - 11px); border: 1px solid #d5d5d5; background-color: #f2f2f2; border-radius: 10px; padding: 0 14px; margin-bottom: 13px; box-sizing: border-box;margin-right: 13px; transition: all 0.3s ease-in-out;cursor:pointer;height:100%;}
	772	+.area_tabcontent li:nth-child(5n){margin-right: 0;}
	773	+.area_tabcontent li .tit_text_wrap {position:relative;padding: 10px 5px;}
	774	+.area_tabcontent li .tit_text{width:100%;height: 16px; margin: 0 auto; font-size: 14px; font-weight: 500; text-overflow: ellipsis;overflow: hidden;display:-webkit-inline-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align:left;padding:0 85px 0 0;box-sizing:border-box;}
	775	+.area_tabcontent li .tit_text_wrap .custom_button {position:absolute;right:0;top:5px;width:85px;height:24px;font-size:13px;font-weight:300;line-height:22px;text-align:center;color:#002c9a;border:1px solid #002c9a;background:#fff;border-radius:5px;}
	776	+.area_tabcontent .msg_cont{width: 100%; height: 240px; text-align: left; position: relative;}
	777	+.area_tabcontent .msg_cont .msg_text{display: inline-block; width: 100%; height: 100%; min-height: 240px; border-radius: 5px; letter-spacing: -0.5px; line-height: 1.2; font-size: 15px; font-weight: 300; font-family: 'Noto Sans KR', sans-serif; color: #555; padding: 13px 14px; background-color: #fff; box-sizing: border-box;overflow:hidden;overflow-y:auto;word-break:break-all;}
	778	+.area_tabcontent li .info_text{font-size: 13px; font-weight: 300; color: #222; padding: 10px 0;}
	779	+.area_tabcontent li .info_text .limit_text{color: #002c9a; font-weight: 500;}
	780	+.area_tabcontent li:hover{border: 1px solid #002c9a; background-color: #e7ecf6; color: #002c9a; box-shadow: 0 0 8px rgba(0,0,0,0.25); transition: all 0.3s ease-in-out;}
	781	+.area_tabcontent.photo_sample {min-height:773px;}
	782	+
	783	+/* 내 문자함 */
	784	+.area_tabcontent.myBox .msg_cont {background-color: #fff; height: 260px; padding: 10px; box-sizing: border-box;overflow:hidden;overflow-y:auto;}
	785	+.area_tabcontent.myBox .msg_cont .msg_text {height:auto;min-height:auto;margin:10px 0 0;padding:0;overflow-y:hidden;}
	786	+.area_tabcontent.myBox .msg_cont .msg_text:first-child {margin:0;}
	787	+.area_tabcontent.myBox li {position: relative;}
	788	+.area_tabcontent.myBox li .tit_text_wrap {display: flex;}
	789	+.area_tabcontent.myBox li .tit_text {padding-right: 16px;}
	790	+.area_tabcontent li .info_text {text-align: right;}
	791	+.area_tabcontent.myBox .myphoto_info {position: absolute; left: 14px; bottom:0;}
	792	+.area_tabcontent.myBox .myphoto_info p {color: #555;}
	793	+
	794	+
	795	+.area_tabcontent.photo_sample li{padding: 0 7px 9px 7px; position: relative;transition:none;}
	796	+.area_tabcontent.photo_sample .hover_cont{display: none; position: absolute; width: 300px; z-index: 80; border: 5px solid #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 0 8px rgba(0,0,0,0.5);}
	797	+.area_tabcontent.photo_sample .hover_cont img{width: 100%;}
	798	+.photo_cont{width: 100%; height: 100%; max-height: 335px; overflow: hidden; border-radius: 5px; cursor: pointer;}
	799	+.photo_cont img{width: 100%;height: auto;}
	800	+.area_tabcontent.photo_sample li .photo_cont {display:flex;height:325.5px;align-items:center;background:#fff;}
	801	+/// sub1 문자보내기 /
	802	+
	803	+/* 지도/약도 추가 */
	804	+.map_search {margin-bottom: 20px;}
	805	+.map_search input[type="text"] {width: 260px; height: 40px; padding: 0 15px; border-radius: 5px; border: 2px solid #fbc72b;}
	806	+.map_search input[type="text"]::placeholder {font-weight: 300; color: #a6a6a6;}
	807	+.map_search button {padding: 0 19px; height: 40px; border-radius: 5px; margin-left: 2px;}
	808	+.map_search .map_check {background-color: #fbc72b;}
	809	+.map_search .map_add {background-color: #2a57c8; color: #fff;}
	810	+.map_search p {font-size: 14px; font-weight: 300; display: inline-block;padding-left: 12px; vertical-align: middle;}
	811	+/* //지도/약도 추가 */
	812	+
	813	+
	814	+/* sub2 맞춤제작 */
	815	+.custom_visual { max-width: 1400px; height: 480px; border-radius: 10px; margin: 0 auto 20px auto; overflow: hidden;}
	816	+.custom_visual .custom_visual_image {background-image: url(/publish/images/content/custom_visual.jpg); background-repeat: no-repeat; width: 100%; height: 100%;}
	817	+.custom_content {background-color: #fff; padding: 40px; border-radius: 10px;}
	818	+
	819	+/* 맞춤제작 샘플 */
	820	+.custom_content.custom1 .area_tabcontent {min-height:720px;}
	821	+.custom_content.custom1 .area_tabcontent li {position: relative;padding: 7px;}
	822	+.custom_content.custom1 .photo_cont {vertical-align: middle;}
	823	+/* 제작방법 및 이용안내 */
	824	+.custom_content.custom2 .cont_top {margin: 50px 0 80px 0;}
	825	+.custom_content.custom2 table {width: 100%; color: #222; font-size: 18px;text-align: center;}
	826	+.custom_content.custom2 table thead tr {background-color: #fbc72b; border-radius: 5px;height: 50px; line-height: 50px;font-weight: 500;}
	827	+.custom_content.custom2 table thead tr th:first-child {border-radius:5px 0 0 5px;}
	828	+.custom_content.custom2 table thead tr th:last-child {border-radius:0 5px 5px 0;}
	829	+.custom_content.custom2 table thead tr span {font-size: 14px;}
	830	+.custom_content.custom2 table tbody tr {border-bottom: 1px solid #e5e5e5; height: 50px; line-height: 50px; font-weight: 300;}
	831	+.custom_content.custom2 table tbody tr td:first-child {text-align: left; padding: 0 20px;}
	832	+
	833	+.custom_content.custom2 .custom_notice {background-color: #efefef;display: flex; padding: 25px 40px; border-radius: 5px; margin-top: 30px;}
	834	+.custom_content.custom2 .custom_notice>div {width: 170px;}
	835	+.custom_content.custom2 .custom_notice>div p {display: inline-block; font-size: 20px; margin-left: 10px; vertical-align: middle;}
	836	+.custom_content.custom2 .custom_notice>div i {background-image: url(/publish/images/content/custom2_notice_icon.png); width: 42px; height: 42px;}
	837	+.custom_content.custom2 .custom_notice ul li {display: inline-block; font-weight: 300; color: #666;letter-spacing: -0.5px;margin-right: 30px;}
	838	+.custom_content.custom2 .custom_notice ul li:last-child {margin-right: 0;}
	839	+.custom_content.custom2 .custom_notice ul li p:first-child {margin-bottom: 13px;}
	840	+
	841	+.custom_content.custom2 .cont_bottom {}
	842	+.custom_content.custom2 .cont_bottom .custom_step {position:relative;padding:57px 45px 80px 45px;box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);border-radius:10px;box-sizing:border-box;}
	843	+.custom_content.custom2 .cont_bottom .custom_step::after {content:"";position:absolute;top:0;left:50%;width:30%;height:8px;background-color:#fbc72b;transform:translateX(-50%);}
	844	+.custom_content.custom2 .cont_bottom .custom_step .step_title {text-align:center;}
	845	+.custom_content.custom2 .cont_bottom .custom_step .step_title p {font-family:'yg-jalnan',snas-serif;font-size:28px;color:#000;}
	846	+.custom_content.custom2 .cont_bottom .custom_step .step_title p span {font-family:'yg-jalnan',snas-serif;color:#002c9a;}
	847	+.custom_content.custom2 .cont_bottom .custom_step .step_title .summary {display:block;margin:11px 0 0;font-size:18px;letter-spacing:-0.025em;}
	848	+.custom_content.custom2 .cont_bottom .custom_step ol {display:flex;margin:33px 0 0;justify-content:space-between;}
	849	+.custom_content.custom2 .cont_bottom .custom_step ol li {position:relative;width:calc(100%/3 - 36px);height:380px;padding:217px 0 0;text-align:center;background:url(/publish/images/content/custom2_sample1.png) #f1f1f1 no-repeat center 44px;border-radius:10px;box-sizing:border-box;}
	850	+.custom_content.custom2 .cont_bottom .custom_step ol li:after {content:'';position:absolute;left:-39px;top:50%;width:25px;height:15px;background:url(/publish/images/content/custom2_stepIcon.png) no-repeat left top;transform:translateY(-50%) rotate(-90deg);}
	851	+.custom_content.custom2 .cont_bottom .custom_step ol li:first-child:after {display:none;}
	852	+.custom_content.custom2 .cont_bottom .custom_step ol li:nth-child(2) {background-image:url(/publish/images/content/custom2_sample2.png);}
	853	+.custom_content.custom2 .cont_bottom .custom_step ol li:nth-child(3) {background-image:url(/publish/images/content/custom2_sample3.png);}
	854	+.custom_content.custom2 .cont_bottom .custom_step ol li .step {display:inline-block;width:116px;height:34px;font-size:16px;line-height:34px;text-align:center;background:#fbc72b;border-radius:34px;}
	855	+.custom_content.custom2 .cont_bottom .custom_step ol li .step strong {margin:0 0 0 3px;font-size:24px;font-weight:700;vertical-align:top;}
	856	+.custom_content.custom2 .cont_bottom .custom_step ol li .text {margin:20px 0 0;font-size:20px;font-weight:300;line-height:28px;letter-spacing:-0.01em;}
	857	+.custom_content.custom2 .cont_bottom .custom_step ol li .text strong {font-weight:500;}
	858	+.custom_content.custom2 .cont_bottom .custom_step ol li .text span {display:block;font-size:16px;font-weight:300;color:#666;}
	859	+
	860	+/* 내보관함 */
	861	+.search_wrap {background-color: #f2f2f2; padding: 12px 15px; border-radius: 5px; }
	862	+.search_wrap .btn_left {float: left;}
	863	+.search_wrap .btn_left>button {margin-left: 3px; padding: 0 9px;}
	864	+.search_wrap .btn_left>button img {margin-bottom: 3px;}
	865	+.search_wrap .calendar_wrap .calendar_in .calendarPop {left: -142px;}
	866	+.search_wrap.calendar_wrap input[type="text"] {width: 150px; height: 36px; border: 1px solid #ccc;}
	867	+.search_wrap>div>span:first-child {padding-right: 8px; vertical-align: middle;}
	868	+.search_wrap .search {display: inline-block; margin-left: 2px;}
	869	+.search_wrap .search input[type="text"] {width: 200px; height: 36px; border: 1px solid #ccc;}
	870	+.search_wrap .search input[type="text"]::placeholder {font-weight: 300;}
	871	+.search_wrap .search .btnType2 {width: 62px; margin-left: 3px; font-weight: 300;}
	872	+.search_wrap .btn_right {float: right;}
	873	+.search_wrap .btn_right button {width: 116px; height: 36px; padding: 0 10px; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; text-align: left; position: relative; box-sizing: border-box; font-size: 16px; color: #666;}
	874	+.search_wrap .btn_right button i {background-image: url(/publish/images/content/order_change.png); width: 11px; height: 19px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
	875	+.search_wrap .btn_right2 {float: right;}
	876	+.search_wrap_btn {margin: 20px 0;}
	877	+.search_wrap_btn button {height: 36px;}
	878	+.search_wrap_btn p {display: inline-block; font-size: 16px; font-weight: 300; vertical-align: middle; color: #666; padding-left: 5px;}
	879	+.search_wrap_btn p .add_text {font-size: 14px; padding-left: 5px;}
	880	+.custom_content.custom3 .area_tabcontent li {background-color: transparent; padding: 0; border: 0;}
	881	+.custom_content.custom3 .area_tabcontent li .photo_preview {background-color: #f2f2f2; padding: 0 7px 7px 7px; border: 1px solid #d5d5d5; border-radius: 10px;}
	882	+.custom_content.custom3 .area_tabcontent li .tit_text_wrap {padding: 10px 0; letter-spacing: -1px;}
	883	+.custom_content.custom3 .area_tabcontent li .tit_text_wrap input[type="checkbox"] {margin-bottom: 2px;}
	884	+.custom_content.custom3 .area_tabcontent li .tit_text_wrap input[type="checkbox"]+label {font-size: 15px; color: #222;}
	885	+.custom_content.custom3 .tit_text_wrap>span {font-size: 14px; width: 60px; text-align: center; padding: 4px; display: inline-block; border-radius: 11px; margin-left: 2px; font-weight: 300;}
	886	+.custom_content.custom3 .tit_text_wrap>span.step1 {background-color: #2a57c8; color: #fff;}
	887	+.custom_content.custom3 .tit_text_wrap>span.step2 {background-color: #fbc72b; color: #222; font-weight: 400;}
	888	+.custom_content.custom3 .tit_text_wrap>span.step3 {background-color: #999; color: #fff;}
	889	+.custom_content.custom3 .area_tabcontent li:hover { box-shadow: none;}
	890	+.myphoto_info {position: relative; margin-top: 12px;}
	891	+.myphoto_info p {font-size: 14px; font-weight: 400; color: #222; text-align: left; font-weight: 300; line-height:18px;}
	892	+.myphoto_info p:first-child {padding: 3px 0 8px 0;}
	893	+.myphoto_info button {position: absolute; right: 0; background-color: #fff; height: 24px; padding: 0 6px; border: 1px solid #ccc; border-radius: 5px; font-size: 13px; color: #555;}
	894	+.myphoto_info button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.1);}
	895	+.myphoto_info button.modify_btn {top: 0;}
	896	+.myphoto_info button.detail_btn {top: 26px;}
	897	+
	898	+/* 고객센터 */
	899	+.serv_content {background-color: #fff;padding: 40px;border-radius: 10px; min-height: 589px; display: none;}
	900	+.serv_content.current {display: block;}
	901	+.serv_content .search_wrap {margin-top: 40px;}
	902	+/* board list tab */
	903	+.list_tab_wrap ul {display: flex; max-width: calc(100% - 150px); margin-top: 50px; margin-bottom: -5px; flex-wrap: wrap; }
	904	+.list_tab_wrap ul li {padding-bottom: 5px; padding-right:30px; position: relative;}
	905	+.list_tab_wrap ul li::before {content: "";position: absolute;top: 47%;right: 15px; width: 1px;height: 15px;background: #d5d5d5;transform: translateY(-50%);}
	906	+.list_tab_wrap ul li:last-child::before {content: none;}
	907	+.list_tab_wrap ul li button { font-size: 18px; color: #666; font-weight: 300;}
	908	+.list_tab_wrap ul li.active button { color: #002c9a; font-weight: 500; position: relative; }
	909	+.list_tab_wrap ul li.active button::after {content: ""; position: absolute; width: 90%; height: 9px; background-color: rgba(0,44,154,0.15);bottom: -1px; left: 50%; transform: translateX(-50%);}
	910	+.list_tab_wrap {position: relative;}
	911	+.list_tab_wrap .selType2 {position: absolute; right: 0; top: -5px;}
	912	+/* board list tab2 */
	913	+.list_tab_wrap2 {position: relative;}
	914	+.list_tab_wrap2::after {position: absolute;height: 2px;background-color: #000;width: 100%; content: "";bottom: 0;left: 0;}
	915	+.list_tab_wrap2 ul {display: flex;text-align: center;margin-bottom: 20px;position: relative;background-color: #fff;}
	916	+.list_tab_wrap2 ul li {border-top: 1px solid #e5e5e5;}
	917	+.list_tab_wrap2 ul li:first-child{border-radius: 10px 0 0 0; border-left: 1px solid #e5e5e5;}
	918	+.list_tab_wrap2 ul li:last-child{border-radius: 0 10px 0 0; border-right: 1px solid #e5e5e5;}
	919	+.list_tab_wrap2 ul li button {width: 100%; height: 45px; padding: 10px 0;font-size: 17px;border-right: 1px solid #e5e5e5;background-color: #fff;}
	920	+.list_tab_wrap2 ul li:first-child button {border-radius: 10px 0 0 0;}
	921	+.list_tab_wrap2 ul li:last-child button {border-radius: 0 10px 0 0; border-right: 0;}
	922	+.list_tab_wrap2 ul li.active button {background-color: #46484a; height: 45px; border-radius:10px 10px 0 0;color: #fff;border-right: 1px solid transparent;}
	923	+.list_tab_wrap2.type2 ul li {width: 120px;}
	924	+.list_tab_wrap2.type3 ul li {width: 180px;}
	925	+.list_tab_wrap2.type4 ul li {width: 150px;}
	926	+.list_tab_wrap2.type5 ul li {width: 200px;}
	927	+/* table tab */
	928	+/* board list tab */
	929	+.table_tab_wrap {position: relative;}
	930	+.table_tab_wrap ul {display: flex; height: 60px; padding: 0 30px; border-radius: 5px; margin-bottom: 25px; background-color: #f2f2f2; align-items: center; box-sizing: border-box;}
	931	+.table_tab_wrap ul li {padding-bottom: 5px; padding-right:46px; position: relative;}
	932	+.table_tab_wrap ul li::before {content: "";position: absolute;top: 52%;right: 23px; width: 1px;height: 15px;background: #d5d5d5;transform: translateY(-50%);}
	933	+.table_tab_wrap ul li:last-child::before {content: none;}
	934	+.table_tab_wrap ul li button { font-size: 18px; color: #666; font-weight: 300;}
	935	+.table_tab_wrap ul li.active button { color: #002c9a; font-weight: 500; position: relative; }
	936	+.table_tab_wrap ul li.active button::after {content: ""; position: absolute; width: 90%; height: 9px; background-color: rgba(0,44,154,0.15);bottom: -1px; left: 50%; transform: translateX(-50%);}
	937	+.table_tab_wrap .selType2 {width: 130px; position: absolute; top: 50%; right: 30px; transform: translateY(-50%);}
	938	+/발송결과 개선 /
	939	+.table_tab_wrap .tab_btnbox{position:absolute; top: 50%; right: 30px; transform: translateY(-50%); z-index:9;}
	940	+.table_tab_wrap .tab_btnbox button.btnType.btnType14.check_validity {border: 1px solid #002c9a; color: #002c9a;}
	941	+.table_tab_wrap .tab_btnbox .qmMark{background-image: url(../images/content/qmIcon_s.png); width: 19px; height: 19px; margin-left: 5px; margin-top: -2px;}
	942	+
	943	+/* board_list - 공지사항 */
	944	+.board_list {width: 100%; margin: 23px 0 50px 0; text-align: center;}
	945	+.board_list thead th {font-size: 18px; height: 65px; border-top: 2px solid #000; border-bottom: 3px double #e5e5e5; vertical-align: middle;}
	946	+.board_list thead th .sort_wrap {margin-left: 5px;}
	947	+.board_list tbody td {font-size: 17px; height: 60px; padding: 0 5px; border-bottom: 1px solid #e5e5e5; vertical-align: middle; font-weight: 300; color: #666;}
	948	+.board_list tbody td.list_link {color: #222; font-weight: 400; text-align: left;}
	949	+.board_list tbody tr:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
	950	+.waitA {width: 85px; height: 35px; border-radius: 5px; color: #222; background-color: #fbc72b; display: inline-block; line-height: 35px; font-weight: 400;}
	951	+.completeA {width: 85px; height: 35px; border-radius: 5px; color: #777; background-color: #d5d5d5; display: inline-block; line-height: 35px; font-weight: 400;}
	952	+.list_btnWrap {text-align: right; margin-bottom: 30px;}
	953	+
	954	+/* 리스트 상세페이지 */
	955	+.view_wrap {width: 100%; border-top: 2px solid #000; margin: 60px 0 50px 0;}
	956	+.view_wrap .view_head {border-bottom: 3px double #e5e5e5; box-sizing: border-box; position: relative;}
	957	+/* .view_wrap .view_head::after {position: absolute; content: ""; top: 70px; left: 0; background-color: #e5e5e5; width: 100%; height: 1px;} */
	958	+.view_wrap .view_head .title {padding: 20px 30px 20px 30px; font-size: 24px; font-weight: 500; border-bottom: 1px solid #e5e5e5;}
	959	+.view_wrap .view_head .title h1,.view_wrap .view_head .title p{white-space: normal; word-break: break-all; line-height: 1.3;}
	960	+.ext_info li {display: inline-block; color: #666; font-weight: 300; font-size: 17px; padding: 13px 30px 13px 30px; vertical-align: middle;}
	961	+.ext_info li i {margin-right: 10px;}
	962	+.ext_info li:nth-child(1) i {background-image: url(/publish/images/content/list_view_icon1.png); width: 16px; height: 16px; }
	963	+.ext_info li:nth-child(2) i {background-image: url(/publish/images/content/list_view_icon2.png); width: 16px; height: 16px; margin: 0 10px 3px 0;}
	964	+.ext_info li:nth-child(3) i {background-image: url(/publish/images/content/hits_icon.png); width: 24px; height: 14px; margin: 0 10px 3px 0; opacity: 0.9;}
	965	+.view_wrap .view_cont {padding: 40px 00px; box-sizing: border-box; border-bottom: 1px solid #d5d5d5;}
	966	+.view_wrap .view_cont .cont_in {font-size: 18px; line-height: 1.5; font-weight: 300;}
	967	+.view_wrap .view_cont .cont_in .img_cont {text-align: center; margin-bottom: 70px;}
	968	+
	969	+/* 첫결제이벤트 */
	970	+.event_cont{position: relative;border-radius: 20px; background-repeat: no-repeat;}
	971	+.event_logo{position: absolute; top: 60px; right: 60px;}
	972	+.firstpay_event{background-image: url(/publish/images/event/firstpay_event_bg.jpg); background-position: center; background-size: cover; padding: 220px 0 90px 0;}
	973	+.event_cont .agree_wrap{color: #fff; font-size: 18px; font-weight: 100; text-align: left;}
	974	+.firstpay_event.event_cont .agree_wrap{width: 998px; margin: 30px auto;}
	975	+.firstpay_event.event_cont .agree_wrap li{margin: 0 0 10px 0;}
	976	+.firstpay_event .agree_wrap input[type="checkbox"]{display: none;}
	977	+.firstpay_event .agree_wrap input[type="checkbox"]+label{border-radius: 5px;display: inline-block; position: relative; cursor: pointer; vertical-align: middle; margin-right: 5px; padding:0 0 0 35px;}
	978	+.firstpay_event .agree_wrap input[type="checkbox"]+label::after{position: absolute;content: "";display: inline-block;width:24px;height: 24px;background-color: #fff;background-repeat: no-repeat;top: 1px;left: 0;border-radius: 5px;}
	979	+.firstpay_event .agree_wrap input[type="checkbox"]:checked+label{position: relative;}
	980	+.firstpay_event .agree_wrap input[type="checkbox"]:checked+label::after{background-image: url(/publish/images/event/icon_checked01.png);background-position: center;background-color: #fbc72b;}
	981	+
	982	+.view_cont .serv_content.charg_cont{display: block; text-align: left; padding: 0;}
	983	+.view_cont .serv_content.charg_cont .tType1{margin-bottom: 0;}
	984	+
	985	+/* 첨부파일 */
	986	+.attachedFile2 {margin-top: 40px;}
	987	+.attachedFile2 i {background-image: url(/publish/images/content/attach_file2.png); width: 18px; height: 16px; margin: 0 15px 3px 0;}
	988	+.attachedFile2 .attachedFile_in {background-color: #efefef;width: 100%; height: 60px; padding: 0 30px; border-radius: 5px; margin-bottom: 5px; line-height: 60px; box-sizing: border-box;}
	989	+.attachedFile2 .attachedFile_in:last-child {margin-bottom: 0;}
	990	+.attachedFile2 .attachedFile_in a {font-size: 18px; font-weight: 300; display: inline-block;}
	991	+.view_btnWrap {position:relative;min-height:50px;text-align: center;}
	992	+.view_btnWrap button {background-color: #fbc72b; width: 100px; height: 50px; border-radius: 5px; font-size: 18px; color: #222; }
	993	+.view_btnWrap .list_button {position:absolute;right:0;top:0;}
	994	+/* 상세페이지 이전글, 다음글 */
	995	+.list_prev-next {margin-top: 50px;}
	996	+.list_prev-next li {display: flex; height: 60px;line-height: 60px; color: #666; border-top: 1px solid #d5d5d5;}
	997	+.list_prev-next li:last-child {border-bottom: 1px solid #d5d5d5;}
	998	+.list_prev-next li>div { padding: 0 25px; box-sizing: border-box;}
	999	+.list_prev-next li>div:first-child {background-color: #efefef; width: 150px; position: relative; font-weight: 400;}
	1000	+.list_prev-next li>div:last-child { width: calc(100% - 150px); font-weight: 300;}
	1001	+.list_prev-next li i { width: 11px; height: 6px; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}
	1002	+.list_prev-next li.list_prev i {background-image: url(/publish/images/content/list_prev.png);}
	1003	+.list_prev-next li.list_next i {background-image: url(/publish/images/content/list_next.png);}
	1004	+/* 상세페이지 답변 */
	1005	+.view_answer {border-top: 2px solid #000; border-bottom: 1px solid #d5d5d5; margin-top: -1px;}
	1006	+.view_answer .view_asnwer_head {height: 70px; line-height: 70px; padding: 0 30px; box-sizing: border-box; border-bottom: 1px solid #e5e5e5;}
	1007	+.view_answer .view_asnwer_head .ext_info {margin-top: 0;}
	1008	+.view_answer .view_asnwer_body { display: flex; padding: 40px 30px; box-sizing: border-box;}
	1009	+.view_answer .answer_title {width: 30px;}
	1010	+.view_answer .answer_title i {background-image: url(/publish/images/content/answer_icon.png); width: 16px; height: 16px; margin-top: 8px; margin-bottom: 6px;}
	1011	+.view_answer .answer_title span {background-color: #ccc;padding: 0 10px;font-size: 13px;border-radius: 10px;margin-left: -10px;}
	1012	+.view_answer .answer_cont {width: calc(100% - 30px); padding: 0 30px; font-size: 18px; font-weight: 300; color: #222; line-height: 1.5; box-sizing: border-box;}
	1013	+
	1014	+/* 이용안내 */
	1015	+.kisa_guidebook {margin:0 0 25px;text-align:right;}
	1016	+.kisa_guidebook .download_button {display:inline-block;height:40px;padding:0 18px;font-size:16px;line-height:40px;letter-spacing:-0.025em;text-align:center;color:#fff;background:#002c9a;border-radius:5px;}
	1017	+.kisa_guidebook .download_button:before {content:'';display:inline-block;width:18px;height:40px;margin:0 10px 0 0;vertical-align:top;background:url(/publish/images/content/icon_filedown_button.png) no-repeat left top;}
	1018	+.clause_list li.list_open .clause_list_head span.operGuide_title {font-family: 'GmarketSansBold'; font-size: 22px; display: inline-block; padding-top: 4px;}
	1019	+.clause_select_wrap {text-align: right;}
	1020	+.clause_select_wrap .version_change_select{width: 160px; margin: 0 0 20px 0;}
	1021	+
	1022	+/* 자주하는 질문 */
	1023	+.qna_cont .search_wrap .btn_left {float: right;}
	1024	+.qna {width: 100%; border-top: 2px solid #000; margin: 23px 0 50px 0;}
	1025	+/* 질문 */
	1026	+.qna li .question_text {width: 20px;font-family: 'GmarketSansMedium'; color: #002c9a; font-size: 22px; padding-right: 20px; vertical-align: top;margin: 4px 0 0 0;}
	1027	+.qna li button {position: relative; width: 100%; min-height: 74px; padding: 0 30px; text-align: left; border-bottom: 1px solid #d5d5d5; box-sizing: border-box;}
	1028	+.qna li.open button::after {background-image: url(/publish/images/content/qna_close.png);width: 22px; height: 2px;}
	1029	+.qna li button::after {background-image: url(/publish/images/content/qna_open.png); background-repeat: no-repeat; position: absolute; top: 50%; transform: translateY(-50%); content: ""; width: 22px; height: 22px; right: 30px;}
	1030	+.qna li button p {display: inline-block; font-size: 20px; width: calc(100% - 80px);white-space:normal; word-break:break-all;}
	1031	+/* 답변 */
	1032	+.qna li .answer_text {font-family: 'GmarketSansMedium'; color: #eea301; font-size: 22px; padding-right: 20px; padding-top: 6px; vertical-align: top;}
	1033	+.qna li .qna_answer {background-color: #f5f5f5; display: none; padding: 36px 30px; border-bottom: 1px solid #d5d5d5; display: none; box-sizing: border-box;}
	1034	+.qna li .qna_answer p {display: inline-block;}
	1035	+.qna li .qna_answer .answer_cont {font-size: 18px; font-weight: 300; line-height: 1.4; width: calc(100% - 100px);}
	1036	+/* 1:1문의 */
	1037	+.serv_content .mem_cont_in {position: relative; max-width: 820px; padding: 80px; margin: 0 auto;}
	1038	+.serv_content .mem_cont_in .list_inputType1::placeholder {color: #a6a6a6; font-size: 16px;}
	1039	+.serv_content .input_list_item.textWrap {display: block; height: 395px; padding: 15px 25px 20px 25px;}
	1040	+.serv_content .textWrap>div:last-child {padding-top: 20px;}
	1041	+.serv_content .textWrap textarea {height: 310px; border: none; border-radius: 5px;}
	1042	+.serv_content .textWrap textarea::placeholder {color: #a6a6a6; font-size: 16px;}
	1043	+
	1044	+.clause_list li.list_open {border-radius: 5px;background-color: #f2f3f4;}
	1045	+.clause_list li.list_open .clause_list_head {display: table; width: 100%; height: 70px;}
	1046	+.clause_list li.list_open .clause_list_head .list_head_in {position: relative; padding: 0 30px; box-sizing: border-box; display: table-cell; vertical-align: middle;}
	1047	+.clause_list li.list_open .clause_list_head span {font-size: 18px; font-weight: 500; line-height: 1.5;}
	1048	+.clause_list li.list_open .clause_list_body {padding: 0 30px 20px 30px; background-color: #f2f3f4; border-radius: 0 0 10px 10px;}
	1049	+.clause_list li.list_open .clause_list_body .agree_text {background-color: #fff; height: 230px; padding: 20px; border-radius: 5px;}
	1050	+
	1051	+.serv_btnWrap {text-align: center;display: flex;width: 820px;margin: 0 auto;justify-content: space-between;}
	1052	+.serv_btnWrap button {width: calc(100%/2 - 5px);height: 70px;border-radius: 5px;font-size: 22px;}
	1053	+.serv_btnWrap button:first-child {background-color: #fbc72b;}
	1054	+.serv_btnWrap button:last-child {background-color: #999; color: #fff;font-weight: 300;}
	1055	+
	1056	+/* photo - 이벤트 */
	1057	+.photoBox {display: flex; border-top: 2px solid #000; flex-wrap: wrap; justify-content: flex-start; padding-top: 40px; margin: 23px 0 10px 0; box-sizing: border-box; }
	1058	+.photoBox .photoBox_in {width: calc(100%/3 - 20px); margin-right: 30px; margin-bottom: 40px;cursor: pointer;}
	1059	+.photoBox_in:nth-child(3n) {margin-right: 0;}
	1060	+.photoBox .imgBox { height: 250px; position: relative; margin-bottom: 15px; overflow: hidden; background-color: #f1f1f1;}
	1061	+.photoBox .imgBox img {height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: .3s;}
	1062	+.photoBox .imgBox img:hover {transform: translate(-50%,-50%) scale(1.1);}
	1063	+.photoBox .txtBox a {font-size: 22px; font-weight: 500;line-height:30px;}
	1064	+.photoBox .txtBox span {font-size: 18px; font-weight: 300; color: #666; padding-top: 10px;display: inline-block;display:none;}
	1065	+
	1066	+/* 결제내역 */
	1067	+/* 요금결제내역 */
	1068	+.pay_cont .tType1 .calendar_wrap {margin-right: 3px;}
	1069	+.pay_cont .tType1 .calendar_wrap>input[type="text"] {border: 0; width: 160px; height: 40px;}
	1070	+.pay_cont .tType1 button {height: 40px; margin-right: 2px;}
	1071	+.pay_cont .tType1 .btnType17 {font-size: 16px; width: 100px;}
	1072	+.pay_cont .excel_middle {margin: 20px 0 10px 0;}
	1073	+.pay_cont .excel_middle .selType2 {width: 82px; height: 32px; margin-left: 0;}
	1074	+.pay_cont .select_btnWrap .add_text2 {font-size: 16px; padding-top: 7px; color: #666; font-weight: 300;}
	1075	+.pay_cont .select_btnWrap .add_text2 .accountinfo {padding:2px 0 0 10px; color:#21376c; font-weight:400;}
	1076	+.pay_cont .select_btnWrap .add_text2 .accountinfo span {font-size:14px; color:#697593; padding:0 0 0 10px;}
	1077	+/등급 및 누적결제액 확인 버튼 추가/
	1078	+.pay_cont .excel_middle .level_btn{margin: 0 5px; border: 1px solid #002c9a; color: #002c9a;}
	1079	+.pay_cont .excel_middle .level_btn img{margin-top: -3px;}
	1080	+
	1081	+.pay_cont .excel_middle .print_btn {margin: 0 5px;}
	1082	+.pay_cont .pay_info {display: flex; justify-content: center; background-color: #efeff0; width: 100%; padding: 16px 0; border-radius: 5px; margin: 20px 0 50px 0; box-sizing: border-box; }
	1083	+.pay_cont .pay_info p:nth-child(1) {font-size: 18px;}
	1084	+.pay_cont .pay_info p:nth-child(2), .pay_cont .pay_info p:nth-child(3) {font-size: 16px; font-weight: 300;}
	1085	+.pay_cont .pay_info p:nth-child(2) {padding: 0 47px 0 57px;}
	1086	+.pay_cont .pay_info p span {color: #002c9a; font-weight: 500;}
	1087	+.clause_list {margin-bottom: 50px;}
	1088	+.clause_list .list_head_in span>i {background-image: url(/publish/images/content/titBoxIcon.png); width: 18px; height: 20px; margin: 0 8px 3px 0;}
	1089	+.clause_list .clause_list_body {background-color: #efeff0 !important;}
	1090	+.clause_list .refund_info {text-align: center; width: 100%;}
	1091	+.clause_list .refund_info th { height: 45px; line-height: 45px; font-size: 17px; font-weight: 500;background-color: #fff; }
	1092	+.clause_list .refund_info th:first-child {border-radius: 5px 0 0 5px;}
	1093	+.clause_list .refund_info th:last-child {border-radius: 0 5px 5px 0;}
	1094	+.clause_list .refund_info tbody td {height: 40px; line-height: 1.5; font-weight: 300; font-size: 16px; border-bottom: 1px solid #e5e5e5; letter-spacing: -0.5px; vertical-align: middle;}
	1095	+.clause_list .refund_info tbody td span{font-weight: 400;}
	1096	+.pay_cont .tType1 {margin-bottom: 50px;}
	1097	+.pay_cont .tType1 tbody tr th {line-height: 55px;}
	1098	+.charg_cont .tType1 tbody tr td {line-height: 40px;}
	1099	+.pay_cont .tType1 td {position: relative; font-size: 18px; letter-spacing: 0.5px;}
	1100	+.pay_cont .tType1 td.price_ref1 {font-weight: 300;}
	1101	+.pay_cont .tType1 td.price_ref1>span {font-size: 24px; font-weight: 500;}
	1102	+.pay_cont .tType1 td.price_ref1 .reqTxt5 {font-size: 16px; font-weight: 300; color: #666;}
	1103	+.pay_cont .tType1 td input[type="checkbox"] {margin-top: 3px;}
	1104	+.pay_cont .tType1 td input[type="checkbox"].re {border: 1px solid #ccc; margin-left: 3px; margin-top: 1px;}
	1105	+.pay_cont .tType1 td input[type="checkbox"]+label {font-size: 18px; font-weight: 300; vertical-align: middle;}
	1106	+.pay_cont .tType1 td input[type="text"]+label {position: absolute; top:50%; transform: translateY(-50%); left: 336px; font-size: 18px;}
	1107	+.pay_cont .tType1 td input[type="text"].readonly {background-color: #fff; width: 32.1%; min-width: 200px; border: 1px solid #d5d5d5;}
	1108	+.pay_cont .tType1 td input[type="text"].account_put {width: 32.1%; min-width: 320px;}
	1109	+.pay_cont .tType1 td input[type="text"].readonly::placeholder {font-size: 18px;}
	1110	+.pay_cont .tType1 td select {width: 200px; background-color: #f2f2f2; border: 0; height: 40px; margin-right: 2px; font-size: 18px;}
	1111	+.pay_cont .tType1 td .btnType9 {width: 90px; margin-right: 0; margin-left: 2px;}
	1112	+.tType1 td .reqTxt6 {color: #e40000; font-size: 14px; line-height: 50px; font-weight: 400; padding-left: 13px;}
	1113	+.tType1 td .reqTxt6>span {vertical-align: middle;}
	1114	+.pay_cont .tType1 tbody tr td.send_cf>div:first-child {margin-bottom: 10px;}
	1115	+.pay_cont .tType1 tbody tr td .refund_reason {overflow:hidden;}
	1116	+.pay_cont .tType1 tbody tr td .refund_reason > div {float:left;margin:0 0 10px;}
	1117	+/* 사용내역 */
	1118	+.hisroy_price {display: flex; justify-content: space-between; margin-bottom: 30px;}
	1119	+.hisroy_price .hisroy_price_in {background-color: #f2f2f2; width: calc(100%/3 - 20px); padding: 28px 22px; border-radius: 5px; box-sizing: border-box;}
	1120	+.hisroy_price .hisroy_price_in>p {font-size: 22px; font-weight: 600; margin-bottom: 25px; font-family: 'GmarketSansBold';}
	1121	+.hisroy_price .hisroy_price_in i{background-size: 100%;}
	1122	+.hisroy_price .hisroy_price_in:nth-child(1) i {background-image: url(/publish/images/content/history_icon1.png); width: 23px; height: 26px; margin: 0 10px 2px 0;}
	1123	+.hisroy_price .hisroy_price_in:nth-child(2) i {background-image: url(/publish/images/content/history_icon2.png); width: 26px; height: 24px; margin: 0 10px 2px 0;}
	1124	+.hisroy_price .hisroy_price_in:nth-child(3) i {background-image: url(/publish/images/content/history_icon3.png); width: 21px; height: 21px; margin: 0 10px 2px 0;}
	1125	+.hisroy_price .hisroy_price_in>div {background-color: #fff; height: 50px; padding: 0 20px; border-radius: 5px; line-height: 50px; box-sizing: border-box;}
	1126	+.hisroy_price .hisroy_price_in>div:last-child {margin-top: 10px;}
	1127	+.hisroy_price .hisroy_price_in>div>p {font-size: 17px; font-weight: 300;}
	1128	+.hisroy_price .hisroy_price_in>div>p:first-child {float: left;}
	1129	+.hisroy_price .hisroy_price_in>div>p:last-child {float: right;}
	1130	+.hisroy_price .hisroy_price_in>div>p>span {font-size: 22px; font-family: 'GmarketSansBold'; color: #002c9a; padding-right: 5px;}
	1131	+ /후불회원 요금 사용내역/
	1132	+.hisroy_price .hisroy_defprice_in {position:relative; background-color: #f2f2f2; width: calc(100%/4 - 10px); padding: 28px 22px 40px 22px; border-radius: 5px; box-sizing: border-box;}
	1133	+.hisroy_price .hisroy_defprice_in>p {font-size: 20px; font-weight: 600; margin-bottom: 25px; font-family: 'GmarketSansBold';}
	1134	+.hisroy_price .hisroy_defprice_in i{background-size: 100%;}
	1135	+.hisroy_price .hisroy_defprice_in:nth-child(1) i {background-image: url(/publish/images/content/history_icon1.png); width: 23px; height: 26px; margin: 0 10px 2px 0;}
	1136	+.hisroy_price .hisroy_defprice_in:nth-child(2) i {background-image: url(/publish/images/content/history_icon2.png); width: 26px; height: 24px; margin: 0 10px 2px 0;}
	1137	+.hisroy_price .hisroy_defprice_in:nth-child(3) i {background-image: url(/publish/images/content/history_icon4.png); width: 22px; height: 24px; margin: 0 10px 2px 0;}
	1138	+.hisroy_price .hisroy_defprice_in:nth-child(4) i {background-image: url(/publish/images/content/history_icon3.png); width: 21px; height: 21px; margin: 0 10px 2px 0;}
	1139	+.hisroy_price .hisroy_defprice_in>div {background-color: #fff; height: 50px; padding: 0 20px; border-radius: 5px; line-height: 50px; box-sizing: border-box;}
	1140	+.hisroy_price .hisroy_defprice_in>div:last-child {margin-top: 10px;}
	1141	+.hisroy_price .hisroy_defprice_in>div>p {font-size: 15px; font-weight: 300;}
	1142	+.hisroy_price .hisroy_defprice_in>div>p:first-child {float: left;}
	1143	+.hisroy_price .hisroy_defprice_in>div>p:last-child {float: right;}
	1144	+.hisroy_price .hisroy_defprice_in>div>p>span {font-size: 20px; font-family: 'GmarketSansBold'; color: #002c9a; padding-right: 1px;}
	1145	+.hisroy_price .hisroy_defprice_in .clearfix{ display: flex; justify-content: space-between; align-items: center; height: 40px; background-color: #fff; padding: 5px 10px; border-radius: 5px; margin: 0 0 10px 0;}
	1146	+.hisroy_price .hisroy_defprice_in .clearfix:last-child{margin: 0 0 0 0; text-align: right;}
	1147	+.hisroy_price .hisroy_defprice_in .clearfix p:nth-child(2n){width: calc(100% - 5px); text-align: right;}
	1148	+.hisroy_price .hisroy_defprice_in dl {position: absolute; font-size:13px; color:#777; padding:0; top:178px;}
	1149	+.hisroy_price .hisroy_defprice_in dl dd {padding:2px 0 0 8px;}
	1150	+
	1151	+.history_details .tType1_title{margin: 0;}
	1152	+.history_details .tType1_title img{margin: -4px 0 0 0;}
	1153	+.history_details .details_wrap{width: 100%; background-color: #f2f2f2; border-radius: 5px; padding: 15px 20px 15px 20px; box-sizing: border-box;}
	1154	+.history_details .details_wrap table{width: 100%; table-layout: fixed; letter-spacing: -0.5px; border-collapse: separate; border-spacing: 0 10px;}
	1155	+.history_details .details_wrap table th{position: relative; font-family: 'GmarketSansMedium'; font-size: 18px; color: #222; vertical-align: middle; padding: 0 0 10px 0;}
	1156	+.history_details .details_wrap table th::after{position: absolute; content: " "; width: 1px; height: 15px; background-color: #a5a5a5; right: -1px;}
	1157	+.history_details .details_wrap table th:last-child:after{display: none;}
	1158	+.history_details .details_wrap table tbody td{height: 50px; background-color: #fff; text-align: center; vertical-align: middle;}
	1159	+.history_details .details_wrap table tbody td:first-child{border-radius: 5px 0 0 5px;}
	1160	+.history_details .details_wrap table tbody td:last-child{border-radius: 0 5px 5px 0;}
	1161	+
	1162	+/*.hisroy_price {display: flex; justify-content: space-between; margin-bottom: 0; flex-flow: wrap;}
	1163	+.hisroy_price .hisroy_price_in>p {font-size: 22px; font-weight: 600; margin-bottom: 25px; font-family: 'GmarketSansBold';}
	1164	+.hisroy_price .hisroy_price_in {background-color: #f2f2f2; width: calc(100%/3 - 15px); padding: 28px 22px; border-radius: 5px; box-sizing: border-box;}
	1165	+.hisroy_price .total_price{display: flex;width: 100%;align-items: center;justify-content: space-between;}
	1166	+.hisroy_price .total_price .clearfix{position: relative; display: flex; align-items: center; height: 50px; background-color: #fff; padding: 5px 20px; border-radius: 5px;}
	1167	+.hisroy_price .total_price .clearfix p:nth-child(2){position: relative;}
	1168	+.hisroy_price .total_price .clearfix p:nth-child(2)::before{position: absolute; content: ""; width: 1px; height: 18px; background-color: #d5d5d5; right: 0;}
	1169	+.hisroy_price .total_price p{margin: 0 0 0 0;}
	1170	+.hisroy_price .total_price>div:last-child{padding: 0 0 0 0;}
	1171	+.hisroy_price .hisroy_price_in>div>p>span {font-size: 20px; font-family: 'GmarketSansBold'; color: #002c9a; padding-right: 5px;}*/
	1172	+/*.hisroy_price {display: flex; justify-content: space-between; margin-bottom: 0; flex-flow: wrap;}
	1173	+.hisroy_price .hisroy_price_in {background-color: #f2f2f2; width: calc(100%/2 - 15px); padding: 28px 22px; border-radius: 5px; box-sizing: border-box;}
	1174	+.hisroy_price .hisroy_price_in>p{font-size: 20px; font-weight: 600; margin-bottom: 25px; font-family: 'GmarketSansBold';}
	1175	+.hisroy_price .hisroy_price_in i{background-position: center; margin: 0 4px 0 0;}
	1176	+.hisroy_price .hisroy_price_in .clearfix{ display: flex; justify-content: space-between; align-items: center; height: 40px; background-color: #fff; padding: 5px 15px; border-radius: 5px; margin: 0 0 15px 0;}
	1177	+.hisroy_price .hisroy_price_in .clearfix:last-child{margin: 0 0 0 0; text-align: right;}
	1178	+.hisroy_price .hisroy_price_in .clearfix p:nth-child(2n){width: calc(100% - 50px); text-align: right;}
	1179	+.hisroy_price .total_price{display: flex;width: 100%;align-items: center;justify-content: space-between; margin: 0 0 20px 0; padding: 15px 20px;}
	1180	+.hisroy_price .total_price .clearfix{position: relative;width: calc((100% - 400px)/2); align-items: baseline; line-height: 40px; margin: 0 0 0 0;}
	1181	+.hisroy_price .total_price .clearfix p:nth-child(2){position: relative; padding: 0 10px 0 0; margin: 0 10px 0 0;}
	1182	+.hisroy_price .total_price .clearfix p:nth-child(2)::before{position: absolute; content: ""; width: 1px; height: 18px; background-color: #d5d5d5; right: 0; top: 12px;}
	1183	+.hisroy_price .total_price .clearfix p:nth-child(2n){width: calc((100% - 100px)/2); text-align: right;}
	1184	+.hisroy_price .total_price p{margin: 0 0 0 0;}
	1185	+.hisroy_price .total_price p:nth-child(1) i{width: 20px; height: 25px; background-image: url(/publish/images/content/history_icon2.png); background-position: center 0;}
	1186	+.hisroy_price .total_price p:nth-child(3) i{width: 22px; height: 20px; background-image: url(/publish/images/content/history_icon3.png);}
	1187	+.hisroy_price .hisroy_price_in:nth-child(2) i{width: 31px; height: 20px; background-image: url(/publish/images/content/history_icon1.png); background-position: center 0; margin: 0 7px 0 0;}
	1188	+.hisroy_price .hisroy_price_in:nth-child(3) i{width: 25px; height: 25px; background-image: url(/publish/images/content/icon_kakaotalk.png); background-position: center 0; margin: 0 7px 0 0;}
	1189	+.hisroy_price .hisroy_price_in:nth-child(4) i{width: 26px; height: 28px; background-image: url(/publish/images/content/history_fax.png); background-position: center 0; margin: 0 7px 0 0;}
	1190	+.hisroy_price .hisroy_price_in>div>p>span {font-size: 18px; font-family: 'GmarketSansBold'; color: #002c9a; letter-spacing: -.5px;}*/
	1191	+
	1192	+.list_info {margin-bottom: 10px; display: flex; justify-content: space-between; align-items: flex-end;}
	1193	+.list_info .selType2 {height: 32px;}
	1194	+.list_info p {font-size: 16px; }
	1195	+.list_info p span {color: #002c9a; font-weight: 500;}
	1196	+.list_info .cf_text{display: inline-block; font-size: 14px; font-weight: 500;}
	1197	+.list_info>div {float: right;}
	1198	+.list_info>div button {padding:0 10px;height:32px;border-radius:5px;margin-left:2px;font-weight:300;}
	1199	+.list_info>div .btnType15 {width:auto;}
	1200	+.serv_content .excel_middle .calendar_wrap>input[type="text"] {width: 129px; height: 32px; border-radius: 5px;}
	1201	+.serv_content .calendar_wrap button {border: 0 !important; height: 100%;}
	1202	+.serv_content .calendar_wrap button:hover {box-shadow: none;}
	1203	+.serv_content .select_btnWrap .btn_left>button {padding: 0 14.5px; border: 1px solid #b1b1b1; color: #222;}
	1204	+.serv_content .select_btnWrap .btn_left>button:hover {color: #222;border: 1px solid #b1b1b1}
	1205	+.serv_content .select_btnWrap .btn_left>button.btnType6 {background-color: #e8f0ff;border: 1px solid #b1c6ee;}
	1206	+.serv_content .select_btnWrap .btn_left .reqTxt4 {font-size: 14px;}
	1207	+.cal_label {padding-right: 8px; vertical-align: middle;}
	1208	+.publish_btn {background-color: #f2f2f2; padding: 0 30px; border-radius: 5px; height: 65px; margin-bottom: 40px; line-height: 59px; box-sizing: border-box;}
	1209	+.publish_btn>div:first-child {float: left;}
	1210	+.publish_btn input[type="radio"]+label {font-size: 18px; font-weight: 300;}
	1211	+.publish_btn>div:last-child {float: right;}
	1212	+.publish_btn button {background-color: #002c9a; color: #fff; width: 120px; height: 45px; font-size: 18px;line-height:45px;}
	1213	+
	1214	+/* 세금계산서/영수증 */
	1215	+.pay_cont .tType1 td .emailWrap2 {display: inline-flex;background-color: #f2f2f2; width: calc(100% - 620px); min-width: 470px; height: 40px; border-radius: 5px;position: relative;vertical-align: middle; }
	1216	+.pay_cont .tType1 td .emailWrap2 input[type="text"] {width: calc(100%/2);}
	1217	+.pay_cont .tType1 td .list_selType1 {border-radius: 5px; margin-right: 0; margin-left: 1px; background-position: right 15px top 50%;}
	1218	+.pay_cont .tType1_title {margin-top: 30px;}
	1219	+.pay_cont .tType1 .send_cf .reqTxt6 {line-height:24px;}
	1220	+.set_date button {width: 100px; border-radius: 5px; border: 1px solid #b1b1b1; margin-right: 5px !important; font-size: 17px; color: #222;}
	1221	+
	1222	+.pay_cont .bill_tab {display:flex;margin:0 0 50px;padding:25px 33px;align-items:center;border:3px solid #e5e5e5;background:#f2f2f2;border-radius:5px;}
	1223	+.pay_cont .bill_tab ul {display:flex;}
	1224	+.pay_cont .bill_tab p {padding:0 0 0 20px;}
	1225	+.pay_cont .bill_content_wrap .bill_content {display:none;}
	1226	+
	1227	+.pay3_list td.td_payInfo span{position: relative; margin: 0 8px;}
	1228	+.pay3_list td.td_payInfo span::after{position: absolute; content: " "; width: 1px; height: 12px; background-color: #666; left: 2px; top: 50%; transform: translateY(-50%);}
	1229	+.pay3_list td button{margin-right: 5px; padding: 0 10px; width: auto;}
	1230	+.pay3_list td button:last-child{margin-right: 0;}
	1231	+.pay3_list td button.btnType.btnType20 {display:block;margin:5px auto;}
	1232	+.pay3_list td button.btnType.btnType20:first-child {margin-top:10px;}
	1233	+.pay3_list td button.btnType.btnType20:last-child {margin-bottom:10px;}
	1234	+
	1235	+/* 결제하기 */
	1236	+.charg_cont {background-color: #fff;padding: 40px;border-radius: 10px; min-height: 589px; display: none;}
	1237	+.charg_cont.current {display: block;}
	1238	+.charg_cont .tab_tit{font-size: 24px; font-weight: bold; color: #222; margin-bottom: 20px; margin-top: 40px;}
	1239	+.charg_cont .area_tab{display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap;}
	1240	+/* 간편결제 오픈 시
	1241	+.charg_cont .area_tab li{ width: calc((100% - 80px)/5); border: 1px solid #ddd; border-radius: 5px; position: relative; box-sizing: border-box; text-align: center;} */
	1242	+.charg_cont .area_tab li{ width: calc((100% - 80px)/4); border: 1px solid #ddd; border-radius: 5px; position: relative; box-sizing: border-box; text-align: center;}
	1243	+.charg_cont .area_tab li button {font-size: 22px; font-weight: 400; width: 100%; height: 100%; padding: 60px 20px 40px 20px;position:relative;z-index:1;}
	1244	+/* .charg_cont .area_tab li.active {border: 3px solid #fbc72b;} */
	1245	+.charg_cont .area_tab li.active::after{position: absolute; content: " "; width: 100%; height: 100%; border: 3px solid #fbc72b; left: -3px; top: -3px; border-radius: 5px;}
	1246	+.charg_cont .area_tab li.active::before{background-image: url(/publish/images/content/icon_chargeCheck2.png); background-color: #fbc72b; border: 2px solid #fbc72b;}
	1247	+.charg_cont .area_tab li::before{position: absolute; content: " "; width: 31px; height: 31px; border: 3px solid #ccc; right: 15px; top: 15px; border-radius: 100%; background-image: url(/publish/images/content/icon_chargeCheck1.png); background-repeat: no-repeat; background-position: center 58%;}
	1248	+.charg_cont .area_tab button i{width: 65px; height: 55px; display: block; margin: 0 auto 15px auto; background-position: center;}
	1249	+/.charg_cont .area_tab .btn_charge_simple i{background-image: url(/publish/images/simple.png);}/
	1250	+.charg_cont .area_tab .btn_charge1 i{background-image: url(/publish/images/content/icon_charging2.png);}
	1251	+.charg_cont .area_tab .btn_charge2 i{background-image: url(/publish/images/content/icon_charging3.png);}
	1252	+.charg_cont .area_tab .btn_charge3 i{background-image: url(/publish/images/content/icon_charging4.png);}
	1253	+.charg_cont .area_tab .btn_charge4 i{background-image: url(/publish/images/content/icon_charging5.png);}
	1254	+
	1255	+/간편결제_오픈시_수정한부분/
	1256	+.charg_cont .area_tab .simple_pay{margin-top: 25px;}
	1257	+.charg_cont .area_tab .simple_pay button{padding: 24px 20px 8px 20px;}
	1258	+.charg_cont .area_tab .simple_pay button i{width: 150px; height: 33px; display: block; margin: 0 auto 15px auto; background-position: center;}
	1259	+.charg_cont .area_tab .btn_charge5 i{background-image: url(/publish/images/never_pay.png);}
	1260	+.charg_cont .area_tab .btn_charge6 i{background-image: url(/publish/images/kakao_pay.png);}
	1261	+.charg_cont .area_tab .btn_charge7 i{background-image: url(/publish/images/toss_pay.png);}
	1262	+.charg_cont .area_tab .btn_charge8 i{background-image: url(/publish/images/payco.png);}
	1263	+.charg_cont.serv_content .area_tab .btn_charge4 i{background-image: url(/publish/images/content/icon_charging5.png);}
	1264	+.charg_cont.serv_content .area_tab .btn_charge5 i{background-image: url(/publish/images/never_pay.png);}
	1265	+.charg_cont.serv_content .area_tab .btn_charge6 i{background-image: url(/publish/images/kakao_pay.png);}
	1266	+.charg_cont.serv_content .area_tab .btn_charge7 i{background-image: url(/publish/images/toss_pay.png);}
	1267	+.charg_cont.serv_content .area_tab .btn_charge8 i{background-image: url(/publish/images/payco.png);}
	1268	+.charg_cont .area_tab+.checkbox_wrap{margin-top: 18px; color: #666; font-weight: 300; font-size: 18px; text-align: right; width: 100%;}
	1269	+
	1270	+/* 간편결제_오픈시_이벤트페이지
	1271	+.charg_cont .area_tab.type03 li {width:calc(100%/4 - 15px);} */
	1272	+.charg_cont .area_tab.type03 li {width:calc(100%/3 - 15px);}
	1273	+/간편결제_오픈시_이벤트페이지_수정한부분은 이거 하나/
	1274	+.charg_cont .area_tab.type03 li.event_simple{width:calc(100%/4 - 15px);}
	1275	+///간편결제_오픈시_이벤트페이지_수정한부분은 이거 하나/
	1276	+.charg_cont .checkbox_wrap input[type="checkbox"],
	1277	+.charg_cont .checkbox_wrap input[type="radio"]{display: none;}
	1278	+.charg_cont .checkbox_wrap input[type="checkbox"]+label,
	1279	+.charg_cont .checkbox_wrap input[type="radio"]+label{height: 24px; border-radius: 50%;display: inline-block; vertical-align: middle; margin-bottom: 3px; position: relative; cursor: pointer; vertical-align: middle; margin-right: 5px; margin-top: -2px;padding:0 0 0 30px;line-height:24px;}
	1280	+.charg_cont .checkbox_wrap input[type="checkbox"]+label::after,
	1281	+.charg_cont .checkbox_wrap input[type="radio"]+label::after {background-image: url(/publish/images/content/icon_chargeCheck3.png);background-repeat: no-repeat; background-position: center 60%;position: absolute;content: "";display: inline-block;width:24px;height: 100%;top: -1px;left: -1px;border-radius: 50%;border: 2px solid #ccc;}
	1282	+.charg_cont .checkbox_wrap input[type="checkbox"]:checked+label,
	1283	+.charg_cont .checkbox_wrap input[type="radio"]:checked+label{position: relative;font-weight:500;color:#002c9a;}
	1284	+.charg_cont .checkbox_wrap input[type="checkbox"]:checked+label::after,
	1285	+.charg_cont .checkbox_wrap input[type="radio"]:checked+label::after{background-image: url(/publish/images/mem/check2_ckecked.png);background-color: #002c9a;border: 2px solid #002c9a;}
	1286	+.charg_cont .right{text-align: right;}
	1287	+.charg_cont .area_tabcont{display: none;}
	1288	+.charg_cont .area_tabcont.on{display: block;}
	1289	+.charg_cont .area_tabcont .area_tit{font-size: 20px; font-weight: bold; color: #222; margin-left: 5px;}
	1290	+.charg_cont .tType1{margin-bottom: 50px;}
	1291	+.charg_cont .tType1 select, .charg_cont .tType1 button, .charg_cont .tType1 input{height: 40px; border-radius: 5px; display: inline-block;line-height:40px;}
	1292	+.charg_cont .tType1 select{width: 220px; padding: 0 20px 0 15px; border: 1px solid #ccc; margin-left: 8px; font-size: 16px; color: #222; font-weight: 300; background-image: url(/publish/images/select_search.png); background-repeat: no-repeat; background-position: 92% center;}
	1293	+.area_tabcont .tType1 button {background-color: #002c9a; padding: 0 20px; color: #fff; font-weight: normal; letter-spacing: -0.5px; font-size: 17px;}
	1294	+.charg_cont .tType1 input{border: 1px solid #ccc; margin-right: 5px; vertical-align: middle; margin-left: 8px;}
	1295	+/* .charg_cont .tType1 input:nth-child(2) {margin-left: 0;} */
	1296	+.charg_cont .tType1 .area_text{ font-size: 16px; font-weight: 300; color: #555;}
	1297	+.charg_cont .tType1 .area_text p{margin-bottom:11px;}
	1298	+.charg_cont .tType1 .area_text p input{background-color: #fff; width: 360px;}
	1299	+.charg_cont .tType1 .area_text p:last-child{margin-bottom: 0;}
	1300	+.charg_cont .tType1 .area_text p span{color: #e40000; font-weight: 500;}
	1301	+.charg_cont .tType1 .area_text p span.c_222222{color: #222;}
	1302	+.charg_cont .tType1 .checkbox_wrap{font-size: 18px; font-weight: normal; margin-top: 5px;}
	1303	+.charg_cont .tType1 .checkbox_wrap input[type="checkbox"]+label,
	1304	+.charg_cont .tType1 .checkbox_wrap input[type="radio"]+label{width: 24px;height: 24px; border-radius: 50%;display: inline-block; vertical-align: middle; margin-bottom: 3px; position: relative; cursor: pointer; vertical-align: middle; margin-right: 5px; margin-top: -2px;padding:0;}
	1305	+.charg_cont .tType1 .account_holder {display:inline-block;margin:0 0 0 -15px;font-size:16px;}
	1306	+.charg_cont .tType1 .flex{display: flex; align-items: center;}
	1307	+.charg_cont .tType1 .flex input{height: 40px; border: none;}
	1308	+.charg_cont .tType1 p.input_in{margin:0 0 0 5px;line-height: 1; font-size: 18px; display: inline-block; vertical-align: middle;}
	1309	+.charg_cont .tType1 .flex button{border: 1px solid #b1b1b1; color: #222; font-size: 17px; background-color: #fff; padding: 0 13px; margin-right: 5px;}
	1310	+.charg_cont .tType1 tbody tr.charge_content {border-bottom:0 none;}
	1311	+.charg_cont .tType1 tbody tr.charge_content .list_seType1 {width:180px;font-size:18px;border-color:#f2f2f2;background-color:#f2f2f2;cursor:pointer;}
	1312	+.charg_cont .tType1 tbody tr td .amount_wrap {display:flex;margin:-5px 0 20px;padding:12px 30px 12px 35px;line-height:56px;justify-content:space-between;border:3px solid #ddd;border-radius:5px;}
	1313	+.charg_cont .tType1 tbody tr td .amount_wrap dl {display:flex;letter-spacing:-0.025em;}
	1314	+.charg_cont .tType1 tbody tr td .amount_wrap dl dt {font-size:20px;font-weight:500;white-space:nowrap;}
	1315	+.charg_cont .tType1 tbody tr td .amount_wrap dl dd ul {display:flex;}
	1316	+.charg_cont .tType1 tbody tr td .amount_wrap dl dd ul li {position:relative;padding:0 30px;font-size:16px;font-weight:300;white-space:nowrap;color:#555;}
	1317	+.charg_cont .tType1 tbody tr td .amount_wrap dl dd ul li:first-child {padding-left:25px;}
	1318	+.charg_cont .tType1 tbody tr td .amount_wrap dl dd ul li strong {font-size:22px;font-weight:700;color:#222;}
	1319	+.charg_cont .tType1 tbody tr td .amount_wrap dl dd ul li .plus {position:absolute;left:-14px;top:50%;width:27px;height:27px;background:#f5f5f5;border-radius:28px;transform:translateY(-50%);}
	1320	+.charg_cont .tType1 tbody tr td .amount_wrap dl dd ul li .plus:before {content:'';position:absolute;left:12px;top:6px;width:3px;height:15px;background:#8f8f8f;}
	1321	+.charg_cont .tType1 tbody tr td .amount_wrap dl dd ul li .plus:after {content:'';position:absolute;left:6px;top:12px;width:15px;height:3px;background:#8f8f8f;}
	1322	+.charg_cont .tType1 tbody tr td .amount_wrap dl dd ul li .equal {position:absolute;left:-14px;top:50%;width:27px;height:27px;background:#f5f5f5;border-radius:28px;transform:translateY(-50%);}
	1323	+.charg_cont .tType1 tbody tr td .amount_wrap dl dd ul li .equal:before {content:'';position:absolute;left:6px;top:9px;width:15px;height:3px;background:#8f8f8f;}
	1324	+.charg_cont .tType1 tbody tr td .amount_wrap dl dd ul li .equal:after {content:'';position:absolute;left:6px;top:15px;width:15px;height:3px;background:#8f8f8f;}
	1325	+.charg_cont .tType1 tbody tr td .amount_wrap dl dd ul li.total {padding-right:0;font-size:20px;color:#222;}
	1326	+.charg_cont .tType1 tbody tr td .amount_wrap dl dd ul li.total strong {color:#e40000;}
	1327	+.charg_cont .tType1 tbody tr td .amount_wrap .btnType {width:210px;height:56px;font-size:20px;}
	1328	+
	1329	+.info_bank{display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between;}
	1330	+.info_bank li{width: calc((100% - 33px) / 3); display: flex; margin-bottom: 11px; height: 62px; align-items: center; justify-content: center; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); border-radius: 5px;}
	1331	+.info_bank li a {display: flex;}
	1332	+.info_bank li i{width: 40px; height: 35px; background-position: center; margin-top: 3px;}
	1333	+.info_bank li:nth-child(1) i{background-image: url(/publish/images/content/bank1.png);}
	1334	+.info_bank li:nth-child(2) i{background-image: url(/publish/images/content/bank2.png);}
	1335	+.info_bank li:nth-child(3) i{background-image: url(/publish/images/content/bank3.png); margin-right: 8px;}
	1336	+.info_bank li:nth-child(4) i{background-image: url(/publish/images/content/bank4.png);}
	1337	+.info_bank li:nth-child(5) i{background-image: url(/publish/images/content/bank5.png);}
	1338	+.info_bank li:nth-child(6) i{background-image: url(/publish/images/content/bank6.png);}
	1339	+.charg_cont .tType1 select.sel_type2 {width: 150px; margin-right: -6px;}
	1340	+.charg_cont .tType1 .sel_type2_label {font-weight: 400; color: #222; margin: 0 3px 0 10px;}
	1341	+.info_bank li p{font-size: 18px; font-weight: 300; color: #666; letter-spacing: -0.5px; line-height: inherit !important;}
	1342	+.info_bank li p span{font-size: 20px; font-weight: 500; color: #222; font-family: 'GmarketSansMedium'; margin-left: 5px;}
	1343	+
	1344	+.area_text .box_input{width: 100%; background-color: #f2f2f2; padding: 10px 20px; border-radius: 5px; align-items: center; box-sizing: border-box; justify-content: space-between; margin-bottom: 15px;}
	1345	+.charg_cont .tType1 .box_input.flex li{ width: calc(100% / 4);}
	1346	+.charg_cont .tType1 .box_input.flex li:last-child {width: 340px;}
	1347	+.charg_cont .tType1 .box_input.flex select{margin-left: 10px;}
	1348	+.charg_cont .tType1 .box_input.flex input{border: 1px solid #ccc;}
	1349	+.charg_cont .tType1 .box_input.flex input[type="text"] {width: 200px;background-color: #fff;}
	1350	+.charg_cont .tType1 .box_input.flex button{background-color: #002c9a; color: #fff; border: 0; margin-left: 10px;}
	1351	+
	1352	+
	1353	+/누적결제액별 등급 및 단간 추가/
	1354	+.accrue_price{width: 100%; height: 105px; border-radius: 5px; background-color: #f2f2f2;}
	1355	+.accrue_price p{font-size: 22px; font-weight: 700; line-height: 105px; margin-left: 53px;}
	1356	+.accrue_price p span{border-radius: 5px; background-color: #fff; padding: 10px 10px 10px 10px; font-size: 18px; font-weight: 400;}
	1357	+.accrue_price p span img{margin-right: 5px; margin-top: -5px;}
	1358	+.accrue_price p span span{padding: 0; font-size: 22px; font-weight: 700; color: #e40000;}
	1359	+.accrue_level .tType1_title{margin-top: 40px;}
	1360	+.accrue_level .tType1_title img{margin-top: -5px;}
	1361	+.accrue_level .tType2{width: 100%; border-top: 1px solid #000; text-align: center;}
	1362	+.accrue_level .tType2 thead tr{background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5;}
	1363	+.accrue_level .tType2 thead tr th{height: 46px; font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; vertical-align: middle;}
	1364	+.accrue_level .tType2 thead tr th:last-child{border-right: 0;}
	1365	+.accrue_level .tType2 tbody tr{border-bottom: 1px solid #e5e5e5;}
	1366	+.accrue_level .tType2 tbody tr th{font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; height: 42px; vertical-align: middle;}
	1367	+.accrue_level .tType2 tbody tr td{font-size: 16px; font-weight: 300; border-right: 1px solid #e5e5e5; vertical-align: middle; line-height: 1.4;}
	1368	+.accrue_level .tType2 tbody tr td:last-child{border-right: 0;}
	1369	+.accrue_level .tType2 tbody tr td:last-child>span {font-weight: 400;}
	1370	+
	1371	+.accrue_level .tType2_level tbody tr th{font-weight: 300;}
	1372	+.accrue_level .tType2_level tbody tr .level_price{font-weight: 500;}
	1373	+.accrue_level .level_first{font-weight: 400; font-size: 18px; color: #666;}
	1374	+.accrue_level .level span{font-weight: 400; font-size: 18px; color: #666;}
	1375	+.accrue_level .tType2 .th_second span{font-size: 15px; font-weight: 300;}
	1376	+.accrue_level .reqTxt4_last{text-indent: -12px; margin: 0px 0px 0px 11px;}
	1377	+
	1378	+/* //결제하기 */
	1379	+
	1380	+/* 요금안내/견적내기 */
	1381	+.fee_cont .tType1_title{margin-top: 40px;}
	1382	+.fee_cont .tType1_title img{margin-top: -5px;}
	1383	+.fee_cont .tType2{width: 100%; border-top: 1px solid #000; text-align: center;}
	1384	+.fee_cont .tType2 thead tr{background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5;}
	1385	+.fee_cont .tType2 thead tr th{height: 46px; font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; vertical-align: middle;}
	1386	+.fee_cont .tType2 thead tr th:last-child{border-right: 0;}
	1387	+.fee_cont .tType2 tbody tr{border-bottom: 1px solid #e5e5e5;}
	1388	+
	1389	+.fee_cont .tType2 tbody tr th{font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; height: 50px; vertical-align: middle;}
	1390	+.fee_cont .tType2 tbody tr td{font-size: 16px; font-weight: 300; border-right: 1px solid #e5e5e5; vertical-align: middle; line-height: 1.4;}
	1391	+.fee_cont .tType2 tbody tr td:last-child{border-right: 0;}
	1392	+.fee_cont .tType2 tbody tr td:last-child>span {font-weight: 400;}
	1393	+
	1394	+/문자(등급별 요금 안내) 테이블 높이 수정/
	1395	+.fee_cont .tType2 .level_table th{height: 42px;}
	1396	+
	1397	+.fee_cont .tType1 select, .fee_cont .tType1 input{border: 0; background-color: #f2f2f2;}
	1398	+.fee_cont .btn_add{float: right;}
	1399	+.fee_cont .btn_add img{margin-left: 5px;}
	1400	+
	1401	+.fee_cont .banner{width: 100%; height: 100px; border-radius: 5px; margin-top: 40px; background-image: url(/publish/images/content/banner_charge.jpg); display: flex; justify-content: center; align-items: center;}
	1402	+.fee_cont .banner>p{margin-right: 40px; font-size: 28px; font-family: 'GmarketSansBold'; margin-top: 8px;}
	1403	+.fee_cont .banner ul{display: flex;}
	1404	+.fee_cont .banner ul li{background-color: #fff; height: 70px; border-radius: 5px;position:relative;display:flex;min-width:225px;margin:0 15px 0 0;padding:0 100px 0 66px;align-items:center;box-sizing:border-box;}
	1405	+.fee_cont .banner ul li:first-child {padding-right:17px;}
	1406	+.fee_cont .banner ul li img{position:absolute;left:16px;top:16px;}
	1407	+.fee_cont .banner ul li p{font-size:18px;}
	1408	+.fee_cont .banner ul li p strong {display:block;margin:2px 0 0;font-size:20px;font-weight:700;white-space:nowrap;}
	1409	+.fee_cont .banner ul li p span {display:block;margin:2px 10px 0 0;font-size:15px;font-weight:300;}
	1410	+.fee_cont .banner ul li a,
	1411	+.fee_cont .banner ul li button{font-size: 15px; color: #fff; font-weight: 500; background-color: #eea301; height: 30px; border-radius: 20px; margin-left: 8px; padding: 5px 10px; vertical-align: inherit;position:absolute;right:20px;top:50%;margin:-15px 0 0;box-sizing:border-box;line-height:20px;}
	1412	+.charg_cont .tType1 tbody tr td .readonly {background-color: #e9e9e9;}
	1413	+.charg_cont .tType1 tbody tr td .calendar_wrap>input[type="text"] {width:160px;}
	1414	+.charg_cont .tType1 tbody tr td .calendar_in>button {right: 12px;}
	1415	+.charg_cont .tType1 tbody tr td .calendar_in .calendarPop {left: -167px;}
	1416	+
	1417	+
	1418	+.arrow_img {background-image: url(/publish/images/content/btn_arrow.png); width: 14px; height: 9px; margin: 0 0 3px 6px;}
	1419	+.tb_wrap.totalPrice_tb {min-height: inherit; margin-bottom: 40px;}
	1420	+.tb_wrap.totalPrice_tb .tType4 tbody tr:only-child:last-child td {border-bottom: 0;vertical-align:middle;}
	1421	+.search_group_bottom2 {margin:10px 0 20px;}
	1422	+.tType1.itemInfo {margin-bottom: 10px;}
	1423	+.tType1.itemInfo .publish_btn {background-color: #fff; padding: 0;}
	1424	+.tType1.itemInfo tbody tr td .readonly {background-color: #fff; width: 130px; padding: 0 40px 0 15px; border: 1px solid #ccc; margin-left: 0; text-align: right; }
	1425	+.tb_wrap.totalPrice_tb .tType4 tbody td {font-size: 18px; font-weight: 400; color: #222; height: 52px; line-height: 31px; position: relative;}
	1426	+.tb_wrap.totalPrice_tb .tType4 tbody td select {height: 36px; top: 8px; border: 2px solid; }
	1427	+
	1428	+
	1429	+/문자(등급별 요금 안내)/
	1430	+.fee_cont .tType2_level tbody tr th{font-weight: 300;}
	1431	+.fee_cont .tType2_level tbody tr .level_price{font-weight: 500;}
	1432	+.fee_cont .level_first{font-weight: 400; font-size: 18px; color: #666;}
	1433	+.fee_cont .level span{font-weight: 400; font-size: 18px; color: #666;}
	1434	+.fee_cont .tType2 .th_second span{font-size: 15px; font-weight: 300;}
	1435	+.fee_cont .reqTxt4_last{text-indent: -12px; margin: 0px 0px 0px 11px;}
	1436	+/* //요금안내/견적내기 */
	1437	+
	1438	+/* 예약관리 */
	1439	+.rev_admin_cont {background-color: #fff;padding: 40px;border-radius: 10px; min-height: 589px;}
	1440	+.rev_admin {display: flex; justify-content: space-between; margin-bottom: 20px;}
	1441	+.rev_admin .rev_admin_in {background-color: #f2f2f2; width: calc(100%/4 - 20px); padding: 25px; border-radius: 5px; box-sizing: border-box;}
	1442	+.rev_admin .rev_admin_in .rev_admin_top p:first-child {font-size: 22px; font-weight: 600; font-family: 'GmarketSansBold'; float: left;}
	1443	+.rev_admin .rev_admin_in .rev_admin_top p:last-child {font-size: 16px; font-weight: 300; float: right;}
	1444	+.rev_admin .rev_admin_in .rev_admin_top p:last-child span {font-size: 20px; font-weight: 600; font-family: 'GmarketSansBold'; color: #002c9a;}
	1445	+/* .rev_admin .rev_admin_in .rev_admin_btm {background-color: #fff; padding: 12px 0; border-radius: 5px; margin-top: 12px; box-sizing: border-box; display: flex;justify-content:space-between;}
	1446	+.rev_admin .rev_admin_in .rev_admin_btm p {width: calc(100%/3); font-size: 16px; font-weight: 300;text-align:center;}
	1447	+.rev_admin .rev_admin_in .rev_admin_btm p span {font-weight: 500;} */
	1448	+
	1449	+.rev_admin .rev_admin_in .rev_admin_btm {margin:12px 0 0;padding:10px;background:#fff;border-radius:5px;box-sizing:border-box;}
	1450	+.rev_admin .rev_admin_in .rev_admin_btm dl {display:flex;padding:5px 0;font-size:16px;font-weight:300;justify-content:space-between;}
	1451	+.rev_admin .rev_admin_in .rev_admin_btm dl dd span {font-weight:500;}
	1452	+
	1453	+/* .rev_admin .rev_admin_in .rev_admin_btm p:first-child {text-align: right; padding-right: 13px; border-right: 1px solid #ccc;}
	1454	+.rev_admin .rev_admin_in .rev_admin_btm p:last-child {text-align: left; padding-left: 13px;} */
	1455	+.rev_admin_cont .tType4 thead tr:nth-child(2) th:last-child{border-right: 1px solid #ccc;}
	1456	+
	1457	+.select_btnWrap .btn_right select {height: 32px; margin-right: 5px; margin-left: 0; font-size: 16px;}
	1458	+.select_btnWrap .btn_right input[type="text"] {height: 32px; border: 1px solid #ccc; border-radius: 3px; margin-right: 3px;}
	1459	+.select_btnWrap .btn_right button {width: 63px; font-size: 16px !important; font-weight: 300;}
	1460	+
	1461	+.table_btn {margin: 10px 0 30px 0;}
	1462	+.table_btn .table_btn_left {float: left;}
	1463	+.table_btn .table_btn_right {float: right;}
	1464	+.table_btn button {height: 32px; font-size: 14px; padding: 0 10px; line-height: 30px;}
	1465	+.table_btn .table_btn_left button {width: auto; padding: 0 10px; color: #555;}
	1466	+
	1467	+/// 예약관리 /
	1468	+/* 발송관리 */
	1469	+.table_tab_wrap .tab_depth1 {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); text-align: center;}
	1470	+.table_tab_wrap .tab_depth1 a {width: 150px;}
	1471	+.kakao_rev_content .rev_admin_in{width: calc(100% / 3 - 20px);}
	1472	+/.kakao_rev_content .rev_admin_in{width: calc(100% / 2 - 20px);}/
	1473	+/// 발송관리 /
	1474	+
	1475	+/발송결과/
	1476	+.rev_content .rev_admin .admin_btm{position: relative; margin: 40px 0 0;}
	1477	+.rev_content .rev_admin .admin_btm_api{margin: 45px 0 0;}
	1478	+.rev_content .rev_admin .admin_btm .title_top{background-color: #999; color: #fff; position: absolute; left: 0%; top: -32%; border-radius: 5px 5px 0 0; width: 100%; padding: 8px 10px; box-sizing: border-box;}
	1479	+.rev_content .rev_admin .admin_btm .title_top .title_num{position: absolute; right: 10px;}
	1480	+.rev_content .rev_admin .admin_btm .title_top .title_num span{font-weight: 300;}
	1481	+.select_btnWrap .btn_right .select_all_btn{width: 143px;}
	1482	+.select_btnWrap .btn_right .select_btn{width: 105px;}
	1483	+/예약관리_회색타이틀 값 조정/
	1484	+.rev_content .rev_admin .admin_btm .reserve_top{top: -25%;}
	1485	+
	1486	+/* 마이페이지 kisa 신고 */
	1487	+.kisa_info {overflow:hidden;height:323px;margin:30px 0;padding:111px 0 0;font-size:22px;line-height:32px;letter-spacing:-.025em;text-align:center;color:#000;background:url(/publish/images/content/img_banner_kisa.png) no-repeat center top;background-size:100% 100%;border-radius:5px;box-sizing:border-box;}
	1488	+.kisa_info strong {font-weight:700;color:#e40000;}
	1489	+.kisa_info p {margin:6px 0 0;font-size:16px;font-weight:300;}
	1490	+.kisa_info .btnType {width:150px;margin:21px 0 0;background:#0f6de1;}
	1491	+.kisa_tb_wrap .tType4 thead tr:only-child th {height:54px;line-height:16px;}
	1492	+.kisa_tb_wrap .tType4 tbody td {padding:0;font-size:14px;font-weight:300;}
	1493	+.kisa_tb_wrap .tType4 tbody td .attach {font-weight:500;line-height:23px;color:#002c9a;}
	1494	+.kisa_tb_wrap .tType4 tbody td .attach button {width:23px;height:23px;margin:0 0 0 4px;font-size:0;text-indent:-9999em;vertical-align:top;border:1px solid #b1b1b1;background:url(/publish/images/content/kisa_attach_icon.png) no-repeat center center;border-radius:5px;}
	1495	+.tType4 tbody tr:only-child:last-child td.nodata {padding:175px 0;font-size:16px;border-bottom:0 none;}
	1496	+.kisa_list_info {margin-top:20px;}
	1497	+
	1498	+/* 검색어결과 없음 */
	1499	+.nodata_box {position:relative;width:100%;padding:75px 0;letter-spacing:-0.025em;text-align:center;box-sizing:border-box;}
	1500	+.nodata_box p {font-size:20px;color:#333;}
	1501	+.nodata_box span {display:block;margin:13px 0 0;font-size:16px;font-weight:300;color:#666;}
	1502	+.nodata_box.hashTag:after {content:'';position:absolute;left:50%;top:50%;width:80px;height:80px;margin:-40px 0 0 -140px;background:url(/publish/images/content/img_nodata_hashtag.png) no-repeat left top;}
	1503	+.nodata_box.hashTag p,
	1504	+.nodata_box.hashTag span {padding:0 0 0 80px;}
	1505	+
	1506	+/* 달력 */
	1507	+
	1508	+/* 로딩바 */
	1509	+.loading_layer {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000000;}
	1510	+.loading_layer.active {display:block;}
	1511	+.loading_layer:after {content:'';display:block;width:100%;height:100%;background:#000;opacity:0.5;filter:opacity(50);}
	1512	+.loading_layer .loading_container {position:absolute;left:50%;top:50%;width:110px;height:110px;transform:translate(-50%,-50%);z-index:1;}
	1513	+.loading_layer .loading_container .bar {position:absolute;left:0;top:0;width:100%;height:100%;border:6px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-radius:60px;box-sizing:border-box;animation:rotate-loading 1.5s linear infinite;}
	1514	+.loading_layer .loading_container .text {font-size:15px;line-height:108px;text-align:center;color:#fff;animation:text-loading 1s ease-in infinite;}
	1515	+
	1516	+
	1517	+.loading_execl_layer {display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000000;}
	1518	+.loading_execl_layer.active {display:block;}
	1519	+.loading_execl_layer:after {content:'';display:block;width:100%;height:100%;background:#000;opacity:0.5;filter:opacity(50);}
	1520	+.loading_execl_layer .loading_container {position:absolute;left:50%;top:50%;width:110px;height:110px;transform:translate(-50%,-50%);z-index:1;}
	1521	+.loading_execl_layer .loading_container .bar {position:absolute;left:0;top:0;width:100%;height:100%;border:6px solid #fff;border-top-color:transparent;border-bottom-color:transparent;border-radius:60px;box-sizing:border-box;animation:rotate-loading 1.5s linear infinite;}
	1522	+.loading_execl_layer .loading_container .text {font-size:15px;line-height:108px;text-align:center;color:#fff;animation:text-loading 1s ease-in infinite;}
	1523	+
	1524	+
	1525	+.upload_area .loading_layer{position: absolute;}
	1526	+.upload_area .loading_layer.active+p,.upload_area .loading_layer.active+p+.cf_text_wrap{opacity: 0;}
	1527	+
	1528	+.progress_bar_wrap{position:fixed;display:none;width:100%;height:100%;background:rgba(0,0,0,0.38);left:0;top:0;z-index:999;justify-content:center;align-items:center;flex-direction:column;}
	1529	+.progress_box{padding:30px;background:#fff;border-radius:10px;text-align:center;}
	1530	+.progress_bar_wrap .bar{display:flex;width:400px;height:5px;text-align:left;padding:0;background:#f4f5f6;border-radius:30px;align-items:center;}
	1531	+.progress_bar_wrap .bar span{position:relative;display:inline-block;min-width:0px;height:5px;border-radius:20px;background:#fbc72b;transition:all 0.3s linear;}
	1532	+.progress_bar_wrap .bar span::after{position:absolute;content:"";width:8px;height:8px;border-radius:100%;background:#fff;border:2px solid #fbc72b;right:-8px;top:-3px;box-shadow:0 0 3px rgba(0,0,0,0.2);}
	1533	+.progress_bar_wrap .time_text{height:20px;font-family:'GmarketSansBold';font-size:20px;font-weight:500;color:#222;margin:0 0 20px 0;}
	1534	+.progress_bar_wrap .time_text.animation{animation:text-loading 1.5s ease-in infinite;}
	1535	+
	1536	+/* 문자온 소개 */
	1537	+.intro_cont .img_cont img{width: 100%;}
	1538	+.intro_cont .title{display: flex; width: 100%; margin: 0 0 30px 0; font-size: 24px; font-weight: bold;justify-content: space-between;}
	1539	+.intro_cont .intro_link_wrap{margin: 80px 0 0 0;}
	1540	+.intro_cont .link_box{display: flex; width: 100%; padding: 30px; border-radius: 20px 5px 20px 5px; background-color: #f5f5f5; box-sizing: border-box; flex-wrap: wrap; align-items: center;}
	1541	+.intro_cont .link_box li{margin: 0 20px 13px 0;}
	1542	+.intro_cont .link_box a{position: relative; height: 45px; padding: 7px 15px 7px 53px; border: 1px solid #222; border-radius: 5px; font-family: 'GmarketSansMedium'; font-size: 18px; line-height: 33.5px; color: #222; background-color: #fff; box-sizing: border-box;}
	1543	+.intro_cont .link_box a:hover{box-shadow: 3px 3px 5px rgba(0,0,0,0.3);}
	1544	+.intro_cont .link_box a::after{position: absolute; content: "#"; width: 30px; height: 30px; border-radius: 100%; background-color: #fbc72b; font-family: 'GmarketSansMedium'; color: #222; text-align: center; line-height: 34px; left: 13px; top: 50%; transform: translateY(-50%);}
	1545	+.intro_cont .intro_keyword_wrap{margin: 100px 0 0 0;}
	1546	+.intro_cont .tab_wrap{display: flex;}
	1547	+.intro_cont .tab_wrap .tab{position: relative;}
	1548	+.intro_cont .tab_wrap .tab::after{position: absolute; content: ' '; width: 1px; height: 18px; background-color: #d5d5d5; top: 56%;right:0; transform: translateY(-50%);}
	1549	+.intro_cont .tab_wrap .tab:last-child::after{display:none;}
	1550	+.intro_cont .tab_wrap .tab button{position: relative; padding: 0 25px; font-size: 18px; color: #666;}
	1551	+.intro_cont .tab_wrap .tab:last-child button{padding: 0 0 0 25px;}
	1552	+.intro_cont .tab_wrap .tab.active button{font-weight: 600; color: #002c9a;}
	1553	+.intro_cont .tab_wrap .tab.active button::after{position: absolute; content: " "; width: calc(100% - 50px); height: 10px; background-color: #002c9a; opacity: 0.15; left: 25px; bottom: 0;}
	1554	+.intro_cont .tab_wrap .tab.active:last-child button::after{width: calc(100% - 25px);}
	1555	+.intro_cont .keyword_box{display: flex; width: 100%; padding: 30px; margin: 0 0 50px 0; border-radius: 5px; background-color: #f5f5f5; box-sizing: border-box; flex-wrap: wrap; align-items: center;}
	1556	+.intro_cont .keyword_box li{margin: 0 20px 13px 0;}
	1557	+.intro_cont .keyword_box .keyword_tab button{position: relative; height: 40px; padding: 0 23px; font-size: 18px; font-weight: 300; color: #666; background-color: #fff; border-radius: 25px; }
	1558	+.intro_cont .keyword_box .keyword_tab button::after{position: absolute; content: " "; width: calc(100% - 1px); height: calc(100% - 1px); border: 1px solid #d5d5d5; border-radius: 25px; left: 0; top: -0.5px;}
	1559	+.intro_cont .keyword_box .keyword_tab.active button{color: #222; font-weight: 500;}
	1560	+.intro_cont .keyword_box .keyword_tab.active button::after{width: calc(100% - 2px); height: calc(100% - 2px); border: 2px solid #000;}
	1561	+
	1562	+/* 카카오톡 */
	1563	+.tab_content{display: none;}
	1564	+.tab_content.current{display: block;}
	1565	+.kakaotalkset_cont .cf_text{font-size: 15px; font-weight: 300; color: #555;}
	1566	+.kakaotalkset_cont .tabType1{margin-top: 50px;}
	1567	+.kakaotalkset_cont .list_tab_wrap2.type2 .list_tab li{width: 220px;}
	1568	+.kakaotalkset_cont .tb_wrap{min-height: auto;}
	1569	+.kakaotalkset_cont .table_btn .btnType15{width: auto;}
	1570	+.kakaotalkset_cont .select_btnWrap .btn_left{float: left; align-items: center;}
	1571	+.kakaotalkset_cont .select_btnWrap .btn_left .selType2{margin: 0 6px;}
	1572	+.kakaotalkset_cont .select_btnWrap .search_input{height: 36px; border: 1px solid #d5d5d5; margin: 0 4px 0 0;}
	1573	+.kakaotalkset_cont .select_btnWrap .btnType2{width: 60px; height: 36px; font-size: 16px; border: 0;}
	1574	+.kakaotalkset_cont .list_info button{height:36px; font-weight: 400;}
	1575	+.kakaotalkset_cont .list_info .template_add{width: 110px;}
	1576	+.kakaotalkset_cont .list_info .btn_list,.kakaotalkset_cont .list_info .btn_thumbnail{background-repeat: no-repeat; background-position: 12px 11px; padding: 0 12px 0 28px;}
	1577	+.kakaotalkset_cont .list_info .btn_thumbnail{display: none;}
	1578	+.kakaotalkset_cont .list_info .btn_list{background-image: url(/publish/images/btn_list_icon.png);}
	1579	+.kakaotalkset_cont .list_info .btn_thumbnail{background-image: url(/publish/images/btn_thumbnail_icon.png);}
	1580	+.kakaotalkset_cont .list_info .btnType8{width: 140px;}
	1581	+.kakaotalkset_cont .kakao_template_list{display:flex;margin: 20px 0 0 0;flex-wrap:wrap;gap:13px;}
	1582	+/* .kakaotalkset_cont .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 135px)/4); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px; margin: 0 20px 40px 0;} */
	1583	+.kakaotalkset_cont .kakao_template_list li{position: relative; width:calc((100%/4) - 26px); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px;}
	1584	+.kakaotalkset_cont .kakao_template_list li.template_none{box-shadow: none; width: 100%; text-align: center; font-size: 18px; font-weight: 400;}
	1585	+.kakaotalkset_cont .kakao_template_list li.template_none::after{display: none;}
	1586	+.kakaotalkset_cont .kakao_template_list li:nth-child(4n){margin: 0 0 0 0;}
	1587	+.kakaotalkset_cont .kakao_template_list li::after{position: absolute; content: " "; width: 100%; height: 18px; background: url(/publish/images/kakao_template_cont.png) no-repeat top center; top: 8px;}
	1588	+.kakaotalkset_cont .kakao_template_list .kakao_template_wrap{position: relative; width: 100%; height: 363px; padding: 30px 0 15px 0; border-radius: 22px 22px 0 0; box-shadow: inset 0 2px 8px rgba(0,0,0,0.2); background: #b6cddd; overflow-y: auto; box-sizing: border-box;}
	1589	+.kakaotalkset_cont .kakao_template_list .kakao_template_wrap p.cf_text{width: calc(100% - 40px); font-size: 13px; font-weight: 300; color: #555; margin: 10px auto; text-align: right;}
	1590	+.kakaotalkset_cont .kakao_template_list .template_cont{background-color: #fff; width: calc(100% - 31px); margin: 0 0 0 12px; border-radius: 15px;}
	1591	+.kakaotalkset_cont .kakao_template_list .template_cont .title{position: relative; height: 36px; background-color: #ffe400; border-radius: 15px 15px 0 0; text-align: center; line-height: 36px; font-size: 16px; color: #222;}
	1592	+.kakaotalkset_cont .kakao_template_list .template_cont .title .check{position: absolute; left: 15px; top: -2px;}
	1593	+.kakaotalkset_cont .kakao_template_list .template_cont .title p{width: calc(100% - 70px); margin: 0 auto; padding: 0 0 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	1594	+.kakaotalkset_cont .kakao_template_list .template_cont .img_box img{width: 100%; height: auto;}
	1595	+.kakaotalkset_cont .kakao_template_list .template_cont .text_box{font-size: 14px; color: #555; line-height: 1.4; padding: 20px;}
	1596	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content{width: 100%;background-color: #fff; border-radius: 0 0 15px 15px; padding: 0 0 10px 0;}
	1597	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .kakao_image img{width: 100%;}
	1598	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content p{width: calc(100% - 20px); white-space: normal; word-break: break-all; line-height: 1.4; padding: 0 10px; margin: 0 auto;}
	1599	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .template_text,.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .emphasis_title_text{font-size: 15px; font-weight: 400; color: #222;}
	1600	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .emphasis_side_text{padding: 15px 0 0 0;}
	1601	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .emphasis_title_text{padding: 0 0 15px 0; border-bottom: 1px solid #e5e5e5;}
	1602	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .emphasis_side_text,.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .side_info_text,.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .channel_info_text{font-size: 14px; color: #999; margin: 0 auto 6px auto; white-space: normal; word-break: break-all;}
	1603	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .template_text{padding: 15px 0 0 0;}
	1604	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .side_info_text{padding: 8px 0 0 0;}
	1605	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .channel_info_text{padding: 0 0 4px 0;}
	1606	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content button{margin: 0 0 8px 10px;}
	1607	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content button:last-child{margin-bottom: 0;}
	1608	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .template_text+.btn_kakao_type{margin-top: 8px;}
	1609	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .btn_kakao_channel{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ffea00;}
	1610	+.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .btn_kakao_type{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ededed;}
	1611	+.kakaotalkset_cont .kakao_template_list .kakao_template_info{ font-size: 14px; color: #555; padding: 10px 0 0 10px;}
	1612	+.kakaotalkset_cont .kakao_template_list .kakao_template_info dl{display: flex; padding: 6px 0;}
	1613	+.kakaotalkset_cont .kakao_template_list .kakao_template_info dt{position: relative; width: 76px; margin: 0 13px 0 0;}
	1614	+.kakaotalkset_cont .kakao_template_list .kakao_template_info dt::after{position: absolute; content: " "; width: 1px; height: 12px; background-color: #d5d5d5; right: 0; top: 2px;}
	1615	+.kakaotalkset_cont .kakao_template_list .kakao_template_info dd{position: relative; width: calc(100% - 90px);}
	1616	+.kakaotalkset_cont .kakao_template_list .kakao_template_info dd p{display: inline-block; max-width: calc(100% - 67px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	1617	+.kakaotalkset_cont .kakao_template_list .kakao_template_info dd span{color: #002c9a; font-weight: bold;}
	1618	+.kakaotalkset_cont .kakao_template_list .kakao_template_info .btn_wrap{position: absolute; right: 7px; top: -4.5px;}
	1619	+.kakaotalkset_cont .kakao_template_list .kakao_template_info .btn_wrap button{margin: 0 5px;}
	1620	+.kakaotalkset_cont .kakao_template_list .kakao_template_info .btn_wrap button:first-child{margin: 0 2px 0 0;}
	1621	+.kakaotalkset_cont .kakao_template_list .kakao_template_info .btn_wrap button:last-child{margin: 0 0 0 2px;}
	1622	+.kakaotalkset_cont .list_content{display: none;}
	1623	+.kakaotalkset_cont .thumbnail_content.current{display: block;}
	1624	+.kakaotalkset_cont .template_sample_content_wrap .btn_wrap{text-align: center; margin: 10px 0 0 0;}
	1625	+.kakaotalkset_cont .template_sample_content_wrap .btn_template_use{width: 136px; text-align: center; border-radius: 100px; font-size: 16px;}
	1626	+.kakaotalkset_cont .template_sample_content_wrap .pagination{margin-top: 40px;}
	1627	+
	1628	+.kakaotalkset_cont .send_general.kakao_wrap{padding: 50px 0 0 0;}
	1629	+.kakao_wrap .tType1_title{font-size: 24px;}
	1630	+.kakao_wrap .template_name{width: 340px;}
	1631	+.kakao_wrap .template_name_cf{display: inline-block; color: #666; padding: 0 0 0 15px; vertical-align: inherit;}
	1632	+.kakao_wrap .img_add_info_wrap,.kakao_wrap .img_file_add_wrap{display: none; margin: 15px 0 0 0;}
	1633	+.kakao_wrap .img_add_info_wrap .info_title_text{font-size: 15px; font-weight: 500;}
	1634	+.kakao_wrap .img_add_info_wrap .info_text{font-size: 15px; color: #555;}
	1635	+.kakao_wrap .img_add_info_wrap .info_text li{margin: 3px 0 0 0;}
	1636	+.kakao_wrap .img_file_add_wrap .btn_img_upload{width: 251px; margin: 10px 0 15px 0;}
	1637	+.kakao_wrap .img_file_add_wrap .img_file_info_wrap{width: 100%; max-width: 623px; border: 1px solid #e5e5e5; border-radius: 5px;}
	1638	+.kakao_wrap .img_file_add_wrap .img_file_info_wrap li{display: flex;min-height: 60px;padding: 10px 20px; border-bottom: 1px solid #e5e5e5;justify-content: space-between; align-items: center; box-sizing: border-box;}
	1639	+.kakao_wrap .img_file_add_wrap .img_file_info_wrap li:last-child{border-bottom: 0;}
	1640	+.kakao_wrap .img_file_add_wrap .file_name{font-size: 16px; font-weight: 500;}
	1641	+.kakao_wrap .img_file_add_wrap .btn_del{width: 30px;height: 30px;border: 1px solid #002c9a;border-radius: 5px;}
	1642	+.kakao_wrap .img_file_add_wrap .img_url{width: calc(100% - 190px);}
	1643	+
	1644	+.kakaotalkset_cont .kakao_wrap .template_category{width: 270px;}
	1645	+.kakaotalkset_cont .kakao_wrap .emphasis_select{width: 250px;}
	1646	+.kakaotalkset_cont .kakao_wrap .emphasis_cont{display: none; border: 1px solid #e5e5e5; margin-top: 10px; border-radius: 5px;}
	1647	+.kakaotalkset_cont .kakao_wrap .emphasis_cont.active{display: block; padding: 10px 20px 0 20px;}
	1648	+.kakaotalkset_cont .kakao_wrap .emphasis_cont.active dl{display: flex; flex-wrap: wrap; align-items: center; }
	1649	+.kakaotalkset_cont .kakao_wrap .emphasis_cont.active dt{width: 110px; margin: 0 0 10px 0; font-size: 16px; font-weight: 400;}
	1650	+.kakaotalkset_cont .kakao_wrap .emphasis_cont.active dd{width: calc(100% - 110px); margin: 0 0 10px 0;}
	1651	+.kakaotalkset_cont .kakao_wrap .emphasis_cont.active dd input{width: 100%; font-weight: 300;}
	1652	+.kakaotalkset_cont .kakao_wrap .emphasis_cont.active .info_title{font-weight: 400;}
	1653	+.kakaotalkset_cont .kakao_wrap .emphasis_cont.active .info_title a{display: inline-block;}
	1654	+.kakaotalkset_cont .kakao_wrap .emphasis_cont.active .info_side_text{font-size: 14px; color: #666; line-height: 1.4; margin: 5px 0 5px 7px; text-indent: -7px;}
	1655	+.kakaotalkset_cont .kakao_wrap .emphasis_cont.active .info_side_text li{margin: 3px 0 0 0;}
	1656	+.kakaotalkset_cont .kakao_wrap .emphasis_cont.emphasis_image .file_wrap{border-top: 1px solid #e5e5e5; padding: 10px 0 0 0;}
	1657	+.kakaotalkset_cont .kakao_wrap .emphasis_cont.emphasis_image.active input{width: calc(100% - 100px);}
	1658	+.kakaotalkset_cont .kakao_wrap .emphasis_cont.emphasis_image.active .img_add{width: 90px; height: 40px; background-color: #6a6c72; border-radius: 5px; color: #fff; font-size: 16px;}
	1659	+.kakaotalkset_cont .kakao_wrap .template_type_select{width: 250px;}
	1660	+.kakaotalkset_cont .kakao_wrap .template_type_cont{display: none;}
	1661	+.kakaotalkset_cont .kakao_wrap .template_type_cont input{width: 100%; margin: 10px 0 0 0; font-size: 15px; color: #555;}
	1662	+.kakaotalkset_cont .kakao_wrap .kakaotalkset_cont .kakao_wrap{display: flex;}
	1663	+.kakaotalkset_cont .kakao_wrap .kakao_template_text{display: flex; justify-content: space-between;}
	1664	+.kakaotalkset_cont .kakao_wrap .put_left{position: relative; width: calc(100% - 175px); height: 260px;background-color: #f2f2f2;border-radius: 5px;}
	1665	+.kakaotalkset_cont .kakao_wrap .put_left .textarea_gray_type{height: calc(100% - 40px);}
	1666	+.kakaotalkset_cont .kakao_wrap .put_left .text_length{position: absolute; bottom: 15px; right: 20px;}
	1667	+.kakaotalkset_cont .kakao_wrap .put_right{position: relative; width: 165px;}
	1668	+.kakaotalkset_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;}
	1669	+.kakaotalkset_cont .kakao_wrap .put_right .qmMark{width: 19px; height: 19px; background-image: url(/publish/images/content/qmIcon_s.png); margin: -0.3px 0 2px 4px;}
	1670	+.kakaotalkset_cont .kakao_wrap .put_right .btn_close{width: calc(100% - 20px); height: 36px; background-color: #999; color: #fff; font-size: 15px; border-radius: 5px; margin-top: 5px;}
	1671	+.kakaotalkset_cont .kakao_wrap .put_right .send_btnWrap{position: absolute; width: 100%; bottom: 0;}
	1672	+.kakaotalkset_cont .kakao_wrap .put_right .send_btnWrap button{width: 100%; max-width: 100%;}
	1673	+.kakaotalkset_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}
	1674	+.kakaotalkset_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
	1675	+.kakaotalkset_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}
	1676	+.kakaotalkset_cont .kakao_wrap .button_type_wrap .button_type_input input{width: 330px;}
	1677	+.kakaotalkset_cont .kakao_wrap .button_type_wrap .button_type_input ul li{margin: 0 0 10px 0;}
	1678	+.kakaotalkset_cont .kakao_wrap .button_type_wrap .button_type_input ul li:last-child{margin: 0 0 0 0;}
	1679	+.kakaotalkset_cont .kakao_wrap .button_type_wrap .btn_del{width: 30px; height: 30px; border: 1px solid #002c9a; border-radius: 5px;}
	1680	+.kakaotalkset_cont .kakao_wrap .security_template_wrap{position: relative;}
	1681	+.kakaotalkset_cont .kakao_wrap .security_template_wrap .cf_text{position: absolute; width: calc(100% - 205px); right: 0; top: 50%; transform: translateY(-50%);}
	1682	+.kakao_wrap .send_right .phone{width: 340px;}
	1683	+.kakao_wrap .send_right .phone .phoneIn{height: 610px; background-image: url(/publish/images/content/kakaoBg.png);padding: 27px 25px 0 25px;}
	1684	+.kakao_wrap .send_right .phone .prev_p{padding: 0 0 0 10px; border: 0; letter-spacing: -0.25px;}
	1685	+.kakao_wrap .send_right .phone .prev_p img{margin: 0 10px 0 0;}
	1686	+.kakao_wrap .send_right .allimtalk_title{position: relative; width: calc(100% - 20px); background-color: #fae100; font-family: 'LotteMartDream'; font-size: 18px; padding: 12px 21px; border-radius: 5px 5px 0 0; box-sizing: border-box;}
	1687	+.kakao_wrap .send_right .allimtalk_title::after{position: absolute; content: " "; width: 42px; height: 42px; background: url(/publish/images/content/icon_kakao01.png) no-repeat; right: -20px; top: -10px;}
	1688	+.kakao_wrap .send_right .allimtalk_title img{margin: 0 8px 0 0; vertical-align: bottom;}
	1689	+.kakao_wrap .send_right .phone .phoneIn .text_preview{width: 100%; padding: 15px 10px 20px 12px; margin: 15px 0 0 0; box-sizing: border-box;}
	1690	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content{width: calc(100% - 20px);background-color: #fff; border-radius: 0 0 5px 5px; padding: 0 0 10px 0;}
	1691	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .kakao_image img{width: 100%;}
	1692	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content p{width: calc(100% - 20px); white-space: normal; word-break: break-all; line-height: 1.4; padding: 0 10px; margin: 0 auto;}
	1693	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .template_text,.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .emphasis_title_text{font-size: 16px; font-weight: 500; color: #222;}
	1694	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .emphasis_side_text{padding: 15px 0 0 0;}
	1695	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .emphasis_title_text{padding: 0 0 15px 0; border-bottom: 1px solid #e5e5e5;}
	1696	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .emphasis_side_text,.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .side_info_text,.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .channel_info_text{font-size: 14px; color: #999; margin: 0 auto 6px auto; white-space: normal; word-break: break-all;}
	1697	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .template_text{padding: 15px 0 0 0;}
	1698	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .side_info_text{padding: 8px 0 0 0;}
	1699	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .channel_info_text{padding: 0 0 4px 0;}
	1700	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content button{margin: 0 0 8px 10px;}
	1701	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content button:last-child{margin-bottom: 0;}
	1702	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .template_text+.btn_kakao_type{margin-top: 8px;}
	1703	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .btn_kakao_channel{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ffea00;}
	1704	+.kakao_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .btn_kakao_type{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ededed;}
	1705	+.kakao_wrap .send_right .phone .phoneIn .template_info_wrap{display: flex; width: calc(100% + 13px); height: auto; padding: 6px 15px 6px 23px; justify-content: space-between; align-items: center; background-color: #fae100; margin: -5px 0 0 -5.1px; border-radius: 0 0 25px 25px;}
	1706	+.kakao_wrap .send_right .phone .phoneIn .template_info_wrap .btn_template_choice{width: 120px; height: 36px; font-size: 16px; color: #fae100; background-color: #302218; border-radius: 5px;}
	1707	+.kakao_wrap .send_right .phone .addText{padding-top: 0; margin-top: -20px;}
	1708	+.kakaotalkset_cont .kakao_wrap .send_right .phone_bottom{position: relative; width: calc(100% - 10px); margin: 39px 0 0 10px;}
	1709	+.kakaotalkset_cont .kakao_wrap .send_right .phone_bottom button{width: calc((100% - 16px)/2); margin: 0 8px 0 0;}
	1710	+.kakaotalkset_cont .kakao_wrap .send_right .phone_bottom button:last-child{margin: 0 0 0 0;}
	1711	+.kakaotalkset_cont .kakao_wrap .send_right .phone_bottom .cancel{width: calc((100% - 10px));}
	1712	+.kakao_wrap .replace_send_wrap{display: none; border: 1px solid #000; border-radius: 8px;padding: 0 20px; margin: 0 0 20px 0;}
	1713	+.kakao_wrap .replace_send_wrap .tType1 tr:first-child{border-top: 0;}
	1714	+.kakao_wrap .replace_send_wrap .tType1 tbody tr td.putText .put_right .btnType9{position: absolute; max-width: 100%; bottom: 0;}
	1715	+.kakao_wrap .replace_send_th{height: auto; padding: 20px 0 0 0;}
	1716	+.kakao_wrap .replace_send_th .title_th{margin: 0 0 20px 0;}
	1717	+.kakao_wrap .replace_send_th .title_th p{display: inline-block; width: 90px;}
	1718	+.kakao_wrap .replace_send_th .send_fail_check{margin: 0 8px 0 0;}
	1719	+.kakao_wrap .replace_send_th .send_fail_check+label{font-weight: 400; vertical-align: bottom;}
	1720	+.kakao_wrap .box_wrap{width: 100%;padding:20px 20px 20px 20px;margin: 15px 0 0 0;border-radius: 5px;background-color: #f2f2f2;box-sizing: border-box;}
	1721	+.kakao_wrap .box_wrap .box_cont{width: 100%;padding:8px 30px 20px 30px;border-radius: 5px;background-color: #fff;box-sizing: border-box;}
	1722	+.kakao_wrap .box_wrap .box_cont li{width: 100%;padding: 10px 0;border-bottom: 1px solid #d5d5d5;}
	1723	+.kakao_wrap .box_wrap.kakao_alimtalk_return .box_cont dt{display:inline-block;width: 130px;font-size: 16px;font-weight: 500;line-height: 1.4;vertical-align: top;}
	1724	+.kakao_wrap .box_wrap.kakao_alimtalk_return .box_cont dd{display:inline-block;width: calc(100% - 150px);font-size: 16px;font-weight: 300;line-height: 1.4;}
	1725	+.kakao_wrap .box_wrap.kakao_alimtalk_return .box_cont li.alitalk_return_info{padding: 10px 0 5px 0}
	1726	+.kakao_wrap .box_wrap.kakao_alimtalk_return .box_cont li.alitalk_return_info dd{width: calc((100% - 300px)/2); vertical-align: text-top;}
	1727	+.kakao_wrap .box_wrap.kakao_alimtalk_return .box_cont .state_type{display:inline-block;height: 28px;padding: 0 10px;border: 1px solid #002c9a;border-radius: 20px;color: #002c9a;font-weight: 500;line-height: 27px;}
	1728	+.kakao_wrap .box_wrap.kakao_alimtalk_return .box_cont .state_type.state_red{border: 1px solid #e40000;color: #e40000;}
	1729	+.kakao_wrap .box_wrap.kakao_alimtalk_return .box_cont .file_text i{display: inline-block;width: 18px;height: 15px;margin:-4px 8px 0 0;background: url(/publish/images/content/attach_file2.png) no-repeat;}
	1730	+.send_top .kakaotalksend_cont{padding: 30px 40px 80px 40px;}
	1731	+.send_top .kakaotalksend_cont .kakao_wrap .send_left{padding: 20px 0 0 0;}
	1732	+.send_top .kakaotalksend_cont .kakao_wrap .send_left .tType1 td{padding: 15px 0;}
	1733	+.send_top .kakaotalksend_cont .kakao_wrap .send_left .variable_wrap ul{margin: 14px 0;}
	1734	+.send_top .kakaotalksend_cont .kakao_wrap .send_left .variable_wrap li{font-size: 16px; font-weight: 300; line-height: 1.5;}
	1735	+.send_top .kakaotalksend_cont .kakao_wrap .send_left .variable_wrap li span{color: #e40000;}
	1736	+.send_top .kakaotalksend_cont .kakao_wrap .send_left .variable_wrap .excel_btn{height: 40px; border: 5px solid #129738; color: #129738; font-size: 16px; font-weight: 500; padding: 0 15px; border-radius: 5px;}
	1737	+.send_top .kakaotalksend_cont .kakao_wrap .send_left .variable_wrap .excel_btn i{width: 17px; height: 15px; background-image: url(/publish/images/content/excel_img.png); margin: 0 5px 5px 0;}
	1738	+.send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap01{display: none !important;}
	1739	+.send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap02 .btnType{margin:0 0 0 6px;}
	1740	+.send_top .kakaotalksend_cont .kakao_wrap .send_left .receiver_wrap02 .listType{width: 100%;}
	1741	+.send_top .kakaotalksend_cont .kakao_wrap .send_left .receipt_num .list_table_num{width: calc(100% - 60px);}
	1742	+.kakaotalksend_cont .kakao_wrap .put_right .qmMark{width: 19px; height: 19px; background-image: url(/publish/images/content/qmIcon_s.png); margin: -0.3px 0 2px 4px;}
	1743	+.kakaotalksend_cont .kakao_wrap .send_right .phone .phoneIn .text_preview{height: 78%;}
	1744	+.kakaotalksend_cont .kakao_wrap .kakao_template_text {display: flex;justify-content: space-between;}
	1745	+.kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;}
	1746	+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left{height: 234px;}
	1747	+.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 80px);}
	1748	+.kakaotalksend_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}
	1749	+.kakaotalksend_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
	1750	+.kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}
	1751	+.kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input input{width: 330px;}
	1752	+.kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input ul li{margin: 0 0 10px 0;}
	1753	+.kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input ul li:last-child{margin: 0 0 0 0;}
	1754	+.kakaotalksend_cont .kakao_wrap .button_type_wrap .btn_del{width: 30px; height: 30px; border: 1px solid #002c9a; border-radius: 5px;}
	1755	+.kakao_wrap .listType .list_body_wrap{max-height: calc(100% - 37px); overflow: auto;}
	1756	+
	1757	+.kakao_use_guide_cont .kakao_use_guide{display: flex; margin: 0 0 50px 0;}
	1758	+.kakao_use_guide_cont .kakao_use_guide li{position: relative; width: calc((100% - 60px)/4); padding: 35px 23px; background-color: #eee; border-radius: 5px; margin: 0 20px 0 0; text-align: center;}
	1759	+.kakao_use_guide_cont .kakao_use_guide li::after{position: absolute; content: " "; width: 50px; height: 50px; background-image: url(/publish/images/content/icon_kakao_guide_next.png); right: -35px; top: 50%; transform: translateY(-50%); z-index: 1;}
	1760	+.kakao_use_guide_cont .kakao_use_guide li:last-child{margin: 0 0 0 0;}
	1761	+.kakao_use_guide_cont .kakao_use_guide li:last-child::after{display: none;}
	1762	+.kakao_use_guide_cont .kakao_use_guide li i{display: block; width: 128px; height: 128px; margin: 0 auto; background-color: #fff; border-radius: 100%; background-repeat: no-repeat; background-position: center;}
	1763	+.kakao_use_guide_cont .kakao_use_guide li.guide_01 i{background-image: url(/publish/images/content/icon_kakao_guide01.png);}
	1764	+.kakao_use_guide_cont .kakao_use_guide li.guide_02 i{background-image: url(/publish/images/content/icon_kakao_guide02.png);}
	1765	+.kakao_use_guide_cont .kakao_use_guide li.guide_03 i{background-image: url(/publish/images/content/icon_kakao_guide03.png);}
	1766	+.kakao_use_guide_cont .kakao_use_guide li.guide_04 i{background-image: url(/publish/images/content/icon_kakao_guide04.png);}
	1767	+.kakao_use_guide_cont .kakao_use_guide li .guide_title{font-family: 'GmarketSansBold'; font-size: 24px; margin: 20px 0 0 0;}
	1768	+.kakao_use_guide_cont .kakao_use_guide li .guide_info{display: block; height: 120px; font-size: 18px; font-weight: 300; color: #444; line-height: 1.3; margin: 20px 0 0 0;}
	1769	+.kakao_use_guide_cont .kakao_use_guide li .btn_wrap{display: flex; width: 100%; height: 50px; font-size: 16px; text-align: center; letter-spacing: -0.5px; margin: 20px 0 0 0; border-radius: 5px; background-color: #fcc72b; justify-content: center; align-items: center;}
	1770	+.kakao_use_guide_cont .kakao_use_guide li .btn_wrap a{position: relative; padding: 0 8px;}
	1771	+.kakao_use_guide_cont .kakao_use_guide li .btn_wrap a::after{position: absolute; content: " "; width: 1px; height: 15px; background-color: #836e31; top: 1px; right: 0;}
	1772	+.kakao_use_guide_cont .kakao_use_guide li .btn_wrap a:last-child::after{display: none;}
	1773	+.kakao_use_guide_cont .qna{margin: 0 0 50px 0;}
	1774	+
	1775	+/* 친구톡 */
	1776	+.friend_template_content .kakao_template_list .kakao_template_info dt{width: 50px;}
	1777	+.friend_template_content .kakao_template_list .kakao_template_info dd{width: calc(100% - 50px);}
	1778	+.kakaotalkset_cont .friend_template_content .kakao_template_list .template_cont .template_text{color: #555; font-size: 14px; font-weight: 400;}
	1779	+.kakaotalkset_cont .friend_talk_wrap .send_left{padding: 0 0 100px 0;}
	1780	+.friend_talk_wrap .friend_template_add_wrap .template_name{width: 100%;}
	1781	+.friend_talk_wrap .put_text_wrap{width: 100%; height: 100%; background-color: #f2f2f2; border-radius: 5px; margin: 0; padding: 25px 20px; box-sizing: border-box;}
	1782	+.friend_talk_wrap .put_text_wrap .ad_txt{font-size: 16px; line-height: 30px;}
	1783	+.friend_talk_wrap .put_text_wrap .put_text{height: calc(100% - 40px); border: 0; background-color: transparent; padding: 14px 0 0 0px;}
	1784	+.friend_talk_wrap .put_text_wrap .text_length{position: absolute; display: flex; width: calc(100% - 40px); justify-content: space-between; align-items: center; left: 20px; box-sizing: border-box;}
	1785	+.friend_talk_wrap .put_text_wrap .ad_txt{padding: 0;margin: 0;}
	1786	+.friend_talk_wrap .put_right .btn_popup_wrap>button,.friend_talk_wrap .put_right .send_btnWrap>button{width: 100%; max-width: 100%; height: 40px;}
	1787	+.friend_talk_wrap .put_right .btn_popup_wrap>button:last-child,.friend_talk_wrap .put_right .send_btnWrap>button:last-child{margin: 0;}
	1788	+.friend_talk_wrap .put_right .btn_text_save{background-color: #fff; border: 1px solid #002c9a; color: #002c9a; margin: 0 0 8px 0;}
	1789	+.friend_talk_wrap .template_button .cf_text{margin: 10px 0 0 0; font-size: 14px; color: #666;}
	1790	+.friend_talk_wrap .friend_talk_title{margin: 0 0 10px 0; font-size: 15px; color: #222;}
	1791	+.friend_talk_wrap .friend_talk_title span{color: #777;}
	1792	+.friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content{border-radius: 5px;}
	1793	+.friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .template_text{font-size: 15px; font-weight: 300; color: #555;}
	1794	+.friend_talk_wrap .send_right .kakao_block_text{width: calc(100% - 20px); text-align: right; font-size: 13px; font-weight: 300; color: #555; margin: 10px 0 0 0;}
	1795	+.friend_talk_wrap .put_left {position: relative;width: calc(100% - 175px);height: 260px;}
	1796	+.friend_talk_wrap .put_left .template_name{width: 100%;}
	1797	+.friend_talk_wrap .put_right{width: 165px;}
	1798	+.friend_talk_wrap .put_right .send_btnWrap {position: absolute;width: 100%;bottom: 0;}
	1799	+.kakaotalksend_cont .friend_talk_wrap{padding: 0;}
	1800	+.kakaotalksend_cont .friend_talk_wrap .put_left {height: 307px;}
	1801	+.kakaotalksend_cont .friend_talk_wrap .put_text_wrap{height: calc(100% - 48px); margin: 10px 0 0 0;}
	1802	+.kakaotalksend_cont .friend_talk_wrap .put_right {position: relative;width: 165px;}
	1803	+.kakaotalksend_cont .tType1 tbody tr td.putText .put_right .btn_popup_wrap button:not(.btn_close){margin: 0 0 0 10px;}
	1804	+
	1805	+/* 팩스전송 */
	1806	+.fax_content .fax_title{width: calc(100% - 340px);}
	1807	+.fax_content .file_add{display: inline-block; width: calc(100% - 166px); height: 100%; padding: 10px 10px 10px 10px; margin: 0 0 0 0; vertical-align: top; box-sizing: border-box; text-align: center; font-size: 16px;}
	1808	+.fax_content .file_add .cf_text_wrap{background-color: #e2e2e2; border-radius: 5px; padding: 5px 10px; margin: 10px 0 0 0; font-size: 14px; color: #666;}
	1809	+.fax_content .file_add .cf_text_wrap span{font-weight: 500;}
	1810	+.fax_content .file_add.upload_table_wrap{min-height: 130px; padding:0;background-color: #fff;}
	1811	+.fax_content .file_add.upload_table_wrap .file_upload_table{width: 100%; table-layout: fixed;}
	1812	+.fax_content .file_add.upload_table_wrap .file_upload_table tbody tr:first-child,.fax_content .file_add.upload_table_wrap .file_upload_table thead tr:first-child{border-top: 0;}
	1813	+.fax_content .file_add.upload_table_wrap .file_upload_table thead th{height: 40px; padding: 0 3px 0 3px; background-color: #ededed; border-bottom: 1px solid #ccc; font-size: 16px; font-weight:500; color: #222; text-align: center;}
	1814	+.fax_content .file_add.upload_table_wrap .file_upload_table tbody td{height: 40px; padding: 0 3px 0 3px; border-bottom: 1px solid #ccc; font-size: 15px; font-weight:400; color: #444; text-align: center;}
	1815	+.fax_content .file_add.upload_table_wrap .file_upload_table tbody tr td:first-child,.fax_content .file_add.upload_table_wrap .file_upload_table thead tr th:first-child{padding: 0 3px 0 15px;}
	1816	+.fax_content .file_add.upload_table_wrap .file_upload_table tbody tr td p{display: inline-block; max-width: 83%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 15px; font-weight:400; color: #444; vertical-align: sub;}
	1817	+.fax_content .file_add.upload_table_wrap .file_upload_table tbody tr td .btn_file_del{width: 24px; height: 24px;}
	1818	+.fax_content .file_add.upload_table_wrap .file_upload_table tbody tr td img{margin-right: 0;}
	1819	+.fax_content .file_right{display: inline-block; width: 149px; margin: 0 0 0 8px;}
	1820	+.fax_content .file_right button{width: 100%; max-width: 100%; margin: 0 0 4px 0;}
	1821	+.fax_content .file_right p{width: 100%; text-align: right; margin: 20px 0 0 0;}
	1822	+.fax_content .receipt_num_input{width: calc(100% - 300px); max-width: 340px;}
	1823	+.fax_content .receipt_num_top{align-items:center;}
	1824	+.fax_content .receipt_num_top #callTo+.btnType6{margin:0 8px;}
	1825	+.fax_content .list_body_wrap{max-height: calc(100% - 37px); overflow: auto;}
	1826	+/* .fax_content .final_wrap{display: flex; margin: 20px 0;} */
	1827	+.fax_content .final_wrap{margin: 20px 0;}
	1828	+/* .fax_content .final_wrap .final_pay_wrap{width: calc(100% - 310px); background-color: #f2f2f2; border-radius: 5px; padding: 30px 20px 33px 20px; box-sizing: border-box;} */
	1829	+.fax_content .final_wrap .final_pay_wrap{width: 100%; background-color: #f2f2f2; border-radius: 5px; padding: 30px 30px 33px 30px; box-sizing: border-box;}
	1830	+.fax_content .final_wrap .final_pay {position: relative; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
	1831	+.fax_content .final_wrap p:first-child {font-size: 20px;font-weight: 500;}
	1832	+.fax_content .final_wrap p:last-child {font-size: 20px;}
	1833	+.fax_content .final_wrap p span#totalPriceTxt {font-size: 24px;color: #e40000;font-weight: 500;}
	1834	+.fax_content .final_wrap p span:last-child {font-size: 16px;color: #888;font-weight: 300;}
	1835	+/* .fax_content .final_wrap .pay_type {border-radius: 5px; height: 60px; padding: 12px 13px; box-sizing: border-box;} */
	1836	+.fax_content .final_wrap .pay_type:last-child {margin-top: 10px;}
	1837	+/* .fax_content .final_wrap .pay_type>div:first-child {float: left;margin:0 0 0 5px; background-color: #fff;} */
	1838	+.fax_content .final_wrap .pay_type>div:first-child {display:inline-block;width: calc(100% - 187px); background-color: #fff; padding: 8px 15px; border-radius: 5px;}
	1839	+.fax_content .final_wrap .pay_type>div .won {display:inline-block;margin:9px 11px 0 -34px;font-size:16px;vertical-align:top;color:#9a9a9a;}
	1840	+.fax_content .final_wrap .pay_type>div:last-child {display:inline-block;max-width: 150px; width: 100%;}
	1841	+.fax_content .final_wrap .pay_type>div:last-child button{width: 100%;}
	1842	+.fax_content .final_wrap .pay_type input[type="radio"]+label {font-size: 16px;}
	1843	+.fax_content .final_wrap .pay_type input[type="radio"]+label span {font-size: 17px; font-weight: 700;}
	1844	+.fax_content .final_wrap .pay_type input[type="text"] {width: calc(100% - 165px); height: 36px; padding:0 37px 2px 16px; border-radius: 5px;text-align:right;}
	1845	+.fax_content .final_wrap .pay_type input[type="text"]::placeholder {color: #000; font-size: 16px; text-align: right; font-weight: 500;}
	1846	+.fax_content .final_wrap .pay_type button {width: 55px; margin-left: 5px;}
	1847	+.fax_content .send_rev{width: 290px; margin: 0 0 0 20px;}
	1848	+.fax_content .send_radio,.fax_content .send_button{display: inline-block; margin: 5px 0 0 0;}
	1849	+.fax_content .send_button{width: calc(100% - 146px);}
	1850	+.fax_content .send_button button{width: 100%;}
	1851	+.fax_content .rev_selected{border: 1px solid #d6d8da; background-color: #f5f5f5; border-radius: 5px; padding: 10px; margin: 13px 0 0 0; box-sizing: border-box; font-size: 14px; color: #666;}
	1852	+.fax_content .rev_selected .calendar_wrap input{width: 115px; height: 34px; background-color: #fff; border-radius: 3px; font-size: 14px; padding: 0 0 0 10px;}
	1853	+.fax_content .rev_selected .selBox{display: inline-block; width: calc(100% - 157px);}
	1854	+.fax_content .rev_selected .selType1{height: 34px; font-size: 14px;}
	1855	+.fax_content .rev_selected .selBox .selType1{width: calc((100% - 5px)/2); font-size: 14px; padding: 0 0 0 5px;}
	1856	+.fax_content .send_bottom{margin: 8px 0 0 0;}
	1857	+
	1858	+.fax_content .send_info_fax{width: 340px; border: 2px solid #d5d5d5; border-radius: 5px; padding: 25px 30px; box-sizing: border-box;}
	1859	+.fax_content .send_info_fax .fax_title{width: 100%; font-family: 'GmarketSansBold'; font-size: 18px; margin: 0 0 15px 0;}
	1860	+.fax_content .send_info_fax .fax_title i{display: inline-block; width: 26px; height: 23px; background-image: url(/publish/images/content/icon_fax_title.png); margin: -4px 8px 0 0;}
	1861	+.fax_content .send_info_fax .fax_content img{width: 100%;}
	1862	+.fax_content .send_info_fax ul li{padding: 15px 0; border-bottom: 1px dashed #d5d5d5;}
	1863	+.fax_content .send_info_fax ul li:last-child{border-bottom: 0; padding-bottom: 0;}
	1864	+.fax_content .send_info_fax ul .num_title{display: inline-block; width: 25px; font-size: 16px;font-family: 'GmarketSansBold'; color: #002c9a; vertical-align: top; padding: 3px 0 0 0;}
	1865	+.fax_content .send_info_fax ul p{display: inline-block; width: calc(100% - 30px); font-size: 15px; color: #666; line-height: 1.3; padding: 2px 0 0 0; letter-spacing: -1px;}
	1866	+.fax_content .send_info_fax ul b{display: block; font-size: 16px; font-weight: 500; color: #333; margin: 0 0 5px 0;}
	1867	+.fax_content .send_info_fax ul span{display: block; font-size: 14px; text-indent: -18px; padding: 0 0 0 18px; margin: 5px 0 0 0; letter-spacing: -1px;}
	1868	+.fax_content .send_info_fax ul a{display: flex; font-size: 15px; color: #444; text-align: left; align-items: baseline; margin: 0 0 10px 0;}
	1869	+.fax_content .send_info_fax ul a i{display: block; width: 15px; height: 15px; background-image: url(/publish/images/content/icon_outlink.png); margin: 0 8px 0 0;}
	1870	+.fax_content .send_info_fax ul a p{width: calc(100% - 20px); padding: 0 0 0 0; margin: -2px 0 0 0;}
	1871	+
	1872	+.fax_content .qmMark{width: 16px; height: 16px; background-size: 100%; background-image: url(/publish/images/content/qmIcon_s.png); margin: -2px 0 0 -1px;}
	1873	+.fax_content .qmMark+.send_hover_cont{display: none; width: 270px; font-size: 14px; color: #444; line-height: 22px; top: 25px; right: 9px;}
	1874	+.fax_content .qmMark:hover+.send_hover_cont{display: block;}
	1875	+.fax_content .qmMark+.send_hover_cont li{text-indent: -9px; margin: 0 0 0 9px;}
	1876	+
	1877	+
	1878	+
	1879	+
	1880	+/* 카톡전송 > 알림톡 소개 */
	1881	+.kakao_intro_cont{letter-spacing: -0.5px; /word-break: keep-all;/}
	1882	+.kakao_intro_cont .heading h2{letter-spacing: 0;}
	1883	+
	1884	+/* 카톡전송 > 알림톡 소개_알림톡이란? */
	1885	+.kakao_intro_cont .kakao_intro{background-image: url(/publish/images/kakao_intro_cont/bg01.png);}
	1886	+.kakao_intro_cont .kakao_intro ,.service ,.use{width: 100%; /height: 1382px;/ background-color: #f3f6fb; border-radius: 20px; padding: 0 98px 70px; box-sizing: border-box;}
	1887	+.kakao_intro_cont .kakao_intro ,.service ,.use .title{margin: 0 auto;}
	1888	+.kakao_intro_cont .kakao_intro .title h3 ,.service .title h3 ,.use .title h3{font-family: 'GmarketSansBold'; font-size: 36px; text-align: center; padding-top: 70px;}
	1889	+.kakao_intro_cont .kakao_intro .title-line .left-line{width: 379px; height: 3px; background-color: #949aa5; border-radius: 1.5; float: left; margin-top: -24px;}
	1890	+.kakao_intro_cont .kakao_intro .title-line .right-line{width: 379px; height: 3px; background-color: #949aa5; border-radius: 1.5; float: right; margin-top: -24px;}
	1891	+
	1892	+/컨텐츠/
	1893	+.kakao_intro_cont .kakao_intro .con .intro{display: flex; justify-content: space-between; margin-top: 65px;}
	1894	+.kakao_intro_cont .kakao_intro .con .intro .phone{margin-top: -25px;}
	1895	+/*text
	1896	+.kakao_intro_cont .kakao_intro .con .text{position: absolute; left: 560px;}
	1897	+.kakao_intro_cont .kakao_intro .con .text p{position: relative; font-family: 'GmarketSansBold'; font-size: 29px; color: #fff; z-index: 9; text-shadow: 0px 0px 6px rgba(0,0,0,0.5);}
	1898	+.kakao_intro_cont .kakao_intro .con .text p span{font-family: 'GmarketSansBold'; font-size: 32px; color: #fbc72b;}
	1899	+.kakao_intro_cont .kakao_intro .con .text img{position: absolute; top: -40px; left: 550px;}*/
	1900	+
	1901	+/좋은점 목록/
	1902	+.kakao_intro_cont .kakao_intro .con .intro ul{margin-top: -50px;}
	1903	+.kakao_intro_cont .kakao_intro .con .intro ul li{position: relative; margin-bottom: 23px;}
	1904	+.kakao_intro_cont .kakao_intro .con .intro ul li p:nth-child(1){font-family: 'GmarketSansBold'; font-size: 18px; width: 40px; height: 40px; background-color: #002c9a; color: #fff; text-align: center; line-height: 43px; border-radius: 20px; position: absolute; left: -10px; top: -12px;}
	1905	+.kakao_intro_cont .kakao_intro .con .intro ul li p:nth-child(2){font-family: 'GmarketSansBold'; font-size: 20px; width: 100%; height: 75px; background-color: #fff; text-align: center; line-height: 78px; border-radius: 20px; box-shadow: 0 0 7px rgba(0,0,0,0.2);}
	1906	+.kakao_intro_cont .kakao_intro .con .intro ul li p:nth-child(2) span{font-family: 'GmarketSansMedium';}
	1907	+/1번째/
	1908	+.kakao_intro_cont .kakao_intro .con .intro ul li:nth-child(1){margin-bottom: 50px;}
	1909	+/4번쨰/
	1910	+.kakao_intro_cont .kakao_intro .con .intro ul li:nth-child(4) p:nth-child(2){line-height: 30px; padding: 25px 0 5px 0;}
	1911	+/7번째/
	1912	+.kakao_intro_cont .kakao_intro .con .intro ul li p:nth-child(7){margin-bottom: 0;}
	1913	+/문자vs알림톡/
	1914	+.kakao_intro_cont .kakao_intro .con .fight{position: relative;}
	1915	+.kakao_intro_cont .kakao_intro .con .fight .line{width: 100%; border-top: 6px dotted #b7bfcc; margin-top: 60px;}
	1916	+.kakao_intro_cont .kakao_intro .con .fight .fight-title{ width: 232px; margin: 50px auto 0 auto;}
	1917	+.kakao_intro_cont .kakao_intro .con .fight .fight-title h4{font-family: 'GmarketSansBold'; font-size: 28px; margin-left: 37px;}
	1918	+.kakao_intro_cont .kakao_intro .con .fight .fight-title h4 span{font-family: 'GmarketSansBold'; font-size: 25px;}
	1919	+.kakao_intro_cont .kakao_intro .con .fight .fight-title .circle{width: 19px; height: 19px; background-color: #f3f6fb; margin-top: -30px; border: 4px solid #ffcc33; border-radius: 50%;}
	1920	+
	1921	+/문자vs알림톡_컨텐츠/
	1922	+/*.kakao_intro_cont .kakao_intro .con .fight .con .fight-img .name p{width: 110px; height: 36px; background-color: #002788; position: relative; margin: 0 auto;}
	1923	+.kakao_intro_cont .kakao_intro .con .fight .con .fight-img .icon{position: relative; background-color: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.2); width: 195px; height: 220px; border-radius: 20px; }
	1924	+.kakao_intro_cont .kakao_intro .con .fight .con .fight-img .icon img{position: absolute; transform: translate(26%,33%);}*/
	1925	+/.kakao_intro_cont .kakao_intro .con .fight .box .fight-img{padding: 0 20%; padding-bottom: 50px;} /
	1926	+.kakao_intro_cont .kakao_intro .con .fight .wrap{width: 100%; display: flex; justify-content: space-between; margin-top: 40px;}
	1927	+.kakao_intro_cont .kakao_intro .con .fight .box{width: 436px; display: flex; flex-wrap: wrap;}
	1928	+
	1929	+.kakao_intro_cont .kakao_intro .con .fight .box .fight-img{position: relative; }
	1930	+.kakao_intro_cont .kakao_intro .con .fight .box .fight-img .name{position: absolute; left: 50%; transform: translateX(-50%); margin-top: -15px; width: 100px; height: 34px; line-height: 34px; background-color: #e4e6ea; color: #666; text-align: center; border-radius: 17px; font-weight: 500;}
	1931	+.kakao_intro_cont .kakao_intro .con .fight .box .fight-img .icon{padding: 0 33px; height: 220px; background-color: #fff; border-radius: 20px; box-shadow: 0 0 5px rgba(0,0,0,0.2); text-align: center;}
	1932	+.kakao_intro_cont .kakao_intro .con .fight .box .fight-img .icon img{margin-top: 38px;}
	1933	+.kakao_intro_cont .kakao_intro .con .fight .box .fight-img .icon .price{font-family: 'GmarketSansBold'; font-size: 22px; color: #999; padding-top: 12px;}
	1934	+/text/
	1935	+.kakao_intro_cont .kakao_intro .con .fight .fight-text-wrap{display: flex; justify-content: space-between;}
	1936	+.kakao_intro_cont .kakao_intro .con .fight .text p{background-color: #ced4de; width: 436px; height: 45px; text-align: center; border-radius: 10px; font-weight: 300; font-size: 17px; margin-top: 20px; display: flex; align-items: center; justify-content: center;}
	1937	+.kakao_intro_cont .kakao_intro .con .fight .text p span{font-weight: 700;}
	1938	+/vs/
	1939	+.kakao_intro_cont .kakao_intro .con .fight .box .vs{font-family: 'GmarketSansBold'; font-size: 15px; color: #002c9a; margin:100px 12px 0 12px;}
	1940	+/line/
	1941	+.kakao_intro_cont .kakao_intro .con .fight .fight-line{width: 0; height: 224px; border-right: 6px dotted #b7bfcc; /* display: flex; position: absolute; top: 33%; left: 50%;*/}
	1942	+/알림톡/
	1943	+.kakao_intro_cont .kakao_intro .con .fight .box .kakao .name{background-color: #fbc72b; color: #222;}
	1944	+.kakao_intro_cont .kakao_intro .con .fight .box .kakao .icon .price{color: #222;}
	1945	+
	1946	+/알림톡 활용 방법/
	1947	+.kakao_intro_cont .use{background-image: url(/publish/images/kakao_intro_cont/bg02.png);}
	1948	+.kakao_intro_cont .use ,.service,.note{margin-top: 80px;}
	1949	+.kakao_intro_cont .use .title-line .left-line{width: 346px; height: 3px; background-color: #949aa5; border-radius: 1.5; float: left; margin-top: -24px;}
	1950	+.kakao_intro_cont .use .title-line .right-line{width: 346px; height: 3px; background-color: #949aa5; border-radius: 1.5; float: right; margin-top: -24px;}
	1951	+/알림톡 활용 방법_tab/
	1952	+.kakao_intro_cont .use .tab-wrap{width: 100%; margin: 65px auto 0 auto;}
	1953	+.kakao_intro_cont .use ul.tabs{margin: 0px; padding: 0px; list-style: none;}
	1954	+.kakao_intro_cont .use ul.tabs{width: 100%; background-color: #fff; display: flex; justify-content: space-between; border-radius: 10px 10px 0 0; border-bottom: 2px solid #b7bfcc;}
	1955	+.kakao_intro_cont .use ul.tabs li{border-left: 1px solid #e5e5e5; font-weight: 400; font-size: 20px; width: 170px; height: 60px; text-align: center; line-height: 60px; background: none; display: inline-block; cursor: pointer;}
	1956	+.kakao_intro_cont .use ul.tabs li:nth-child(1){border-left: none;}
	1957	+/선택_tab/
	1958	+.kakao_intro_cont .use ul.tabs li.current{border-radius: 10px 10px 0 0; background: #002c9a; font-weight: 500; font-size: 20px; color: #fff}
	1959	+/tab_안에내용/
	1960	+.kakao_intro_cont .use .tab-content{display: none;}
	1961	+.kakao_intro_cont .use .tab-content img{margin-top: 40px; /width: 100%;/}
	1962	+/선택_tab_안에내용/
	1963	+.kakao_intro_cont .use .tab-content.current{display: inherit;}
	1964	+
	1965	+/서비스이용방법/
	1966	+.kakao_intro_cont .service{background-image: url(/publish/images/kakao_intro_cont/bg03.png);}
	1967	+.kakao_intro_cont .service .title-line .left-line{width: 346px; height: 3px; background-color: #949aa5; border-radius: 1.5; float: left; margin-top: -24px;}
	1968	+.kakao_intro_cont .service .title-line .right-line{width: 346px; height: 3px; background-color: #949aa5; border-radius: 1.5; float: right; margin-top: -24px;}
	1969	+/서비스 이용 방법 공통점/
	1970	+.kakao_intro_cont .service .con{ display: flex; justify-content: space-between; /0letter-spacing: 1.5;/}
	1971	+.kakao_intro_cont .service .con .common{width: 98%; padding-bottom: 30px; background-color: #fff; border-radius: 20px; box-shadow: 0 0 7px rgba(0,0,0,0.2);}
	1972	+.kakao_intro_cont .service .con .common .step p{height: 45px; background-color: #002c9a;; border-radius: 20px 20px 0 0; text-align: center; line-height: 45px; color: #fff; font-size: 18px; font-weight: 300;}
	1973	+.kakao_intro_cont .service .con .common .step p span{font-size: 22px; font-weight: 500;}
	1974	+.kakao_intro_cont .service .con .common .text{padding: 22px 10px 0 30px; position: relative;}
	1975	+.kakao_intro_cont .service .con .common .text .btn a{display: inline-block; font-family: 'GmarketSansBold'; font-size: 23px; margin-bottom: 5px;}
	1976	+.kakao_intro_cont .service .con .common .text .btn a:hover{color: #002c9a;}
	1977	+.kakao_intro_cont .service .con .common .text .btn a img{margin: -3px 0 0 8px;}
	1978	+.kakao_intro_cont .service .con .common .text .type p:nth-child(1){font-size: 18px; font-weight: 300; line-height: 25px; margin-top: 8px;}
	1979	+.kakao_intro_cont .service .con .common .text .type p:nth-child(2){font-size: 16px; font-weight: 300; line-height: 21px; color: #999; text-indent: -20px; margin: 0 0 0 20px; margin-top: 6px;}
	1980	+/서비스 이용 방법_01/
	1981	+.kakao_intro_cont .service .con .service-01 ,.service-03{margin-right: 30px;}
	1982	+.kakao_intro_cont .service .con .service-01 ,.service-02{margin-top: 65px;}
	1983	+.kakao_intro_cont .service .con .service-01 .text .text-line{width: 304px; border-top: 4px dotted #b7bfcc; margin-left: 2px;}
	1984	+/아이콘/
	1985	+.kakao_intro_cont .service .con .service-01 .text .icon{position: absolute; top: 100px; right: 30px;}
	1986	+/서비스 이용 방법_02/
	1987	+.kakao_intro_cont .service .con .service-02 .text .text-line{width: 244px; border-top: 4px dotted #b7bfcc; margin-left: 2px;}
	1988	+/아이콘/
	1989	+.kakao_intro_cont .service .con .service-02 .text .icon{position: absolute; top: 100px; right: 30px;}
	1990	+/서비스 이용 방법_03/
	1991	+.kakao_intro_cont .service .con .service-03 ,.service-04{margin-top: 30px;}
	1992	+.kakao_intro_cont .service .con .service-03{padding-bottom: 26px;}
	1993	+.kakao_intro_cont .service .con .service-03 .text .text-line{width: 304px; border-top: 4px dotted #b7bfcc; margin-left: 2px;}
	1994	+.kakao_intro_cont .service .con .service-03 .type p:nth-child(1){padding-right: 90px;}
	1995	+/아이콘/
	1996	+.kakao_intro_cont .service .con .service-03 .text .icon{position: absolute; top: 100px; right: 30px;}
	1997	+/서비스 이용 방법_04/
	1998	+.kakao_intro_cont .service .con .service-04 .text .text-line{width: 180px; border-top: 4px dotted #b7bfcc; margin-left: 2px;}
	1999	+/아이콘/
	2000	+.kakao_intro_cont .service .con .service-04 .text .icon{position: absolute; top: 100px; right: 30px;}
	2001	+/서비스 이용 방법_이용가이드 버튼/
	2002	+.kakao_intro_cont .service .guide a{font-weight: 500; font-size: 24px; line-height: 60px; text-align: center; background-color: #fbc72b; width: 360px; height: 60px; margin: 40px auto 0 auto; border-radius: 10px;}
	2003	+.kakao_intro_cont .service .guide a:hover{box-shadow: 0 0 10px rgba(0,0,0,0.4);}
	2004	+.kakao_intro_cont .service .guide a img{margin-top: -4px;}
	2005	+
	2006	+/유의사항/
	2007	+.kakao_intro_cont .note{width: 100%; background-color: #e9ebf0; border-radius: 20px; padding: 0 98px 40px; box-sizing: border-box;}
	2008	+.kakao_intro_cont .note .note-title p{padding: 40px 0 10px; font-weight: 700; font-size: 22px;}
	2009	+.kakao_intro_cont .note .note-title p span{padding-right: 10px;}
	2010	+/유의사항_목록/
	2011	+.kakao_intro_cont .note ul{line-height: 26px; font-weight: 300; font-size: 16px; color: #666; background-color: #fff; border-radius: 10px; padding: 25px 53px;}
	2012	+.kakao_intro_cont .note ul li:nth-child(4){font-size: 15px; color: #999; padding-left: 10px; margin-top: -3px;}
	2013	+.kakao_intro_cont .note ul li:nth-child(5){font-weight: 400; font-size: 14px; color: #fff; margin: 3px 0 7px 10px; background-color: #002c9a; width: 260px; height: 32px; line-height: 31px; text-align: center; border-radius: 5px;}
	2014	+.kakao_intro_cont .note ul li:nth-child(5):hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);}
	2015	+
	2016	+
	2017	+
	2018	+/* api - 소개 */
	2019	+.send_top .api_guide_cont {background-color: #fff;padding: 30px 40px;border-radius: 10px;}
	2020	+.api_guide_cont .api_visual_image {margin:0 0 57px 0; }
	2021	+.api_guide_cont .api_visual_image img {max-width:100%;}
	2022	+.api_guide_cont .api_intro {width:100%; margin:20px 0 0 0;}
	2023	+/*.api_guide_cont .api_intro ,.service ,.use{background-color: #f2f2f2; border-radius: 10px; padding:0 55px; box-sizing: border-box;}
	2024	+.api_guide_cont .api_intro ,.service ,.use .title{margin: 0 auto;}*/
	2025	+.api_guide_cont .api_intro {background-color: #f2f2f2; border-radius: 10px; padding:0 55px; box-sizing: border-box;}
	2026	+.api_guide_cont .api_intro .title{margin: 0 auto;}
	2027	+.api_guide_cont .api_intro .title h3 {font-family:'yg-jalnan'; font-size: 28px; text-align: center; padding-top: 55px;}
	2028	+.api_guide_cont .api_intro .title-line .left-line{width:33%; height: 2px; background-color: #949aa5; border-radius: 1.5; float: left; margin-top: -15px;}
	2029	+.api_guide_cont .api_intro .title-line .right-line{width:33%; height: 2px; background-color: #949aa5; border-radius: 1.5; float: right; margin-top: -15px;}
	2030	+.api_guide_cont .api_intro .con { padding:0 0 50px 0; margin:30px 0 0 0; }
	2031	+.api_guide_cont .api_process_guide {display: flex; margin: 0 0 20px 0;}
	2032	+.api_guide_cont .api_process_guide li{position: relative; width: calc((100% - 60px)/4); padding: 0; border-radius: 5px; margin: 0 60px 0 0; text-align: center;}
	2033	+.api_guide_cont .api_process_guide li::after{position: absolute; content: " "; width: 33px; height: 33px; background-image: url(/publish/images/api_intro_cont/icon_api_next.png); right: -46px; top: 50%; transform: translateY(-50%); z-index: 1;}
	2034	+.api_guide_cont .api_process_guide li:last-child{margin: 0 0 0 0;}
	2035	+.api_guide_cont .api_process_guide li:last-child::after{display: none;}
	2036	+.api_guide_cont .api_process_guide .step_title {background:#fbc72b; font-size:18px; text-align: center; border-radius:10px 10px 0 0; padding:10px 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
	2037	+.api_guide_cont .api_process_guide .step_title span {font-weight: bold; font-size: 24px;}
	2038	+.api_guide_cont .api_process_guide .step_con {height:250px; background:#fff; border-radius:0 0 10px 10px; text-align: center; padding:25px 0 25px 0; box-shadow: 0 0 8px rgba(0,0,0,0.2);}
	2039	+.api_guide_cont .api_process_guide dl dt {font-family: 'GmarketSansBold'; font-size: 23px; text-align: center; margin:20px 0 6px 0;}
	2040	+.api_guide_cont .api_process_guide dl dd {font-family: 'Noto Sans KR', sans-serif; color:#555; font-size: 17px; font-weight: 300; line-height: 1.2; padding:0 10px;}
	2041	+
	2042	+/* api - 사용안내 */
	2043	+.api_guide {display: none;}
	2044	+.api_guide.current {display: block;}
	2045	+.api_guide_cont ul.info {border:solid 3px #ddd; border-radius: 5px; padding:18px 0 18px 27px; }
	2046	+.api_guide_cont ul.info li { font-size:16px; color:#666; font-weight: 300; line-height: 1.6;}
	2047	+.api_guide_cont .re_cont .req_title {background:url(/publish/images/api_intro_cont/icon_api_request.jpg) 0 5px no-repeat; padding:0 0 0 30px; font-size:26px; font-weight:bold; letter-spacing: -1px; margin:40px 0 0 0;}
	2048	+ /* api 사용안내, 예제 다운로드 공통 사용*/
	2049	+.api_guide_cont .box {background:#f2f2f2; border-radius: 5px; padding:30px; margin: 15px 0 30px 0;}
	2050	+.api_guide_cont .box .text {background:#fff; border-radius: 5px; padding:30px 25px;}
	2051	+.api_guide_cont .box .text h4 {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px; }
	2052	+.api_guide_cont .box .text table { width:100%; border-top: 2px solid #000; margin:10px 0 0 0;}
	2053	+.api_guide_cont .box .text table tr {border-bottom:1px solid #d5d5d5; }
	2054	+.api_guide_cont .box .text table th {width:210px; text-align: left; text-indent: 18px; line-height: 1.2; background:#f5f5f5; font-size:16px; padding:10px 0;}
	2055	+.api_guide_cont .box .text table td {text-indent: 18px; font-weight: 200;}
	2056	+ /* // api 사용안내, 예제 다운로드 공통 사용*/
	2057	+.api_guide_cont .re_cont .type_table table {width:100%; margin:40px 0 7px 0;}
	2058	+.api_guide_cont .re_cont .type_table table thead th {border-top:1px solid #000; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f7f7f7; padding: 15px 0; }
	2059	+.api_guide_cont .re_cont .type_table table thead th:first-child {border-left:none;}
	2060	+.api_guide_cont .re_cont .type_table table td {border-bottom:1px solid #e5e5e5; text-align: center; padding:20px 0; border-right:1px solid #e5e5e5; font-weight: 300;}
	2061	+.api_guide_cont .re_cont .type_table table td .font_b {font-weight:400;}
	2062	+.api_guide_cont .re_cont .type_table table td .select_o {color:#002c9a; font-weight: 400;}
	2063	+.api_guide_cont .re_cont .type_table table td .select_x {color:#e40000; font-weight: 400;}
	2064	+.api_guide_cont .re_cont .type_table table td:last-child {border-right: none;}
	2065	+.api_guide_cont .re_cont .type_table .table_info {font-size:15px; color:#555; font-weight: 300; margin:0 0 30px 0;}
	2066	+.api_guide_cont .re_cont .type_table .table_info p {padding:5px 0;}
	2067	+.api_guide_cont .re_cont .box .code_view {background:#292d3e; border-radius: 5px; color:#fff; padding:32px 0 32px 43px; margin:15px 30px 30px 30px;}
	2068	+.api_guide_cont .re_cont .box .title {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px; text-indent: 28px;}
	2069	+.api_guide_cont .re_cont .box .title_t1 {text-indent: 28px;}
	2070	+.api_guide_cont .re_cont .box .title_t1 .ex {font-size:20px; color:#222; font-weight:bold; letter-spacing: -1px;}
	2071	+.api_guide_cont .re_cont .box .title_t1 .ex_success { font-size:15px; color:#002c9a; font-weight: 300; background: #fff; border:1px solid #002c9a; border-radius: 3px; padding:0 5px 2px 5px; margin:0 0 0 10px; }
	2072	+.api_guide_cont .re_cont .box .title_t1 .ex_fail { font-size:15px; color:#e40000; font-weight: 300; background: #fff; border:1px solid #e40000; border-radius: 3px; padding:0 5px 2px 5px; margin:0 0 0 10px; }
	2073	+.api_guide_cont .re_cont .box .code_view .l_code {text-indent:18px; }
	2074	+.api_guide_cont .re_cont .box .code_view .l_code_t1 {text-indent:98px;}
	2075	+.api_guide_cont .re_cont .box .code_view .l_code_t2 {text-indent:63px;}
	2076	+.api_guide_cont .re_cont .box .code_view .m_code {text-indent:110px; }
	2077	+.api_guide_cont .re_cont .box .code_view .indent {text-indent:50px }
	2078	+.api_guide_cont .re_cont .box .code_view .indent .indent_t1 {text-indent:80px; }
	2079	+.api_guide_cont .re_cont .box .code_view .indent .indent_t1 .indent_t2 {text-indent:108px;}
	2080	+.api_guide_cont .re_cont .box .code_view .indent p {padding:8px 0;}
	2081	+.api_guide_cont .re_cont .box .code_view .indent p span {color:#fbc72b;}
	2082	+.api_guide_cont .re_cont .res_title {background:url(/publish/images/api_intro_cont/icon_api_response.jpg) 0 5px no-repeat; padding:0 0 0 30px; font-size:26px; font-weight:bold; letter-spacing: -1px; margin:60px 0 -20px 0;}
	2083	+
	2084	+/* api - 예제 다운로드 */
	2085	+.download_cont {display: none;}
	2086	+.download_cont.current {display: block;}
	2087	+.api_guide_cont .api_download .list_tab_wrap2.type2 {margin:30px 0;}
	2088	+.api_guide_cont .api_download .btn_area {text-align:center; padding:30px 0 50px 0; }
	2089	+.api_guide_cont .api_download .btnType.btnType11 {color:#fff; background:#002c9a; width:230px; height:50px; font-size:18px; font-weight:400; border-radius: 5px; padding:0 20px;}
	2090	+
	2091	+/* api - 신청/관리 */
	2092	+.api_guide_cont .api_admin {margin:0 0 60px 0; }
	2093	+.api_guide_cont .api_admin .admin_title {font-size:20px; font-weight:bold; letter-spacing: -1px; margin:0 0 10px 0;}
	2094	+.api_guide_cont .api_admin .tb_wrap_t1{ width: 100%; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 10px; box-sizing: border-box; border-bottom: 0 none;}
	2095	+.api_guide_cont .api_admin .admin_info { font-size:14px; font-weight:300; color:#555; margin:0 0 5px 0;}
	2096	+.api_guide_cont .api_admin .input_box {background: #f2f2f2; border-radius:5px; padding:17px 17px 17px 30px; text-indent:20px; margin:15px 0 8px 0;}
	2097	+.api_guide_cont .api_admin .input_box .box_in {background: url(/publish/images/api_intro_cont/icon_api_input.png) 0 8px no-repeat; font-size:16px;}
	2098	+.api_guide_cont .api_admin .input_box input {border:1px solid #d5d5d5; border-radius:5px; width:400px; padding:2px 0 5px 10px;}
	2099	+.api_guide_cont .api_admin .input_box input::placeholder {font-size:14px; color:#ababab;}
	2100	+.api_guide_cont .api_admin .btnType.btnType2 {float:right; padding:0 20px 0 20px; font-size:16px; letter-spacing: -1px;}
	2101	+
	2102	+/선거 문자전송 > 문구추가/
	2103	+.tType1 tbody tr .ele_te{font-size: 14px; padding: 15px 0;}
	2104	+.tType1 tbody tr .ele_te span{font-weight: 400;}
	2105	+
	2106	+/* 결제화면 > 전용계좌 > 가상계좌 확인서 버튼 추가 */
	2107	+.tType1.account_con{table-layout: auto;}
	2108	+.tType1.account_con tbody tr .account_te button{white-space: nowrap;}
	2109	+
	2110	+/* 발송결과 상세 */
	2111	+
	2112	+/* left area */
	2113	+.send_top .resultcont_left {max-width: 800px;flex-basis: 68%;}
	2114	+.send_top .resultcont_left .table_btn {margin:-5px 0 0 0;}
	2115	+.send_top .resultcont_left {max-width: 800px;flex-basis: 68%;}
	2116	+.send_top .resultcont_left .table_btn_left .excel_btn.btnType {color:#129738;}
	2117	+.send_top .resultcont_left .table_btn_right_txt {padding:5px 0 0 0;font-size:14px; font-weight:500;}
	2118	+
	2119	+/* 발송결과 상세 */
	2120	+.res_info {display: flex; justify-content: space-between; margin-bottom: 20px; flex-wrap: wrap; flex-direction:row; }
	2121	+.res_info .res_info_in {background-color: #f2f2f2; width:100%; padding: 34px 44px 44px 44px; border-radius: 5px; box-sizing: border-box;}
	2122	+.res_info .res_info_in .res_info_top p:first-child {font-size: 22px; font-weight: 600; font-family: 'GmarketSansBold'; float: left; padding:10px 0 0 0;}
	2123	+.res_info .res_info_in .res_info_top p:last-child {font-size: 16px; font-weight: 300; float: right;}
	2124	+.res_info .res_info_in .res_info_top .btnType.btnType3 {width:76px; font-size:15px;}
	2125	+/.res_info .res_info_in .res_info_top p:last-child span {font-size: 20px; font-weight: 600; font-family: 'GmarketSansBold'; color: #002c9a;}/
	2126	+
	2127	+.res_info .res_info_in .res_info_btm {margin:20px 0 0 0;padding:10px;background:#fff;border-radius:5px;box-sizing:border-box;}
	2128	+.res_info .res_info_in .res_info_btm dl {display:flex;padding:8px 10px;font-size:16px;font-weight:300;justify-content:space-between; color:#222;}
	2129	+.res_info .res_info_in .res_info_btm dl.charge_line {border-top:1px solid #e6e6e6; text-align:center;}
	2130	+.res_info .res_info_in .res_info_btm dl dt.charge_title {font-size:15px; padding:0 0 0 5px;}
	2131	+.res_info .res_info_in .res_info_btm dl dt {font-weight:400;}
	2132	+.res_info .res_info_in .res_info_btm dl dt.btm_charge {font-size:16px;}
	2133	+.res_info .res_info_in .res_info_btm dl dd span {font-weight:500;}
	2134	+
	2135	+.res_info .res_info_in .res_info_btm dl dd .stcharge {font-size: 20px; font-weight: 600; font-family: 'GmarketSansBold'; color: #222; padding:0 3px 0 0;}
	2136	+
	2137	+.res_info .res_info_in .res_num {display:flex; justify-content: space-between; /flex-direction: row; flex-wrap: wrap; width:100%;/ margin:10px 0 0 0;}
	2138	+.res_info .res_info_in .res_num .res_info_btm1 {width:calc(100%/2 - 5px); padding:10px;background:#fff;border-radius:5px;box-sizing:border-box;}
	2139	+.res_info .res_info_in .res_num .res_info_btm1 dl {display:flex;padding:8px 10px;font-size:16px;font-weight:300;justify-content:space-between; color:#222;}
	2140	+.res_info .res_info_in .res_num .res_info_btm1 dl dt {font-weight:400; font-size:18px; padding:3px 0 0 0;}
	2141	+.res_info .res_info_in .res_num .res_info_btm1 dl dt.btm_charge {font-size:18px;}
	2142	+.res_info .res_info_in .res_num .res_info_btm1 dl dd span {font-weight:500;}
	2143	+
	2144	+
	2145	+/* right area 문자 미리보기 */
	2146	+.send_top .resultcont_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;}
	2147	+.send_top .send_general.sec .resultcont_right {min-height:auto;}
	2148	+.send_top .resultcont_right .tab_phone {display: none; }
	2149	+.send_top .resultcont_right .tab_phone.current {display: block;}
	2150	+
	2151	+/* phone 기본 -- sticky */
	2152	+.send_top .resultcont_right .phone {width: 374px; position: absolute; right: -2px; top: 0;}
	2153	+.send_top .resultcont_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 720px; background-size: 100% auto; background-repeat: no-repeat; }
	2154	+.send_top .resultcont_right .phone .phoneIn>div {padding: 45px 30px 0 30px; position: relative; height: 96%; box-sizing: border-box;}
	2155	+.send_top .resultcont_right .phone .prev_p {font-size: 20px;font-weight: 500;padding-bottom: 12px;border-bottom: 1px solid #e5e5e5;}
	2156	+.send_top .resultcont_right .phone .text_length2 {padding: 12px 0;}
	2157	+.send_top .resultcont_right .phone .text_length2>span {float: left;line-height: 27px;}
	2158	+.send_top .resultcont_right .phone .text_length2>div {float: right;margin-top: 3px;}
	2159	+.send_top .resultcont_right .phone .text_length2>div span {color: #002c9a;font-size: 15px;padding-right: 2px;}
	2160	+.send_top .resultcont_right .phone .text_length2>div button {width: 24px;height: 24px; border: 1px solid #ccc;border-radius: 3px;}
	2161	+.send_top .resultcont_right .phone .text_length2>div button:hover {border: 1px solid #a3a3a3;}
	2162	+.send_top .resultcont_right .phone .text_length2>div button img {margin-bottom: 2px;}
	2163	+.send_top .resultcont_right .phone .text_preview{position: relative; width: calc(100% + 10px);/* height: 421px; */ padding-right:7px; max-height: calc(100% - 110px); box-sizing: border-box;overflow-y:auto;}
	2164	+.send_top .resultcont_right .phone .text_preview::-webkit-scrollbar {width:3px;}
	2165	+.send_top .resultcont_right .phone .text_preview::-webkit-scrollbar-track {}
	2166	+.send_top .resultcont_right .phone .text_preview::-webkit-scrollbar-thumb {width:3px;background:rgba(0,0,0,0.85);border-radius:3px;cursor:pointer;}
	2167	+.send_top .resultcont_right .phone .preview_auto {position: relative; width: 100%; background-color: #f2f2f2; border-radius: 10px; padding: 20px; box-sizing: border-box; line-height: 1.5; font-size: 15px; font-weight: 400; letter-spacing: -0.5px; margin: 0 0 20px 0;word-break: break-all; color: #555;}
	2168	+/* .send_top .resultcont_right .phone .text_preview .mCSB_scrollTools {right:-15px;} */
	2169	+/* .send_top .resultcont_right .phone .preview_auto.on_scroll_text {width: 95% !important;} */
	2170	+.preview_auto p {word-break: break-all;}
	2171	+.preview_auto .none_txt {color: #999; font-weight: 300;}
	2172	+/* 핸드폰 안에 내용 길어져서 스크롤 생길 때 */
	2173	+.send_top .resultcont_right .phone .addText {color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:0 0 10px 0;}
	2174	+
	2175	+/* 그림 문자 */
	2176	+.send_top .resultcont_right .phone .text_length2 .photo_msg_num {margin-left: 3px; float: left;}
	2177	+.send_top .resultcont_right .phone .text_length2 .photo_msg_num li {display: inline-block; width: 28px; padding: 5px 0; border: 1px solid #ccc; border-radius: 5px; margin-right: 2px; background-color: #f5f5f5; color: #cf468d; text-align: center; box-sizing: border-box;}
	2178	+.send_top .resultcont_right .phone .text_length2 .photo_msg_num li:hover {background-color: #f8f1f5; border: 1px solid #e26ba9;}
	2179	+.send_top .resultcont_right .phone .text_preview .preiew_img .img_box {max-width: 308px; border-radius: 10px; overflow: hidden; margin-bottom: 10px;}
	2180	+.send_top .resultcont_right .phone .text_preview .preiew_img .img_box img {width: 100%;}
	2181	+/* .send_top .resultcont_right .phone .text_preview .preiew_img .img_box.on_scroll_img {max-width: 95% !important; margin-right: 15px;} */
	2182	+
	2183	+/* 알림톡 미리보기 */
	2184	+.send_top .resultcont_right .phone_kakao {width: 374px; position: absolute; right:0; top: 0;}
	2185	+.send_top .resultcont_right .phone_kakako .phoneIn{height: 720px; width:346px; background-image: url(/publish/images/content/kakaoBg.png); padding: 27px 25px 0 25px; margin:0 0 0 -12px;}
	2186	+.send_top .resultcont_right .phone_kakako .prev_p{padding: 0 0 0 10px; border: 0; letter-spacing: -0.25px;}
	2187	+.send_top .resultcont_right .phone_kakako .prev_p img{margin: 0 10px 0 0;}
	2188	+.send_top .resultcont_right .phone_kakako .allimtalk_title{position: relative; width: calc(100% - 20px); background-color: #fae100; font-family: 'LotteMartDream'; font-size: 18px; padding: 12px 21px; border-radius: 5px 5px 0 0; box-sizing: border-box;}
	2189	+.send_top .resultcont_right .phone_kakako .allimtalk_title::after{position: absolute; content: " "; width: 42px; height: 42px; background: url(/publish/images/content/icon_kakao01.png) no-repeat; right: -20px; top: -10px;}
	2190	+.send_top .resultcont_right .phone_kakako .allimtalk_title img{margin: 0 8px 0 0; vertical-align: bottom;}
	2191	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview{width: 100%; padding: 15px 10px 20px 12px; margin: 15px 0 0 0; box-sizing: border-box;}
	2192	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content{width: calc(100% - 20px);background-color: #fff; border-radius: 0 0 5px 5px; padding: 0 0 10px 0;}
	2193	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .kakao_image img{width: 100%;}
	2194	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content p{width: calc(100% - 20px); white-space: normal; word-break: break-all; line-height: 1.4; padding: 0 10px; margin: 0 auto;}
	2195	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .template_text,.resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .emphasis_title_text{font-size: 16px; font-weight: 500; color: #222;}
	2196	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .emphasis_side_text{padding: 15px 0 0 0;}
	2197	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .emphasis_title_text{padding: 0 0 15px 0; border-bottom: 1px solid #e5e5e5;}
	2198	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .emphasis_side_text,.resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .side_info_text,.resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .channel_info_text{font-size: 14px; color: #999; margin: 0 auto 6px auto; white-space: normal; word-break: break-all;}
	2199	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .template_text{padding: 15px 0 0 0;}
	2200	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .side_info_text{padding: 8px 0 0 0;}
	2201	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .channel_info_text{padding: 0 0 4px 0;}
	2202	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content button{margin: 0 0 8px 10px;}
	2203	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content button:last-child{margin-bottom: 0;}
	2204	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .template_text+.btn_kakao_type{margin-top: 8px;}
	2205	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .btn_kakao_channel{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ffea00;}
	2206	+.send_top .resultcont_right .phone_kakako .phoneIn .text_preview .allimtalk_content .btn_kakao_type{width: calc(100% - 20px); height: 40px; font-size: 15px; border-radius: 5px; background-color: #ededed;}
	2207	+.send_top .resultcont_right .phone_kakako .phoneIn .template_info_wrap{display: flex; width: calc(85% + 13px); height: auto; padding: 6px 15px 6px 23px; justify-content: space-between; align-items: center; background-color: #fae100; margin: -5px 0 0 -3px; border-radius: 0 0 25px 25px;}
	2208	+.send_top .resultcont_right .phone_kakako .phoneIn .template_info_wrap .btn_template_choice{width: 120px; height: 36px; font-size: 16px; color: #fae100; background-color: #302218; border-radius: 5px;}
	2209	+.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:10px 0 10px 0;}
	2210	+
	2211	+.btn_list_type1 {border-top:solid 1px #e5e5e5; text-align: right; padding:26px 0 0 0; margin:60px 0 0 0;}
	2212	+.btn_list_type1 .btnType.btnType17 {width:100px; }
	2213	+
	2214	+/// 발송결과 상세 20140718 /
	2215	+
	2216	+
	2217	+/* 개인정보처리방침 20241023*/
	2218	+.titBox_type01 {padding: 20px; border: 2px solid #dddddd; border-radius: 5px; margin: 15px 0; position: relative; font-size:16px; color:#666; line-height: 25px; font-weight: 300; }
	2219	+.privacy_index {margin:50px 0 50px 0;}
	2220	+.privacy_index .title {font-family: 'GmarketSansBold'; font-size: 24px; padding-top: 4px;}
	2221	+.privacy_index .info {color:#222; font-size:17px; padding:20px 0 24px 0;}
	2222	+.privacy_index .privacy_index_box {background-color: #e9e9e9; border-radius: 5px; padding:40px 80px 40px 120px; display: flex;}
	2223	+.privacy_index .privacy_index_box ul {padding:0; width: calc((100% - 10px) / 2); padding: 0 10px; border-radius: 5px; text-align: left;}
	2224	+.privacy_index .privacy_index_box ul li {padding:7px 0; line-height: 1.4;}
	2225	+.privacy_index .privacy_index_box ul li a {font-size:17px;}
	2226	+.privacy_content {border-bottom:1px solid #e9e9e9; padding: 0 0 30px 0; margin: 30px 0 35px 0;}
	2227	+.privacy_content:last-child{border-bottom: 0; padding:0;}
	2228	+.privacy_content .title {font-size:20px; font-weight: 600; padding:0 0 5px 0; }
	2229	+.privacy_content .conbox {padding:0 15px;}
	2230	+.privacy_content .conbox .contitle1 {font-size:17px; font-weight: 400; padding:15px 0 0 0;}
	2231	+.privacy_content .conbox .contitle2 {font-size:16px; font-weight: 400;}
	2232	+.privacy_content .conbox p {font-size:16px; line-height: 1.4; padding:15px 0 0 0; font-weight: 300;}
	2233	+.privacy_content .conbox .tType2{width: 100%; border-top: 1px solid #000; text-align: center; margin:10px 0 10px 0;}
	2234	+.privacy_content .conbox .tType2 thead tr{background-color: #f7f7f7; border-bottom: 1px solid #e5e5e5;}
	2235	+.privacy_content .conbox .tType2 thead tr th{height: 46px; font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; vertical-align: middle;}
	2236	+.privacy_content .conbox .tType2 thead tr th:last-child{border-right: 0;}
	2237	+.privacy_content .conbox .tType2 tbody tr{border-bottom: 1px solid #e5e5e5;}
	2238	+.privacy_content .conbox .tType2 tbody tr th{font-size: 16px; font-weight: 500; border-right: 1px solid #e5e5e5; height: 50px; vertical-align: middle;}
	2239	+.privacy_content .conbox .tType2 tbody tr td{font-size: 16px; font-weight: 300; border-right: 1px solid #e5e5e5; vertical-align: middle; line-height: 1.4; padding:10px 20px;}
	2240	+.privacy_content .conbox .tType2 tbody tr td.type_left {text-align: left;}
	2241	+.privacy_content .conbox .tType2 tbody tr td:last-child{border-right: 0;}
	2242	+.privacy_content .conbox .tType2 tbody tr td:last-child>span {font-weight: 400;}
	2243	+.privacy_content .conbox ul.conlist1 {margin:10px 0 0 0;}
	2244	+.privacy_content .conbox ul.conlist1 li { position: relative; padding:3px 10px 3px 25px; line-height: 1.4; font-size:17px; }
	2245	+.privacy_content .conbox ul.conlist1 li::before {content: ''; position: absolute; left: 0; }
	2246	+.privacy_content .conbox ul.conlist1 li:nth-child(1)::before {content: '가.'; }
	2247	+.privacy_content .conbox ul.conlist1 li:nth-child(2)::before {content: '나.'; }
	2248	+.privacy_content .conbox ul.conlist1 li:nth-child(3)::before {content: '다.'; }
	2249	+.privacy_content .conbox ul.conlist1 li:nth-child(4)::before {content: '라.'; }
	2250	+.privacy_content .conbox span.text_type01 {font-weight: 300!important;}
	2251	+.privacy_content .conbox span.text_type02 {margin:0; padding:5px 0 0 10px; display: block; font-size:16px; font-weight:300;}
	2252	+.privacy_content .conbox span.text_type02::before{content: "-"; position: absolute; left: 25px;}
	2253	+.privacy_content .conbox dl.item_con dt{font-weight: 500; display: block; padding:3px 0 0 0;}
	2254	+.privacy_content .conbox dl.item_con dd{padding:0 0 5px 0;}
	2255	+.privacy_content .conbox strong {font-weight: 500; display: block; padding:0 0 5px 0;}
	2256	+.privacy_content .conbox .con {padding:0 0 10px 0; display:block;}
	2257	+.privacy_content .conbox ul.conlist2 {margin:5px 0 0 25px;font-weight: 300;}
	2258	+.privacy_content .conbox ul.conlist2 li { position: relative; padding:0px 7px 3px 5px; line-height: 1.4; font-size:16px;font-weight: 300; }
	2259	+.privacy_content .conbox ul.conlist2 li::marker {content: "-"; }
	2260	+.privacy_content .conbox span.text_type03 {font-weight: 300; font-size:15px; color:#666; padding:5px 0 15px 30px; display:block;}
	2261	+.privacy_content .conbox .gray_box {background-color:#f5f5f5; border-radius: 5px; padding:25px 30px; margin:0 30px;}
	2262	+.privacy_content .conbox .gray_box ul.conlist3 {margin:0;}
	2263	+.privacy_content .conbox .gray_box ul.conlist3 li { position: relative; padding:0px 7px 0px 5px; line-height: 1.4; font-size:16px;font-weight: 300; }
	2264	+.privacy_content .conbox .gray_box ul.conlist3 li::marker {content: "·"; }
	2265	+.privacy_content .conbox ul.conlist4 {margin:25px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; width:410px; padding:10px 0;}
	2266	+.privacy_content .conbox ul.conlist4 li { position: relative; padding:0px 7px 3px 5px; line-height: 1.4; font-size:16px;font-weight: 300; }
	2267	+.privacy_content .conbox ul.conlist5 { margin:0 0 15px 0;}
	2268	+.privacy_content .conbox ul.conlist5 li {color:#002c9a; font-size:16px;font-weight: 400; padding:5px 0;}
	2269	+.privacy_content .conbox .contitle3 {font-size:16px; font-weight: 500;}
	2270	+.privacy_content_select_wrap {text-align: left;}
	2271	+.privacy_content_select_wrap .version_change_select{width: 278px; margin: 10px 0 20px 0;}
	2272	+
	2273	+.privacy_labeling .title{font-family: 'GmarketSansBold'; font-size: 24px; padding-top: 4px; margin:40px 0 0 0;}
	2274	+.privacy_labeling .labeling{display:flex;gap:20px;margin:20px 0 0 0;}
	2275	+.privacy_labeling li{display:flex;width:calc(100% / 6);font-size:17px;padding:37px 0 28px 0;border:1px solid #dddddd;border-radius:5px;text-align:center;flex-direction:column;align-items:center;justify-content:center;}
	2276	+.privacy_labeling li img{margin:0 0 20px 0;}
	2277	+.privacy_labeling li:hover .send_hover_cont{display:block;max-width:350px;}
	2278	+.privacy_labeling li .send_hover_cont{font-size:14px;font-weight:300;}
	2279	+.privacy_labeling li .send_hover_cont .hover_title{display:block;font-size:16px;font-weight:600;margin:0 0 18px 0;line-height:1.4;}
	2280	+.privacy_labeling li .send_hover_cont .hover_title span{font-size:15px;font-weight:400;}
	2281	+/*
	2282	+.privacy_content .conbox ul.conlist6 {margin:7px 0 0 0;}
	2283	+.privacy_content .conbox ul.conlist6 li { position: relative; padding:3px 10px 3px 20px; line-height: 1.4; font-size:16px; font-weight:300; }
	2284	+.privacy_content .conbox ul.conlist6 li::before {content: ''; position: absolute; left: 0; }
	2285	+.privacy_content .conbox ul.conlist6 li:nth-child(1)::before {content: '①'; }
	2286	+.privacy_content .conbox ul.conlist6 li:nth-child(2)::before {content: '②'; }
	2287	+.privacy_content .conbox ul.conlist6 li:nth-child(3)::before {content: '③'; }
	2288	+.privacy_content .conbox ul.conlist6 li:nth-child(4)::before {content: '④'; }
	2289	+.privacy_content .conbox ul.conlist6 li:nth-child(5)::before {content: '⑤'; }
	2290	+*/
	2291	+.privacy_content .conbox ul.conlist6 {margin:7px 0 0 0;}
	2292	+.privacy_content .conbox ul.conlist6 li {position: relative; padding:0px 10px 3px 0; line-height: 1.4; font-size:16px; font-weight:300; }
	2293	+.privacy_content .conbox .gray_con{margin: 12px 30px 0 30px;}
	2294	+
	2295	+.clause_new { }
	2296	+.clause_new .title{font-family: 'GmarketSansBold'; font-size: 24px; padding: 40px 0 15px 0; margin:25px 0 20px 0; border-bottom: 2px solid #222; border-top:1px solid #d5d5d5;}
	2297	+.clause_new .title:first-child{border-top:none; padding-top:20px;}
	2298	+.clause_new ul.conlist7 {padding:0 15px;}
	2299	+.clause_new ul.conlist7 li {font-weight: 300; position: relative; padding:5px 7px 5px 18px; line-height: 1.5; font-size:16px; }
	2300	+.clause_new ul.conlist7 li::before {content:"제"; font-weight:500;font-size: 18px;position: absolute; left: 0;}
	2301	+.clause_new ul.conlist7 li strong {font-weight:500; font-size:18px; padding:0 7px 0 0;}
	2302	+.clause_new ul.conlist7 li .gray_box{background-color:#f5f5f5; border-radius: 5px; padding:25px 35px; margin:18px 0; font-size:16px; font-weight:400;}
	2303	+.clause_new .history { border-top:1px solid #d5d5d5; padding:30px 0 10px 17px; margin:10px 0 0 0;}
	2304	+.clause_new .history p {font-size:16px; font-weight: 500;}
	2305	+.clause_new ol.conlist8 {padding:0 0 0 10px;}
	2306	+.clause_new ol.conlist8 li {font-weight: 300; position: relative; padding:0px 7px 2px 0; line-height: 1.4; font-size:16px; }
	2307	+.clause_new ol.conlist8 li::before {content:"";}
	2308	+
	2309	+/* 불법스팸방지정책_2024*/
	2310	+.spam_content .title .red{margin: 0 0 0 3px; font-size: 16px; color: #e40000; font-weight: 500; }
	2311	+.spam_content .spam_conbox .blue{color: #002c9a; font-weight: 400;}
	2312	+.spam_content .spam_conbox .bold{font-weight: 500;}
	2313	+.spam_content .spam_conbox .text{margin: 0 0 0 -8px;}
	2314	+.spam_content .spam_conbox .tri_te span{font-size: 14px;}
	2315	+.spam_content .spam_conbox .tri_te .sub_tri{margin: 0 0 0 -2px; font-size: 17px;}
	2316	+.spam_content .spam_conbox .le{margin: 0 0 0 -8px;}
	2317	+/.spam_content .spam_conbox.spam_table{padding: 0;}/
	2318	+
	2319	+/4번 수정후/
	2320	+.spam_content .spam_conbox .spam_clause .tit{width: 200px; padding: 6px 0 7px 0; margin: 0 0 10px 9px; background-color: #002c9a; color: #ffffff; text-align: center; font-size: 15px; font-weight: 500; border-radius: 100px;}
	2321	+.spam_content .spam_conbox .spam_clause{padding: 22px 16px; margin: 20px 0 0 0; border: 1px solid #d5d5d5; border-radius: 5px;}
	2322	+.spam_content .spam_conbox .spam_clause .spam_clause_cen{margin: 12px 0;}
	2323	+.spam_content .spam_conbox .spam_clause ul li{padding: 0 7px 0 18px; font-size: 15px; line-height: 1.4;}
	2324	+.spam_content .spam_conbox .spam_clause ul li::before{content: none;}
	2325	+.spam_content .spam_conbox .spam_clause ul .str strong{margin: 0 0 0 -15px; display: inline;}
	2326	+.spam_content .spam_conbox .spam_clause ul .str strong::before{content: "제";}
	2327	+.spam_content .spam_conbox .spam_clause .spam_clause_gray{margin: 7PX 0 7px 0; padding: 18px 23px 15px 23px; border-radius: 5px; background-color: #f5f5f5;}
	2328	+.spam_content .spam_conbox .spam_clause ul li strong{font-size: 14px;}
	2329	+.spam_content .spam_conbox .spam_clause .spam_clause_gray li{font-size: 14px; color: #666666;}
	2330	+.spam_content .spam_conbox .spam_clause .conlist8{padding: 0; margin: 0 0 0 -7px;}
	2331	+
	2332	+.spam_content .spam_conbox .tType1{margin: 15px 0 0 0;}
	2333	+.spam_content .spam_conbox .tType1 tbody tr{border-bottom: 1px solid #d5d5d5;}
	2334	+.spam_content .spam_conbox .tType1 tbody tr th{padding: 0 0 0 22px; font-weight: 500; background-color: #e8f0ff;}
	2335	+.spam_content .spam_conbox .tType1 tbody tr td{padding: 16px 10px 16px 30px; line-height: 1.5;}
	2336	+.spam_content .spam_conbox .tType1 tbody tr td .conlist7{letter-spacing: -0.25px;}
	2337	+.spam_content .spam_conbox .tType1 tbody tr td li{font-size: 16px;}
	2338	+.spam_content .spam_conbox .tType1 tbody tr td li strong{display: inline; margin: 0 7px 0 -16px; font-size: 17px;}
	2339	+.spam_content .spam_conbox .tType1 tbody tr td li .conlist8{padding: 0 0 0 10px;}
	2340	+.spam_content .spam_conbox .spam_title{margin: 9px 0 -5px 0; font-weight: 500;}
	2341	+.spam_content .spam_conbox .spam_list.spam_list_tw{margin: 21px 0 0 5px;}
	2342	+.spam_content .spam_conbox ul.spam_list{margin: 15px 0 0 7px;}
	2343	+.spam_content .spam_conbox .spam_list li{margin: 0 0 0 18px;}
	2344	+.spam_content .spam_conbox .spam_list .center{margin: 13px 0 5px 18px;}
	2345	+.spam_content .spam_conbox .spam_list .last{margin: 17px 0 0 18px;}
	2346	+.spam_content .spam_conbox .spam_gray{margin: 12px 25px 0 0; padding: 20px 12px; border-radius: 5px; background-color: #f5f5f5;}
	2347	+.spam_content .spam_conbox ul.spam_gray li{font-size: 15px;}
	2348	+.spam_content .spam_conbox ul.conlist2 li .spam_gray li::marker{content: "·";}
	2349	+.spam_content .spam_conbox ul.conlist2 li .spam_gray .mark::marker{content: none;}
	2350	+.spam_content .spam_conbox ul.conlist2 li .spam_gray .mark{ margin: 0 0 6px 35px; text-indent: -18px; color: #666666;}
	2351	+.spam_content .spam_conbox ul.conlist2 li .spam_gray .mark_no{font-size: 14px;}
	2352	+.spam_content .spam_conbox ul.conlist2 li .spam_gray .ma{margin: 0 0 -2px 35px;}
	2353	+.spam_content .spam_conbox ul.conlist2 li .spam_gray li .bold{font-weight: 500;}
	2354	+.spam_content .spam_conbox ul.conlist2 li .spam_gray_tw li::marker{content: none;}
	2355	+.spam_content .spam_conbox ul.conlist2 li .spam_gray_tw li .sub_tit{font-size: 16px; font-weight: 500;}
	2356	+.spam_content .spam_conbox ul.conlist2 li .spam_gray_tw li .sub_te li::marker{content: "·";}
	2357	+.spam_content .spam_conbox ul.conlist2 li .spam_gray_tw li .sub_te{margin: 7px 0 -4px -14px;}
	2358	+.spam_content .spam_conbox ul.conlist2 li .spam_gray_tw li .sub_te_on{margin: 7px 0 8px -14px;}
	2359	+
	2360	+.spam_content .spam_conbox .spam_table thead tr th{font-weight: 400;}
	2361	+.spam_content .spam_conbox .spam_table tbody tr th{font-weight: 300;}
	2362	+.spam_content .spam_conbox .spam_table tbody tr td{text-align: left;}
	2363	+.spam_content .spam_conbox .spam_table tbody tr td li .conlist8{padding: 0 0 0 18px;}
	2364	+
	2365	+/발송결과 수정_2025/
	2366	+.price_wrap .table_tab_wrap .tab_btnbox .price_hover{width: 330px;}
	2367	+.price_wrap .table_tab_wrap .tab_btnbox .price_hover .last{padding: 5px 0 0 0;}
	2368	+
	2369	+.price_wrap .current .tb_wrap .tType4 tbody tr .result_cont a{height: 16px;}
	2370	+.price_wrap .current .tb_wrap .tType4 tbody tr .result_cont a:hover{text-decoration: underline;}
	2371	+.price_wrap .current .tb_wrap .tType4 tbody tr .result_cont .icon_wrap{display: flex; align-items: center;}
	2372	+.price_wrap .current .tb_wrap .tType4 tbody tr .result_cont .icon_wrap span{padding: 5px 8px; margin: 0 3px; border-radius: 20px; font-size: 14px;}
	2373	+.price_wrap .current .tb_wrap .tType4 tbody tr .result_cont .icon_wrap .re{background-color: #e8f0ff; color: #2c5dd6;}
	2374	+.price_wrap .current .tb_wrap .tType4 tbody tr .result_cont .icon_wrap .di{background-color: #e7f5ec; color: #359b59;}
	2375	+
	2376	+.price_wrap .current .tb_wrap .tType4 tbody tr .btnType20{margin: -3px 0 0 0; background-color: #f5f5f5; border: 1px solid #d5d5d5; color: #222;}
	2377	+.rev_admin .rev_admin_in .rev_admin_top p:first-child{margin: 3px 0 0 0; font-size: 17px;}
	2378	+.rev_admin .rev_admin_in .rev_admin_top p:last-child span{font-size: 16px;}
	2379	+
	2380	+/발송결과 상세 수정_2025/
	2381	+.res_info .res_info_in .res_info_btm dl dt{font-weight:400; display:flex;align-item:center;} /수정/
	2382	+.res_info .res_info_in .res_info_btm dl dt .icon_wrap{display:inline-block; display: flex; align-items: center; margin:-6px 0 0 8px;}
	2383	+.res_info .res_info_in .res_info_btm dl dt .icon_wrap .re{padding: 5px 8px 6px 8px; margin: 0 3px; border-radius: 20px; font-size: 14px; background-color: #e8f0ff; color: #2c5dd6;}
	2384	+.res_info .res_info_in .res_info_btm dl dt .icon_wrap button.di{padding: 2px 9px 3px 9px; margin: 0 3px; border-radius: 20px; font-size: 14px; background-color: #e7f5ec; color: #359b59;}
	2385	+.res_info .res_info_in .res_info_btm dl dt .icon_wrap button.di:hover{box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15);}
	2386	+.res_info .res_info_in .res_info_btm dl dt .icon_wrap .di_info{position:relative;}
	2387	+.res_info .res_info_in .res_info_btm dl dt .icon_wrap .di_info .di_hover_layer{display:none; position:absolute;top:28px; background-color: #fff; padding: 15px; border-radius: 5px; box-sizing: border-box ;box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.15); z-index: 9; text-align:center;font-size: 14px; color: #222; width:180px; }
	2388	+.res_info .res_info_in .res_info_btm dl dt .icon_wrap .di_info .di_hover_layer strong{font-weight:600;}
	2389	+.res_info .res_info_in .res_info_btm dl dt .icon_wrap .di_info:hover .di_hover_layer{display:block;}
	2390	+.res_info .res_info_in .res_info_btm dl .btnType20{margin: -3px 0 0 0; background-color: #f5f5f5; border: 1px solid #d5d5d5; color: #222;}
	2391	+
	2392	+.res_info .res_info_in .res_num .res_info_btm1 dl{display:flex;padding:8px 10px 5px 10px;font-size:16px;font-weight:300;justify-content:space-between; color:#222;}
	2393	+.res_info .res_info_in .res_num .res_info_btm1 dl dt{font-weight:400; font-size:16px; padding:3px 0 0 0;}
	2394	+.res_info .res_info_in .res_num .res_info_btm1 dl dt.btm_charge{font-size:18px;}
	2395	+.res_info .res_info_in .res_num .res_info_btm1 dl dd{padding:3px 0 0 0;}
	2396	+.res_info .res_info_in .res_num .res_info_btm1 dl dd span{font-weight:500; font-size:24px;}
	2397	+
	2398	+.send_top .resultcont_left .table_bottom_txt{padding:18px 0 0 0;font-size:14px; font-weight:500;}
	2399	+
	2400	+.tb_wrap1{height:302px; overflow-y: auto; position:relative; border:1px solid #ccc; border-radius:5px;}
	2401	+.tb_wrap1 table.type4 th{position: sticky; top:0; z-index: 1; background-color:#ededed;}
	2402	+
	2403	+/문자전송_안심번호 안내 추가/
	2404	+.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide{margin: -11px 0 0 0; text-align: left; line-height: 1.3; font-size: 14px; color: #e40000; font-weight: 400;}
	2405	+.top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide:hover{text-decoration: underline;}
	2406	+.tType1 tbody tr td.putText textarea.phone_num{height: 84px;}
	2407	+
	2408	+
	2409	+@keyframes rotate-loading {
	2410	+ 0% {transform:rotate(0)}
	2411	+ 100% {transform:rotate(360deg);}
	2412	+}
	2413	+@keyframes text-loading {
	2414	+ 0% {opacity:0;}
	2415	+ 25% {opacity:0;}
	2416	+ 50% {opacity:1;}
	2417	+ 100% {opacity:0;}
	2418	+}
	2419	+
	2420	+/* media queries */
	2421	+@media only screen and (max-width:1540px){
	2422	+ .tType4 tbody td {padding: 0 2px;}
	2423	+ .titBox .btnWrap.type1 {width: 220px;}
	2424	+ .titBox .btnWrap.type1 button {width: 220px; font-size: 15px; padding: 8px 0;}
	2425	+ .send_top {margin: 0 30px;}
	2426	+ .send_bottom {margin: 60px 30px 0 30px;}
	2427	+ .list_bottom {width: calc(100% - 200px);}
	2428	+ .sub .election .list_bottom{width:calc(100% - 100px)}
	2429	+ .area_tabcontent.photo_sample {min-height:737px;}
	2430	+ /* .area_tabcontent.photo_sample li {height:355.5px;} */
	2431	+ .area_tabcontent.photo_sample li .photo_cont {max-height:307.5px;}
	2432	+ /* 맞춤제작 */
	2433	+ .custom_visual {max-width:1240px;margin:0 30px 20px 30px;}
	2434	+ .custom_content.custom2 .cont_bottom ul li>div {width: calc(100% - 148px - 30px);}
	2435	+ .custom_content.custom2 .cont_bottom ul li>div .step {margin-bottom: 10px;}
	2436	+ .custom_content.custom2 .cont_bottom ul li>div p {font-size: 18px;}
	2437	+ .custom_content.custom3 .tit_text_wrap>span {display: block; margin: 2px auto 0 auto;}
	2438	+ .custom_content.custom3 .area_tabcontent li .tit_text_wrap {padding: 5px 0;}
	2439	+ .tType1 tbody tr td.putText .put_right {width: inherit;}
	2440	+ .custom_content.custom2 .custom_notice {padding: 25px 20px;}
	2441	+ .custom_content.custom2 .custom_notice ul li {margin-right: 20px;}
	2442	+
	2443	+ .send_top .send_right {flex-basis:calc(100% - 68% - 55px);}
	2444	+
	2445	+ /* 팩스전송 */
	2446	+ .fax_content .send_info_fax{width: 320px;padding: 25px 20px;}
	2447	+
	2448	+ /* 요금사용내역 */
	2449	+ .hisroy_price .hisroy_price_in{padding: 25px 22px;}
	2450	+ .hisroy_price .hisroy_price_in>p{font-size: 18px; margin: 0 0 15px 0;}
	2451	+ .hisroy_price .total_price>p{margin: 5px 0 0 0;}
	2452	+ .hisroy_price .total_price .clearfix{width: calc((100% - 350px)/2);}
	2453	+ .hisroy_price .hisroy_price_in>div>p>span{font-size: 16px; vertical-align: middle;}
	2454	+
	2455	+ /* 카톡전송 > 알림톡 소개 */
	2456	+ /알림톡 소개_알림톡이란?/
	2457	+ /타이틀/
	2458	+ .kakao_intro_cont .kakao_intro .title-line .left-line{width: 355px;}
	2459	+ .kakao_intro_cont .kakao_intro .title-line .right-line{width: 355px;}
	2460	+ /컨텐츠/
	2461	+ .kakao_intro_cont .kakao_intro .con .intro{display: flex; justify-content: space-between; margin-top: 65px;}
	2462	+ .kakao_intro_cont .kakao_intro .con .intro .phone{margin-right: 50px;}
	2463	+ .kakao_intro_cont .kakao_intro .con .intro .list li:nth-child(1) img{width: 100%;}
	2464	+ /문자vs알림톡/
	2465	+ .kakao_intro_cont .kakao_intro .con .fight .box{width: 404px;}
	2466	+ .kakao_intro_cont .kakao_intro .con .fight .box .fight-img .icon{padding: 0 25px;}
	2467	+ .kakao_intro_cont .kakao_intro .con .fight .text p{width: 404px;}
	2468	+
	2469	+ /알림톡 소개_알림톡 활용 방법/
	2470	+ /타이틀 + 서비스 이용 방법이랑 같이/
	2471	+ .kakao_intro_cont .use .title-line .left-line ,.kakao_intro_cont .service .title-line .left-line{width: 320px;}
	2472	+ .kakao_intro_cont .use .title-line .right-line ,.kakao_intro_cont .service .title-line .right-line{width: 320px;}
	2473	+ .kakao_intro_cont .use .tab-content img{width: 100%;}
	2474	+
	2475	+ /알림톡 소개_서비스 이용 방법/
	2476	+ /아이콘/
	2477	+ .kakao_intro_cont .service .con .service-03 .text .icon img{margin-top: 24px;}
	2478	+ .kakao_intro_cont .service .con .service-04 .text .icon img{margin-top: 24px;}
	2479	+
	2480	+ /발송결과_select버튼/
	2481	+ .select_btnWrap .btn_right .search .send_text{width: 170px;}
	2482	+
	2483	+ /* 선거문자 */
	2484	+ .election .tType1 tbody tr td.putText .receipt_number_table_wrap .put_right{max-width:170px;}
	2485	+ .sub .election .receipt_number_table_wrap+.list_bottom .list_bottom_right button{font-size:14px;letter-spacing:-1px;}
	2486	+ .sub .election .receipt_number_table_wrap+.list_bottom .list_bottom_right .btn_gray.fill{padding:0 5px;}
	2487	+ .sub .election .receipt_number_table_wrap+.list_bottom .list_bottom_right .btn_yellow.fill{padding:0 3px;}
	2488	+
	2489	+ /* 후불회원 요금사용내역*/
	2490	+ .hisroy_price .hisroy_defprice_in>p {font-size: 18px; font-weight: 600; margin-bottom: 25px; font-family: 'GmarketSansBold';}
	2491	+ .hisroy_price .hisroy_defprice_in>div>p>span {font-size: 17px; font-family: 'GmarketSansBold'; color: #002c9a; padding-right: 1px;}
	2492	+
	2493	+ /* 카카오톡 설정*/
	2494	+ .kakao_use_guide_cont .kakao_use_guide li .btn_wrap{margin: 30px 0 0 0;}
	2495	+
	2496	+ /요금안내/견적내기_하단 텍스트 여백 수정/
	2497	+ .fee_wrap .banner>p{margin: 8px 40px 0 40px;}
	2498	+
	2499	+ /발송결과 상세 수정_2025/
	2500	+ .res_info .res_info_in{width: 93%;}
	2501	+}
	2502	+
	2503	+@media only screen and (max-width:1480px){
	2504	+ /* 예약관리 table tab button */
	2505	+ .rev_admin_cont .list_tab_wrap2 ul::after {width: 100%; min-width: 1020px;}
	2506	+
	2507	+ /* sub1 send_top */
	2508	+ .send_top {margin: 0 70px;}
	2509	+ .tType1 tbody tr td.send_list .list_left .add_num .btnType6 {padding: 0 12px;}
	2510	+ .tType1 tbody tr td.send_list .list_left .add_num input[type="text"] {width: calc(100% - 89px);}
	2511	+ .tType1 tbody tr td.send_list .add_remove button {padding:4px;}
	2512	+ .tType1 tbody tr td.send_list .list_left, .tType1 tbody tr td.send_list .list_right {width: calc(100%/2 - 20px);}
	2513	+ .tType1 tbody tr td.send_list .add_remove {width: 6%;margin: 40px 4px 0 4px;}
	2514	+ .list_bottom .remove_btnWrap .address_reg2 {width: calc(100% - 216px); font-size: 12px;}
	2515	+ /* phone */
	2516	+ /* .send_top .send_right .phone {width: 330px;}
	2517	+ .send_top .send_right .phone .phoneIn {height: 632px;}
	2518	+ .rev_top .selType1:nth-child(2) {display: block;}
	2519	+ .send_top .send_right .send_rev .rev_top .calendar_wrap input[type="text"] {width: 246px;}
	2520	+ .send_top .send_right .send_rev .rev_top .calendar_in .calendarPop {left: -247px;}
	2521	+ .send_top .send_right .send_rev .rev_top .selBox {display: block;margin-top: 8px;margin-left: 41px;}
	2522	+ .send_top .send_right .send_rev {width: 321px;} */
	2523	+ /* sub1 send_bottom */
	2524	+ .send_top .send_right {flex-basis:calc(100% - 68% - 30px);}
	2525	+ .send_bottom{margin: 60px 70px 0 70px;}
	2526	+ /* .area_tabcontent li{width: calc(97% / 5 - 5px);} */
	2527	+ /* .area_tabcontent.msg_sample li{width: calc(100% / 4 - 10px);}
	2528	+ .area_tabcontent.msg_sample li:nth-child(5n){margin-right: 13px;}
	2529	+ .area_tabcontent.msg_sample li:nth-child(4n){margin-right: 0;} */
	2530	+ .send_top .send_right .send_rev .rev_bottom .selType1 {margin-left: 0;}
	2531	+ .area_tabcontent.photo_sample {min-height:689px;}
	2532	+ /* .area_tabcontent.photo_sample li {height:331.5px;} */
	2533	+ .area_tabcontent.photo_sample li .photo_cont {max-height:283.5px;}
	2534	+ /* 맞춤제작 샘플 */
	2535	+ /* 맞춤제작 */
	2536	+ .custom_visual {max-width:1240px;margin:0 70px 20px 70px;}
	2537	+ .custom_content.custom2 .custom_notice {padding: 25px 20px;}
	2538	+ .custom_content.custom2 .custom_notice>div p {margin-left: 0px;}
	2539	+ .custom_content.custom2 .custom_notice>div {width: 150px;}
	2540	+ .custom_content.custom2 .custom_notice ul li {margin-right: 10px; font-size: 15px;}
	2541	+ .custom_content.custom2 .cont_bottom ul li {height: 190px; padding: 0 20px;}
	2542	+ .custom_content.custom2 .cont_bottom ul li>div {width: calc(100% - 120px - 20px);}
	2543	+ .custom_content.custom2 .cont_bottom ul li i {background-size: 100%; width: 120px; height: 120px;}
	2544	+ .custom_content.custom2 .cont_bottom ul li>div .step {margin-bottom: 5px;height: 28px; padding: 0 15px; font-size: 20px; line-height: 26px;}
	2545	+ .custom_content.custom2 .cont_bottom ul li>div .step>span {font-size: 15px;}
	2546	+ .custom_content.custom2 .cont_bottom ul li>div p {font-size: 17px;}
	2547	+ .custom_content.custom3 .search_wrap .btn_left .calendar input[type="text"] {width: 135px;}
	2548	+ .custom_content.custom3 .search_wrap select.selType2 {width: 110px;}
	2549	+
	2550	+ /* 결제관리 */
	2551	+ .charg_cont .tType1 select{width: 200px;}
	2552	+ .charg_cont .tType1 button{padding: 0 10px; font-size: 16px;}
	2553	+ .charg_cont .tType1 .flex input[type="text"]{width: 30%;}
	2554	+ .charg_cont .tType1 .box_input.flex{padding: 10px 15px;}
	2555	+ .charg_cont .tType1 .box_input.flex input[type="text"]{width: 90%;}
	2556	+ .charg_cont .tType1 .box_input.flex li{font-size: 16px; letter-spacing: -1px;}
	2557	+ .charg_cont .tType1 .area_text p input {width: 300px;}
	2558	+
	2559	+ /* 예약관리 */
	2560	+ .rev_admin_cont.serv_content .excel_middle {padding: 9px 10px;}
	2561	+ .rev_admin_cont .excel_middle .cal_label {padding-right: 0;}
	2562	+ .rev_admin_cont.serv_content .excel_middle .calendar_wrap>input[type="text"] {width: 125px;}
	2563	+ .rev_admin_cont.serv_content .select_btnWrap .btn_left>button {padding: 0 7px;}
	2564	+ .rev_admin_cont .select_btnWrap .btn_right select {width: 110px;}
	2565	+ .rev_admin_cont .select_btnWrap .btn_right input[type="text"] {width: 170px;}
	2566	+ .rev_admin_cont .select_btnWrap .btn_right button {width: 50px;}
	2567	+
	2568	+ /* 카톡전송 > 알림톡 소개 */
	2569	+ /알림톡 소개_알림톡이란?/
	2570	+ /타이틀/
	2571	+ .kakao_intro_cont .kakao_intro .title-line .left-line{width: 320px;}
	2572	+ .kakao_intro_cont .kakao_intro .title-line .right-line{width: 320px;}
	2573	+ /.kakao_intro_cont .kakao_intro .con .intro ul li p:nth-child(1){width: 36px; height: 36px; line-height: 39px; border-radius: 18px;}/
	2574	+ .kakao_intro_cont .kakao_intro .con .intro ul li p:nth-child(2){font-size: 19px;}
	2575	+ .kakao_intro_cont .kakao_intro .con .intro ul li:nth-child(4) p:nth-child(2){line-height: 28px; padding: 26px 0 4px 0;}
	2576	+ /이미지 텍스트/
	2577	+ .kakao_intro_cont .kakao_intro .con .intro ul{margin-top: -33px;}
	2578	+ /문자vs알림톡/
	2579	+ .kakao_intro_cont .kakao_intro .con .fight .box{width: 388px;}
	2580	+ .kakao_intro_cont .kakao_intro .con .fight .box .fight-img .icon{padding: 0 22px;}
	2581	+ .kakao_intro_cont .kakao_intro .con .fight .text p{width: 388px;}
	2582	+ .kakao_intro_cont .kakao_intro .con .fight .box .vs{margin: 100px 10px 0 10px;}
	2583	+
	2584	+ /알림톡 소개_알림톡 활용 방법/
	2585	+ /타이틀 + 서비스 이용 방법이랑 같이/
	2586	+ .kakao_intro_cont .use .title-line .left-line ,.kakao_intro_cont .service .title-line .left-line{width: 285px;}
	2587	+ .kakao_intro_cont .use .title-line .right-line ,.kakao_intro_cont .service .title-line .right-line{width: 285px;}
	2588	+
	2589	+ /알림톡 소개_유의사항/
	2590	+ .kakao_intro_cont .note ul li{text-indent: -10px; margin: 0 0 0 20px; line-height: 1.5;}
	2591	+ .kakao_intro_cont .note ul li:nth-child(4){text-indent: -1px; margin: 0 0 0 12px; line-height: 1.4;}
	2592	+ .kakao_intro_cont .note ul li:nth-child(5){margin: 6px 0 8px 23px;}
	2593	+
	2594	+ /발송결과_select버튼/
	2595	+ .rev_admin_cont .select_btnWrap .btn_right .select_all_btn{width: 143px;}
	2596	+ .rev_admin_cont .select_btnWrap .btn_right .select_btn{width: 105px;}
	2597	+
	2598	+ /* 선거문자 */
	2599	+ .sub .election .list_bottom{width:calc(100% - 154px);}
	2600	+ .sub .election .receipt_number_table_wrap .list_bottom{width:100%;}
	2601	+ .sub .election .list_bottom .list_bottom_right button{height:30px;font-size:14px;letter-spacing:-1.4px;}
	2602	+ .sub .election .list_bottom .pagination button{display:inline-flex;width:25px;height:30px;align-items:center;justify-content:center;}
	2603	+
	2604	+ /문자전송_안심번호 안내 추가/
	2605	+ .top_content .send_general .send_left .tType1 .btn_popup_wrap .info_guide{margin: 0 0 0 11px; text-indent: -11px;}
	2606	+ .tType1 tbody tr td.putText textarea.phone_num{height: 103px;}
	2607	+}
	2608	+
	2609	+@media only screen and (max-width:1380px){
	2610	+ .titBox .btnWrap.type1 {width: 200px;}
	2611	+ .titBox .btnWrap.type1 button {width: 200px; font-size: 14px; padding: 7px 0;}
	2612	+ /* sub1 send_top */
	2613	+ .send_top .send_left {flex-basis:66%;}
	2614	+ .tType1 tbody tr td.putText .put_right>button .qmMark {margin: 0 0 2px 1px;}
	2615	+ .tType1 tbody tr td.send_list .list_right .list_btnWrap button {font-size: 13px;}
	2616	+ /.tType1 tbody tr td.putText .put_right .convers_wrap button .qmMark {margin: 0 auto; display: block; background-size: 85%; background-position: center;}/
	2617	+ /* .tType1 tbody tr td.putText .put_right .convers_wrap button {height: 50px;} */
	2618	+ /* sub1 send_bottom */
	2619	+ .area_tabs .tab_depth4 {min-width: 500px;}
	2620	+ .area_tabs .tab_depth4 a {font-size: 15px; padding: 8px 20px 9px 20px; margin: 0 5px;}
	2621	+ .area_tabs .customReq button {font-size: 16px; }
	2622	+ /* 맞춤제작 샘플 */
	2623	+ .custom_content.custom2 .cont_bottom ul li {height: 180px;}
	2624	+ .custom_content.custom2 .cont_bottom ul li i {width: 100px; height: 100px;}
	2625	+ .custom_content.custom2 .cont_bottom ul li>div {width: calc(100% - 100px - 25px);}
	2626	+
	2627	+ td.attachedFile_wrap .reqTxt6 {display: block; line-height: 30px;padding-left: 0;}
	2628	+
	2629	+ .tabType4 li button {font-size: 18px;}
	2630	+
	2631	+ /* 결제관리 */
	2632	+ .fee_cont .banner ul li p {font-size: 18px;}
	2633	+ .fee_cont .banner ul li button {margin-left: 3px;}
	2634	+ .charg_cont .tType1 select{width: 200px;}
	2635	+ .charg_cont .tType1 .flex input[type="text"]{width: 25%;}
	2636	+ .charg_cont .tType1 .flex button{padding: 0 5px;}
	2637	+ .info_bank li p span{font-size: 18px}
	2638	+
	2639	+ /* 예약관리 */
	2640	+ .table_cont .rev_admin_list2 .tType3_bd .btnType {width: 58px;}
	2641	+
	2642	+ /* 카카오톡 */
	2643	+ .kakaotalkset_cont .kakao_wrap .template_category{width: 259px;}
	2644	+
	2645	+ /* 선거문자 */
	2646	+ .sub .election .list_bottom .list_bottom_right button{width:90px;height:30px;font-size:14px;letter-spacing:-1.4px;}
	2647	+
	2648	+}
	2649	+
	2650	+@media only screen and (max-width:1300px){
	2651	+ /* sub1 send_top */
	2652	+ .send_top .top_content {padding: 15px 20px;}
	2653	+ .sub .heading::after {width: calc(100% + 40px);left: -20px;}
	2654	+ /* phone */
	2655	+ /* .send_top .send_right .phone.fixed {right: 90px;} */
	2656	+ /* 맞춤제작 샘플 */
	2657	+ .custom_content.custom2 .custom_notice>div p {font-size: 18px;}
	2658	+ .custom_content.custom2 .custom_notice>div {width: 130px;}
	2659	+ .custom_content.custom2 .custom_notice {padding: 20px 10px;}
	2660	+ .custom_content.custom2 .cont_bottom ul li {height: 170px; padding: 0 15px;}
	2661	+ .custom_content.custom2 .cont_bottom ul li>div {width: calc(100% - 100px - 10px);}
	2662	+ /* 내 문자함 */
	2663	+ .search_wrap .search input[type="text"] {width: 180px;}
	2664	+}
	2665	+
	2666	+@media only screen and (max-width:1280px){
	2667	+ body {overflow-x:auto !important;}
	2668	+ /* phone */
	2669	+ /* .send_top .send_right .phone.fixed {position: absolute; right: 0;} */
	2670	+ /* sub1 send_bottom */
	2671	+ .area_tabs .tab_depth2{width: 50%;}
	2672	+ .send_top .send_right .phone.absolute{top: 0;}
	2673	+ /* 맞춤제작 */
	2674	+ /* .custom_content.custom2 .cont_bottom ul li {height: 170px; padding: 0 15px;} */
	2675	+
	2676	+}
	2677	+
	2678	+/* ie */
	2679	+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	2680	+ /* 기타 반복사용 */
	2681	+ .font_ellipsis p {white-space: nowrap; width: 90%;}
	2682	+ /* sub1 send_bottom */
	2683	+ .tabType2 li button {padding: 20px 0;}
	2684	+ /* .area_tabcontent li{flex-basis: calc(89% / 5);} */
	2685	+ /.area_tabcontent.msg_sample li{flex-basis: calc(83.5% / 5);} 20220518/
	2686	+ .area_tabs .tab_depth2{width: 43%;}
	2687	+ .area_tabs .tab_depth2 a{padding: 0; flex-basis: calc(93% / 3);}
	2688	+ .area_tabs .tab_depth2 a.on::after {bottom: -29px;}
	2689	+ /* 맞춤제작 */
	2690	+ .custom_content.custom2 .cont_bottom ul li {display: table; width: 100%; text-align: left;}
	2691	+ .custom_content.custom2 .cont_bottom ul li i {margin: 31px 0;}
	2692	+ .custom_content.custom2 .cont_bottom ul li > div {display: table-cell; vertical-align: middle; width: 60%;}
	2693	+
	2694	+
	2695	+}
	2696	+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:1540px) {
	2697	+ /* .custom_content.custom2 .cont_bottom ul li > div {width: 260px;} */
	2698	+}
	2699	+
	2700	+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:1440px) {
	2701	+ /* sub1 send_bottom */
	2702	+ .area_tabcontent.msg_sample li{flex-basis: calc(84.8% / 4);}
	2703	+ /* 맞춤제작 */
	2704	+ .custom_content.custom2 .cont_bottom ul li i {margin: 40px 0;}
	2705	+ .custom_content.custom2 .cont_bottom ul li > div {width: 65%;}
	2706	+
	2707	+}
	2708	+
	2709	+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:1300px) {
	2710	+ .custom_content.custom2 .cont_bottom ul li i {margin: 35px 0;}
	2711	+ .custom_content.custom2 .cont_bottom ul li > div {width: 68%;}
	2712	+
	2713	+
	2714	+}
	2715	+
	2716	+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:1260px) {
	2717	+ /* sub1 send_bottom */
	2718	+ .area_tabcontent li{flex-basis: calc(86% / 5);}
	2719	+ .area_tabcontent.msg_sample li{flex-basis: calc(83% / 4);}
	2720	+}
	2721	+
	2722	+

2b74d85

1307639

src/main/webapp/publish/css/content.css

--- src/main/webapp/publish/css/content.css

+++ src/main/webapp/publish/css/content.css


 /* 발송관리 */
 .table_tab_wrap .tab_depth1 {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); text-align: center;}
 .table_tab_wrap .tab_depth1 a {width: 150px;}
-/*.kakao_rev_content .rev_admin_in{width: calc(100% / 3 - 20px);}*/
-.kakao_rev_content .rev_admin_in{width: calc(100% / 2 - 20px);}
+.kakao_rev_content .rev_admin_in{width: calc(100% / 3 - 20px);}
+/*.kakao_rev_content .rev_admin_in{width: calc(100% / 2 - 20px);}*/
 /*// 발송관리 */
 
 /*발송결과*/

 
 .res_info .res_info_in .res_info_btm {margin:20px 0 0 0;padding:10px;background:#fff;border-radius:5px;box-sizing:border-box;}
 .res_info .res_info_in .res_info_btm dl {display:flex;padding:8px 10px;font-size:16px;font-weight:300;justify-content:space-between; color:#222;}
+.res_info .res_info_in .res_info_btm dl.charge_line {border-top:1px solid #e6e6e6; text-align:center;} 
+.res_info .res_info_in .res_info_btm dl dt.charge_title {font-size:15px; padding:0 0 0 5px;}
 .res_info .res_info_in .res_info_btm dl dt {font-weight:400;}
 .res_info .res_info_in .res_info_btm dl dt.btm_charge {font-size:16px;}
 .res_info .res_info_in .res_info_btm dl dd span {font-weight:500;}

 /* right area 문자 미리보기 */
 .send_top .resultcont_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;}
 .send_top .send_general.sec .resultcont_right {min-height:auto;}
+.send_top .resultcont_right .tab_phone {display: none; } 
+.send_top .resultcont_right .tab_phone.current {display: block;} 
+
 /* phone 기본 -- sticky */
 .send_top .resultcont_right .phone {width: 374px; position: absolute; right: -2px; top: 0;}
 .send_top .resultcont_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 720px; background-size: 100% auto; background-repeat: no-repeat; }

 
 /* 알림톡 미리보기 */
 .send_top .resultcont_right .phone_kakao {width: 374px; position: absolute; right:0; top: 0;} 
-.send_top .resultcont_right .phone_kakako .phoneIn{height: 690px; width:340px; background-image: url(/publish/images/content/kakaoBg.png); padding: 27px 25px 0 25px;}
+.send_top .resultcont_right .phone_kakako .phoneIn{height: 720px; width:346px; background-image: url(/publish/images/content/kakaoBg.png); padding: 27px 25px 0 25px; margin:0 0 0 -12px;}
 .send_top .resultcont_right .phone_kakako .prev_p{padding: 0 0 0 10px; border: 0; letter-spacing: -0.25px;}
 .send_top .resultcont_right .phone_kakako .prev_p img{margin: 0 10px 0 0;}
 .send_top .resultcont_right .phone_kakako .allimtalk_title{position: relative; width: calc(100% - 20px); background-color: #fae100; font-family: 'LotteMartDream'; font-size: 18px; padding: 12px 21px; border-radius: 5px 5px 0 0; box-sizing: border-box;}

2b74d85

1307639

src/main/webapp/publish/guide_2022.html

--- src/main/webapp/publish/guide_2022.html

+++ src/main/webapp/publish/guide_2022.html


     <!-- <p>***<span class="font1"> (컨텐츠)</span> : 반복적으로 사용 안함</p>
     <p>***<span class="font2"> (보드)</span> : 반복적으로 사용</p> -->
     <ul class="page">
-    	<li><a href="/publish/index_2025.html">index_2025.html</a>메인비주얼 아래 슬라이드 배너박스를 관리자페이지에서 텍스트 및 아이콘 등록 가능 하도록 수정</li>
+        <li><a href="/publish/textingmsg_2025_detail_kakao.html">textingmsg_2025_detail_kakao.html</a>[개선] 카카오 발송결과 상세</li>
+    	<li><a href="/publish/index_2025.html">index_2025.html</a>메인비주얼 아래 서비스안내 배너를 관리자페이지에서 텍스트 및 아이콘 등록 가능 하도록 수정</li>
     	<li><a href="/publish/textingmsg_2025_detail.html">textingmsg_2025_detail.html</a>[개선] 발송결과 상세 수정</li>
     	<li><a href="/publish/textingmsg_2025_list.html">textingmsg_2025_list.html</a>[개선] 발송결과 수정</li>
         <li><a href="/publish/service3_spam_2024.html">service3_spam_2024.html</a>불법스팸방지정책  (2024.11.29)</li>

2b74d85

1307639

src/main/webapp/publish/js/content.js

--- src/main/webapp/publish/js/content.js

+++ src/main/webapp/publish/js/content.js


 	currTabId = tabId;
 }
 
+//콘텐츠 - 발송결과 미리보기 tab
+function phoneTab(obj, tabId){
+	var $tab = $(obj).closest("li");
+	$tab.addClass("active");
+	$tab.find("button").attr("title", "선택됨");
+	$tab.siblings("li.tab").removeClass("active");
+	$tab.siblings("li.btn_tab").removeClass("active");
+	$tab.siblings("li.tab").find("button").removeAttr("title");
+
+	var $tabCn = $("#tab_phone_" + tabId);
+	$tabCn.fadeIn(0);
+	$tabCn.addClass("current");
+
+	$(".tab_phone").not($tabCn).removeClass("current");
+	$(".tab_phone").not($tabCn).fadeOut(0);
+
+	currTabId = tabId;
+}
+
 /* 회원가입 약관동의 list */
 function clause_list(obj){
 	var listBody = $(obj).parents(".clause_list_head").siblings(".clause_list_body");

1307639

src/main/webapp/publish/textingmsg_2025_detail_kakao.html (added)

+++ src/main/webapp/publish/textingmsg_2025_detail_kakao.html

...	...	@@ -0,0 +1,1036 @@
	1	+<!DOCTYPE html>
	2	+<html lang="ko">
	3	+
	4	+<head>
	5	+ <meta charset="UTF-8">
	6	+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
	7	+ <title>문자온_발송결과</title>
	8	+
	9	+ <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"
	10	+ rel="stylesheet">
	11	+ <link rel="stylesheet" href="/publish/css/reset.css">
	12	+ <link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
	13	+ <link rel="stylesheet" href="/publish/css/common.css">
	14	+ <link rel="stylesheet" href="/publish/css/button.css">
	15	+ <link rel="stylesheet" href="/publish/css/content.css">
	16	+ <link rel="stylesheet" href="/publish/css/mem.css">
	17	+ <link rel="stylesheet" href="/publish/css/font.css">
	18	+ <link rel="stylesheet" href="/publish/css/popupLayer.css">
	19	+ <link rel="stylesheet" href="/publish/js/datepicker/classic.css">
	20	+ <link rel="stylesheet" href="/publish/js/datepicker/classic.date.css">
	21	+
	22	+
	23	+ <script src="/publish/js/jquery-3.5.0.js"></script>
	24	+ <script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
	25	+ <script src="/publish/js/common.js"></script>
	26	+ <script src="/publish/js/content.js"></script>
	27	+ <script src="/publish/js/popupLayer.js"></script>
	28	+ <script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
	29	+ <script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
	30	+ <script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
	31	+
	32	+ <script>
	33	+ $(document).ready(function () {
	34	+ $(".table_tab_wrap .tab_depth1 a").click(function () {
	35	+ var tab_num = $(this).index();
	36	+ $(".table_cont .tb_wrap").eq(tab_num).show();
	37	+ $(".table_cont .tb_wrap").eq(tab_num).siblings(".tb_wrap").hide();
	38	+ if($(".table_tab_wrap .tab_depth1 a:visible").length == tab_num+1){
	39	+ $(this).css("border-radius","0 5px 5px 0");
	40	+ }else{}
	41	+ })
	42	+ });
	43	+ </script>
	44	+
	45	+</head>
	46	+
	47	+<body>
	48	+ <div class="mask"></div>
	49	+
	50	+ <!-- 220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
	51	+ <div class="tooltip-wrap">
	52	+ <div class="popup-com ad_layer popupJunk" tabindex="0" data-tooltip-con="popupJunk" data-focus="popupJunk" data-focus-prev="popupJunk-close" style="width: 795px;">
	53	+ <div class="popup_heading">
	54	+ <p>이통사 스팸차단 및 번호도용 방지 서비스 안내</p>
	55	+ <button type="button" class="tooltip-close" data-focus="popupJunk-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	56	+ </div>
	57	+ <div class="layer_in">
	58	+ <div class="list_tab_wrap2 type5">
	59	+ <!-- tab button -->
	60	+ <ul class="list_tab">
	61	+ <li class="tab active"><button type="button" onclick="listTab2(this,'1');">이통사 스팸 필터링 서비스</button></li>
	62	+ <li class="tab"><button type="button" onclick="listTab2(this,'2');">번호도용 문자차단 서비스</button></li>
	63	+ </ul><!-- // tab button -->
	64	+ </div>
	65	+ <!-- 광고문자 전송규정 안내 -->
	66	+ <div class="adpop_cont current" id="listTab2_1">
	67	+ <div class="titBox">
	68	+ <div class="notibox">한국인터넷진흥원 불법스팸대응센터에서 스팸종합대책을 마련함에 따라,<br>각 통신사에서 스팸차단서비스라는 서비스를 진행하고 있습니다.</div>
	69	+ <p>- 스팸차단서비스는 이동통신사의 별도 조합 기준에 따른 스팸확률에 의한 차단으로 스팸으로 판단되는 문자를</p>
	70	+ <p>  휴대폰 문자수신함이 아닌, 각 통신사별 스팸보관함에 전송한 후 결과값은 성공을 처리합니다(정상과금 처리)</p>
	71	+ <p>- 스팸문자로 저장된것이 확인되었다면, 스팸차단서비스를 해제하여 이용하시기 바랍니다.</p>
	72	+ <p>  (개인정보보호정책으로 인해 본인 이외 타인은 확인 불가하므로, 본인이 직접 확인해야합니다.)</p>
	73	+ </div>
	74	+ <div class="adpop1_bottom">
	75	+ <p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
	76	+ <div class="content_box">
	77	+ <ul class="list">
	78	+ <li class="tit">
	79	+ <ul>
	80	+ <li>
	81	+ <div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SK telecom" /></div>
	82	+ <a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&viewId=V_PROD7070&prod_id=NA00002121&uCode=u1_2" target="_blank" rel="nosublink">T월드 문자 스팸필터링 바로가기</a>
	83	+ </li>
	84	+ <li>
	85	+ <div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="olleh KT" /></div>
	86	+ <a href="https://product.kt.com/wDic/productDetail.do?ItemCode=479" target="_blank" rel="nosublink">KT (안심)스팸차단 바로가기</a>
	87	+ </li>
	88	+ <li>
	89	+ <div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="LG U+" /></div>
	90	+ <a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0000277" target="_blank" rel="nosublink">U+ 스팸차단 바로가기</a>
	91	+ </li>
	92	+ </ul>
	93	+ </li>
	94	+ <li>
	95	+ <dl>
	96	+ <dt><img src="/publish/images/content/junk_agency001_01.png" alt="T world" /></dt>
	97	+ <dd>
	98	+ <p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸필터링] 검색<br>→ 부가서비스 - 문자 스팸필터링 → 설정 → SMS인증 → 스팸차단 메시지 확인</p>
	99	+ </dd>
	100	+ </dl>
	101	+ </li>
	102	+ <li>
	103	+ <dl>
	104	+ <dt><img src="/publish/images/content/junk_agency002_01.png" alt="olleh O" /></dt>
	105	+ <dd>
	106	+ <p>KT<a href="https://www.kt.com/" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인 →[스팸차단서비스] 검색<br>→ 스팸차단서비스 → 스팸메시지함 → 스팸차단 메시지 확인</p>
	107	+ </dd>
	108	+ </dl>
	109	+ </li>
	110	+ <li>
	111	+ <dl>
	112	+ <dt><img src="/publish/images/content/junk_agency003_01.png" alt="LG U+" /></dt>
	113	+ <dd>
	114	+ <p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸차단] 검색<br>→ 부가서비스 - 스팸차단 → 스팸내역 조회 → SMS인증 → 스팸차단 메시지 확인</p>
	115	+ </dd>
	116	+ </dl>
	117	+ </li>
	118	+ </ul>
	119	+ </div>
	120	+ </div>
	121	+ <div class="adpop1_bottom">
	122	+ <p class="title_box"><span>02.</span>통신사 어플을 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
	123	+ <div class="content_box">
	124	+ <ul class="list02">
	125	+ <li>
	126	+ <div class="img_box"><img src="/publish/images/content/junk_agency01_02.png" alt="SKT" /></div>
	127	+ <dl>
	128	+ <dt>SKT · T스팸필터링</dt>
	129	+ <dd>T Store, 구글 Play 스토어<br>다운가능</dd>
	130	+ </dl>
	131	+ </li>
	132	+ <li>
	133	+ <div class="img_box"><img src="/publish/images/content/junk_agency02_02.png" alt="KT" /></div>
	134	+ <dl>
	135	+ <dt>KT올레 · 올레스팸차단서비스</dt>
	136	+ <dd>구글 Play 스토어 다운가능</dd>
	137	+ </dl>
	138	+ </li>
	139	+ <li>
	140	+ <div class="img_box"><img src="/publish/images/content/junk_agency03_02.png" alt="LG" /></div>
	141	+ <dl>
	142	+ <dt>LG U+ · U+ 스팸차단</dt>
	143	+ <dd>구글 Play 스토어 다운가능</dd>
	144	+ </dl>
	145	+ </li>
	146	+ </ul>
	147	+ </div>
	148	+ </div>
	149	+ <div class="adpop1_bottom">
	150	+ <p class="title_box"><span>03.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
	151	+ <div class="content_box">
	152	+ <dl class="cscenter">
	153	+ <dt>휴대폰 114 + 통화버튼</dt>
	154	+ <dd>
	155	+ <ul>
	156	+ <li>· SKT 고객센터(1599-0011)</li>
	157	+ <li>· KT올레 고객센터(100)</li>
	158	+ <li>· LG U+ 고객센터(1544-0010)</li>
	159	+ </ul>
	160	+ </dd>
	161	+ </dl>
	162	+ </div>
	163	+ </div>
	164	+ </div><!-- // 광고문자 전송규정 안내 -->
	165	+
	166	+ <!-- 광고문자 수신동의 안내 -->
	167	+ <div class="adpop_cont" id="listTab2_2">
	168	+ <div class="titBox">
	169	+ <div class="notibox">웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스로<br>해당 서비스에 가입된 경우 인터넷 문자 발송서비스를 통해 본인 휴대폰번호로 문자 발송시 차단됩니다</div>
	170	+ <p>- 모든 전송 결과값이 실패로 확인되는 경우, 번호도용문자차단서비스에 가입여부 확인 후 해당서비스를 해지</p>
	171	+ <p>  하신 후 전송하시기 바랍니다.</p>
	172	+ </div>
	173	+ <div class="adpop1_bottom">
	174	+ <p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
	175	+ <div class="content_box">
	176	+ <ul class="list">
	177	+ <li class="tit">
	178	+ <ul>
	179	+ <li>
	180	+ <div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SKT" /></div>
	181	+ <a href="http://www.tworld.co.kr/normal.do?serviceId=S_PROD2001&viewId=V_PROD7070&prod_id=NA00004406&uCode=u1_2" target="_blank" rel="nosublink">T번호도용문자차단 바로가기</a>
	182	+ </li>
	183	+ <li>
	184	+ <div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="KT" /></div>
	185	+ <a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1047" target="_blank" rel="nosublink">KT번호도용문자차단 바로가기</a>
	186	+ </li>
	187	+ <li>
	188	+ <div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="Uplus" /></div>
	189	+ <a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0002297" target="_blank" rel="nosublink">U+ 번호도용문자차단 바로가기</a>
	190	+ </li>
	191	+ </ul>
	192	+ </li>
	193	+ <li>
	194	+ <dl>
	195	+ <dt><img src="/publish/images/content/junk_agency001_01.png" alt="tworld" /></dt>
	196	+ <dd>
	197	+ <p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
	198	+ </dd>
	199	+ </dl>
	200	+ </li>
	201	+ <li>
	202	+ <dl>
	203	+ <dt><img src="/publish/images/content/junk_agency002_01.png" alt="kt" /></dt>
	204	+ <dd>
	205	+ <p>KT<a href="https://www.kt.com" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
	206	+ </dd>
	207	+ </dl>
	208	+ </li>
	209	+ <li>
	210	+ <dl>
	211	+ <dt><img src="/publish/images/content/junk_agency003_01.png" alt="LGuplus" /></dt>
	212	+ <dd>
	213	+ <p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [번호도용문자차단] 검색<br>→ 부가서비스 → 번호도용문자차단 → 해지</p>
	214	+ </dd>
	215	+ </dl>
	216	+ </li>
	217	+ </ul>
	218	+ </div>
	219	+ </div>
	220	+ <div class="adpop1_bottom">
	221	+ <p class="title_box"><span>02.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
	222	+ <div class="content_box">
	223	+ <dl class="cscenter">
	224	+ <dt>휴대폰 114 + 통화버튼</dt>
	225	+ <dd>
	226	+ <ul>
	227	+ <li>· SKT 고객센터(1599-0011)</li>
	228	+ <li>· KT올레 고객센터(100)</li>
	229	+ <li>· LG U+ 고객센터(1544-0010)</li>
	230	+ </ul>
	231	+ </dd>
	232	+ </dl>
	233	+ </div>
	234	+ </div>
	235	+ </div><!-- // 광고문자 수신동의 안내 -->
	236	+ </div>
	237	+ <div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
	238	+ <button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
	239	+ </div>
	240	+ </div>
	241	+ </div>
	242	+ <!-- //220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
	243	+
	244	+
	245	+ <!-- 발송대상리스트 팝업 -->
	246	+ <div class="tooltip-wrap">
	247	+ <div class="popup-com ad_layer rev_popup04 transmit_list_popup" tabindex="0" data-tooltip-con="rev_popup04" data-focus="rev_popup04" data-focus-prev="rev_popup04-close" style="width:530px;">
	248	+ <div class="popup_heading">
	249	+ <p>발송대상 리스트</p>
	250	+ <button type="button" class="tooltip-close" data-focus="rev_popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	251	+ </div>
	252	+ <div class="layer_in">
	253	+
	254	+ <div class="popup_search_type2">
	255	+ <div class="title">수신번호</div>
	256	+ <label for="" class="label">검색어입력</label>
	257	+ <input type="text" class="send_text" id="" name="" value="" placeholder="3자 이상 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='3자 이상 입력하세요.'">
	258	+ <button type="button" class="btnType btnType2">검색</button>
	259	+ </div>
	260	+
	261	+ <div class="list_tab_wrap2 type4">
	262	+ <ul class="tabType3" id="tabType" name="tabType">
	263	+ <li class="tab active"><button type="button" onclick="contentTab(this,'1');" title="선택됨">전체</button></li>
	264	+ <li class="tab"><button type="button" onclick="contentTab(this,'2');">대기</button> </li>
	265	+ <li class="tab"><button type="button" onclick="contentTab(this,'3');">성공</button></li>
	266	+ <li class="tab"><button type="button" onclick="contentTab(this,'4');">실패</button></li>
	267	+ </ul>
	268	+ </div>
	269	+
	270	+ <!-- 전체 내용 -->
	271	+ <div class="tab_content current" id="tab_content_1">
	272	+ <div class="tb_wrap1">
	273	+ <table class="tType4">
	274	+ <colgroup>
	275	+ <col style="width: 240px;">
	276	+ <col style="width: auto;">
	277	+ </colgroup>
	278	+ <thead>
	279	+ <tr>
	280	+ <th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">수신번호
	281	+ <div class="sort_wrap">
	282	+ <input type="button" class="sort sortBtn">
	283	+ </div>
	284	+ </th>
	285	+ <th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">상세결과
	286	+ <div class="sort_wrap">
	287	+ <input type="button" class="sort sortBtn">
	288	+ </div>
	289	+ </th>
	290	+ </tr>
	291	+ </thead>
	292	+ <tbody>
	293	+ <tr>
	294	+ <td>010-1234-5678</td>
	295	+ <td>성공(카카오톡)</td>
	296	+ </tr>
	297	+ <tr>
	298	+ <td>010-1234-5678</td>
	299	+ <td>성공(카카오톡)</td>
	300	+ </tr>
	301	+ <tr>
	302	+ <td>010-1234-5678</td>
	303	+ <td>성공(대체문자)</td>
	304	+ </tr>
	305	+ <tr>
	306	+ <td>010-1234-5678</td>
	307	+ <td>대기</td>
	308	+ </tr>
	309	+ <tr>
	310	+ <td>010-1234-5678</td>
	311	+ <td>대기</td>
	312	+ </tr>
	313	+ <tr>
	314	+ <td>010-1234-5678</td>
	315	+ <td>실패</td>
	316	+ </tr>
	317	+ <tr>
	318	+ <td>010-1234-5678</td>
	319	+ <td>성공(카카오톡)</td>
	320	+ </tr>
	321	+ <tr>
	322	+ <td>010-1234-5678</td>
	323	+ <td>성공(카카오톡)</td>
	324	+ </tr>
	325	+ <tr>
	326	+ <td>010-1234-5678</td>
	327	+ <td>성공(대체문자)</td>
	328	+ </tr>
	329	+
	330	+ </tbody>
	331	+ </table>
	332	+
	333	+ </div>
	334	+
	335	+ <div class="table_btn clearfix">
	336	+ <div class="table_btn_left">
	337	+ <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
	338	+ <button type="button" data-tooltip="rev_popup02" class="btnType btnType14 btn_adr_add"><i class="add_img"></i>주소록 등록</button>
	339	+ </div>
	340	+ </div>
	341	+
	342	+ </div>
	343	+ <!--// 전체 내용 -->
	344	+
	345	+ <!-- 대기 내용 -->
	346	+ <div class="tab_content" id="tab_content_2">
	347	+ <div class="tb_wrap1">
	348	+ <table class="tType4">
	349	+ <colgroup>
	350	+ <col style="width: 240px;">
	351	+ <col style="width: auto;">
	352	+ </colgroup>
	353	+ <thead>
	354	+ <tr>
	355	+ <th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">수신번호
	356	+ <div class="sort_wrap">
	357	+ <input type="button" class="sort sortBtn">
	358	+ </div>
	359	+ </th>
	360	+ <th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">상세결과
	361	+ <div class="sort_wrap">
	362	+ <input type="button" class="sort sortBtn">
	363	+ </div>
	364	+ </th>
	365	+ </tr>
	366	+ </thead>
	367	+ <tbody>
	368	+ <tr>
	369	+ <td colspan="2">내역이 없습니다.</td>
	370	+ </tr>
	371	+ </tbody>
	372	+ </table>
	373	+
	374	+ </div>
	375	+
	376	+ <div class="table_btn clearfix">
	377	+ <div class="table_btn_left">
	378	+ <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
	379	+ </div>
	380	+ </div>
	381	+
	382	+ </div>
	383	+ <!--// 대기 내용 -->
	384	+
	385	+ <!-- 성공 내용 -->
	386	+ <div class="tab_content" id="tab_content_3">
	387	+ <div class="tb_wrap1">
	388	+ <table class="tType4">
	389	+ <colgroup>
	390	+ <col style="width: 240px;">
	391	+ <col style="width: auto;">
	392	+ </colgroup>
	393	+ <thead>
	394	+ <tr>
	395	+ <th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">수신번호
	396	+ <div class="sort_wrap">
	397	+ <input type="button" class="sort sortBtn">
	398	+ </div>
	399	+ </th>
	400	+ <th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">상세결과
	401	+ <div class="sort_wrap">
	402	+ <input type="button" class="sort sortBtn">
	403	+ </div>
	404	+ </th>
	405	+ </tr>
	406	+ </thead>
	407	+ <tbody>
	408	+ <tr>
	409	+ <td>010-1234-5678</td>
	410	+ <td>성공(카카오톡)</td>
	411	+ </tr>
	412	+ <tr>
	413	+ <td>010-1234-5678</td>
	414	+ <td>성공(카카오톡)</td>
	415	+ </tr>
	416	+ <tr>
	417	+ <td>010-1234-5678</td>
	418	+ <td>성공(카카오톡)</td>
	419	+ </tr>
	420	+ <tr>
	421	+ <td>010-1234-5678</td>
	422	+ <td>성공(대체문자)</td>
	423	+ </tr>
	424	+ <tr>
	425	+ <td>010-1234-5678</td>
	426	+ <td>성공(카카오톡)</td>
	427	+ </tr>
	428	+ <tr>
	429	+ <td>010-1234-5678</td>
	430	+ <td>성공(카카오톡)</td>
	431	+ </tr>
	432	+ <tr>
	433	+ <td>010-1234-5678</td>
	434	+ <td>성공(카카오톡)</td>
	435	+ </tr>
	436	+ <tr>
	437	+ <td>010-1234-5678</td>
	438	+ <td>성공(대체문자)</td>
	439	+ </tr>
	440	+ <tr>
	441	+ <td>010-1234-5678</td>
	442	+ <td>성공(카카오톡)</td>
	443	+ </tr>
	444	+
	445	+ </tbody>
	446	+ </table>
	447	+
	448	+ </div>
	449	+
	450	+ <div class="table_btn clearfix">
	451	+ <div class="table_btn_left">
	452	+ <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
	453	+ <button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
	454	+ </div>
	455	+ </div>
	456	+
	457	+ </div>
	458	+ <!--// 성공 내용 -->
	459	+
	460	+ <!-- 실패 내용 -->
	461	+ <div class="tab_content" id="tab_content_4">
	462	+ <div class="tb_wrap1">
	463	+ <table class="tType4">
	464	+ <colgroup>
	465	+ <col style="width: 240px;">
	466	+ <col style="width: auto;">
	467	+ </colgroup>
	468	+ <thead>
	469	+ <tr>
	470	+ <th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">수신번호
	471	+ <div class="sort_wrap">
	472	+ <input type="button" class="sort sortBtn">
	473	+ </div>
	474	+ </th>
	475	+ <th style="position: sticky; top:0; z-index: 1; background-color:#ededed;">상세결과
	476	+ <div class="sort_wrap">
	477	+ <input type="button" class="sort sortBtn">
	478	+ </div>
	479	+ </th>
	480	+ </tr>
	481	+ </thead>
	482	+ <tbody>
	483	+ <tr>
	484	+ <td>010-1234-5678</td>
	485	+ <td>실패</td>
	486	+ </tr>
	487	+ <tr>
	488	+ <td>010-1234-5678</td>
	489	+ <td>실패</td>
	490	+ </tr>
	491	+ <tr>
	492	+ <td>010-1234-5678</td>
	493	+ <td>실패</td>
	494	+ </tr>
	495	+ <tr>
	496	+ <td>010-1234-5678</td>
	497	+ <td>실패</td>
	498	+ </tr>
	499	+ <tr>
	500	+ <td>010-1234-5678</td>
	501	+ <td>실패</td>
	502	+ </tr>
	503	+ <tr>
	504	+ <td>010-1234-5678</td>
	505	+ <td>실패</td>
	506	+ </tr>
	507	+ <tr>
	508	+ <td>010-1234-5678</td>
	509	+ <td>실패</td>
	510	+ </tr>
	511	+ <tr>
	512	+ <td>010-1234-5678</td>
	513	+ <td>실패</td>
	514	+ </tr>
	515	+ <tr>
	516	+ <td>010-1234-5678</td>
	517	+ <td>실패</td>
	518	+ </tr>
	519	+
	520	+ </tbody>
	521	+ </table>
	522	+
	523	+ </div>
	524	+
	525	+ <div class="table_btn clearfix">
	526	+ <div class="table_btn_left">
	527	+ <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
	528	+ <button type="button" class="btnType btnType15"><i class="remove_img"></i>주소록에서 번호 삭제</button>
	529	+ </div>
	530	+ </div>
	531	+
	532	+ </div>
	533	+ <!--// 실패 내용 -->
	534	+
	535	+ </div>
	536	+ <div class="popup_btn_wrap2" style="margin: -40px auto 30px auto;">
	537	+ <button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
	538	+ </div>
	539	+ </div>
	540	+ </div>
	541	+ <!-- //발송대상 리스트 안내 팝업 -->
	542	+
	543	+ <!-- 주소록에 등록 팝업 -->
	544	+ <div class="tooltip-wrap">
	545	+ <div class="popup-com adr_layer rev_popup02 add_adr_popup" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 510px;">
	546	+ <div class="popup_heading">
	547	+ <p>주소록에 등록</p>
	548	+ <button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
	549	+ </div>
	550	+ <div class="layer_in">
	551	+ <table class="layer_tType1 style1">
	552	+ <caption>주소록 그룹선택 표</caption>
	553	+ <colgroup>
	554	+ <col style="width: 80px">
	555	+ <col style="width: auto">
	556	+ </colgroup>
	557	+ <tbody>
	558	+ <tr>
	559	+ <th>그룹 선택</th>
	560	+ <td>
	561	+ <label for="" class="label">그룹 선택</label>
	562	+ <select id="addrGrpIdInfo" name="addrGrpIdInfo"><option value="NEW">그룹추가</option><option value="0">그룹미지정</option><option value="bookmark">자주보내는 번호</option> <option value="">테스트그룹</option> </select>
	563	+ <label for="" class="label">그룹명 입력</label>
	564	+ <input type="text" id="addrGrpNm" name="addrGrpNm" placeholder="새 그룹명을 입력해주세요." onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명을 입력해주세요.'" class="inputLight">
	565	+ </td>
	566	+ </tr>
	567	+ </tbody>
	568	+ </table>
	569	+ <div class="popup_btn_wrap2">
	570	+ <button type="button">등록</button>
	571	+ <button type="button" class="tooltip-close" data-focus="rev_popup02-close" data-focus-next="rev_popup02">닫기</button>
	572	+ </div>
	573	+ </div>
	574	+ </div>
	575	+ </div>
	576	+ <!--// 주소록에 등록 팝업 -->
	577	+
	578	+ <!-- skip 메뉴 -->
	579	+ <div class="skip_menu">
	580	+ <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
	581	+ </div>
	582	+ <!--// skip 메뉴 -->
	583	+ <!-- quick 메뉴 -->
	584	+ <div class="quickMenu">
	585	+ <div>
	586	+ <p class="quick_title">QUICK<br>MENU</p>
	587	+ <p class="quick_title2">QUICK</p>
	588	+ <ul class="quickMenuIn">
	589	+ <li>
	590	+ <a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
	591	+ <div class="hover_cont">이용안내</div>
	592	+ </li>
	593	+ <li>
	594	+ <a href="#"><i class="quick2"></i><span>채팅상담</span></a>
	595	+ <div class="hover_cont">채팅상담</div>
	596	+ </li>
	597	+ <li>
	598	+ <a href="#"><i class="quick3"></i><span>원격지원</span></a>
	599	+ <div class="hover_cont">원격지원</div>
	600	+ </li>
	601	+ <li>
	602	+ <a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
	603	+ <div class="hover_cont">맞춤제작</div>
	604	+ </li>
	605	+ <li>
	606	+ <a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
	607	+ <div class="hover_cont">주소록 등록</div>
	608	+ </li>
	609	+ <li>
	610	+ <a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
	611	+ <div class="hover_cont">엑셀 대량전송</div>
	612	+ </li>
	613	+ <li>
	614	+ <a href="#"><i class="quick7"></i><span>견적서</span></a>
	615	+ <div class="hover_cont">견적서</div>
	616	+ </li>
	617	+ <li>
	618	+ <a href="#"><i class="quick8"></i><span>결제</span></a>
	619	+ <div class="hover_cont">결제</div>
	620	+ </li>
	621	+ <li>
	622	+ <a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
	623	+ <div class="hover_cont">영수증/계산서</div>
	624	+ </li>
	625	+ </ul>
	626	+ <button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
	627	+ </div>
	628	+ </div>
	629	+ <!--// quick 메뉴 -->
	630	+ <!-- header 영역 -->
	631	+ <header id="header" class="header">
	632	+ <!-- header top 영역 -->
	633	+ <div class="header_top">
	634	+ <div class="inner">
	635	+ <ul class="menu_left">
	636	+ <li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
	637	+ <li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
	638	+ <li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
	639	+ </ul>
	640	+ <ul class="menu_right">
	641	+ <li><a href="#">충전하기</a></li>
	642	+ <li class="SortLine"><a href="#">요금안내</a></li>
	643	+ <li class="SortLine"><a href="#">이용안내</a></li>
	644	+ <li class="SortLine"><a href="#">1:1고객상담</a></li>
	645	+ </ul>
	646	+ </div>
	647	+ </div><!-- header top 영역 -->
	648	+ <!-- header body 영역 -->
	649	+ <div class="header_body">
	650	+ <div class="inner table">
	651	+ <h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
	652	+ alt="문자온 CI"></a></h1>
	653	+ <ul class="gnbWrap table_cell">
	654	+ <li><a href="#">문자발송</a></li>
	655	+ <li><a href="#">선거문자</a></li>
	656	+ <li><a href="#">맞춤제작</a></li>
	657	+ <li><a href="#">비즈톡</a></li>
	658	+ <li><a href="#">주소록 관리</a></li>
	659	+ <li><a href="#">발송결과</a></li>
	660	+ <li><a href="#">예약관리</a></li>
	661	+ <li><a href="#">결제내역</a></li>
	662	+ </ul>
	663	+ <div class="s_menu">
	664	+ <i class="allSearch_info"><span>문자검색</span></i>
	665	+ <button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
	666	+ src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
	667	+ <button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
	668	+ </div>
	669	+ </div>
	670	+ <!-- search popup 영역 -->
	671	+ <div class="pop_search">
	672	+ <div class="inner">
	673	+ <div class="area_search">
	674	+ <select name="" id="">
	675	+ <option value="">그림문자</option>
	676	+ <option value="">단문문자</option>
	677	+ <option value="">장문문자</option>
	678	+ <option value="">GIF</option>
	679	+ </select>
	680	+ <input type="text" placeholder="문자샘플 검색하기">
	681	+ <button><img src="/publish/images/search02.png" alt=""></button>
	682	+ </div>
	683	+ <div class="area_popular">
	684	+ <p><i></i>인기검색어</p>
	685	+ <ul class="popular_tag">
	686	+ <li><a href="#">#정월대보름</a></li>
	687	+ <li class="on"><a href="#">#추석</a></li>
	688	+ <li><a href="#">#가을인사</a></li>
	689	+ <li><a href="#">#좋은하루</a></li>
	690	+ </ul>
	691	+ </div>
	692	+ <button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
	693	+ alt=""></button>
	694	+ </div>
	695	+ </div>
	696	+ <!--// search popup 영역 -->
	697	+ </div>
	698	+ <!--// header body 영역 -->
	699	+ <div id="login" class="login">
	700	+ <div class="inner table">
	701	+ <div class="login_left table_cell">
	702	+ <div class="login_put">
	703	+ <label for="id_text" class="label"></label>
	704	+ <input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
	705	+ size="18">
	706	+ <label for="password_text" class="label"></label>
	707	+ <input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
	708	+ maxlength="30" size="18">
	709	+ <label for="login_button" class="label"></label>
	710	+ <button type="submit" class="btnType btnType1" class="login_button">로그인</button>
	711	+ </div>
	712	+ <div class="login_save">
	713	+ <input type="checkbox" id="save_id">
	714	+ <label for="save_id">아이디 저장</label>
	715	+ </div>
	716	+ <div class="login_find">
	717	+ <a href="#">아이디찾기 /</a>
	718	+ <a href="#">비밀번호 찾기</a>
	719	+ </div>
	720	+ <div>
	721	+ <button type="button" class="btnType btnType2">회원가입</button>
	722	+ <button type="button" class="btnType btnType3">둘러보기</button>
	723	+ </div>
	724	+ </div>
	725	+ <div class="login_right">
	726	+ <span><i></i>이달의 이벤트</span>
	727	+ <button type="button" class="btnType btnType4">바로가기</button>
	728	+ </div>
	729	+ </div>
	730	+ </div>
	731	+ <!--// login 영역 -->
	732	+ </header>
	733	+ <!--// header 영역 -->
	734	+ <!-- login 영역 -->
	735	+ <!-- content 영역 -->
	736	+ <div id="container" class="cont sub">
	737	+ <div class="inner">
	738	+ <!-- send top -->
	739	+ <div class="send_top">
	740	+ <!-- 결제관리 - 요금 사용내역 -->
	741	+ <div class="rev_admin_cont serv_content current">
	742	+ <div class="heading">
	743	+ <h2>발송결과 상세</h2>
	744	+ <button type="button" class="button junk" data-tooltip="popupJunk" style="right:0;">통신사 스팸규격안내</button>
	745	+ </div>
	746	+
	747	+ <!-- 발송결과 상세 및 미리보기-->
	748	+
	749	+ <div class="send_general">
	750	+ <!-- 발송결과 상세 정보 -->
	751	+ <div class="resultcont_left">
	752	+ <!--발송정보-->
	753	+ <div class="res_info">
	754	+ <div class="res_info_in">
	755	+ <div class="res_info_top clearfix">
	756	+ <p>발송정보</p>
	757	+ <p><button type="button" class="btnType btnType3">재전송</button></p>
	758	+ </div>
	759	+ <div class="res_info_btm">
	760	+ <dl>
	761	+ <dt>발송일시</dt>
	762	+ <dd>2024-07-18 15:25</dd>
	763	+ </dl>
	764	+ <dl>
	765	+ <dt>등록일시</dt>
	766	+ <dd>2024-07-10 15:25</dd>
	767	+ </dl>
	768	+ <dl>
	769	+ <dt>형태</dt>
	770	+ <dd>친구톡</dd>
	771	+ </dl>
	772	+ <dl>
	773	+ <dt>발송건수</dt>
	774	+ <dd><span class="c_222">100</span>건</dd>
	775	+ </dl>
	776	+ <dl>
	777	+ <dt>채널정보</dt>
	778	+ <dd>채널명(@채널ID)</dd>
	779	+ </dl>
	780	+ <dl>
	781	+ <dt>진행상황
	782	+ <!-- 예약인 경우 -->
	783	+ <div class="icon_wrap">
	784	+ <div class="re">예약</div>
	785	+ <div class="di_info"></span><button class="di">분할</button><div class="di_hover_layer"><strong>100,000건</strong>씩 <strong>35분</strong> 간격</div></div>
	786	+ </div>
	787	+ <!--// 예약인 경우 -->
	788	+ </dt>
	789	+ <!--<dd>진행중</dd>-->
	790	+ <!--<dd>완료</dd>-->
	791	+ <dd><button class="btnType btnType20">예약취소</button></dd>
	792	+ <!--<dd>예약취소 2024-07-16 15:07</dd>--><!-- 예역취소 후 버튼 대신 취소 일시 노출 -->
	793	+ </dl>
	794	+ </div>
	795	+ <div class="res_info_btm">
	796	+ <dl>
	797	+ <dt class="btm_charge">발송요금(합계)</dt>
	798	+ <dd><span class="stcharge">78,100</span>원</dd>
	799	+ <!--<dd><span class="stcharge">-</span>원</dd>--><!-- 예역취소 후 금액은 하이픈 처리-->
	800	+ </dl>
	801	+ <dl class="charge_line">
	802	+ <dt class="charge_title">· 카카오톡</dt>
	803	+ <dd><span class="c_222" style="font-size:16px;">8,100</span>원</dd>
	804	+ </dl>
	805	+ <dl>
	806	+ <dt class="charge_title">· 대체문자</dt>
	807	+ <dd><span class="c_222" style="font-size:16px;">8,100</span>원</dd>
	808	+ </dl>
	809	+ </div>
	810	+ </div>
	811	+ </div>
	812	+ <!--// 발송정보-->
	813	+ <!--상세결과-->
	814	+ <div class="res_info">
	815	+ <div class="res_info_in">
	816	+ <div class="res_info_top clearfix" style="padding:0 0 10px 0;">
	817	+ <p>상세결과</p>
	818	+ <p></p>
	819	+ </div>
	820	+ <div class="res_num">
	821	+ <div class="res_info_btm1">
	822	+ <dl>
	823	+ <dt>전체건수</dt>
	824	+ <dd><a href="#" data-tooltip="rev_popup04"><span class="c_222_g">300,101</span>건</a></dd>
	825	+ </dl>
	826	+ </div>
	827	+ <div class="res_info_btm1">
	828	+ <dl>
	829	+ <dt>대기건수</dt>
	830	+ <dd><span class="c_666_g">300,000</span>건(100%)</dd>
	831	+ </dl>
	832	+ </div>
	833	+ </div>
	834	+ <div class="res_num">
	835	+ <div class="res_info_btm1">
	836	+ <dl>
	837	+ <dt>성공건수(카카오톡)</dt>
	838	+ <dd><span class="c_002c9a_g">0</span>건(0%)</dd>
	839	+ </dl>
	840	+ </div>
	841	+ <div class="res_info_btm1">
	842	+ <dl>
	843	+ <dt>실패건수(카카오톡)</dt>
	844	+ <dd><span class="c_e40000_g">1</span>건(100%)</dd>
	845	+ </dl>
	846	+ </div>
	847	+ </div>
	848	+ <div class="res_num">
	849	+ <div class="res_info_btm1">
	850	+ <dl>
	851	+ <dt>성공건수(대체문자)</dt>
	852	+ <dd><span class="c_002c9a_g">0</span>건(0%)</dd>
	853	+ </dl>
	854	+ </div>
	855	+ <div class="res_info_btm1">
	856	+ <dl>
	857	+ <dt>실패건수(대체문자)</dt>
	858	+ <dd><span class="c_e40000_g">1</span>건(100%)</dd>
	859	+ </dl>
	860	+ </div>
	861	+ </div>
	862	+ <p class="table_bottom_txt">* 전체건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
	863	+ </div>
	864	+ </div>
	865	+ <!--// 발송결과-->
	866	+
	867	+ </div>
	868	+ <!--// 발송결과 상세 정보 -->
	869	+
	870	+ <!-- 발송결과 미리보기 -->
	871	+ <div class="resultcont_right">
	872	+ <div class="phone">
	873	+ <!-- 탭스타일 -->
	874	+ <div class="list_tab_wrap2 type5">
	875	+ <ul class="tabType3" id="tabType" name="tabType">
	876	+ <li class="tab active"><button type="button" onclick="phoneTab(this,'1');" title="선택됨">카카오톡</button></li>
	877	+ <li class="tab"><button type="button" onclick="phoneTab(this,'2');">대체문자</button> </li>
	878	+ </ul>
	879	+ </div>
	880	+ <!--// 탭스타일 -->
	881	+
	882	+ <!-- 카카오 알림톡 미리보기 -->
	883	+ <div class="tab_phone current" id="tab_phone_1">
	884	+
	885	+ <div class="phone_kakako">
	886	+ <div class="phoneIn">
	887	+ <p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
	888	+ <!-- 텍스트 미리보기 -->
	889	+ <div class="text_preview">
	890	+ <div class="allimtalk_title">
	891	+ <img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착
	892	+ </div>
	893	+ <div class="allimtalk_content">
	894	+ <!-- <div class="kakao_image"> -->
	895	+ <!-- <img src="/publish/images/content/kakao_template_img.png" alt=""> -->
	896	+ <!-- </div> -->
	897	+ <p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
	898	+ <p class="emphasis_title_text">타이틀 미리보기</p>
	899	+ <p class="template_text">내용미리보기</p>
	900	+ <p class="side_info_text">부가정보내용</p>
	901	+ <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p>
	902	+ <button type="button" class="btn_kakao_type">버튼명</button>
	903	+ <button type="button" class="btn_kakao_type">버튼명</button>
	904	+ <!-- <p class="emphasis_side_text">강조표기 보조문구 미리보기</p> -->
	905	+ <!-- <p class="emphasis_title_text">타이틀 미리보기</p> -->
	906	+ <!-- <p class="template_text">내용미리보기</p> -->
	907	+ <!-- <p class="side_info_text">부가정보내용</p> -->
	908	+ <!-- <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p> -->
	909	+ <!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
	910	+ <!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
	911	+ </div>
	912	+ </div>
	913	+ <!-- //텍스트 미리보기 -->
	914	+ </div>
	915	+ <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
	916	+ </div>
	917	+
	918	+ </div>
	919	+ <!--// 카카오 알림톡 미리보기 -->
	920	+
	921	+ <!-- 문자 미리보기 -->
	922	+ <div class="tab_phone" id="tab_phone_2">
	923	+ <div class="phoneIn">
	924	+ <div>
	925	+ <p class="prev_p"><img src="images/search.png"> 문자내용</p>
	926	+ <div class="text_length2 clearfix" style="display:none;">
	927	+ <span class="msg_com msg_short">단문</span>
	928	+ <div>
	929	+ <span>글자크기</span>
	930	+ <button type="button"><img src="images/content/font_plus.png"></button>
	931	+ <button type="button"><img src="images/content/font_minus.png"></button>
	932	+ </div>
	933	+ </div>
	934	+ <div class="text_length2 clearfix" style="display:none;">
	935	+ <span class="msg_com msg_long">장문</span>
	936	+ <div>
	937	+ <span>글자크기</span>
	938	+ <button type="button"><img src="images/content/font_plus.png"></button>
	939	+ <button type="button"><img src="images/content/font_minus.png"></button>
	940	+ </div>
	941	+ </div>
	942	+ <!--<div class="text_length2 clearfix">
	943	+ <span class="msg_com msg_photo">포토</span>
	944	+ <ul class="photo_msg_num">
	945	+ <li onclick="imgClick(0);"><a href="#none">1</a></ li>
	946	+ <li onclick="imgClick(1);"><a href="#none">2</a></ li>
	947	+ <li onclick="imgClick(2);"><a href="#none">3</a></ li>
	948	+ </ul>
	949	+ <div>
	950	+ <span>글자크기</span>
	951	+ <button type="button"><img src="images/content/font_plus.png"></button>
	952	+ <button type="button"><img src="images/content/font_minus.png"></button>
	953	+ </div>
	954	+ </div>-->
	955	+ <!-- 텍스트 미리보기 -->
	956	+ <div class="text_preview">
	957	+ <!--<div class="preiew_img">
	958	+ <div class="img_box">
	959	+ <img src="images/content/photo_sample01.jpg">
	960	+ </div>
	961	+ <div class="img_box">
	962	+ <img src="images/content/photo_sample01.jpg">
	963	+ </div>
	964	+ <div class="img_box">
	965	+ <img src="images/content/excel.jpg">
	966	+ </div>
	967	+ </div>-->
	968	+ <div class="preview_auto">
	969	+ <p class="ad_tit">(광고)</p>
	970	+ <p class="none_txt">내용을 입력해주세요.</p>
	971	+ <p class="realtime"></p>
	972	+ <p class="deny_receipt">무료 거부 080-0000-0000</p>
	973	+ </div>
	974	+ </div>
	975	+ <!-- //텍스트 미리보기 -->
	976	+ </div>
	977	+ </div>
	978	+ <p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
	979	+ </div>
	980	+ <!--// 문자 미리보기 -->
	981	+ </div>
	982	+ </div>
	983	+ <!--// 발송결과 미리보기 -->
	984	+ </div>
	985	+
	986	+ <!--// 발송결과 상세 및 미리보기-->
	987	+
	988	+ <!-- 목록-->
	989	+ <div class="btn_list_type1">
	990	+ <button class="btnType btnType17">목록</button>
	991	+ </div>
	992	+ <!--// 목록-->
	993	+
	994	+ </div>
	995	+ </div>
	996	+ <!--// send top -->
	997	+ </div>
	998	+ </div>
	999	+ <!--// content 영역 -->
	1000	+ <!-- footer 영역 -->
	1001	+ <footer id="footer" class="footer">
	1002	+ <div class="footer_top">
	1003	+ <div class="inner table">
	1004	+ <ul class="table_cell">
	1005	+ <li><a href="#">이용약관</a></li>
	1006	+ <li class="SortLine fwRg c_white"><a href="#">개인정보취급방침</a></li>
	1007	+ <li class="SortLine fwRg c_white"><a href="#">스팸관리정책</a></li>
	1008	+ <li class="SortLine"><a href="#">불법스팸예방안내</a></li>
	1009	+ </ul>
	1010	+ </div>
	1011	+ </div>
	1012	+ <div class="footer_body">
	1013	+ <div class="inner table">
	1014	+ <div class="table_cell">
	1015	+ <a href="#" class="footer_logo"><img src="/publish/images/CI_white.png" alt="문자온 CI"></a>
	1016	+ <div class="footer_info">
	1017	+ <p>주소 : 경기도 남양주시 다산중앙로 19번길 21 1027호, 1028호(블루웨일 지식산업센터 1차)</p>
	1018	+ <p>사업자번호 : 653-87-00858 ｜ 대표 : 유인식 ｜ 통신판매등록번호 : 제 다산-12345호 ｜ 문의전화 : 070-4786-0007</p>
	1019	+ <p>Copyright 2020 ⓒ MUNJAON co. Ltd, All rights reserved.</p>
	1020	+ </div>
	1021	+ <div class="footer_service_center">
	1022	+ <i></i>
	1023	+ <div>
	1024	+ <p>고객센터</p>
	1025	+ <span class="footer_service_num">070-4786-0008</span>
	1026	+ <span>E-mail : help@iten.co.kr</span>
	1027	+ </div>
	1028	+ </div>
	1029	+ </div>
	1030	+ </div>
	1031	+ </div>
	1032	+ </footer>
	1033	+ <!--// footer 영역 -->
	1034	+</body>
	1035	+
	1036	+</html>(No newline at end of file)

2b74d85

1307639

src/main/webapp/publish/textingmsg_2025_list.html

--- src/main/webapp/publish/textingmsg_2025_list.html

+++ src/main/webapp/publish/textingmsg_2025_list.html

...	...	@@ -220,8 +220,7 @@
220	220	<ul class="tabType1">
221	221	<li class="tab active"><button type="button" onclick="TabType5(this,'1');return false;">문자</button>
222	222	</li>
223		- <li class="tab "><button type="button"
224		- onclick="TabType5(this,'2');return false;">카카오톡</button></li>
	223	+ <li class="tab "><button type="button" onclick="TabType5(this,'2');return false;">카카오톡</button></li>
225	224	</ul>
226	225	<!--// tab button -->
227	226	</div>
...	...	@@ -613,7 +612,6 @@
613	612	<div class="titBox_result">
614	613	<p>- 최대 3개월간의 발송내역만 확인하실 수 있습니다.</p>
615	614	<p>- 전송내역이 필요한 경우 기간 내에 다운로드하여 주시기 바랍니다.</p>
616		- <p>- 단문문자는 최대 24시간, 장문 및 그림문자는 최대 72시간까지 결과값이 수신되지 않은 경우 실패(비과금) 처리됩니다.</p>
617	615	</div>
618	616	<!--// 발송결과 개선 : 문구추가 -->
619	617
...	...	@@ -638,11 +636,11 @@
638	636	<button type="button" class="btnType6">조회</button>
639	637	</div>
640	638	<div class="btn_right">
641		- <label for="" class="label">발신번호 선택</label>
	639	+ <label for="" class="label">채널선택</label>
642	640	<select name="" id="" class="selType2">
643		- <option value="">발신번호</option>
644		- <option value="">발신번호</option>
645		- <option value="">발신번호</option>
	641	+ <option value="">채널ID</option>
	642	+ <option value="">채널명</option>
	643	+ <option value="">내용</option>
646	644	</select>
647	645	<div class="search">
648	646	<label for="id" class="label"></label>
...	...	@@ -695,7 +693,7 @@
695	693	</dl>
696	694	</div>
697	695	</div>
698		- <!-- <div class="rev_admin_in">
	696	+ <div class="rev_admin_in">
699	697	<div class="rev_admin_top clearfix">
700	698	<p>친구톡</p>
701	699	<p><span>171</span> 건</p>
...	...	@@ -714,7 +712,7 @@
714	712	<dd><span class="c_e40000">0</span>건</dd>
715	713	</dl>
716	714	</div>
717		- </div> -->
	715	+ </div>
718	716	</div>
719	717
720	718	<div class="list_tab_wrap2 type4">
...	...	@@ -728,44 +726,24 @@
728	726	<!--// tab button -->
729	727	</div>
730	728	<!-- 발송관리 > 전체 -->
731		- <div class="price_history_cont" id="listTab_2">
	729	+ <div class="price_history_cont price_wrap" id="listTab_2">
732	730
733	731	<div class="table_tab_wrap">
734	732	<!-- tab button -->
735	733	<ul>
736	734	<li class="tab active"><button type="button">전체</button></li>
737		- <li class="tab"><button type="button">대기</button></li>
738		- <li class="tab"><button type="button">성공</button></li>
739		- <li class="tab"><button type="button">실패</button></li>
	735	+ <li class="tab"><button type="button">즉시</button></li>
740	736	<li class="tab"><button type="button">예약</button></li>
741	737	</ul>
742	738	<!--// tab button -->
743		- <!-- 발송화면 개선 : 발송결과 추가-->
744		- <div class="tab_btnbox" style="z-index:999;">
745		- <button type="button" class="btnType btnType14 check_validity" >발송결과<i class="qmMark"></i></button>
746		- <div class="info_hover_cont send_hover_cont">
747		- <dl>
748		- <dt class="c_666">[<span>대기</span>]</dt>
749		- <dd>발송은 성공하였으며, 수신자측 통신사로부터 수신여부를
750		- 확인중인 상태</dd>
751		- <dt class="c_002c9a">[<span>성공</span>]</dt>
752		- <dd>발송 및 수신이 완료된 상태</dd>
753		- <dt class="c_e40000">[<span>실패</span>]</dt>
754		- <dd>결번, 일시정지, 전화번호 오류 등의 사유로 발송이
755		- 불가한 상태</dd>
756		- <dt class="c_222">[<span>예약</span>]</dt>
757		- <dd>예약 발송 대기 상태</dd>
758		- </dl>
759		- </div>
760		- </div>
761		- <!--// 발송화면 개선 : 발송결과 추가-->
	739	+
762	740	</div>
763	741
764	742	<div class="table_cont current">
765	743	<div class="list_info">
766	744	<p>총 발송건수 <span class="c_e40000">171</span>건</p>
767	745	<div>
768		- <p class="cf_text c_e40000">※ 예약문자 발송취소는 예약 발송시간 기준 5분 전까지만 가능</p>
	746	+ <p class="cf_text c_e40000">※ 예약 발송취소는 예약 발송시간 기준 5분 전까지만 가능</p>
769	747	<label for="" class="label">줄보기 선택</label>
770	748	<select id="" class="selType2">
771	749	<option>10개보기</option>
...	...	@@ -779,17 +757,16 @@
779	757	<colgroup>
780	758	<col style="width: 45px;">
781	759	<col style="width: 12%;">
782		- <col style="width: 8%;">
	760	+ <col style="width: 7%;">
783	761	<col style="width: auto;">
	762	+ <col style="width: 7%;">
	763	+ <col style="width: 6%;">
	764	+ <col style="width: 6%;">
	765	+ <col style="width: 6%;">
	766	+ <col style="width: 6%;">
	767	+ <col style="width: 6%;">
784	768	<col style="width: 8%;">
785		- <col style="width: 6%;">
786		- <col style="width: 6%;">
787		- <col style="width: 6%;">
788		- <col style="width: 6%;">
789		- <col style="width: 6%;">
790		- <col style="width: 6%;">
791		- <col style="width: 9%;">
792		- <col style="width: 11%;">
	769	+ <col style="width: 8%;">
793	770	</colgroup>
794	771	<thead>
795	772	<tr>
...	...	@@ -813,30 +790,36 @@
813	790	<input type="button" class="sort sortBtn" id="sort_msgGroupCnt">
814	791	</div>
815	792	</th>
816		- <th colspan="4">카카오톡 결과</th>
817		- <th colspan="2">대체문자 결과</th>
818		- <th rowspan="2">금액</th>
819		- <th rowspan="2">예약관리</th>
	793	+ <th colspan="3">카카오톡결과</th>
	794	+ <th colspan="2">대체문자결과</th>
	795	+ <th rowspan="2">금액(원)</th>
	796	+ <th rowspan="2">진행상황</th>
820	797	</tr>
821	798	<tr>
822	799	<th>대기</th>
823	800	<th>성공</th>
824	801	<th>실패</th>
825		- <th>예약</th>
826	802	<th>성공</th>
827	803	<th>실패</th>
828	804	</tr>
	805	+
829	806	</thead>
830		- <tbody>
	807	+ <tbody>
831	808	<tr>
832	809	<td>
833	810	<label for="" class="label">선택</label>
834		- <input type="checkbox">
	811	+ <input type="checkbox" disabled>
835	812	</td>
836	813	<td>2024-01-09 17:42</td>
837		- <td>단문</td>
838		- <td class="result_cont"><a href="#">내용을 클릭하면 상세보기 화면으로 이동합니다.</a></td>
839		- <td>125,895</td>
	814	+ <td>알림톡</td>
	815	+ <td class="result_cont">
	816	+ <div class="icon_wrap">
	817	+ <span class="re">예약</span>
	818	+ <span class="di">분할</span>
	819	+ <a href="#">내용을 클릭하면 상세보기 화면으로 이동합니다.</a>
	820	+ </div>
	821	+ </td>
	822	+ <td>0</td>
840	823	<td>
841	824	<p class="c_666">0</p>
842	825	</td>
...	...	@@ -850,40 +833,123 @@
850	833	<p class="c_002c9a">0</p>
851	834	</td>
852	835	<td>
853		- <p class="c_002c9a">0</p>
	836	+ <p class="c_e40000">0</p>
854	837	</td>
855	838	<td>
856		- <p class="c_e40000">125,895</p>
857		- </td>
858		- <td>
859		- 8,485,258원
	839	+ 8,485,258
860	840	</td>
861	841	<td>
862	842	<p><button class="btnType btnType20">예약취소</button></p>
863	843	</td>
864		- </tr>
	844	+ </tr>
	845	+ <tr>
	846	+ <td>
	847	+ <label for="" class="label">선택</label>
	848	+ <input type="checkbox">
	849	+ </td>
	850	+ <td>2024-01-09 17:42</td>
	851	+ <td>친구톡</td>
	852	+ <td class="result_cont">
	853	+ <div class="icon_wrap">
	854	+ <span class="re">예약</span>
	855	+ <a href="#">내용을 클릭하면 상세보기 화면으로 이동합니다.</a>
	856	+ </div>
	857	+ </td>
	858	+ <td>0</td>
	859	+ <td>
	860	+ <p class="c_666">0</p>
	861	+ </td>
	862	+ <td>
	863	+ <p class="c_002c9a">0</p>
	864	+ </td>
	865	+ <td>
	866	+ <p class="c_e40000">0</p>
	867	+ </td>
	868	+ <td>
	869	+ <p class="c_002c9a">0</p>
	870	+ </td>
	871	+ <td>
	872	+ <p class="c_e40000">0</p>
	873	+ </td>
	874	+ <td>-</td>
	875	+ <td>예약취소</td>
	876	+ </tr>
	877	+ <tr>
	878	+ <td>
	879	+ <label for="" class="label">선택</label>
	880	+ <input type="checkbox">
	881	+ </td>
	882	+ <td>2024-01-09 17:42</td>
	883	+ <td>친구톡</td>
	884	+ <td class="result_cont">
	885	+ <div class="icon_wrap">
	886	+ <a href="#">내용을 클릭하면 상세보기 화면으로 이동합니다.</a>
	887	+ </div>
	888	+ </td>
	889	+ <td>458,002</td>
	890	+ <td>
	891	+ <p class="c_666">1</p>
	892	+ </td>
	893	+ <td>
	894	+ <p class="c_002c9a">458,000</p>
	895	+ </td>
	896	+ <td>
	897	+ <p class="c_e40000">1</p>
	898	+ </td>
	899	+ <td>
	900	+ <p class="c_002c9a">1</p>
	901	+ </td>
	902	+ <td>
	903	+ <p class="c_e40000">1</p>
	904	+ </td>
	905	+ <td>12,580</td>
	906	+ <td>진행중</td>
	907	+ </tr>
	908	+ <tr>
	909	+ <td>
	910	+ <label for="" class="label">선택</label>
	911	+ <input type="checkbox">
	912	+ </td>
	913	+ <td>2024-01-09 17:42</td>
	914	+ <td>친구톡</td>
	915	+ <td class="result_cont">
	916	+ <div class="icon_wrap">
	917	+ <a href="#">내용을 클릭하면 상세보기 화면으로 이동합니다.</a>
	918	+ </div>
	919	+ </td>
	920	+ <td>458,002</td>
	921	+ <td>
	922	+ <p class="c_666">1</p>
	923	+ </td>
	924	+ <td>
	925	+ <p class="c_002c9a">458,000</p>
	926	+ </td>
	927	+ <td>
	928	+ <p class="c_e40000">1</p>
	929	+ </td>
	930	+ <td>
	931	+ <p class="c_002c9a">1</p>
	932	+ </td>
	933	+ <td>
	934	+ <p class="c_e40000">1</p>
	935	+ </td>
	936	+ <td>12,580</td>
	937	+ <td>완료</td>
	938	+ </tr>
865	939	</tbody>
866	940	</table>
867		- </div>
	941	+ </div>
	942	+
868	943	<!--// 발송화면 개선 : 카카오톡 테이블 수정 -->
869	944
870	945	<div class="table_btn clearfix">
871		- <div class="table_btn_left">
872		-
873		- <button type="button" data-tooltip="rev_popup02" class="btnType btnType15"><i
874		- class="add_img"></i>그룹등록</button>
875		- <button type="button" class="btnType btnType15"><i class="remove_img"></i>주소록에서
876		- 번호 삭제</button>
877		- <button type="button" class="btnType btnType15">수신거부번호 등록</button>
	946	+ <div class="table_btn_left">
	947	+ <button type="button" onclick="" class="btnType btnType15"><i class="remove_img"></i>선택삭제</button>
878	948	</div>
879	949	<div class="table_btn_right">
880		- <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀
881		- 다운로드</button>
882		- <button type="button" class="print_btn btnType"><i class="print_img"></i>발송결과
883		- 출력하기</button>
	950	+ <button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
884	951	</div>
885		- </div>
886		-
	952	+ </div>
887	953
888	954	<!-- pagination -->
889	955	<ul class="pagination">

Add a comment

Open 0
Closed 0

List

...	...	@@ -22,16 +22,16 @@
22	22	*/
23	23	public interface MainPopupManageService {
24	24
25		- public List<?> selectSubMainzoneList(MainzoneVO mainzoneVO) throws Exception;
	25	+ public List<?> selectMainPopupList(MainPopupVO mainPopupVO) throws Exception;
26	26
27		- public int selectSubMainzoneCount(MainzoneVO mainzoneVO) throws Exception;
	27	+ public int selectMainPopupCount(MainPopupVO mainPopupVO) throws Exception;
28	28
29		- public MainzoneVO selectSubMainzoneVO(String mazId) throws Exception;
	29	+ public MainPopupVO selectMainPopupVO(String mazId) throws Exception;
30	30
31		- public List<MainzoneVO> selectSubMainzoneListRolling();
	31	+ public List<MainPopupVO> selectMainPopupListRolling();
32	32
33		- public void deleteSubMainzone(String id);
	33	+ public void deleteMainPopup(String id);
34	34
35		- public void resetSubMainVOSort(MainzoneVO mainzoneVO);
	35	+ public void resetMainPopupSort(MainPopupVO mainPopupVO);
36	36
37	37	} (No newline at end of file)

...	...	@@ -3,13 +3,8 @@
3	3
4	4	import org.springframework.stereotype.Repository;
5	5
6		-import egovframework.rte.psl.dataaccess.util.EgovMap;
7	6	import itn.com.cmm.service.impl.EgovComAbstractDAO;
8		-import itn.com.uss.ion.pwm.service.MainzoneVO;
9		-import itn.com.uss.ion.pwm.service.PopupManageVO;
10		-import itn.com.uss.ion.pwm.service.PopupzoneVO;
11		-import itn.com.uss.ion.pwm.service.SocialVO;
12		-import itn.com.uss.ion.pwm.service.SortVO;
	7	+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
13	8
14	9	/**
15	10	* 개요
...	...	@@ -31,279 +26,33 @@
31	26	* @return 글 목록
32	27	* @exception Exception
33	28	*/
34		- public List<?> selectSubMainzoneList(MainzoneVO mainzoneVO ) throws Exception{
35		- return list("subMainzoneManage.selectSubMainzoneList", mainzoneVO);
	29	+ public List<?> selectMainPopupList(MainPopupVO mainPopupVO ) throws Exception{
	30	+ return list("mainPopup.selectMainPopupList", mainPopupVO);
36	31	}
37	32
38	33
39		- public int selectSubMainzoneCount(MainzoneVO mainzoneVO) throws Exception{
40		- return (int)select("subMainzoneManage.selectSubMainzoneCount", mainzoneVO);
	34	+ public int selectMainPopupCount(MainPopupVO mainPopupVO) throws Exception{
	35	+ return (int)select("mainPopup.selectMainPopupCount", mainPopupVO);
41	36	}
42	37
43	38
44		- public MainzoneVO selectSubMainzoneVO(String mazId) throws Exception{
45		- return (MainzoneVO)select("subMainzoneManage.selectSubMainzoneVO", mazId);
	39	+ public MainPopupVO selectMainPopupVO(String mazId) throws Exception{
	40	+ return (MainPopupVO)select("mainPopup.selectMainPopupVO", mazId);
46	41	}
47	42
48	43
49		- public List<MainzoneVO> selectSubMainzoneListRolling() {
50		- return (List<MainzoneVO>) list("subMainzoneManage.selectSubMainzoneListRolling");
	44	+ public List<MainPopupVO> selectMainPopupListRolling() {
	45	+ return (List<MainPopupVO>) list("mainPopup.selectMainPopupListRolling");
51	46	}
52	47
53	48
54		- public void deleteSubMainzone(String mazId) {
55		- delete("subMainzoneManage.deleteSubMainzone", mazId);
	49	+ public void deleteMainPopup(String mazId) {
	50	+ delete("mainPopup.deleteMainPopup", mazId);
56	51	}
57	52
58	53
59		- public void resetSubMainVOSort(MainzoneVO mainzoneVO) {
60		- update("subMainzoneManage.resetSubMainVOSort", mainzoneVO);
	54	+ public void resetMainPopupSort(MainPopupVO mainPopupVO) {
	55	+ update("mainPopup.resetMainPopupSort", mainPopupVO);
61	56	}
62	57
63		-
64		-
65		-//
66		-// public SubMainZoneManageDAO(){}
67		-//
68		-// /**
69		-// * 기 등록된 팝업창정보를 삭제한다.
70		-// * @param popupManage - 팝업창 model
71		-// * @return boolean - 반영성공 여부
72		-// *
73		-// * @param popupManage
74		-// */
75		-// public void deletePopup(PopupManageVO popupManageVO) throws Exception {
76		-// delete("PopupManage.deletePopupManage", popupManageVO);
77		-// }
78		-//
79		-// /**
80		-// * 팝업창정보를 신규로 등록한다.
81		-// * @param popupManage - 팝업창 model
82		-// * @return boolean - 반영성공 여부
83		-// *
84		-// * @param popupManage
85		-// */
86		-// public void insertPopup(PopupManageVO popupManageVO) throws Exception {
87		-// insert("PopupManage.insertPopupManage", popupManageVO);
88		-// }
89		-//
90		-// /**
91		-// * 기 등록된 팝업창정보를 수정한다.
92		-// * @param popupManage - 팝업창 model
93		-// * @return boolean - 반영성공 여부
94		-// *
95		-// * @param popupManage
96		-// */
97		-// public void updatePopup(PopupManageVO popupManageVO) throws Exception {
98		-// update("PopupManage.updatePopupManage", popupManageVO);
99		-// }
100		-//
101		-// /**
102		-// * 팝업창을 사용자 화면에서 볼수 있는 정보들을 조회한다.
103		-// * @param popupManageVO - 팝업창 Vo
104		-// * @return popupManageVO - 팝업창 Vo
105		-// *
106		-// * @param popupManageVO
107		-// */
108		-// public PopupManageVO selectPopup(PopupManageVO popupManageVO) throws Exception {
109		-// return (PopupManageVO)select("PopupManage.selectPopupManageDetail", popupManageVO);
110		-// }
111		-//
112		-// /**
113		-// * 팝업창를 관리하기 위해 등록된 팝업창목록을 조회한다.
114		-// * @param popupManageVO - 팝업창 Vo
115		-// * @return List - 팝업창 목록
116		-// *
117		-// * @param popupManageVO
118		-// */
119		-// public List<?> selectPopupList(PopupManageVO popupManageVO) throws Exception {
120		-// return list("PopupManage.selectPopupManage", popupManageVO);
121		-// }
122		-//
123		-// /**
124		-// * 팝업창를 관리하기 위해 등록된 팝업창목록 총갯수를 조회한다.
125		-// * @param popupManageVO - 팝업창 Vo
126		-// * @return List - 팝업창 목록
127		-// *
128		-// * @param popupManageVO
129		-// */
130		-// public int selectPopupListCount(PopupManageVO popupManageVO) throws Exception {
131		-// return (Integer)select("PopupManage.selectPopupManageCnt", popupManageVO);
132		-// }
133		-//
134		-// /**
135		-// * 팝업창를 사용하기 위해 등록된 팝업창목록을 조회한다.
136		-// * @param popupManageVO - 팝업창 Vo
137		-// * @return List - 팝업창 목록
138		-// *
139		-// * @param popupManageVO
140		-// */
141		-// public List<?> selectPopupMainList(PopupManageVO popupManageVO) throws Exception {
142		-// return list("PopupManage.selectPopupManageMain", popupManageVO);
143		-// }
144		-//
145		-// /**
146		-// * 메인알림창 목록을 조회한다.
147		-// * @return 글 목록
148		-// * @exception Exception
149		-// */
150		-// public List<?> selectPopupzoneList(PopupzoneVO popupzoneVo) throws Exception{
151		-// return list("PopupzoneManage.selectPopupzoneList", popupzoneVo);
152		-// }
153		-//
154		-// /**
155		-// * 메인배너 순번정보를 가져온다.
156		-// * @param mode - 0:등록 1:수정
157		-// * @return 순번정보
158		-// * @exception Exception
159		-// */
160		-// @SuppressWarnings("unchecked")
161		-// public List<EgovMap> getSortList() throws Exception{
162		-// return (List<EgovMap>) list("PopupzoneManage.getSortList",null);
163		-// }
164		-//
165		-// public PopupzoneVO selectPopupzoneVO(String pozId) throws Exception {
166		-// return (PopupzoneVO)select("PopupzoneManage.selectPopupzoneVO", pozId);
167		-// }
168		-//
169		-// /**
170		-// * 메인배너 변경할때 나머지 배너들 순서 변경
171		-// * @param 입력된 sort번호
172		-// * @return 등록 결과
173		-// * @exception Exception
174		-// */
175		-// public void updateSortUp(SortVO sortVO) throws Exception{
176		-// update("PopupzoneManage.updateSortUp", sortVO);
177		-// }
178		-//
179		-// public void updateSortDown(SortVO sortVO) throws Exception {
180		-// update("PopupzoneManage.updateSortDown", sortVO);
181		-// }
182		-//
183		-// public void updatePopupzone(PopupzoneVO popupzoneVO) throws Exception {
184		-// update("PopupzoneManage.updatePopupzone", popupzoneVO);
185		-// }
186		-//
187		-// /**
188		-// * 메인알림창을 삭제한다.
189		-// * @param pozId - 삭제할 메인알림창 번호
190		-// * @return void형
191		-// * @exception Exception
192		-// */
193		-// public void deletePopupzone(String pozId) throws Exception {
194		-// delete("PopupzoneManage.deletePopupzone", pozId);
195		-// }
196		-//
197		-// public int getMaxSort() throws Exception{
198		-// return (Integer)select("PopupzoneManage.getMaxSort") ;
199		-// }
200		-//
201		-// /**
202		-// * 메인배너의 새로운seq를 가지고온다.
203		-// * @return seq
204		-// * @exception Exception
205		-// */
206		-// public int selectNextSeq() throws Exception{
207		-// return (Integer)select("PopupzoneManage.selectNextSeq");
208		-// }
209		-//
210		-// public void insertPopupzone(PopupzoneVO popupzoneVO) throws Exception{
211		-// insert("PopupzoneManage.insertPopupzone", popupzoneVO);
212		-// }
213		-//
214		-// public void resetSort(PopupzoneVO popupzoneVO) throws Exception{
215		-// update("PopupzoneManage.resetSort", popupzoneVO);
216		-// }
217		-//
218		-// /**
219		-// * 메인이미지 목록을 조회한다.
220		-// * @return 글 목록
221		-// * @exception Exception
222		-// */
223		-// public List<?> selectMainzoneList(MainzoneVO mainzoneVO ) throws Exception{
224		-// return list("MainzoneManage.selectMainzoneList", mainzoneVO);
225		-// }
226		-//
227		-// public int getMainMaxSort() throws Exception{
228		-// return (Integer)select("MainzoneManage.getMainMaxSort");
229		-// }
230		-//
231		-// public void insertMainzone(MainzoneVO mainzoneVO) throws Exception{
232		-// insert("MainzoneManage.insertMainzone", mainzoneVO);
233		-// }
234		-//
235		-// public void resetMainSort(MainzoneVO mainzoneVO) throws Exception{
236		-// insert("MainzoneManage.resetMainSort", mainzoneVO);
237		-// }
238		-//
239		-// public void updateMainSortUp(SortVO sortVO) throws Exception{
240		-// update("MainzoneManage.updateMainSortUp", sortVO);
241		-// }
242		-//
243		-// public MainzoneVO selectMainzoneVO(String mazId) throws Exception{
244		-// return (MainzoneVO)select("MainzoneManage.selectMainzoneVO", mazId);
245		-// }
246		-//
247		-// @SuppressWarnings("unchecked")
248		-// public List<EgovMap> getMainSortList() throws Exception{
249		-// return (List<EgovMap>) list("MainzoneManage.getMainSortList",null);
250		-// }
251		-//
252		-// public void deleteMainzone(String mazId) throws Exception{
253		-// delete("MainzoneManage.deleteMainzone", mazId);
254		-// }
255		-//
256		-// public void updateMainSortDown(SortVO sortVO) throws Exception{
257		-// update("MainzoneManage.updateMainSortDown", sortVO);
258		-// }
259		-//
260		-// public void updateMainzone(MainzoneVO mainzoneVO) throws Exception{
261		-// update("MainzoneManage.updateMainzone", mainzoneVO);
262		-// }
263		-//
264		-// @SuppressWarnings("unchecked")
265		-// public List<MainzoneVO> selectMainzoneListRolling() throws Exception{
266		-// return (List<MainzoneVO>) list("MainzoneManage.selectMainzoneListRolling");
267		-// }
268		-//
269		-// public int selectPopupzoneListTotCnt(PopupzoneVO popupzoneVo) throws Exception {
270		-// return (int)select("PopupzoneManage.selectPopupzoneListTotCnt", popupzoneVo);
271		-// }
272		-//
273		-// public int selectMainzoneCount(MainzoneVO mainzoneVO) throws Exception{
274		-// return (int)select("MainzoneManage.selectMainzoneCount", mainzoneVO);
275		-// }
276		-//
277		-// public void resetVOSort(PopupzoneVO popupzoneVO) throws Exception{
278		-// update("PopupzoneManage.resetVOSort", popupzoneVO);
279		-// }
280		-//
281		-// public void resetMainVOSort(MainzoneVO mainzoneVO) throws Exception{
282		-// update("MainzoneManage.resetMainVOSort", mainzoneVO);
283		-// }
284		-//
285		-// @SuppressWarnings("unchecked")
286		-// public List<SocialVO> selectSocialList(SocialVO socialVO) throws Exception{
287		-// return (List<SocialVO>) list("SocialManage.selectSocialList",socialVO);
288		-// }
289		-//
290		-// public SocialVO selectSocialVO(String socialId) throws Exception{
291		-// return (SocialVO)select("SocialManage.selectSocialVO", socialId);
292		-// }
293		-//
294		-// public void updateSocial(SocialVO socialVO) throws Exception{
295		-// update("SocialManage.updateSocial", socialVO);
296		-// }
297		-//
298		-// public void resetSocialSort(SocialVO socialVO) throws Exception{
299		-// update("SocialManage.resetSocialSort", socialVO);
300		-// }
301		-//
302		-// public void insertSocial(SocialVO socialVO) throws Exception{
303		-// insert("SocialManage.insertSocial", socialVO);
304		-// }
305		-//
306		-// public void deleteSocial(String id) throws Exception{
307		-// delete("SocialManage.deleteSocial", id);
308		-// }
309	58	} (No newline at end of file)

...	...	@@ -9,7 +9,7 @@
9	9	import egovframework.rte.fdl.cmmn.EgovAbstractServiceImpl;
10	10	import egovframework.rte.fdl.idgnr.EgovIdGnrService;
11	11	import itn.com.uss.ion.bnr.pop.service.MainPopupManageService;
12		-import itn.com.uss.ion.pwm.service.MainzoneVO;
	12	+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
13	13
14	14	/**
15	15	* 개요
...	...	@@ -34,37 +34,37 @@
34	34	private EgovIdGnrService idgenService;
35	35
36	36	@Override
37		- public List<?> selectSubMainzoneList(MainzoneVO mainzoneVO) throws Exception {
38		- return dao.selectSubMainzoneList(mainzoneVO);
	37	+ public List<?> selectMainPopupList(MainPopupVO mainPopupVO) throws Exception {
	38	+ return dao.selectMainPopupList(mainPopupVO);
39	39	}
40	40
41	41	@Override
42		- public int selectSubMainzoneCount(MainzoneVO mainzoneVO) throws Exception {
43		- return dao.selectSubMainzoneCount(mainzoneVO);
	42	+ public int selectMainPopupCount(MainPopupVO mainPopupVO) throws Exception {
	43	+ return dao.selectMainPopupCount(mainPopupVO);
44	44	}
45	45
46	46
47	47	@Override
48		- public MainzoneVO selectSubMainzoneVO(String mazId) throws Exception {
49		- MainzoneVO resultVO = dao.selectSubMainzoneVO(mazId);
	48	+ public MainPopupVO selectMainPopupVO(String mazId) throws Exception {
	49	+ MainPopupVO resultVO = dao.selectMainPopupVO(mazId);
50	50	if (resultVO == null)
51	51	throw processException("info.nodata.msg");
52	52	return resultVO;
53	53	}
54	54
55	55	@Override
56		- public List<MainzoneVO> selectSubMainzoneListRolling() {
57		- return dao.selectSubMainzoneListRolling();
	56	+ public List<MainPopupVO> selectMainPopupListRolling() {
	57	+ return dao.selectMainPopupListRolling();
58	58	}
59	59
60	60	@Override
61		- public void deleteSubMainzone(String id) {
62		- dao.deleteSubMainzone(id);
	61	+ public void deleteMainPopup(String id) {
	62	+ dao.deleteMainPopup(id);
63	63	}
64	64
65	65	@Override
66		- public void resetSubMainVOSort(MainzoneVO mainzoneVO) {
67		- dao.resetSubMainVOSort(mainzoneVO);
	66	+ public void resetMainPopupSort(MainPopupVO mainPopupVO) {
	67	+ dao.resetMainPopupSort(mainPopupVO);
68	68
69	69	}
70	70

...	...	@@ -32,6 +32,8 @@
32	32	import itn.com.cmm.service.EgovFileMngUtil;
33	33	import itn.com.cmm.service.FileVO;
34	34	import itn.com.cmm.util.RedirectUrlMaker;
	35	+import itn.com.uss.ion.bnr.pop.service.MainPopupManageService;
	36	+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
35	37	import itn.com.uss.ion.bnr.sub.service.SubMainZoneManageService;
36	38	import itn.com.uss.ion.pwm.service.MainzoneVO;
37	39	import itn.let.sym.site.service.EgovSiteManagerService;
...	...	@@ -57,9 +59,9 @@
57	59	*/
58	60
59	61	@Controller
60		-public class MainPopupManageController {
	62	+public class MainPopupController {
61	63
62		- private static final Logger LOGGER = LoggerFactory.getLogger(MainPopupManageController.class);
	64	+ private static final Logger LOGGER = LoggerFactory.getLogger(MainPopupController.class);
63	65
64	66	@Autowired
65	67	private DefaultBeanValidator beanValidator;
...	...	@@ -75,6 +77,9 @@
75	77	/** EgovPopupManageService */
76	78	@Resource(name = "subMainZoneManageService")
77	79	private SubMainZoneManageService subMainZoneManageService;
	80	+
	81	+ @Resource(name = "mainPopupManageService")
	82	+ private MainPopupManageService mainPopupManageService;
78	83
79	84	/** cmmUseService */
80	85	@Resource(name = "EgovCmmUseService")
...	...	@@ -105,63 +110,64 @@
105	110
106	111
107	112	/메인이미지 관리/
	113	+// @RequestMapping(value="/uss/ion/bnr/subMainZoneList.do")
108	114	@RequestMapping(value="/uss/ion/bnr/pop/mainPopupList.do")
109		- public String popupList(ModelMap model , MainzoneVO mainzoneVO , HttpSession session ) throws Exception {
	115	+ public String selectMainzoneList(ModelMap model , MainPopupVO mainPopupVO , HttpSession session ) throws Exception {
110	116	LoginVO loginVO = (LoginVO) EgovUserDetailsHelper.getAuthenticatedUser();
111	117
112	118
113		- if(mainzoneVO.getPageUnit()% 8 != 0) {//9 배수로 넘어오지 않으면 초기세팅
114		- mainzoneVO.setPageUnit(8);
	119	+ if(mainPopupVO.getPageUnit()% 8 != 0) {//9 배수로 넘어오지 않으면 초기세팅
	120	+ mainPopupVO.setPageUnit(8);
115	121	}else {
116		- mainzoneVO.setPageUnit(mainzoneVO.getPageUnit());
	122	+ mainPopupVO.setPageUnit(mainPopupVO.getPageUnit());
117	123	}
118	124
119	125	/** pageing */
120	126	PaginationInfo paginationInfo = new PaginationInfo();
121		- paginationInfo.setCurrentPageNo(mainzoneVO.getPageIndex());
122		- paginationInfo.setRecordCountPerPage(mainzoneVO.getPageUnit());
123		- paginationInfo.setPageSize(mainzoneVO.getPageSize());
	127	+ paginationInfo.setCurrentPageNo(mainPopupVO.getPageIndex());
	128	+ paginationInfo.setRecordCountPerPage(mainPopupVO.getPageUnit());
	129	+ paginationInfo.setPageSize(mainPopupVO.getPageSize());
124	130
125		- mainzoneVO.setFirstIndex(paginationInfo.getFirstRecordIndex());
126		- mainzoneVO.setLastIndex(paginationInfo.getLastRecordIndex());
127		- mainzoneVO.setRecordCountPerPage(paginationInfo.getRecordCountPerPage());
	131	+ mainPopupVO.setFirstIndex(paginationInfo.getFirstRecordIndex());
	132	+ mainPopupVO.setLastIndex(paginationInfo.getLastRecordIndex());
	133	+ mainPopupVO.setRecordCountPerPage(paginationInfo.getRecordCountPerPage());
128	134
129	135	if(null != loginVO && !"super".equals(loginVO.getSiteId())){ //각각의 사이트
130		- mainzoneVO.setSiteId(loginVO.getSiteId());
	136	+ mainPopupVO.setSiteId(loginVO.getSiteId());
131	137	}
132		- List<?> mainzoneList = subMainZoneManageService.selectSubMainzoneList(mainzoneVO);
133		- model.addAttribute("mainzoneList", mainzoneList);
	138	+ List<?> mainPopupList = mainPopupManageService.selectMainPopupList(mainPopupVO);
	139	+ model.addAttribute("mainPopupList", mainPopupList);
134	140
135		- int totCnt = subMainZoneManageService.selectSubMainzoneCount(mainzoneVO);
	141	+ int totCnt = mainPopupManageService.selectMainPopupCount(mainPopupVO);
136	142
137	143	paginationInfo.setTotalRecordCount(totCnt);
138	144	model.addAttribute("paginationInfo", paginationInfo);
139	145
140		- return "uss/ion/bnr/sub/subMainZoneList";
	146	+ return "uss/ion/bnr/pop/mainPopupList";
141	147	}
142	148
143	149
144	150
145	151	/알림창등록/수정 view/
146		- @RequestMapping(value="/uss/ion/bnr/pop/mainPopupModify.do")
147		- public String popupModify(@RequestParam Map<?, ?> commandMap,
	152	+ @RequestMapping(value="/uss/ion/bnr/pop/mainPopupModify.do")
	153	+ public String updateMainZoneView(@RequestParam Map<?, ?> commandMap,
148	154	HttpServletRequest request, Model model, HttpSession session)
149	155	throws Exception {
150	156
151		- MainzoneVO mainzoneVO = new MainzoneVO();
	157	+ MainPopupVO mainPopupVO = new MainPopupVO();
152	158	if("Modify".equals((String)commandMap.get("pageType"))){ //수정
153	159	String mazId = (String)commandMap.get("selectedId");
154		- mainzoneVO = subMainZoneManageService.selectSubMainzoneVO(mazId);
155		- String sNtceBgnde = mainzoneVO.getNtceBgnde();
156		- String sNtceEndde = mainzoneVO.getNtceEndde();
	160	+ mainPopupVO = mainPopupManageService.selectMainPopupVO(mazId);
	161	+ String sNtceBgnde = mainPopupVO.getNtceBgnde();
	162	+ String sNtceEndde = mainPopupVO.getNtceEndde();
157	163
158	164	if(sNtceBgnde != null && sNtceEndde != null ) {
159	165
160		- mainzoneVO.setNtceBgndeHH(sNtceBgnde.substring(8, 10));
161		- mainzoneVO.setNtceBgndeMM(sNtceBgnde.substring(10, 12));
	166	+ mainPopupVO.setNtceBgndeHH(sNtceBgnde.substring(8, 10));
	167	+ mainPopupVO.setNtceBgndeMM(sNtceBgnde.substring(10, 12));
162	168
163		- mainzoneVO.setNtceEnddeHH(sNtceEndde.substring(8, 10));
164		- mainzoneVO.setNtceEnddeMM(sNtceEndde.substring(10, 12));
	169	+ mainPopupVO.setNtceEnddeHH(sNtceEndde.substring(8, 10));
	170	+ mainPopupVO.setNtceEnddeMM(sNtceEndde.substring(10, 12));
165	171
166	172	//게시기간 시작일자(시)
167	173	model.addAttribute("ntceBgndeHH", getTimeHH());
...	...	@@ -175,11 +181,11 @@
175	181
176	182	}
177	183
178		- if(mainzoneVO != null){
179		- mainzoneVO.setBeSort(mainzoneVO.getSort());
	184	+ if(mainPopupVO != null){
	185	+ mainPopupVO.setBeSort(mainPopupVO.getSort());
180	186
181	187	FileVO fileVO = new FileVO();
182		- String atchFileId = mainzoneVO.getMainzoneImageFile();
	188	+ String atchFileId = mainPopupVO.getMainzoneImageFile();
183	189	fileVO.setAtchFileId(atchFileId);
184	190	List<FileVO> fileList = fileService.selectFileInfs(fileVO);
185	191	model.addAttribute("fileList", fileList);
...	...	@@ -198,8 +204,8 @@
198	204	}
199	205
200	206	//model.addAttribute("sortList", sortList);
201		- model.addAttribute("mainzoneVO", mainzoneVO);
202		- System.out.println("mainzoneVO :: "+ mainzoneVO.toString());
	207	+ model.addAttribute("mainPopupVO", mainPopupVO);
	208	+ System.out.println("mainPopupVO :: "+ mainPopupVO.toString());
203	209
204	210	/* 타겟 코드 */
205	211	ComDefaultCodeVO vo = new ComDefaultCodeVO();
...	...	@@ -208,33 +214,33 @@
208	214	//model.addAttribute("targetList", targetList);
209	215
210	216
211		- return "uss/ion/bnr/sub/subMainZoneModify";
	217	+ return "uss/ion/bnr/pop/mainPopupModify";
212	218	}
213	219
214	220
215	221
216	222	/메인 이미지삭제 /
217		- @RequestMapping(value="/uss/ion/bnr/pop/mainPopupListDelete.do")
	223	+ @RequestMapping("/uss/ion/bnr/pop/mainPopupListDelete.do")
218	224	public String deleteMainzoneDelete(@RequestParam("del") String[] del, RedirectAttributes redirectAttributes , Model model) throws Exception {
219	225	LoginVO loginVO = (LoginVO) EgovUserDetailsHelper.getAuthenticatedUser();
220		- MainzoneVO mainzoneVO = new MainzoneVO();
	226	+ MainPopupVO mainPopupVO = new MainPopupVO();
221	227	for(String id:del) {
222	228	try{
223		- mainzoneVO = subMainZoneManageService.selectSubMainzoneVO(id);
	229	+ mainPopupVO = mainPopupManageService.selectMainPopupVO(id);
224	230	}catch(Exception e){
225	231	redirectAttributes.addFlashAttribute("message", egovMessageSource.getMessage("info.nodata.msg"));
226		- RedirectUrlMaker redirectUrlMaker = new RedirectUrlMaker("/uss/ion/bnr/subMainZoneList.do");
	232	+ RedirectUrlMaker redirectUrlMaker = new RedirectUrlMaker("/uss/ion/bnr/pop/mainPopupList.do");
227	233	return redirectUrlMaker.getRedirectUrl();
228	234	}
229		- subMainZoneManageService.deleteSubMainzone(id);
	235	+ mainPopupManageService.deleteMainPopup(id);
230	236	if(null != loginVO && !"super".equals(loginVO.getSiteId())){
231		- mainzoneVO.setSiteId(loginVO.getSiteId());
	237	+ mainPopupVO.setSiteId(loginVO.getSiteId());
232	238	}
233		- subMainZoneManageService.resetSubMainVOSort(mainzoneVO);
	239	+ mainPopupManageService.resetMainPopupSort(mainPopupVO);
234	240	}
235	241
236	242	redirectAttributes.addFlashAttribute("message", egovMessageSource.getMessage("success.common.delete"));
237		- RedirectUrlMaker redirectUrlMaker = new RedirectUrlMaker("/uss/ion/bnr/subMainZoneList.do");
	243	+ RedirectUrlMaker redirectUrlMaker = new RedirectUrlMaker("/uss/ion/bnr/pop/mainPopupList.do");
238	244	return redirectUrlMaker.getRedirectUrl();
239	245	}
240	246
...	...	@@ -303,4 +309,6 @@
303	309	return listMM;
304	310	}
305	311
	312	+
	313	+
306	314	} (No newline at end of file)

...	...	@@ -38,6 +38,7 @@
38	38	import itn.com.cmm.service.EgovFileMngUtil;
39	39	import itn.com.cmm.service.FileVO;
40	40	import itn.com.cmm.util.RedirectUrlMaker;
	41	+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
41	42	import itn.com.uss.ion.bnr.service.Banner;
42	43	import itn.com.uss.ion.bnr.service.BannerVO;
43	44	import itn.com.uss.ion.bnr.service.EgovBannerService;
...	...	@@ -114,6 +115,9 @@
114	115
115	116	@Resource(name = "egovSubMainZoneIdGnrService")
116	117	private EgovIdGnrService idgenServiceSubMain;
	118	+
	119	+ @Resource(name = "egovMainPopupIdGnrService")
	120	+ private EgovIdGnrService idgenServiceMainPopup;
117	121
118	122	@Resource(name = "egovBannerService")
119	123	private EgovBannerService egovBannerService;
...	...	@@ -390,6 +394,7 @@
390	394	public ModelAndView insertFmsFileInsertAjax(@RequestParam Map<?, ?> commandMap,
391	395	@ModelAttribute("fmsFileVO") FmsFileVO fmsFileVO,
392	396	MainzoneVO mainzoneVO,
	397	+ MainPopupVO mainPopupVO,
393	398	PopupzoneVO popupzoneVO,
394	399	Banner banner,
395	400	BannerVO bannerVO,
...	...	@@ -419,6 +424,8 @@
419	424	KeyStr = "MAZ_";
420	425	}else if("subMainzone".equals(fileVO.getMenuName())) { //메인비주얼
421	426	KeyStr = "SMAZ_";
	427	+ }else if("mainPopup".equals(fileVO.getMenuName())) { //메인비주얼
	428	+ KeyStr = "MPP_";
422	429	}else if("popupzone".equals(fileVO.getMenuName())) { //매뉴별 비주얼
423	430	KeyStr = "POZ_";
424	431	}else if("banner".equals(fileVO.getMenuName())) { //매뉴별 비주얼
...	...	@@ -446,6 +453,9 @@
446	453	} else {
447	454	mainzoneVO.setMainzoneImage(orignlFileNm);
448	455	mainzoneVO.setMainzoneImageFile(atchFileId);
	456	+
	457	+ mainPopupVO.setMainzoneImage(orignlFileNm);
	458	+ mainPopupVO.setMainzoneImageFile(atchFileId);
449	459
450	460	fmsFileVO.setFmsImage(orignlFileNm);
451	461	fmsFileVO.setFmsImageFile(atchFileId);
...	...	@@ -482,14 +492,24 @@
482	492	egovPopupManageService.insertMainzone(mainzoneVO);
483	493	mainzoneVO.setSortOver("D"); //앞쪽에 넣음
484	494	egovPopupManageService.resetMainVOSort(mainzoneVO);
485		- }else if("subMainzone".equals(fileVO.getMenuName())) { // 서브 메인비주얼 새글
	495	+ }
	496	+ else if("subMainzone".equals(fileVO.getMenuName())) { // 서브 메인비주얼 새글
486	497	String mainId = idgenServiceSubMain.getNextStringId();
487	498	mainzoneVO.setMazId(mainId);
488	499	mainzoneVO.setRegisterId(loginVO.getUniqId());
489	500	egovPopupManageService.insertSubMainzone(mainzoneVO);
490	501	mainzoneVO.setSortOver("D"); //앞쪽에 넣음
491	502	egovPopupManageService.resetSubMainVOSort(mainzoneVO);
492		- }else if("popupzone".equals(fileVO.getMenuName())) { //매뉴별 비주얼
	503	+ }
	504	+ else if("mainPopup".equals(fileVO.getMenuName())) { // 메인팝업 새글
	505	+ String mainId = idgenServiceMainPopup.getNextStringId();
	506	+ mainPopupVO.setPopId(mainId);
	507	+ mainPopupVO.setRegisterId(loginVO.getUniqId());
	508	+ egovPopupManageService.insertMainPopup(mainPopupVO);
	509	+ mainPopupVO.setSortOver("D"); //앞쪽에 넣음
	510	+ egovPopupManageService.resetMainPopup(mainPopupVO);
	511	+ }
	512	+ else if("popupzone".equals(fileVO.getMenuName())) { //매뉴별 비주얼
493	513	String pozId = idgenService.getNextStringId();
494	514	popupzoneVO.setPozId(pozId);
495	515	popupzoneVO.setRegisterId(loginVO.getUniqId());
...	...	@@ -538,7 +558,14 @@
538	558	if(mainzoneVO.getSort() < mainzoneVO.getBeSort() ){ //sortOver : A 후번호로 변경 , D : 선번호로 변경
539	559	mainzoneVO.setSortOver("D");
540	560	}
541		- egovPopupManageService.resetSubMainVOSort(mainzoneVO);
	561	+ egovPopupManageService.resetMainVOSort(mainzoneVO);
	562	+ }else if("mainPopup".equals(fileVO.getMenuName())) { // 메인팝업 새글
	563	+ egovPopupManageService.updateMainPopup(mainPopupVO);
	564	+ if(mainzoneVO.getSort() < mainzoneVO.getBeSort() ){ //sortOver : A 후번호로 변경 , D : 선번호로 변경
	565	+ mainzoneVO.setSortOver("D");
	566	+ }
	567	+ egovPopupManageService.resetMainPopup(mainPopupVO);
	568	+
542	569	}else if("popupzone".equals(fileVO.getMenuName())) { //매뉴별 비주얼
543	570	egovPopupManageService.updatePopupzone(popupzoneVO);
544	571	if(popupzoneVO.getSort() < popupzoneVO.getBeSort() ){ //sortOver : A 후번호로 변경 , D : 선번호로 변경
...	...	@@ -575,7 +602,8 @@
575	602	}
576	603	}
577	604	modelAndView.addObject("result", "success");
578		- }catch (Exception e) {
	605	+ }catch (Exception e) {
	606	+ e.printStackTrace();
579	607	modelAndView.addObject("result", "fail");
580	608	}
581	609	return modelAndView;

...	...	@@ -3,6 +3,8 @@
3	3	import java.util.List;
4	4	import java.util.Map;
5	5
	6	+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
	7	+
6	8	/**
7	9	* 개요
8	10	* - 팝업창에 대한 Service Interface를 정의한다.
...	...	@@ -167,4 +169,11 @@
167	169	//사용자 메인화면 롤링 배너 이미지 조회
168	170	public List<MainzoneVO> selectMainzoneListRolling() throws Exception;
169	171
	172	+ public void insertMainPopup(MainPopupVO mainPopupVO);
	173	+
	174	+ public void resetMainPopup(MainPopupVO mainPopupVO) throws Exception;
	175	+
	176	+ public void updateMainPopup(MainPopupVO mainPopupVO) throws Exception;
	177	+
	178	+
170	179	} (No newline at end of file)

...	...	@@ -1,17 +1,23 @@
1	1	package itn.com.uss.ion.pwm.service.impl;
2	2
3	3	import java.math.BigDecimal;
	4	+import java.util.ArrayList;
	5	+import java.util.Comparator;
4	6	import java.util.LinkedHashMap;
5	7	import java.util.List;
6	8	import java.util.Map;
	9	+import java.util.stream.IntStream;
7	10
8	11	import javax.annotation.Resource;
9	12
	13	+import org.apache.commons.collections4.CollectionUtils;
10	14	import org.springframework.stereotype.Service;
11	15
12	16	import egovframework.rte.fdl.cmmn.EgovAbstractServiceImpl;
13	17	import egovframework.rte.fdl.idgnr.EgovIdGnrService;
14	18	import egovframework.rte.psl.dataaccess.util.EgovMap;
	19	+import itn.com.uss.ion.bnr.pop.service.MainPopupLinkVO;
	20	+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
15	21	import itn.com.uss.ion.pwm.service.EgovPopupManageService;
16	22	import itn.com.uss.ion.pwm.service.MainzoneVO;
17	23	import itn.com.uss.ion.pwm.service.PopupManageVO;
...	...	@@ -244,6 +250,10 @@
244	250	public void insertSubMainzone(MainzoneVO mainzoneVO) throws Exception {
245	251	dao.insertSubMainzone(mainzoneVO);
246	252	}
	253	+ @Override
	254	+ public void resetMainPopup(MainPopupVO mainPopupVO) throws Exception {
	255	+ dao.resetMainPopup(mainPopupVO);
	256	+ }
247	257
248	258	@Override
249	259	public void resetMainSort(MainzoneVO mainzoneVO) throws Exception {
...	...	@@ -304,6 +314,7 @@
304	314	public void updateSubMainzone(MainzoneVO mainzoneVO) throws Exception {
305	315	dao.updateSubMainzone(mainzoneVO);
306	316	}
	317	+
307	318
308	319	//사용자 메인화면 롤링 배너 이미지 조회
309	320	@Override
...	...	@@ -371,4 +382,52 @@
371	382	public void deleteSocial(String id) throws Exception {
372	383	dao.deleteSocial(id);
373	384	}
	385	+
	386	+ @Override
	387	+ public void insertMainPopup(MainPopupVO mainPopupVO) {
	388	+ dao.insertMainPopup(mainPopupVO);
	389	+
	390	+
	391	+
	392	+ if(CollectionUtils.isNotEmpty(mainPopupVO.getMainPopupLinkList())) {
	393	+
	394	+ List<MainPopupLinkVO> mainPopupLinkListVO = getMainPopupLinkList(mainPopupVO);
	395	+// mainPopupLinkListVO.stream().forEach(t-> System.out.println(t.toString()));
	396	+ dao.insertMainPopupLinkInfo(mainPopupLinkListVO);
	397	+ }
	398	+ }
	399	+
	400	+ @Override
	401	+ public void updateMainPopup(MainPopupVO mainPopupVO) throws Exception {
	402	+
	403	+ dao.updateMainPopup(mainPopupVO);
	404	+
	405	+
	406	+ if(CollectionUtils.isNotEmpty(mainPopupVO.getMainPopupLinkList())) {
	407	+
	408	+ List<MainPopupLinkVO> mainPopupLinkListVO = getMainPopupLinkList(mainPopupVO);
	409	+
	410	+ dao.deleteMainPopupLinkInfo(mainPopupVO.getPopId());
	411	+
	412	+ dao.insertMainPopupLinkInfo(mainPopupLinkListVO);
	413	+ }
	414	+
	415	+
	416	+ }
	417	+
	418	+ private List<MainPopupLinkVO> getMainPopupLinkList(MainPopupVO mainPopupVO) {
	419	+
	420	+ List<MainPopupLinkVO> mainPopupLinkListVO = mainPopupVO.getMainPopupLinkList();
	421	+
	422	+ // 기존 sort 값을 숫자로 변환하여 오름차순 정렬
	423	+ mainPopupLinkListVO.sort(Comparator.comparingInt(vo -> vo.getSort()));
	424	+ // 2. 정렬된 상태에서 sort 값을 연속적인 숫자로 변경 (1, 2, 3, ...)
	425	+ IntStream.range(0, mainPopupLinkListVO.size())
	426	+ .forEach(i -> mainPopupLinkListVO.get(i).setSort(i + 1));
	427	+
	428	+ mainPopupLinkListVO.stream().forEach(t-> t.setPopId(mainPopupVO.getPopId()));
	429	+ return mainPopupLinkListVO;
	430	+ }
	431	+
	432	+
374	433	} (No newline at end of file)

...	...	@@ -78,6 +78,8 @@
78	78	import itn.com.cmm.service.FileVO;
79	79	import itn.com.cmm.util.StringUtil;
80	80	import itn.com.cmm.util.WebUtil;
	81	+import itn.com.uss.ion.bnr.pop.service.MainPopupManageService;
	82	+import itn.com.uss.ion.bnr.pop.service.MainPopupVO;
81	83	import itn.com.uss.ion.bnr.service.BannerVO;
82	84	import itn.com.uss.ion.bnr.service.EgovBannerService;
83	85	import itn.com.uss.ion.bnr.sub.service.SubMainZoneManageService;
...	...	@@ -264,9 +266,12 @@
264	266	@Resource(name = "mjonCandidateService")
265	267	private MjonCandidateService mjonCandidateService;
266	268
267		- /** EgovPopupManageService */
268	269	@Resource(name = "subMainZoneManageService")
269	270	private SubMainZoneManageService subMainZoneManageService;
	271	+
	272	+ /** 메인팝업 service */
	273	+ @Resource(name = "mainPopupManageService")
	274	+ private MainPopupManageService mainPopupManageService;
270	275
271	276
272	277	@Value("#{globalSettings['Globals.email.host']}")
...	...	@@ -701,6 +706,15 @@
701	706
702	707	}
703	708
	709	+
	710	+ {//팝업 롤링 이미지 불러오기
	711	+
	712	+ List<MainPopupVO> resultMainPopupList = mainPopupManageService.selectMainPopupListRolling();
	713	+ model.addAttribute("mainPopupList", resultMainPopupList);
	714	+ System.out.println("===================mainPopupList");
	715	+
	716	+ }
	717	+
704	718	return "web/main/mainPage";
705	719	}
706	720

...	...	@@ -2020,6 +2020,23 @@
2020	2020	<property name="fillChar" value="0" />
2021	2021	</bean>
2022	2022
	2023	+ <bean name="egovMainPopupIdGnrService"
	2024	+ class="egovframework.rte.fdl.idgnr.impl.EgovTableIdGnrServiceImpl"
	2025	+ destroy-method="destroy">
	2026	+ <property name="dataSource" ref="dataSource" />
	2027	+ <property name="strategy" ref="mainPopupIdStrategy" />
	2028	+ <property name="blockSize" value="10"/>
	2029	+ <property name="table" value="IDS"/>
	2030	+ <property name="tableName" value="MPP_ID"/>
	2031	+ </bean>
	2032	+ <!-- 메인상단 이미지 ID Generation Strategy Config -->
	2033	+ <bean name="mainPopupIdStrategy"
	2034	+ class="egovframework.rte.fdl.idgnr.impl.strategy.EgovIdGnrStrategyImpl">
	2035	+ <property name="prefix" value="MPP_" />
	2036	+ <property name="cipers" value="12" />
	2037	+ <property name="fillChar" value="0" />
	2038	+ </bean>
	2039	+
2023	2040
2024	2041	<!-- 컨텐츠 관리 ID Generation Strategy Config -->
2025	2042	<bean name="egovCntManageIdGnrService"

...	...	@@ -12,6 +12,10 @@
12	12	<typeAlias alias="PopupManageVO" type="itn.com.uss.ion.pwm.service.PopupManageVO" />
13	13	<typeAlias alias="popupzoneVO" type="itn.com.uss.ion.pwm.service.PopupzoneVO"/>
14	14	<typeAlias alias="mainzoneVO" type="itn.com.uss.ion.pwm.service.MainzoneVO"/>
	15	+
	16	+ <typeAlias alias="mainPopupVO" type="itn.com.uss.ion.bnr.pop.service.MainPopupVO"/>
	17	+ <typeAlias alias="mainPopupLinkVO" type="itn.com.uss.ion.bnr.pop.service.MainPopupLinkVO"/>
	18	+
15	19	<typeAlias alias="socialVO" type="itn.com.uss.ion.pwm.service.SocialVO"/>
16	20	<typeAlias alias="sortVO" type="itn.com.uss.ion.pwm.service.SortVO"/>
17	21	<!-- ::ResultMap 선언 -->
...	...	@@ -653,6 +657,8 @@
653	657	)
654	658	</insert>
655	659
	660	+
	661	+
656	662	<update id="MainzoneManage.resetMainSort" parameterClass="mainzoneVO">
657	663	UPDATE MAINZONE A , (SELECT ROW_NUMBER() OVER(ORDER BY SORT) AS SORT1 , MAZ_ID FROM MAINZONE
658	664	WHERE 1=1
...	...	@@ -837,6 +843,27 @@
837	843	WHERE A.MAZ_ID = B.MAZ_ID
838	844	</update>
839	845
	846	+ <update id="MainzoneManage.resetMainPopup" parameterClass="mainPopupVO">
	847	+ UPDATE MAIN_POPUP A ,
	848	+ (
	849	+ SELECT ROW_NUMBER() OVER
	850	+ (
	851	+ ORDER BY SORT
	852	+ <isEqual property="sortOver" compareValue="A">
	853	+ , MODDT ASC
	854	+ </isEqual>
	855	+ <isEqual property="sortOver" compareValue="D">
	856	+ , MODDT DESC
	857	+ </isEqual>
	858	+ ) AS SORT1 , POP_ID
	859	+ FROM MAIN_POPUP
	860	+ WHERE 1=1
	861	+ ORDER BY SORT1
	862	+ ) B
	863	+ SET A.SORT = B.SORT1
	864	+ WHERE A.POP_ID = B.POP_ID
	865	+ </update>
	866	+
840	867
841	868	<!-- 소설 관리자 리스트 -->
842	869	<select id="SocialManage.selectSocialList" parameterClass="socialVO" resultClass="socialVO">
...	...	@@ -1014,7 +1041,98 @@
1014	1041	AND MZ.USE_YN = 'Y'
1015	1042	ORDER BY MZ.SORT
1016	1043
1017		-
1018	1044	</select>
1019	1045
	1046	+
	1047	+ <insert id="MainzoneManage.insertMainPopup" parameterClass="mainPopupVO">
	1048	+ INSERT INTO MAIN_POPUP (
	1049	+ POP_ID
	1050	+ , CONTENT
	1051	+ , SORT
	1052	+ , DEL
	1053	+ , MAINZONE_IMAGE_FILE
	1054	+ , MAINZONE_IMAGE
	1055	+ , REGDT
	1056	+ , MODDT
	1057	+ , POP_NM
	1058	+ , USE_YN
	1059	+ , REGISTER_ID
	1060	+ , DEVICETYPE
	1061	+ , NTCE_BGNDE
	1062	+ , NTCE_ENDDE
	1063	+ ) VALUES (
	1064	+ #popId#
	1065	+ , #content#
	1066	+ , #sort#
	1067	+ , #del#
	1068	+ , #mainzoneImageFile#
	1069	+ , #mainzoneImage#
	1070	+ , now()
	1071	+ , now()
	1072	+ , #popNm#
	1073	+ , #useYn#
	1074	+ , #registerId#
	1075	+ , #devicetype#
	1076	+ , #ntceBgnde#
	1077	+ , #ntceEndde#
	1078	+ )
	1079	+ </insert>
	1080	+
	1081	+ <insert id="MainzoneManage.insertMainPopupLinkInfo" parameterClass="java.util.List">
	1082	+ INSERT INTO MAIN_POPUP_LINK (
	1083	+ POP_ID
	1084	+ , MLINK
	1085	+ , COORDS
	1086	+ , SORT
	1087	+ )
	1088	+ VALUES
	1089	+ <iterate conjunction=",">
	1090	+ (
	1091	+ #[].popId#
	1092	+ , #[].mlink#
	1093	+ , #[].coords#
	1094	+ , #[].sort#
	1095	+ )
	1096	+ </iterate>
	1097	+
	1098	+
	1099	+ </insert>
	1100	+
	1101	+
	1102	+ <update id="MainzoneManage.updateMainPopup" parameterClass="mainPopupVO">
	1103	+ UPDATE MAIN_POPUP
	1104	+ SET
	1105	+ CONTENT = #content#,
	1106	+ SORT = #sort#,
	1107	+ DEL = #del#,
	1108	+ MAINZONE_IMAGE_FILE = #mainzoneImageFile#,
	1109	+ MAINZONE_IMAGE = #mainzoneImage#,
	1110	+ MODDT = now(),
	1111	+ POP_NM = #popNm#,
	1112	+ USE_YN = #useYn#,
	1113	+ <isNotEmpty property="deviceType">
	1114	+ DEVICETYPE = #deviceType# ,
	1115	+ </isNotEmpty>
	1116	+ NTCE_BGNDE = #ntceBgnde#,
	1117	+ NTCE_ENDDE = #ntceEndde#
	1118	+ WHERE POP_ID = #popId#
	1119	+ </update>
	1120	+
	1121	+ <update id="MainzoneManage.updateMainPopupLinkInfo" parameterClass="mainPopupLinkVO">
	1122	+ UPDATE MAIN_POPUP_LINK
	1123	+ SET
	1124	+ MLINK = #mlink#
	1125	+ , COORDS = #coords#
	1126	+ , SORT = #sort#
	1127	+ WHERE POP_ID = #popId#
	1128	+ </update>
	1129	+
	1130	+ <delete id="MainzoneManage.deleteMainPopupLinkInfo" parameterClass="String">
	1131	+
	1132	+
	1133	+ DELETE FROM MAIN_POPUP_LINK
	1134	+ WHERE POP_ID = #popId#
	1135	+ </delete>
	1136	+
	1137	+
1020	1138	</sqlMap> (No newline at end of file)

...	...	@@ -1468,8 +1468,8 @@
1468	1468	/* 발송관리 */
1469	1469	.table_tab_wrap .tab_depth1 {position: absolute; top: 50%; right: 20px; transform: translateY(-50%); text-align: center;}
1470	1470	.table_tab_wrap .tab_depth1 a {width: 150px;}
1471		-/.kakao_rev_content .rev_admin_in{width: calc(100% / 3 - 20px);}/
1472		-.kakao_rev_content .rev_admin_in{width: calc(100% / 2 - 20px);}
	1471	+.kakao_rev_content .rev_admin_in{width: calc(100% / 3 - 20px);}
	1472	+/.kakao_rev_content .rev_admin_in{width: calc(100% / 2 - 20px);}/
1473	1473	/// 발송관리 /
1474	1474
1475	1475	/발송결과/
...	...	@@ -2126,6 +2126,8 @@
2126	2126
2127	2127	.res_info .res_info_in .res_info_btm {margin:20px 0 0 0;padding:10px;background:#fff;border-radius:5px;box-sizing:border-box;}
2128	2128	.res_info .res_info_in .res_info_btm dl {display:flex;padding:8px 10px;font-size:16px;font-weight:300;justify-content:space-between; color:#222;}
	2129	+.res_info .res_info_in .res_info_btm dl.charge_line {border-top:1px solid #e6e6e6; text-align:center;}
	2130	+.res_info .res_info_in .res_info_btm dl dt.charge_title {font-size:15px; padding:0 0 0 5px;}
2129	2131	.res_info .res_info_in .res_info_btm dl dt {font-weight:400;}
2130	2132	.res_info .res_info_in .res_info_btm dl dt.btm_charge {font-size:16px;}
2131	2133	.res_info .res_info_in .res_info_btm dl dd span {font-weight:500;}
...	...	@@ -2143,6 +2145,9 @@
2143	2145	/* right area 문자 미리보기 */
2144	2146	.send_top .resultcont_right {flex-basis: calc(100% - 68% - 80px); position: relative;min-height:630px;}
2145	2147	.send_top .send_general.sec .resultcont_right {min-height:auto;}
	2148	+.send_top .resultcont_right .tab_phone {display: none; }
	2149	+.send_top .resultcont_right .tab_phone.current {display: block;}
	2150	+
2146	2151	/* phone 기본 -- sticky */
2147	2152	.send_top .resultcont_right .phone {width: 374px; position: absolute; right: -2px; top: 0;}
2148	2153	.send_top .resultcont_right .phone .phoneIn {background-image: url(/publish/images/content/phoneBg.png); height: 720px; background-size: 100% auto; background-repeat: no-repeat; }
...	...	@@ -2177,7 +2182,7 @@
2177	2182
2178	2183	/* 알림톡 미리보기 */
2179	2184	.send_top .resultcont_right .phone_kakao {width: 374px; position: absolute; right:0; top: 0;}
2180		-.send_top .resultcont_right .phone_kakako .phoneIn{height: 690px; width:340px; background-image: url(/publish/images/content/kakaoBg.png); padding: 27px 25px 0 25px;}
	2185	+.send_top .resultcont_right .phone_kakako .phoneIn{height: 720px; width:346px; background-image: url(/publish/images/content/kakaoBg.png); padding: 27px 25px 0 25px; margin:0 0 0 -12px;}
2181	2186	.send_top .resultcont_right .phone_kakako .prev_p{padding: 0 0 0 10px; border: 0; letter-spacing: -0.25px;}
2182	2187	.send_top .resultcont_right .phone_kakako .prev_p img{margin: 0 10px 0 0;}
2183	2188	.send_top .resultcont_right .phone_kakako .allimtalk_title{position: relative; width: calc(100% - 20px); background-color: #fae100; font-family: 'LotteMartDream'; font-size: 18px; padding: 12px 21px; border-radius: 5px 5px 0 0; box-sizing: border-box;}

...	...	@@ -18,7 +18,8 @@
18	18	<!-- <p>***<span class="font1"> (컨텐츠)</span> : 반복적으로 사용 안함</p>
19	19	<p>***<span class="font2"> (보드)</span> : 반복적으로 사용</p> -->
20	20	<ul class="page">
21		- <li><a href="/publish/index_2025.html">index_2025.html</a>메인비주얼 아래 슬라이드 배너박스를 관리자페이지에서 텍스트 및 아이콘 등록 가능 하도록 수정</li>
	21	+ <li><a href="/publish/textingmsg_2025_detail_kakao.html">textingmsg_2025_detail_kakao.html</a>[개선] 카카오 발송결과 상세</li>
	22	+ <li><a href="/publish/index_2025.html">index_2025.html</a>메인비주얼 아래 서비스안내 배너를 관리자페이지에서 텍스트 및 아이콘 등록 가능 하도록 수정</li>
22	23	<li><a href="/publish/textingmsg_2025_detail.html">textingmsg_2025_detail.html</a>[개선] 발송결과 상세 수정</li>
23	24	<li><a href="/publish/textingmsg_2025_list.html">textingmsg_2025_list.html</a>[개선] 발송결과 수정</li>
24	25	<li><a href="/publish/service3_spam_2024.html">service3_spam_2024.html</a>불법스팸방지정책 (2024.11.29)</li>

...	...	@@ -933,6 +933,25 @@
933	933	currTabId = tabId;
934	934	}
935	935
	936	+//콘텐츠 - 발송결과 미리보기 tab
	937	+function phoneTab(obj, tabId){
	938	+ var $tab = $(obj).closest("li");
	939	+ $tab.addClass("active");
	940	+ $tab.find("button").attr("title", "선택됨");
	941	+ $tab.siblings("li.tab").removeClass("active");
	942	+ $tab.siblings("li.btn_tab").removeClass("active");
	943	+ $tab.siblings("li.tab").find("button").removeAttr("title");
	944	+
	945	+ var $tabCn = $("#tab_phone_" + tabId);
	946	+ $tabCn.fadeIn(0);
	947	+ $tabCn.addClass("current");
	948	+
	949	+ $(".tab_phone").not($tabCn).removeClass("current");
	950	+ $(".tab_phone").not($tabCn).fadeOut(0);
	951	+
	952	+ currTabId = tabId;
	953	+}
	954	+
936	955	/* 회원가입 약관동의 list */
937	956	function clause_list(obj){
938	957	var listBody = $(obj).parents(".clause_list_head").siblings(".clause_list_body");

Delete comment