Merge branch 'master' of http://dlwldn1024@vcs.iten.co.kr:9999/hylee/mjon_git into 5180_요금사용내역_및_결제내역
This commit is contained in:
JIWOO
commit
643fcfa6b1
3
.gitignore
vendored
3
.gitignore
vendored
@ -96,6 +96,9 @@ local.properties
|
||||
|
||||
# End of https://www.gitignore.io/api/eclipse
|
||||
|
||||
# gemini
|
||||
.gemini/
|
||||
|
||||
# Maven
|
||||
target/
|
||||
pom.xml.tag
|
||||
|
||||
@ -100,7 +100,8 @@ public class KakaoSendUtil {
|
||||
|
||||
/** @jsonStr 필요유무 */
|
||||
boolean hasTitleOrButtons = StringUtils.isNotEmpty(templateTitle)
|
||||
|| CollectionUtils.isNotEmpty(templateDetail.getButtonList());
|
||||
|| CollectionUtils.isNotEmpty(templateDetail.getButtonList())
|
||||
|| "IMAGE".equalsIgnoreCase(templateDetail.getTemplateEmphasizeType()); // 템플릿 강조 유형 이미지 유형을 알기 위해 추가
|
||||
|
||||
/** @jsonStr 반복유무 */
|
||||
boolean needsJsonReplacement = hasTitleReplacement || hasButtonReplacement;
|
||||
@ -123,6 +124,7 @@ public class KakaoSendUtil {
|
||||
// kakaoSendAdvcListVO.get(i).setBizJsonName(idList.get(i));
|
||||
// }
|
||||
|
||||
String templateEmphasizeType = kakaoVO.getTemplateEmphasizeType();
|
||||
|
||||
|
||||
// 분할 건수 카운터
|
||||
|
||||
@ -41,6 +41,7 @@ import itn.let.kakao.kakaoComm.KakaoReturnVO;
|
||||
import itn.let.kakao.kakaoComm.KakaoVO;
|
||||
import itn.let.kakao.kakaoComm.kakaoApi.service.KakaoApiService;
|
||||
import itn.let.utl.fcc.service.EgovStringUtil;
|
||||
import lombok.extern.slf4j.Slf4j;
|
||||
|
||||
/**
|
||||
* @FileName : KakaoApiTemplate.java
|
||||
@ -50,6 +51,7 @@ import itn.let.utl.fcc.service.EgovStringUtil;
|
||||
|
||||
* @프로그램 설명 :
|
||||
*/
|
||||
@Slf4j
|
||||
@Component
|
||||
public class KakaoApiTemplate {
|
||||
|
||||
@ -394,6 +396,7 @@ public class KakaoApiTemplate {
|
||||
|
||||
String sendUrl = mjonBizUrl + "/v3/kakao/template/list";
|
||||
|
||||
log.info(" + kakaoVO.getCategoryCode() :: [{}]", kakaoVO.getCategoryCode());
|
||||
JSONObject jsonObject = new JSONObject();
|
||||
jsonObject.put("bizId", mjonBizId);
|
||||
jsonObject.put("apiKey", mjonBizKakaoApiKey);
|
||||
@ -437,6 +440,8 @@ public class KakaoApiTemplate {
|
||||
JSONParser parser = new JSONParser();
|
||||
Object obj = parser.parse(result);
|
||||
JSONObject object = (JSONObject) obj;
|
||||
log.info(" + object [{}]",object.toJSONString());
|
||||
|
||||
|
||||
String code = object.get("code").toString();
|
||||
String msg = object.get("message").toString();
|
||||
@ -456,6 +461,9 @@ public class KakaoApiTemplate {
|
||||
List<KakaoReturnVO> templatList = new ArrayList<KakaoReturnVO>() ;
|
||||
for(int i=0; i < tempJSONList.size(); i++) {
|
||||
JSONObject templateInfo = (JSONObject)tempJSONList.get(i);
|
||||
|
||||
|
||||
log.info(" + templateInfo [{}]",templateInfo.toJSONString());
|
||||
KakaoReturnVO templateInfoVO = new KakaoReturnVO();
|
||||
|
||||
String senderKey = templateInfo.get("senderKey").toString();
|
||||
|
||||
@ -85,10 +85,11 @@ public class KakaoStepInfoController {
|
||||
String bbsId = "";
|
||||
|
||||
String serverName = request.getServerName();//URL 도메인정보 받아오기
|
||||
System.out.println("serverName : "+ serverName);
|
||||
if(serverName.equals("www.munjaon.co.kr")) {//운영서버 카카오 사용안내 FAQ 게시판 번호 셋팅해주기
|
||||
bbsId = "BBSMSTR_000000000782";
|
||||
}else {//개발서버 카카오 사용안내 FAQ 게시판 번호 셋팅해주기
|
||||
bbsId = "BBSMSTR_000000000791";
|
||||
bbsId = "BBSMSTR_000000000782";
|
||||
}
|
||||
|
||||
boardVO.setBbsId(bbsId);
|
||||
@ -113,7 +114,7 @@ public class KakaoStepInfoController {
|
||||
boardVO.setRecordCountPerPage(100);
|
||||
|
||||
map = bbsMngService.selectBoardArticlesWeb(boardVO, null);
|
||||
|
||||
System.out.println("????????????????????????????????");
|
||||
int totCnt = Integer.parseInt((String) map.get("resultCnt"));
|
||||
|
||||
paginationInfo.setTotalRecordCount(totCnt);
|
||||
|
||||
@ -841,8 +841,8 @@ public class MjonMsgSentServiceImpl extends EgovAbstractServiceImpl implements
|
||||
&& result.getDiffMin() < -5 // 예약 시간이 5분 이상인 것들만
|
||||
) {
|
||||
returnCode = "03"; // 예약대기 코드 ( 예약취소 버튼 노출 )
|
||||
} else if (result.getMsgGroupCnt().equals(result.getResultSValue())
|
||||
|| result.getMsgGroupCnt().equals(result.getResultFValue())) {
|
||||
} else if (Integer.parseInt(result.getMsgGroupCnt()) == Integer.parseInt(result.getResultSValue()) + Integer.parseInt(result.getResultFValue())
|
||||
) {
|
||||
returnCode = "02"; // 완료 코드
|
||||
} else {
|
||||
returnCode = "01"; // 진행중 코드
|
||||
|
||||
@ -28,7 +28,8 @@ Globals.Env = dev
|
||||
|
||||
# mysql
|
||||
Globals.DriverClassName=com.mysql.jdbc.Driver
|
||||
Globals.Url=jdbc:mysql://192.168.0.125:3306/mjon
|
||||
Globals.Url=jdbc:mysql://192.168.0.125:3306/mjon_advc
|
||||
#Globals.Url=jdbc:mysql://139.150.73.12:3306/mjon
|
||||
Globals.UserName= mjonUr
|
||||
Globals.Password= mjon!@#$
|
||||
|
||||
|
||||
@ -28,7 +28,7 @@ Globals.Env = local
|
||||
|
||||
# mysql
|
||||
Globals.DriverClassName=com.mysql.jdbc.Driver
|
||||
Globals.Url=jdbc:mysql://119.193.215.98:3306/mjon
|
||||
Globals.Url=jdbc:mysql://192.168.0.125:3306/mjon_advc
|
||||
#Globals.Url=jdbc:mysql://192.168.0.60:3308/mjon
|
||||
Globals.UserName= mjonUr
|
||||
Globals.Password= mjon!@#$
|
||||
|
||||
@ -27,7 +27,7 @@ Globals.Env = prod
|
||||
|
||||
# mysql
|
||||
Globals.DriverClassName=com.mysql.jdbc.Driver
|
||||
Globals.Url=jdbc:mysql://10.12.107.4:3306/mjon
|
||||
Globals.Url=jdbc:mysql://10.12.107.14:3306/mjon_advc
|
||||
Globals.UserName= mjonUr
|
||||
Globals.Password= mjon!@#$
|
||||
|
||||
|
||||
@ -690,7 +690,7 @@ function fnSmishingUpdate(flag) {
|
||||
[문자온] 문자발송 결과(실패) 안내
|
||||
고객님은 현재 이동통신사의 "번호도용 문자차단 서비스"에 가입되어 있어 인터넷 문자사이트를 통한 문자발송이 모두 차단되어 있습니다.
|
||||
문자발송 서비스를 정상적으로 이용하기 위해서는 이용중인 이동통신사에 문의하시어 상기 서비스를 해지하신 후 문자를 재발송해 주시길 바랍니다.
|
||||
(서비스 해지 후 정상 발송까지 3~7일 소요될 수 있습니다.)
|
||||
(서비스 해지 후 정상 발송까지 영업일 기준 2~3일 정도 소요될 수 있습니다.)
|
||||
※번호도용 문자차단 서비스 : 웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스
|
||||
</textarea>
|
||||
<input type="file" name="atchMsgFile" id="atchMsgFile" />
|
||||
|
||||
@ -941,7 +941,7 @@ function fn_SpamMberUpdt(userId, p_mberSttus, p_smiMemo, p_confirm_msg) {
|
||||
[문자온] 문자발송 결과(실패) 안내
|
||||
고객님은 현재 이동통신사의 "번호도용 문자차단 서비스"에 가입되어 있어 인터넷 문자사이트를 통한 문자발송이 모두 차단되어 있습니다.
|
||||
문자발송 서비스를 정상적으로 이용하기 위해서는 이용중인 이동통신사에 문의하시어 상기 서비스를 해지하신 후 문자를 재발송해 주시길 바랍니다.
|
||||
(서비스 해지 후 정상 발송까지 3~7일 소요될 수 있습니다.)
|
||||
(서비스 해지 후 정상 발송까지 영업일 기준 2~3일 정도 소요될 수 있습니다.)
|
||||
※번호도용 문자차단 서비스 : 웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스
|
||||
</textarea>
|
||||
<input type="file" name="atchMsgFile" id="atchMsgFile" />
|
||||
|
||||
@ -77,7 +77,8 @@
|
||||
|
||||
<c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}">
|
||||
<!-- 문자 미리보기 -->
|
||||
<div class="tab_phone" id="tab_phone_2">
|
||||
<!-- <div class="tab_phone" id="tab_phone_2" > -->
|
||||
<div class="tab_phone" id="tab_phone_2" style="display:none" >
|
||||
<div class="phoneIn">
|
||||
<div>
|
||||
<p class="prev_p"><img src="/publish/images/search.png"> 문자내용</p>
|
||||
|
||||
@ -12,6 +12,10 @@
|
||||
<script src="/publish/js/main.js"></script>
|
||||
<script src="/publish/js/swiper.min.js"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
let cookieCache = null; // 쿠키 데이터를 캐시할 변수
|
||||
|
||||
|
||||
@ -880,7 +880,7 @@ function getAddrGroupListShow(jsonList) {
|
||||
${fn:replace(result.smsTxt, newLineChar, "<br/>")}
|
||||
</p>
|
||||
<c:if test="${result.msgKind eq 'A' }" >
|
||||
<p class="deny_receipt">무료 거부 080-0000-0000</p>
|
||||
<p class="deny_receipt">무료 거부 0808800858</p>
|
||||
</c:if>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -144,7 +144,9 @@ function fnRegisterPhoneNum(){
|
||||
</div>
|
||||
</div>
|
||||
<!--// 마이페이지 - 발신번호 관리 -->
|
||||
<!-- 통신사 고객센터 정보 팝업 -->
|
||||
|
||||
|
||||
<!-- 통신서비스 이용증명원 발급 안내 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close">
|
||||
<div class="popup_heading">
|
||||
@ -172,90 +174,92 @@ function fnRegisterPhoneNum(){
|
||||
</div>
|
||||
|
||||
<p class="info_tit">[통신사 고객센터 정보]</p>
|
||||
<!-- 통신사 고객센터 수정 250619 -->
|
||||
<div class="call_new">
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv1.png" alt="T 월드">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv1_1.png" alt="T 월드">
|
||||
</div>
|
||||
<p>
|
||||
<span class="fwLg">모바일</span>
|
||||
080-011-6000 / <span
|
||||
class="fwLg">유선</span> 080-816-2000
|
||||
1599-0011 / <span class="fwLg">유선</span> 1600-2000
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv2_1.png" alt="SK 7mobile">
|
||||
</div>
|
||||
<p>1599-0999</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv3.png"
|
||||
alt="SK 브로드밴드">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv3_1.png" alt="B">
|
||||
</div>
|
||||
<p>080-8282-106</p>
|
||||
<p>106</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv4.png"
|
||||
alt="hello 모바일">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv4_1.png" alt="hello 모바일">
|
||||
</div>
|
||||
<p>KT망 1855-1144 / SKT망
|
||||
1855-2114</p>
|
||||
<p>KT망 1855-1144 / SKT망
|
||||
1855-2114 / LGU+망 1855-1140</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv5.png" alt="Kt">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv5_1.png" alt="Kt">
|
||||
</div>
|
||||
<p>
|
||||
<span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
|
||||
<span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
|
||||
100
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv6.png" alt="세종텔레콤">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv6_1.png" alt="snowman">
|
||||
</div>
|
||||
<p>080-889-1000</p>
|
||||
<p>KT망 1688-9300 / SKT망
|
||||
1666-9316 / LGU+망 1688-0045</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv7.png" alt="U+">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv7_1.png" alt="LG U+">
|
||||
</div>
|
||||
<p>
|
||||
<span class="fwLg">모바일</span>
|
||||
1588-0010 / <span
|
||||
class="fwLg">유선</span> 100
|
||||
1544-0010 / <span class="fwLg">유선</span> 101
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv8.png" alt="Kct">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv8_1.png" alt="tplus">
|
||||
</div>
|
||||
<p>070-8188-0114</p>
|
||||
<p>KT망 1811-1141 / SKT망
|
||||
1877-9114 / LGU+망 1533-7114</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--// 통신사 고객센터 수정 250619 -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// 통신사 고객센터 정보 팝업 -->
|
||||
</div>
|
||||
<!-- // 통신서비스 이용증명원 발급 안내 -->
|
||||
|
||||
<!-- 대리인 신분증이란? 팝업 -->
|
||||
<div class="tooltip-wrap">
|
||||
|
||||
@ -40,7 +40,7 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mask on"></div>
|
||||
<div class="mask"></div>
|
||||
<div class="skip_menu">
|
||||
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
||||
</div>
|
||||
@ -201,7 +201,7 @@
|
||||
<div id="container" class="cont sub">
|
||||
|
||||
<!-- 0724 기업회원 이동 팝업 -->
|
||||
<div class="tooltip-wrap cvt_member_popup_wrap">
|
||||
<!-- <div class="tooltip-wrap cvt_member_popup_wrap">
|
||||
<div class="popup-com cvt_member_layer popup01" tabindex="0" data-tooltip-con="popup01" data-focus="popup01" data-focus-prev="popup01-close">
|
||||
<div class="popup_heading">
|
||||
<p>알림</p>
|
||||
@ -215,7 +215,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!--// 0724 기업회원 이동 팝업 -->
|
||||
<button type="button" id="btnDeptPop" data-tooltip="popup01" style="display: none;"></button>
|
||||
<div class="inner">
|
||||
@ -223,8 +223,8 @@
|
||||
<div class="send_top">
|
||||
<!-- tab button -->
|
||||
<ul class="tabType4">
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/api_intro.html'">문자 API소개</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">API 사용안내</button></li>
|
||||
<li class="tab "><button type="button" onclick="location.href='/publish/api_intro.html'">연동 안내</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">개발 가이드</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/api_download.html'">예제 다운로드</button></li>
|
||||
<li class="tab active"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
|
||||
</ul>
|
||||
@ -238,6 +238,10 @@
|
||||
<!--신청/관리 내용-->
|
||||
<!--API 신청 정보 : 신청 전-->
|
||||
<div class="api_admin">
|
||||
<ul class="info">
|
||||
<li>- 서비스 사용 신청 시, 문자 및 카카오톡 연동서비스를 모두 이용하실 수 있습니다.</li>
|
||||
<li>- 관리자 승인 이후 발송 서버 IP를 등록해 주셔야 합니다.</li>
|
||||
</ul>
|
||||
<div class="admin_title">API 신청 정보</div>
|
||||
<div class="tb_wrap_t1">
|
||||
<table class="tType4">
|
||||
|
||||
@ -181,8 +181,8 @@
|
||||
<div class="send_top">
|
||||
<!-- tab button -->
|
||||
<ul class="tabType4">
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/api_intro.html'">문자 API소개</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">API 사용안내</button></li>
|
||||
<li class="tab "><button type="button" onclick="location.href='/publish/api_intro.html'">연동 안내</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">개발 가이드</button></li>
|
||||
<li class="tab active"><button type="button" onclick="location.href='/publish/api_download.html'">예제 다운로드</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
|
||||
</ul>
|
||||
@ -193,13 +193,21 @@
|
||||
<h2>예제 다운로드</h2>
|
||||
</div>
|
||||
|
||||
<!--예제 다운로드 내용-->
|
||||
<div class="pay_tab_wrap">
|
||||
<ul class="tabType1">
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'1');listTab3(this,'1');$('.list_tab .tab:first-child').addClass('active').siblings().removeClass('active');">문자</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'2');listTab3(this,'7');$('.list_tab .tab:first-child').addClass('active').siblings().removeClass('active');">카카오톡</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="api_guide current" id="tab5_1">
|
||||
<div class="api_download">
|
||||
<ul class="info">
|
||||
<li>- 아래 예제(JSP)를 참고하시어 쉽고 편리하게 API를 연동할 수 있습니다.</li>
|
||||
<li>- JSP 외 타 예제는 계속해서 업데이트 될 예정입니다.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="list_tab_wrap2 type2">
|
||||
<!-- tab button -->
|
||||
<ul class="list_tab">
|
||||
@ -456,7 +464,272 @@
|
||||
</div>
|
||||
<!--// IOS 다운로드-->
|
||||
</div>
|
||||
<!--// 예제 다운로드 내용-->
|
||||
</div>
|
||||
<div class="api_guide" id="tab5_2">
|
||||
<div class="api_download">
|
||||
<ul class="info">
|
||||
<li>- 아래 예제(JSP)를 참고하시어 쉽고 편리하게 API를 연동할 수 있습니다.</li>
|
||||
<li>- JSP 외 타 예제는 계속해서 업데이트 될 예정입니다.</li>
|
||||
</ul>
|
||||
|
||||
|
||||
<div class="list_tab_wrap2 type2">
|
||||
<!-- tab button -->
|
||||
<ul class="list_tab">
|
||||
<li class="tab active"><button type="button" onclick="listTab3(this,'7');">JSP</button>
|
||||
</li>
|
||||
<!-- <li class="tab"><button type="button" onclick="listTab3(this,'8');">ASP</button>
|
||||
</li> -->
|
||||
<li class="tab"><button type="button" onclick="listTab3(this,'9');">PHP</button>
|
||||
</li>
|
||||
<!--<li class="tab"><button type="button" onclick="listTab3(this,'10');">.NET</button>
|
||||
</li>
|
||||
<li class="tab"><button type="button" onclick="listTab3(this,'11');">AOS</button>
|
||||
</li>
|
||||
<li class="tab"><button type="button" onclick="listTab3(this,'12');">IOS</button>
|
||||
</li>-->
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
</div>
|
||||
|
||||
<!-- JSP 다운로드-->
|
||||
<div class="download_cont current" id="listTab3_7">
|
||||
<div class="box">
|
||||
<div class="text">
|
||||
<h4>JSP Example</h4>
|
||||
<table>
|
||||
<caption>JSP 샘플 파일 설명 테이블</caption>
|
||||
<colgroup>
|
||||
<col style="width:35%;">
|
||||
<col style="width:65%;">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>kakao jsp_example_send_msg_r1.jsp</th>
|
||||
<td>문자보내기(여러명에게 동일한문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>sp_example_send_msgs_r1.jsp</th>
|
||||
<td>문자보내기(여러명에게 다른문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>jsp_example_hstry_r1.jsp</th>
|
||||
<td>전송내역조회</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>jsp_example_hstry_detail_r1.jsp</th>
|
||||
<td>상세전송내역조회</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>jsp_example_select_price_r1.jsp</th>
|
||||
<td>발송가능건수</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_area">
|
||||
<button type="button" class="btnType btnType11">JSP용 예제 다운받기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// JSP 다운로드-->
|
||||
<!--ASP 다운로드-->
|
||||
<div class="download_cont" id="listTab3_8">
|
||||
<div class="box">
|
||||
<div class="text">
|
||||
<h4>ASP Example</h4>
|
||||
<table>
|
||||
<caption>ASP 샘플 파일 설명 테이블</caption>
|
||||
<colgroup>
|
||||
<col style="width:35%;">
|
||||
<col style="width:65%;">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_area">
|
||||
<button type="button" class="btnType btnType11">ASP용 예제 다운받기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// ASP 다운로드-->
|
||||
<!--PHP 다운로드-->
|
||||
<div class="download_cont" id="listTab3_9">
|
||||
<div class="box">
|
||||
<div class="text">
|
||||
<h4>PHP Example</h4>
|
||||
<table>
|
||||
<caption>PHP 샘플 파일 설명 테이블</caption>
|
||||
<colgroup>
|
||||
<col style="width:35%;">
|
||||
<col style="width:65%;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>php_example_send_msg_r1.php</th>
|
||||
<td>문자보내기(여러명에게 동일한문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>php_example_send_msgs_r1.php</th>
|
||||
<td>문자보내기(여러명에게 다른문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>php_example_hstry_r1.php</th>
|
||||
<td>전송내역조회</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>php_example_hstry_detail_r1.php</th>
|
||||
<td>상세전송내역조회</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>php_example_select_price_r1.php</th>
|
||||
<td>발송가능건수</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_area">
|
||||
<button type="button" class="btnType btnType11">PHP용 예제 다운받기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// PHP 다운로드-->
|
||||
<!--.NET 다운로드-->
|
||||
<div class="download_cont" id="listTab3_10">
|
||||
<div class="box">
|
||||
<div class="text">
|
||||
<h4>.NET Example</h4>
|
||||
<table>
|
||||
<caption>.NET 샘플 파일 설명 테이블</caption>
|
||||
<colgroup>
|
||||
<col style="width:35%;">
|
||||
<col style="width:65%;">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_area">
|
||||
<button type="button" class="btnType btnType11">.NET용 예제 다운받기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// .NET 다운로드-->
|
||||
<!--AOS 다운로드-->
|
||||
<div class="download_cont" id="listTab3_11">
|
||||
<div class="box">
|
||||
<div class="text">
|
||||
<h4>AOS Example</h4>
|
||||
<table>
|
||||
<caption>AOS 샘플 파일 설명 테이블</caption>
|
||||
<colgroup>
|
||||
<col style="width:35%;">
|
||||
<col style="width:65%;">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_area">
|
||||
<button type="button" class="btnType btnType11">AOS용 예제 다운받기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// AOS 다운로드-->
|
||||
<!--IOS 다운로드-->
|
||||
<div class="download_cont" id="listTab3_12">
|
||||
<div class="box">
|
||||
<div class="text">
|
||||
<h4>IOS Example</h4>
|
||||
<table>
|
||||
<caption>IOS 샘플 파일 설명 테이블</caption>
|
||||
<colgroup>
|
||||
<col style="width:35%;">
|
||||
<col style="width:65%;">
|
||||
</colgroup>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>파일명</th>
|
||||
<td>파일 설명</td>
|
||||
</tr>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_area">
|
||||
<button type="button" class="btnType btnType11">IOS용 예제 다운받기</button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// IOS 다운로드-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -26,159 +26,8 @@
|
||||
<div class="skip_menu">
|
||||
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
||||
</div>
|
||||
<!--// skip 메뉴 -->
|
||||
<!-- quick 메뉴 -->
|
||||
<div class="quickMenu">
|
||||
<div>
|
||||
<p class="quick_title">QUICK<br>MENU</p>
|
||||
<p class="quick_title2">QUICK</p>
|
||||
<ul class="quickMenuIn">
|
||||
<li>
|
||||
<a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
|
||||
<div class="hover_cont">이용안내</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick2"></i><span>채 팅상담</span></a>
|
||||
<div class="hover_cont">채팅상담</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick3"></i><span>원격지원</span></a>
|
||||
<div class="hover_cont">원격지원</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
|
||||
<div class="hover_cont">맞춤제작</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
|
||||
<div class="hover_cont">주소록 등록</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
|
||||
<div class="hover_cont">엑셀 대량전송</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick7"></i><span>견적서</span></a>
|
||||
<div class="hover_cont">견적서</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick8"></i><span>결제</span></a>
|
||||
<div class="hover_cont">결제</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
|
||||
<div class="hover_cont">영수증/계산서</div>
|
||||
</li>
|
||||
</ul>
|
||||
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// quick 메뉴 -->
|
||||
<!-- header 영역 -->
|
||||
<header id="header" class="header sub ">
|
||||
<!-- header top 영역 -->
|
||||
<div class="header_top">
|
||||
<div class="inner">
|
||||
<ul class="menu_left">
|
||||
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
|
||||
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
|
||||
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
|
||||
</ul>
|
||||
<ul class="menu_right">
|
||||
<li><a href="#">충전하기</a></li>
|
||||
<li class="SortLine"><a href="#">요금안내</a></li>
|
||||
<li class="SortLine"><a href="#">이용안내</a></li>
|
||||
<li class="SortLine"><a href="#">1:1고객상담</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- header top 영역 -->
|
||||
<!-- header body 영역 -->
|
||||
<div class="header_body">
|
||||
<div class="inner table">
|
||||
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
|
||||
alt="문자온 CI"></a></h1>
|
||||
<ul class="gnbWrap table_cell">
|
||||
<li><a href="#">문자발송</a></li>
|
||||
<li><a href="#">선거문자</a></li>
|
||||
<li><a href="#">맞춤제작</a></li>
|
||||
<li><a href="#">비즈톡</a></li>
|
||||
<li><a href="#">주소록 관리</a></li>
|
||||
<li><a href="#">발송결과</a></li>
|
||||
<li><a href="#">예약관리</a></li>
|
||||
<li><a href="#">결제내역</a></li>
|
||||
</ul>
|
||||
<div class="s_menu">
|
||||
<i class="allSearch_info"><span>문자검색</span></i>
|
||||
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
|
||||
src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
|
||||
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- search popup 영역 -->
|
||||
<div class="pop_search">
|
||||
<div class="inner">
|
||||
<div class="area_search">
|
||||
<select name="" id="">
|
||||
<option value="">그림문자</option>
|
||||
<option value="">단문문자</option>
|
||||
<option value="">장문문자</option>
|
||||
<option value="">GIF</option>
|
||||
</select>
|
||||
<input type="text" placeholder="문자샘플 검색하기">
|
||||
<button><img src="/publish/images/search02.png" alt=""></button>
|
||||
</div>
|
||||
<div class="area_popular">
|
||||
<p><i></i>인기검색어</p>
|
||||
<ul class="popular_tag">
|
||||
<li><a href="#">#정월대보름</a></li>
|
||||
<li class="on"><a href="#">#추석</a></li>
|
||||
<li><a href="#">#가을인사</a></li>
|
||||
<li><a href="#">#좋은하루</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
|
||||
alt=""></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// search popup 영역 -->
|
||||
</div>
|
||||
<!--// header body 영역 -->
|
||||
<div id="login" class="login">
|
||||
<div class="inner table">
|
||||
<div class="login_left table_cell">
|
||||
<div class="login_put">
|
||||
<label for="id_text" class="label"></label>
|
||||
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
|
||||
size="18">
|
||||
<label for="password_text" class="label"></label>
|
||||
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
|
||||
maxlength="30" size="18">
|
||||
<label for="login_button" class="label"></label>
|
||||
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
|
||||
</div>
|
||||
<div class="login_save">
|
||||
<input type="checkbox" id="save_id">
|
||||
<label for="save_id">아이디 저장</label>
|
||||
</div>
|
||||
<div class="login_find">
|
||||
<a href="#">아이디찾기 /</a>
|
||||
<a href="#">비밀번호 찾기</a>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btnType btnType2">회원가입</button>
|
||||
<button type="button" class="btnType btnType3">둘러보기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_right">
|
||||
<span><i></i>이달의 이벤트</span>
|
||||
<button type="button" class="btnType btnType4">바로가기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// login 영역 -->
|
||||
</header>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<div class="mask"></div>
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
<div class="inner">
|
||||
@ -186,8 +35,8 @@
|
||||
<div class="send_top">
|
||||
<!-- tab button -->
|
||||
<ul class="tabType4">
|
||||
<li class="tab active"><button type="button" onclick="location.href='/publish/api_intro.html'">문자 API소개</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">API 사용안내</button></li>
|
||||
<li class="tab active"><button type="button" onclick="location.href='/publish/api_intro.html'">연동 안내</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">개발 가이드</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/api_download.html'">예제 다운로드</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
|
||||
</ul>
|
||||
@ -195,7 +44,7 @@
|
||||
|
||||
<div class="api_guide_cont current">
|
||||
<div class="heading">
|
||||
<h2>문자 API 소개</h2>
|
||||
<h2>연동 서비스 안내</h2>
|
||||
</div>
|
||||
|
||||
<!--소개 내용-->
|
||||
@ -206,8 +55,15 @@
|
||||
</map>
|
||||
</div>
|
||||
|
||||
<div class="pay_tab_wrap">
|
||||
<ul class="tabType1">
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'1');">문자</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'2');">카카오톡</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!--사용 절차 설명 -->
|
||||
<div class="api_intro">
|
||||
<div class="api_intro api_guide current" id="tab5_1">
|
||||
<div class="title">
|
||||
<h3>문자 API 사용 절차</h3>
|
||||
</div>
|
||||
@ -222,17 +78,27 @@
|
||||
<li class="guide">
|
||||
<p class="step_title">STEP <span>01</span></p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_01.jpg" alt="문자 API 신청 아이콘"></div>
|
||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_00.png" alt="문자 API 신청 아이콘"></div>
|
||||
<dl>
|
||||
<dt>문자 API 신청</dt>
|
||||
<dd>관리자 승인 후 사용 가능</dd>
|
||||
<dt>발신번호 사전 등록</dt>
|
||||
<dd>발송에 필요한 발신번호<br>등록 필요</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</li>
|
||||
<li class="guide">
|
||||
<p class="step_title">STEP <span>02</span></p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_02.jpg" alt="관리자 승인 아이콘"></div>
|
||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_01.jpg" alt="관리자 승인 아이콘"></div>
|
||||
<dl>
|
||||
<dt>문자 연동 API 신청</dt>
|
||||
<dd>관리자 승인 후 사용 가능</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</li>
|
||||
<li class="guide">
|
||||
<p class="step_title">STEP <span>03</span></p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_02.jpg" alt="아이피(IP) 등록 아이콘"></div>
|
||||
<dl>
|
||||
<dt>관리자 승인</dt>
|
||||
<dd>승인 완료 시 문자 안내</dd>
|
||||
@ -240,22 +106,22 @@
|
||||
</div>
|
||||
</li>
|
||||
<li class="guide">
|
||||
<p class="step_title">STEP <span>03</span></p>
|
||||
<p class="step_title">STEP <span>04</span></p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_03.jpg" alt="아이피(IP) 등록 아이콘"></div>
|
||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_03.jpg" alt="API 연동 아이콘"></div>
|
||||
<dl>
|
||||
<dt>아이피<span>(IP)</span> 등록</dt>
|
||||
<dd>문자 API를 통해 문자 발송 서버 IP 등록</dd>
|
||||
</dl>
|
||||
<dt>아이피(IP) 등록</dt>
|
||||
<dd>문자 API를 통해<br>문자 발송 서버 IP 등록</dd>
|
||||
</dt>
|
||||
</div>
|
||||
</li>
|
||||
<li class="guide">
|
||||
<p class="step_title">STEP <span>04</span></p>
|
||||
<p class="step_title">STEP <span>05</span></p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_04.jpg" alt="API 연동 아이콘"></div>
|
||||
<dl>
|
||||
<dt>API 연동</dt>
|
||||
<dd>API 사용 매뉴얼 및 샘플링을 통해 누구나 손쉽게 연동 가능</dd>
|
||||
<dd>API 사용 매뉴얼 및 샘플링을<br>통해 누구나 손쉽게 연동 가능</dd>
|
||||
</dt>
|
||||
</div>
|
||||
</li>
|
||||
@ -263,6 +129,74 @@
|
||||
</div>
|
||||
</div>
|
||||
<!--// 사용 절차 설명-->
|
||||
|
||||
|
||||
<div class="api_intro api_guide kakao_intro" id="tab5_2">
|
||||
<div class="title">
|
||||
<h3>카카오톡 연동(API) 사용 절차</h3>
|
||||
</div>
|
||||
|
||||
<div class="title-line">
|
||||
<div class="left-line"></div>
|
||||
<div class="right-line"></div>
|
||||
</div>
|
||||
|
||||
<div class="con">
|
||||
<ul class="api_process_guide">
|
||||
<li class="guide">
|
||||
<p class="step_title">STEP <span>01</span></p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_00.png" alt="문자 API 신청 아이콘"></div>
|
||||
<dl>
|
||||
<dt>발신프로필 사전 등록</dt>
|
||||
<dd>발송에 필요한 발신프로필<br>등록 필요</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</li>
|
||||
<li class="guide">
|
||||
<p class="step_title">STEP <span>02</span></p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_01.jpg" alt="관리자 승인 아이콘"></div>
|
||||
<dl>
|
||||
<dt>카카오톡 연동<br>API 신청</dt>
|
||||
<dd>관리자 승인 후 사용 가능</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</li>
|
||||
<li class="guide">
|
||||
<p class="step_title">STEP <span>03</span></p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_02.jpg" alt="아이피(IP) 등록 아이콘"></div>
|
||||
<dl>
|
||||
<dt>관리자 승인</dt>
|
||||
<dd>승인 완료 시 문자 안내</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</li>
|
||||
<li class="guide">
|
||||
<p class="step_title">STEP <span>04</span></p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_03.jpg" alt="API 연동 아이콘"></div>
|
||||
<dl>
|
||||
<dt>아이피(IP) 등록</dt>
|
||||
<dd>카카오톡 API를 통해<br>문자 발송 서버 IP 등록</dd>
|
||||
</dt>
|
||||
</div>
|
||||
</li>
|
||||
<li class="guide">
|
||||
<p class="step_title">STEP <span>05</span></p>
|
||||
<div class="step_con">
|
||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_04.jpg" alt="API 연동 아이콘"></div>
|
||||
<dl>
|
||||
<dt>API 연동</dt>
|
||||
<dd>API 사용 매뉴얼 및 샘플링을<br>통해 누구나 손쉽게 연동 가능</dd>
|
||||
</dt>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--// 소개 내용-->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -1592,8 +1592,10 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.kakaotalkset_cont .list_info .btn_list{background-image: url(/publish/images/btn_list_icon.png);}
|
||||
.kakaotalkset_cont .list_info .btn_thumbnail{background-image: url(/publish/images/btn_thumbnail_icon.png);}
|
||||
.kakaotalkset_cont .list_info .btnType8{width: 140px;}
|
||||
.kakaotalkset_cont .kakao_template_list{margin: 20px 0 0 0;}
|
||||
.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;}
|
||||
/* .kakaotalkset_cont .kakao_template_list{margin: 20px 0 0 0;} */
|
||||
.kakaotalkset_cont .kakao_template_list{display:flex;gap:30px 13px;flex-wrap:wrap;margin:20px 0 0 0;}
|
||||
/* .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;} */
|
||||
.kakaotalkset_cont .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 105px)/4); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px;}
|
||||
.kakaotalkset_cont .kakao_template_list li.template_none{box-shadow: none; width: 100%; text-align: center; font-size: 18px; font-weight: 400;}
|
||||
.kakaotalkset_cont .kakao_template_list li.template_none::after{display: none;}
|
||||
.kakaotalkset_cont .kakao_template_list li:nth-child(4n){margin: 0 0 0 0;}
|
||||
@ -1621,7 +1623,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.kakaotalkset_cont .kakao_template_list .template_cont .allimtalk_content .template_text+.btn_kakao_type{margin-top: 8px;}
|
||||
.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;}
|
||||
.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;}
|
||||
.kakaotalkset_cont .kakao_template_list .kakao_template_info{ font-size: 14px; color: #555; padding: 10px 0 0 10px;}
|
||||
.kakaotalkset_cont .kakao_template_list .kakao_template_info{ font-size: 14px; color: #555; padding: 10px 0 0 4px;}
|
||||
.kakaotalkset_cont .kakao_template_list .kakao_template_info dl{display: flex; padding: 6px 0;}
|
||||
.kakaotalkset_cont .kakao_template_list .kakao_template_info dt{position: relative; width: 76px; margin: 0 13px 0 0;}
|
||||
.kakaotalkset_cont .kakao_template_list .kakao_template_info dt::after{position: absolute; content: " "; width: 1px; height: 12px; background-color: #d5d5d5; right: 0; top: 2px;}
|
||||
@ -1633,12 +1635,15 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.kakaotalkset_cont .kakao_template_list .kakao_template_info .btn_wrap button:first-child{margin: 0 2px 0 0;}
|
||||
.kakaotalkset_cont .kakao_template_list .kakao_template_info .btn_wrap button:last-child{margin: 0 0 0 2px;}
|
||||
.kakaotalkset_cont .list_content{display: none;}
|
||||
.kakaotalkset_cont .list_content td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
|
||||
.kakaotalkset_cont .thumbnail_content.current{display: block;}
|
||||
.kakaotalkset_cont .template_sample_content_wrap .btn_wrap{text-align: center; margin: 10px 0 0 0;}
|
||||
.kakaotalkset_cont .template_sample_content_wrap .btn_template_use{width: 136px; text-align: center; border-radius: 100px; font-size: 16px;}
|
||||
.kakaotalkset_cont .template_sample_content_wrap .pagination{margin-top: 40px;}
|
||||
|
||||
.kakaotalkset_cont .send_general.kakao_wrap{padding: 50px 0 0 0;}
|
||||
.kakaotalkset_cont .friend_talk_wrap .template_name_wrap input{width:340px;}
|
||||
.kakaotalkset_cont .friend_talk_wrap .template_name_wrap button{padding:0 15px;font-weight:400;}
|
||||
.kakao_wrap .tType1_title{font-size: 24px;}
|
||||
.kakao_wrap .template_name{width: 340px;}
|
||||
.kakao_wrap .template_name_cf{display: inline-block; color: #666; padding: 0 0 0 15px; vertical-align: inherit;}
|
||||
@ -1646,13 +1651,19 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.kakao_wrap .img_add_info_wrap .info_title_text{font-size: 15px; font-weight: 500;}
|
||||
.kakao_wrap .img_add_info_wrap .info_text{font-size: 15px; color: #555;}
|
||||
.kakao_wrap .img_add_info_wrap .info_text li{margin: 3px 0 0 0;}
|
||||
.kakao_wrap .img_file_add_wrap .btn_img_upload{width: 251px; margin: 10px 0 15px 0;}
|
||||
.kakao_wrap .img_file_add_wrap .info_title_text{font-weight: 500;margin:0 0 5px 0;}
|
||||
.kakao_wrap .img_file_add_wrap .btn_img_upload{width: 251px;}
|
||||
.kakao_wrap .img_file_add_wrap .img_file_info_wrap{width: 100%; max-width: 623px; border: 1px solid #e5e5e5; border-radius: 5px;}
|
||||
.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;}
|
||||
.kakao_wrap .img_file_add_wrap .img_file_info_wrap li:last-child{border-bottom: 0;}
|
||||
.kakao_wrap .img_file_add_wrap .file_name{font-size: 16px; font-weight: 500;}
|
||||
.kakao_wrap .img_file_add_wrap .btn_del{width: 30px;height: 30px;border: 1px solid #002c9a;border-radius: 5px;}
|
||||
.kakao_wrap .img_file_add_wrap .img_url{width: calc(100% - 190px);}
|
||||
.kakao_wrap .img_file_add_wrap .info_text{margin:0 0 10px 0;}
|
||||
.kakao_wrap .img_file_add_wrap .info_text li{list-style:1.4;}
|
||||
.kakao_wrap .img_file_add_wrap .img_file_wrap{display:inline-flex;width:calc(100% - 200px);}
|
||||
.kakao_wrap .img_file_add_wrap .img_file_wrap .file_name{width:calc(100% - 28px);}
|
||||
.kakao_wrap .img_file_add_wrap .img_file_wrap .file_name.file_none{color:#666;font-weight:300;line-height:1.8;}
|
||||
|
||||
.kakaotalkset_cont .kakao_wrap .template_category{width: 270px;}
|
||||
.kakaotalkset_cont .kakao_wrap .emphasis_select{width: 250px;}
|
||||
@ -1683,6 +1694,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.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;}
|
||||
.kakaotalkset_cont .kakao_wrap .put_right .send_btnWrap{position: absolute; width: 100%; bottom: 0;}
|
||||
.kakaotalkset_cont .kakao_wrap .put_right .send_btnWrap button{width: 100%; max-width: 100%;}
|
||||
.kakaotalkset_cont .friend_talk_wrap .phone_bottom{bottom:17px;}
|
||||
.kakaotalkset_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}
|
||||
.kakaotalkset_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
|
||||
.kakaotalkset_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}
|
||||
@ -1718,13 +1730,14 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.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;}
|
||||
.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;}
|
||||
.kakao_wrap .send_right .phone .addText{padding-top: 0; margin-top: -20px;}
|
||||
.kakaotalkset_cont .kakao_wrap .send_right .phone_bottom{position: relative; width: calc(100% - 10px); margin: 39px 0 0 10px;}
|
||||
.kakaotalkset_cont .kakao_wrap .send_right .phone_bottom{position: relative; width: calc(100% - 10px); margin: 39px 0 0 10px; bottom: 0;}
|
||||
.kakaotalkset_cont .kakao_wrap .send_right .phone_bottom button{width: calc((100% - 16px)/2); margin: 0 8px 0 0;}
|
||||
.kakaotalkset_cont .kakao_wrap .send_right .phone_bottom button:last-child{margin: 0 0 0 0;}
|
||||
.kakaotalkset_cont .kakao_wrap .send_right .phone_bottom .cancel{width: calc((100% - 10px));}
|
||||
.kakao_wrap .replace_send_wrap{display: none; border: 1px solid #000; border-radius: 8px;padding: 0 20px; margin: 0 0 20px 0;}
|
||||
.kakao_wrap .replace_send_wrap .tType1 tr:first-child{border-top: 0;}
|
||||
.kakao_wrap .replace_send_wrap .tType1 tbody tr td.putText .put_right .btnType9{position: absolute; max-width: 100%; bottom: 0;}
|
||||
.kakao_wrap .replace_send_wrap .tType1 tbody tr td.putText .put_right .btnType9{position: absolute; max-width: 100%; bottom: 0; left: 0;}
|
||||
.kakao_wrap .replace_send_wrap .ad_txt{padding:0 0 0 5px;}
|
||||
.kakao_wrap .replace_send_th{height: auto; padding: 20px 0 0 0;}
|
||||
.kakao_wrap .replace_send_th .title_th{margin: 0 0 20px 0;}
|
||||
.kakao_wrap .replace_send_th .title_th p{display: inline-block; width: 90px;}
|
||||
@ -1759,7 +1772,11 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.kakaotalksend_cont .kakao_wrap .kakao_template_text {display: flex;justify-content: space-between;}
|
||||
.kakaotalksend_cont .kakao_wrap .put_right .btn_popup_wrap{margin: 0 0 5px 0;}
|
||||
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left{height: 234px;}
|
||||
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 58px);}
|
||||
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long{height: 305px;}
|
||||
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left textarea{padding:0 5px;}
|
||||
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.short textarea{height: calc(100% - 105px);}
|
||||
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .put_left.long textarea{height: 220px;}
|
||||
.kakaotalksend_cont .kakao_wrap .replace_send_wrap .sub_ad_text p{padding:3px 10px 0 0;}
|
||||
.kakaotalksend_cont .kakao_wrap .button_type_wrap{display: flex; border: 1px solid #e5e5e5; border-radius: 5px; padding: 10px 20px; margin: 10px 0 0 0;}
|
||||
.kakaotalksend_cont .kakao_wrap .button_type_wrap dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
|
||||
.kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}
|
||||
@ -1788,8 +1805,9 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.kakao_use_guide_cont .qna{margin: 0 0 50px 0;}
|
||||
|
||||
/* 친구톡 */
|
||||
.friend_template_content .kakao_template_list .kakao_template_info dt{width: 50px;}
|
||||
.friend_template_content .kakao_template_list .kakao_template_info dd{width: calc(100% - 50px);}
|
||||
.friend_template_content .kakao_template_list .kakao_template_info dt{width: 60px;margin:0 7px 0 0;}
|
||||
.friend_template_content .kakao_template_list .kakao_template_info dd{width: calc(100% - 60px);letter-spacing:-0.5px;}
|
||||
.friend_template_content .kakao_template_list .kakao_template_info dl:first-child dd{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
|
||||
.kakaotalkset_cont .friend_template_content .kakao_template_list .template_cont .template_text{color: #555; font-size: 14px; font-weight: 400;}
|
||||
.kakaotalkset_cont .friend_talk_wrap .send_left{padding: 0 0 100px 0;}
|
||||
.friend_talk_wrap .friend_template_add_wrap .template_name{width: 100%;}
|
||||
@ -1798,13 +1816,16 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.friend_talk_wrap .put_text_wrap .put_text{height: calc(100% - 40px); border: 0; background-color: transparent; padding: 14px 0 0 0px;}
|
||||
.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;}
|
||||
.friend_talk_wrap .put_text_wrap .ad_txt{padding: 0;margin: 0;}
|
||||
.friend_talk_wrap .put_right .btn_popup_wrap>button,.friend_talk_wrap .put_right .send_btnWrap>button{width: 100%; max-width: 100%; height: 40px;}
|
||||
.friend_talk_wrap .put_right .btn_popup_wrap>button{width: 100%; max-width: 100%; height: 40px;}
|
||||
.friend_talk_wrap .put_right .btn_popup_wrap>button:last-child,.friend_talk_wrap .put_right .send_btnWrap>button:last-child{margin: 0;}
|
||||
.friend_talk_wrap .put_right .btn_text_save{background-color: #fff; border: 1px solid #002c9a; color: #002c9a; margin: 0 0 8px 0;}
|
||||
.friend_talk_wrap .put_right .send_btnWrap{display:flex;gap:6px;}
|
||||
.friend_talk_wrap .put_right .send_btnWrap .btnType9{width:40%;}
|
||||
.friend_talk_wrap .put_right .send_btnWrap .btn_text_save{width:60%;}
|
||||
|
||||
.friend_talk_wrap .template_button .cf_text{margin: 10px 0 0 0; font-size: 14px; color: #666;}
|
||||
.friend_talk_wrap .friend_talk_title{margin: 0 0 10px 0; font-size: 15px; color: #222;}
|
||||
.friend_talk_wrap .friend_talk_title span{color: #777;}
|
||||
.friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content{border-radius: 5px;}
|
||||
.friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content{border-radius: 5px;overflow:hidden;}
|
||||
.friend_talk_wrap .send_right .phone .phoneIn .text_preview .allimtalk_content .template_text{font-size: 15px; font-weight: 300; color: #555;}
|
||||
.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;}
|
||||
.friend_talk_wrap .put_left {position: relative;width: calc(100% - 175px);height: 260px;}
|
||||
@ -1812,8 +1833,11 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.friend_talk_wrap .put_right{width: 165px;}
|
||||
.friend_talk_wrap .put_right .send_btnWrap {position: absolute;width: 100%;bottom: 0;}
|
||||
.kakaotalksend_cont .friend_talk_wrap{padding: 0;}
|
||||
.kakaotalksend_cont .friend_talk_wrap .put_left {height: 307px;}
|
||||
.kakaotalksend_cont .friend_talk_wrap .put_text_wrap{height: calc(100% - 48px); margin: 10px 0 0 0;}
|
||||
.kakaotalksend_cont .friend_talk_wrap .put_left {height: 259px;}
|
||||
.kakaotalksend_cont .friend_talk_wrap .template_name_wrap{display:flex;gap:10px;}
|
||||
.kakaotalksend_cont .friend_talk_wrap .template_name_wrap input{width:340px;}
|
||||
.kakaotalksend_cont .friend_talk_wrap .template_name_wrap button{padding:0 15px;font-weight:400;}
|
||||
/* .kakaotalksend_cont .friend_talk_wrap .put_text_wrap{height: calc(100% - 48px); } */
|
||||
.kakaotalksend_cont .friend_talk_wrap .put_right {position: relative;width: 165px;}
|
||||
.kakaotalksend_cont .tType1 tbody tr td.putText .put_right .btn_popup_wrap button:not(.btn_close){margin: 0 0 0 10px;}
|
||||
|
||||
@ -2024,14 +2048,61 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.kakao_intro_cont .note .note-title p span{padding-right: 10px;}
|
||||
/*유의사항_목록*/
|
||||
.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;}
|
||||
.kakao_intro_cont .note ul li:nth-child(4){font-size: 15px; color: #999; padding-left: 10px; margin-top: -3px;}
|
||||
.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;}
|
||||
.kakao_intro_cont .note ul li:nth-child(5):hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);}
|
||||
.kakao_intro_cont :not(.friendtalk) .note ul li:nth-child(4){font-size: 15px; color: #999; padding-left: 10px; margin-top: -3px;}
|
||||
.kakao_intro_cont :not(.friendtalk) .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;}
|
||||
.kakao_intro_cont :not(.friendtalk) .note ul li:nth-child(5):hover{box-shadow: 0 0 8px rgba(0,0,0,0.5);}
|
||||
|
||||
/* 친구톡 소개 */
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li:nth-child(1){margin:0 0 45px 0;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li{margin:0 0 19px 0;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li p:nth-child(2){display:flex;line-height:1;height:auto;justify-content:center;align-items:center;padding:22px 0 18px 0;font-family:'GmarketSansMedium';}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li p:nth-child(2) span{display:inline-block;font-family:'GmarketSansBold';margin:0 4px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li:nth-child(4) p:nth-child(2){height:auto;line-height:1;padding:24px 0 18px 0;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro .phone{width:auto;height:100%;margin:-20px 0 0 -15px;}
|
||||
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .fight .wrap{max-width:1024px;gap:50px;justify-content:center;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .fight .fight-title{width:250px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs{display:flex;width:calc((100% - 200px) / 2);flex-direction:column;align-items:center;gap:20px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title{width:100px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs .title{height:34px;padding:5px 30px 3px;border-radius:35px;background:#E4E6EA;font-family:'GmarketSansBold';color:#666;font-size:20px;line-height:35px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title ul{padding:20px 0;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title .title{background:transparent;font-family:'GmarketSansMedium';}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs.vs_title ul li{background:transparent;font-family:'GmarketSansMedium';}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .fight .vs .box{display:flex;width:100%;padding:20px;background:#fff;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,0.1);align-items:center;flex-direction:column;box-sizing:border-box;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs ul li{display:flex;height:51px;margin:4px 0;font-size:20px;font-family:'GmarketSansBold';color:#666;letter-spacing:-.85px;text-align:center;justify-content:center;align-items:center;flex-wrap:wrap;gap:0;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs .box ul li span{display:block;width:100%;font-size:16px;font-weight:400;margin:-10px 0 0 0;}
|
||||
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .friendtalk_vs .title{background:#ffcc33;color:#222;}
|
||||
.kakao_intro_cont .friendtalk .friendtalk_vs .box{border:1px solid #222;}
|
||||
.kakao_intro_cont .friendtalk .friendtalk_vs .box ul li{color:#222;}
|
||||
.kakao_intro_cont .friendtalk .friendtalk_vs .box ul li span{color:#666;}
|
||||
|
||||
.friendtalk_use{display:flex;max-width:1024px;margin:50px 0;justify-content:space-between;}
|
||||
.friendtalk_use li{text-align:center;width:calc((1024px / 3) - 20px);}
|
||||
.friendtalk_use .title{display:inline-flex;height:43px;font-size:20px;font-weight:bold;color:#002c9a;text-align:center;background:#fff;padding:0 23px;margin:0 auto 20px auto;border:2px solid #002c9a;border-radius:35px;justify-content:center;align-items:center;}
|
||||
.friendtalk_use img{margin:0 0 20px 0;}
|
||||
.friendtalk_use .explan_text{display:table-cell;width:100%;height:100px;line-height:1.4;padding:0 20px;background:#fff;border-radius:10px;box-sizing:border-box;vertical-align:middle;}
|
||||
.friendtalk_use li:first-child .explan_text{display:flex;align-items:center;justify-content:center;}
|
||||
.friendtalk_use .explan_text span{font-weight:bold;}
|
||||
|
||||
.friendtalk .service .kakao_use_guide{display: flex; margin: 50px 0; gap: 30px;}
|
||||
.friendtalk .service .kakao_use_guide li{position: relative; display:flex; width: calc((100% - 60px)/3); background-color: #fff; border-radius: 20px; padding: 0 0 30px 0; text-align: center; overflow: hidden;flex-direction: column;gap: 20px;}
|
||||
.friendtalk .service .kakao_use_guide .title{display:flex;width:100%;height:50px;font-size:19px;background:#002c9a;color:#fff;justify-content:center;align-items:center;letter-spacing:1px;}
|
||||
.friendtalk .service .kakao_use_guide .title span{font-weight:bold;font-size:22px;}
|
||||
.friendtalk .service .kakao_use_guide li i{display: block; width: 128px; height: 128px; margin: 10px auto 10px auto; background-color: #F3F6FB; border-radius: 100%; background-repeat: no-repeat; background-position: center;}
|
||||
.friendtalk .service .kakao_use_guide li.guide_01 i{background-image: url(/publish/images/content/icon_kakao_guide01.png);}
|
||||
.friendtalk .service .kakao_use_guide li.guide_02 i{background-image: url(/publish/images/content/icon_kakao_guide02.png);}
|
||||
.friendtalk .service .kakao_use_guide li.guide_03 i{background-image: url(/publish/images/content/icon_kakao_guide04.png);}
|
||||
.friendtalk .service .kakao_use_guide li .guide_title{font-family: 'GmarketSansBold'; font-size: 24px;}
|
||||
.friendtalk .service .kakao_use_guide li .guide_info{display: block; height: 120px; font-size: 18px; font-weight: 300; color: #444; line-height: 1.3; padding: 0 20px;}
|
||||
|
||||
.kakao_intro_cont .friendtalk .note b{font-weight:400;color:#e40000;}
|
||||
|
||||
|
||||
/* api - 소개 */
|
||||
.send_top .api_guide_cont {background-color: #fff;padding: 30px 40px;border-radius: 10px;}
|
||||
.send_top .api_guide_con{display:none;}
|
||||
.send_top .api_guide_con.current{display:block;}
|
||||
.api_guide_cont .api_visual_image {margin:0 0 57px 0; }
|
||||
.api_guide_cont .api_visual_image img {max-width:100%;}
|
||||
.api_guide_cont .api_intro {width:100%; margin:20px 0 0 0;}
|
||||
@ -2042,17 +2113,18 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.api_guide_cont .api_intro .title h3 {font-family:'yg-jalnan'; font-size: 28px; text-align: center; padding-top: 55px;}
|
||||
.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;}
|
||||
.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;}
|
||||
.api_guide_cont .api_intro.kakao_intro .title-line .left-line,.api_guide_cont .api_intro.kakao_intro .title-line .right-line{width:25%;}
|
||||
.api_guide_cont .api_intro .con { padding:0 0 50px 0; margin:30px 0 0 0; }
|
||||
.api_guide_cont .api_process_guide {display: flex; margin: 0 0 20px 0;}
|
||||
.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;}
|
||||
.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;}
|
||||
.api_guide_cont .api_process_guide li{position: relative; width: calc((100% - 15px)/5); padding: 0; border-radius: 5px; margin: 0 15px 0 0; text-align: center;}
|
||||
.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: -23px; top: 50%; transform: translateY(-50%); z-index: 1;}
|
||||
.api_guide_cont .api_process_guide li:last-child{margin: 0 0 0 0;}
|
||||
.api_guide_cont .api_process_guide li:last-child::after{display: none;}
|
||||
.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);}
|
||||
.api_guide_cont .api_process_guide .step_title span {font-weight: bold; font-size: 24px;}
|
||||
.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);}
|
||||
.api_guide_cont .api_process_guide dl dt {font-family: 'GmarketSansBold'; font-size: 23px; text-align: center; margin:20px 0 6px 0;}
|
||||
.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;}
|
||||
.api_guide_cont .api_process_guide dl dt {font-family: 'GmarketSansBold'; font-size: 19px; text-align: center; margin:20px 0 6px 0;}
|
||||
.api_guide_cont .api_process_guide dl dd {font-family: 'Noto Sans KR', sans-serif; color:#555; font-size: 14px; font-weight: 400; line-height: 1.2; padding:0 10px;}
|
||||
|
||||
/* api - 사용안내 */
|
||||
.api_guide {display: none;}
|
||||
@ -2068,6 +2140,8 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.api_guide_cont .box .text table tr {border-bottom:1px solid #d5d5d5; }
|
||||
.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;}
|
||||
.api_guide_cont .box .text table td {text-indent: 18px; font-weight: 200;}
|
||||
|
||||
.api_guide_cont .api_guide#tab5_1 .list_tab_wrap2.type3 li{width:calc(100%/5)}
|
||||
/* // api 사용안내, 예제 다운로드 공통 사용*/
|
||||
.api_guide_cont .re_cont .type_table table {width:100%; margin:40px 0 7px 0;}
|
||||
.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; }
|
||||
@ -2105,6 +2179,7 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
|
||||
/* api - 신청/관리 */
|
||||
.api_guide_cont .api_admin {margin:0 0 60px 0; }
|
||||
.api_guide_cont .api_admin .info{margin:0 0 30px 0;}
|
||||
.api_guide_cont .api_admin .admin_title {font-size:20px; font-weight:bold; letter-spacing: -1px; margin:0 0 10px 0;}
|
||||
.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;}
|
||||
.api_guide_cont .api_admin .admin_info { font-size:14px; font-weight:300; color:#555; margin:0 0 5px 0;}
|
||||
@ -2218,6 +2293,11 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.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;}
|
||||
.send_top .resultcont_right .phone_kakako .addText{color: #002c9a;text-align: center; font-size: 14px; padding-top: 2px; margin:10px 0 10px 0;}
|
||||
|
||||
.send_top .resultcont_right .phone_kakako.friendtalk .phoneIn .text_preview .allimtalk_content{border-radius:5px;}
|
||||
.send_top .resultcont_right .phone_kakako.friendtalk .friend_talk_title{margin:0 0 10px 0;font-size:15px;color:#777;}
|
||||
.send_top .resultcont_right .phone_kakako.friendtalk .kakao_block_text{width:calc(100% - 20px);text-align:right;font-size:13px;color:#555;font-weight:300;margin:10px 0 0 0;}
|
||||
|
||||
|
||||
.btn_list_type1 {border-top:solid 1px #e5e5e5; text-align: right; padding:26px 0 0 0; margin:60px 0 0 0;}
|
||||
.btn_list_type1 .btnType.btnType17 {width:100px; }
|
||||
|
||||
@ -2487,6 +2567,23 @@ button.check_validity:hover {border: 1px solid #a3a3a3;box-shadow: 0px 0px 5px
|
||||
.kakao_intro_cont .service .con .service-03 .text .icon img{margin-top: 24px;}
|
||||
.kakao_intro_cont .service .con .service-04 .text .icon img{margin-top: 24px;}
|
||||
|
||||
/* 친구톡 소개 */
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro{gap:30px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro .phone{width:42%;height:auto;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .con .intro ul li p:nth-child(2){font-size:18px;;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs ul li{font-size:18px;}
|
||||
.kakao_intro_cont .friendtalk .kakao_intro .vs .box ul li span{font-size:14px;}
|
||||
.friendtalk_use{gap:20px;}
|
||||
.friendtalk_use .title{height:36px;font-size:16px;}
|
||||
.friendtalk_use img{width:100%;}
|
||||
.friendtalk_use li:first-child .explan_text{white-space:nowrap;}
|
||||
|
||||
.friendtalk .service .kakao_use_guide .title{font-size:16px;}
|
||||
.friendtalk .service .kakao_use_guide .title span{font-size:20px;}
|
||||
.friendtalk .service .kakao_use_guide li .guide_title{font-size:22px;}
|
||||
.friendtalk .service .kakao_use_guide li .guide_info{font-size:16px;}
|
||||
.kakao_intro_cont .service .guide a{font-size: 20px;}
|
||||
|
||||
/*발송결과_select버튼*/
|
||||
.select_btnWrap .btn_right .search .send_text{width: 170px;}
|
||||
|
||||
|
||||
@ -1046,8 +1046,10 @@
|
||||
.template_choice_popup .template_type{width: 180px;}
|
||||
.template_choice_popup .emphasis_type{width: 180px;}
|
||||
.template_choice_popup .popup_search_wrap .template_name{width: 300px;}
|
||||
.template_choice_popup .kakao_template_list{margin: 20px 0 0 0;}
|
||||
.template_choice_popup .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 80px)/3); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px; margin: 0 11px 40px 0;}
|
||||
/* .template_choice_popup .kakao_template_list{margin: 20px 0 0 0;} */
|
||||
.template_choice_popup .kakao_template_list{display:flex;flex-wrap:wrap;gap:30px 16px;margin:20px 0;}
|
||||
/* .template_choice_popup .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 80px)/3); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px; margin: 0 11px 40px 0;} */
|
||||
.template_choice_popup .kakao_template_list li{position: relative; display: inline-block; width: calc((100% - 80px)/3); border-radius: 25px; box-shadow: inset 0 0px 8px rgba(0,0,0,0.2); padding: 8px 8px 16px 8px;}
|
||||
.template_choice_popup .kakao_template_list li:nth-child(3n){margin: 0 0 0 0;}
|
||||
.template_choice_popup .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;}
|
||||
.template_choice_popup .kakao_template_list .kakao_template_wrap{width: 100%; height: 370px; 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;}
|
||||
@ -1056,6 +1058,7 @@
|
||||
.template_choice_popup .kakao_template_list .template_cont .title .check{position: absolute; left: 15px; top: -2px;}
|
||||
.template_choice_popup .kakao_template_list .template_cont .img_box img{width: 100%; height: auto;}
|
||||
.template_choice_popup .kakao_template_list .template_cont .text_box{font-size: 14px; color: #555; line-height: 1.4; padding: 20px;}
|
||||
.template_choice_popup .kakao_template_list .template_cont .text_box p{word-break:break-all;}
|
||||
.template_choice_popup .kakao_template_list .kakao_template_info{ font-size: 14px; color: #555; padding: 10px 0 0 10px;}
|
||||
.template_choice_popup .kakao_template_list .kakao_template_info dl{display: flex; padding: 6px 0;}
|
||||
.template_choice_popup .kakao_template_list .kakao_template_info dt{position: relative; width: 76px; margin: 0 13px 0 0;}
|
||||
@ -1200,6 +1203,9 @@
|
||||
.call_number_pop .pro_tit span{font-weight: 700; color: #002c9a;}
|
||||
|
||||
.call_layer .info_tit{font-size: 20px; font-weight: 500; margin: 0 0 15px 0;}
|
||||
.call_layer .call_new ul li {padding:0;}
|
||||
.call_layer .call_new ul li .call_img {text-align: center; width:155px;}
|
||||
.call_layer .call_new ul li p {font-size:16px; padding:0 0 0 10px;}
|
||||
|
||||
/* 발송결과 개선 : 진행현황 안내*/
|
||||
.info_hover_cont {top: 40px; right: -1px; width: 320px; line-height:1.4;}
|
||||
|
||||
@ -74,6 +74,7 @@
|
||||
<li><a target="_blank" href="/publish/textingmsg.html">textingmsg.html</a>발송관리</li>
|
||||
<li><a target="_blank" href="/publish/textingmsg_detail.html">textingmsg_detail.html</a>발송관리 > 상세</li>
|
||||
<li><a target="_blank" href="/publish/textingmsg_detail_allimtalk.html">textingmsg_detail_allimtalk.html</a>발송관리 > 상세(알림톡)</li>
|
||||
<li><a target="_blank" href="/publish/textingmsg_detail_friendtalk.html">textingmsg_detail_friendtalk.html</a>발송관리 > 상세(친구톡)</li>
|
||||
<li><a target="_blank" href="/publish/estimate2.html">estimate2.html</a>문자 발송내역서</li>
|
||||
<!-- ///////////////발송결과/////////////// -->
|
||||
|
||||
|
||||
BIN
src/main/webapp/publish/images/api_intro_cont/api_guide_00.png
Normal file
BIN
src/main/webapp/publish/images/api_intro_cont/api_guide_00.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
BIN
src/main/webapp/publish/images/content/call_serv1_1.png
Normal file
BIN
src/main/webapp/publish/images/content/call_serv1_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 377 B |
BIN
src/main/webapp/publish/images/content/call_serv2_1.png
Normal file
BIN
src/main/webapp/publish/images/content/call_serv2_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
BIN
src/main/webapp/publish/images/content/call_serv3_1.png
Normal file
BIN
src/main/webapp/publish/images/content/call_serv3_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
src/main/webapp/publish/images/content/call_serv4_1.png
Normal file
BIN
src/main/webapp/publish/images/content/call_serv4_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
src/main/webapp/publish/images/content/call_serv5_1.png
Normal file
BIN
src/main/webapp/publish/images/content/call_serv5_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
BIN
src/main/webapp/publish/images/content/call_serv6_1.png
Normal file
BIN
src/main/webapp/publish/images/content/call_serv6_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
src/main/webapp/publish/images/content/call_serv7_1.png
Normal file
BIN
src/main/webapp/publish/images/content/call_serv7_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
BIN
src/main/webapp/publish/images/content/call_serv8_1.png
Normal file
BIN
src/main/webapp/publish/images/content/call_serv8_1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
src/main/webapp/publish/images/content/kakao_img_basic.jpg
Normal file
BIN
src/main/webapp/publish/images/content/kakao_img_basic.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
src/main/webapp/publish/images/content/kakao_img_wide.jpg
Normal file
BIN
src/main/webapp/publish/images/content/kakao_img_wide.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 34 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
@ -429,6 +429,25 @@
|
||||
</div>
|
||||
<!-- // 결제관리 > 세금계산서 발행 등록 -->
|
||||
|
||||
<!-- 카톡발송 > 친구톡 -->
|
||||
<div class="info_popup" id="friendTalkSend">
|
||||
<div class="popup_heading">
|
||||
<p>사용안내</p>
|
||||
</div>
|
||||
<div class="layer_in layer_info_wrap">
|
||||
<ul class="info_list">
|
||||
<li>친구톡 텍스트형은 최대 1,000자까지 작성 가능 (이미지형 400자, 와이드 이미지형 76자)</li>
|
||||
<li>변수는 [*이름*], [*1*]~[*4*]까지 입력하실 수 있습니다.</li>
|
||||
<li>광고성 정보 포함 시, 자동으로 (광고) 표시와 080무료수신거부번호가 메시지 내용에 표시됩니다.</li>
|
||||
<li>(광고) 표기 사용 여부는 선택 가능하나, (광고) 표기 해제에 따른 법규 의무사항 미준수 시, 메시지 발송이 중단될 수 있습니다.</li>
|
||||
<li>예약 메시지는 수정 가능하며, 예약 발송시간 5분전까지만 취소·삭제 가능합니다.</li>
|
||||
<!-- <li>세금계산서 자동발행 등록 시 현금영수증 발행화면은 비활성화 됩니다.</li> -->
|
||||
<li style="font-weight:bold;color:#222;">안심번호는 임시번호로 전송이 불가합니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 카톡발송 > 친구톡 -->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -172,8 +172,7 @@ $(document).ready(function () {
|
||||
if (checkAdrWrap.is(".adr_first") == true) {
|
||||
// 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
|
||||
$(".adr_first").after(checkAdrWrap);
|
||||
}
|
||||
else{
|
||||
} else {
|
||||
// 첫번째가 선택 안됐을 때 나머지들을 최상단으로
|
||||
$(".adr_first").before(checkAdrWrap);
|
||||
}
|
||||
@ -297,8 +296,7 @@ $(document).ready(function () {
|
||||
if (checkAdrWrap.is(".adr_last") == true) {
|
||||
// 첫번째가 선택됐을 때 첫번째는 고정이고 나머지만 움직이게
|
||||
$(".adr_last").before(checkAdrWrap);
|
||||
}
|
||||
else{
|
||||
} else {
|
||||
// 첫번째가 선택 안됐을 때 나머지들을 최하단으로
|
||||
$(".adr_last").after(checkAdrWrap);
|
||||
}
|
||||
@ -358,8 +356,7 @@ $(document).ready(function () {
|
||||
if ($(this).parent().hasClass("check_group_all") === true) {
|
||||
$(this).find("img").attr("src", "/publish/images/content/open_folder.png");
|
||||
$(this).find("img").attr("alt", "폴더 열림");
|
||||
}
|
||||
else {
|
||||
} else {
|
||||
$(this).find("img").attr("src", "/publish/images/content/open_folder2.png");
|
||||
$(this).find("img").attr("alt", "폴더 열림");
|
||||
}
|
||||
@ -472,7 +469,10 @@ $(document).ready(function () {
|
||||
}*/
|
||||
} else {
|
||||
$(".replace_send_wrap").slideUp(400);
|
||||
$('.send_top .send_right .phone').css({'top': '0','transition': 'top .4s linear'});
|
||||
$('.send_top .send_right .phone').css({
|
||||
'top': '0',
|
||||
'transition': 'top .4s linear'
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
@ -495,15 +495,16 @@ $(document).ready(function () {
|
||||
} else if ($(this).val() == "IMAGE") {
|
||||
$(".emphasis_image").addClass("active");
|
||||
$(".emphasis_image").siblings(".emphasis_cont").removeClass("active");
|
||||
}
|
||||
else if($(this).val() == "TEXT"){
|
||||
} else if ($(this).val() == "TEXT") {
|
||||
$(".emphasis_mark").addClass("active");
|
||||
$(".emphasis_mark").siblings(".emphasis_cont").removeClass("active");
|
||||
|
||||
//첨부 이미지 정보가 있으면 지워준다.
|
||||
$("#imgFile").val("");
|
||||
$("#imgNm").val("");
|
||||
}else{$(".emphasis_cont").removeClass("active");}
|
||||
} else {
|
||||
$(".emphasis_cont").removeClass("active");
|
||||
}
|
||||
});
|
||||
|
||||
$(".kakaotalksend_cont .template_type_select").change(function () {
|
||||
@ -520,16 +521,46 @@ $(document).ready(function () {
|
||||
|
||||
$("input[name='img_file_add']").change(function () {
|
||||
if ($("input[name='img_file_add']:checked").attr("id") == "img_file_1") {
|
||||
$(".basic_img_add_wrap").show().siblings(".img_add_info_wrap").hide();
|
||||
$(".img_file_add_wrap").show();
|
||||
$(".basic_img_add_wrap").show().siblings(".wide_img_add_wrap").hide();
|
||||
//$(".img_file_add_wrap").show();
|
||||
$(".kakao_image img").show().attr("src", "/publish/images/content/kakao_img_basic.jpg");
|
||||
} else if ($("input[name='img_file_add']:checked").attr("id") == "img_file_2") {
|
||||
$(".wide_img_add_wrap").show().siblings(".img_add_info_wrap").hide();
|
||||
$(".img_file_add_wrap").show();
|
||||
$(".wide_img_add_wrap").show().siblings(".basic_img_add_wrap").hide();
|
||||
$(".kakao_image img").show().attr("src", "/publish/images/content/kakao_img_wide.jpg");
|
||||
//$(".img_file_add_wrap").show();
|
||||
} else {
|
||||
$(".img_add_info_wrap, .img_file_add_wrap").hide();
|
||||
$(".kakao_image img").hide();
|
||||
}
|
||||
});
|
||||
|
||||
$(".friend_talk_wrap #ad_Y").click(function () {
|
||||
if ($(this).is(":checked") == false) {
|
||||
$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").hide();
|
||||
$(".friend_talk_wrap .put_text_wrap .put_text").css({
|
||||
"padding": "0",
|
||||
"height": "calc(100% - 18px)"
|
||||
});
|
||||
|
||||
|
||||
if($(".friend_talk_wrap .replace_send_wrap .put_left").is(".short") == true){
|
||||
$(".friend_talk_wrap .replace_send_wrap textarea").css({
|
||||
"height": "calc(100% - 79px)"
|
||||
});
|
||||
}else{
|
||||
$(".friend_talk_wrap .replace_send_wrap textarea").css({
|
||||
"height": "calc(100% - 59px)"
|
||||
});
|
||||
}
|
||||
|
||||
} else {
|
||||
$(".ad_txt, .sub_ad_text p,.friend_talk_title,.kakao_block_text").show();
|
||||
$(".friend_talk_wrap .put_text_wrap .put_text").removeAttr("style");
|
||||
$(".friend_talk_wrap .replace_send_wrap textarea").removeAttr("style");
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
/* 포토이미지 드래그 */
|
||||
if ($('.thumb_wrap').length > 0) {
|
||||
$('.thumb_wrap').sortable();
|
||||
@ -606,7 +637,11 @@ function wrapWindowByMask(item){
|
||||
var width = $("." + item).width();
|
||||
var height = $("." + item).height();
|
||||
/*$("."+item).css({'left' : ($(window).width() - width) / 2, 'top' : ($(window).height() - height) / 2,'opacity':'1'});*/
|
||||
$("."+item).css({'left' : ($(document).width()-width)/2, 'top' : ($(window).height() - height) / 2,'opacity':'1'});
|
||||
$("." + item).css({
|
||||
'left': ($(document).width() - width) / 2,
|
||||
'top': ($(window).height() - height) / 2,
|
||||
'opacity': '1'
|
||||
});
|
||||
}, 250);
|
||||
}
|
||||
|
||||
@ -698,6 +733,9 @@ function TabType2(obj, tabId) {
|
||||
$(".api_guide_con").not($tabCn).removeClass("current");
|
||||
$(".api_guide_con").not($tabCn).fadeOut(0);
|
||||
|
||||
$(".api_guide_con").not($tabCn).removeClass("current");
|
||||
$(".api_guide_con").not($tabCn).fadeOut(0);
|
||||
|
||||
currTabId = tabId;
|
||||
|
||||
}
|
||||
@ -1101,9 +1139,15 @@ function calendarSetting(){
|
||||
|
||||
if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
|
||||
var ll = thisCal.closest('.picker').prev().position().left;
|
||||
thisCal.css({'left':ll,'right':'initial'});
|
||||
thisCal.css({
|
||||
'left': ll,
|
||||
'right': 'initial'
|
||||
});
|
||||
} else {
|
||||
thisCal.css({'left':'initial','right':0});
|
||||
thisCal.css({
|
||||
'left': 'initial',
|
||||
'right': 0
|
||||
});
|
||||
}
|
||||
thisCal.css("display", "block");
|
||||
}
|
||||
@ -1127,9 +1171,15 @@ function calendarSetting(){
|
||||
|
||||
if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
|
||||
var ll = thisCal.closest('.picker').prev().position().left;
|
||||
thisCal.css({'left':ll,'right':'initial'});
|
||||
thisCal.css({
|
||||
'left': ll,
|
||||
'right': 'initial'
|
||||
});
|
||||
} else {
|
||||
thisCal.css({'left':'initial','right':0});
|
||||
thisCal.css({
|
||||
'left': 'initial',
|
||||
'right': 0
|
||||
});
|
||||
}
|
||||
thisCal.css("display", "block");
|
||||
}
|
||||
@ -1158,9 +1208,15 @@ function calendarSetting(){
|
||||
|
||||
if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
|
||||
var ll = thisCal.closest('.picker').prev().position().left;
|
||||
thisCal.css({'left':ll,'right':'initial'});
|
||||
thisCal.css({
|
||||
'left': ll,
|
||||
'right': 'initial'
|
||||
});
|
||||
} else {
|
||||
thisCal.css({'left':'initial','right':0});
|
||||
thisCal.css({
|
||||
'left': 'initial',
|
||||
'right': 0
|
||||
});
|
||||
}
|
||||
thisCal.css("display", "block");
|
||||
}
|
||||
@ -1211,9 +1267,15 @@ function calendarSetting(){
|
||||
|
||||
if (thisCal.offset().left + thisCal.outerWidth() < $(window).outerWidth()) {
|
||||
var ll = thisCal.closest('.picker').prev().position().left;
|
||||
thisCal.css({'left':ll,'right':'initial'});
|
||||
thisCal.css({
|
||||
'left': ll,
|
||||
'right': 'initial'
|
||||
});
|
||||
} else {
|
||||
thisCal.css({'left':'initial','right':0});
|
||||
thisCal.css({
|
||||
'left': 'initial',
|
||||
'right': 0
|
||||
});
|
||||
}
|
||||
thisCal.css("display", "block");
|
||||
}
|
||||
@ -1256,11 +1318,14 @@ function fnSetDynamicCalendar() {
|
||||
$this.attr("data-dateControl", true);
|
||||
switch ($this[0].className) {
|
||||
case "startDate":
|
||||
sText = "시작";break;
|
||||
sText = "시작";
|
||||
break;
|
||||
case "endDate":
|
||||
sText = "종료";break;
|
||||
sText = "종료";
|
||||
break;
|
||||
case "date":
|
||||
sText = "";break;
|
||||
sText = "";
|
||||
break;
|
||||
default:
|
||||
sText = "";
|
||||
}
|
||||
@ -1269,10 +1334,10 @@ function fnSetDynamicCalendar() {
|
||||
$this.attr("id", $this.attr("name"));
|
||||
sobjId = $this.attr("name");
|
||||
}
|
||||
var innerhtml ="<div class='calendarPop' id='calendarName_"+sobjId+"'>"
|
||||
+"<input type='button' value='"+sText+"날짜 달력에서 선택'"
|
||||
+"onclick=\"return calendarOpen('" + sobjId + "-lry','" + sText + "',this)\"/>"
|
||||
+"</div>";
|
||||
var innerhtml = "<div class='calendarPop' id='calendarName_" + sobjId + "'>" +
|
||||
"<input type='button' value='" + sText + "날짜 달력에서 선택'" +
|
||||
"onclick=\"return calendarOpen('" + sobjId + "-lry','" + sText + "',this)\"/>" +
|
||||
"</div>";
|
||||
$this.after(innerhtml);
|
||||
}
|
||||
});
|
||||
@ -1281,8 +1346,12 @@ function fnSetDynamicCalendar() {
|
||||
$(function () {
|
||||
fnSetDynamicCalendar();
|
||||
|
||||
jQuery(".rv a").bind('mouseover keyup' , function() { imgOn(jQuery(this))})
|
||||
jQuery(".rv a").bind('mouseout blur' , function() { imgOff(jQuery(this))})
|
||||
jQuery(".rv a").bind('mouseover keyup', function () {
|
||||
imgOn(jQuery(this))
|
||||
})
|
||||
jQuery(".rv a").bind('mouseout blur', function () {
|
||||
imgOff(jQuery(this))
|
||||
})
|
||||
})
|
||||
|
||||
/* //calendar */
|
||||
@ -1389,9 +1458,7 @@ function sendPhoneFixed() {
|
||||
'transition': 'all 0.2s'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
else if ($(".cont").find(".tabType4 .tab.active").text().trim() == "알림톡") {
|
||||
} else if ($(".cont").find(".tabType4 .tab.active").text().trim() == "알림톡") {
|
||||
if (t > ofsT && t - ofsT < h - pH) {
|
||||
$('.send_top .send_right .phone').css({
|
||||
'top': t - ofsT,
|
||||
@ -1399,7 +1466,7 @@ function sendPhoneFixed() {
|
||||
});
|
||||
} else if (t > ofsT) {
|
||||
$('.send_top .send_right .phone').css({
|
||||
'top': h - pH + 100,
|
||||
'top': h - pH + 30,
|
||||
'transition': 'all 0.2s'
|
||||
});
|
||||
} else if (t <= ofsT) {
|
||||
@ -1408,9 +1475,7 @@ function sendPhoneFixed() {
|
||||
'transition': 'all 0.2s'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
else {
|
||||
} else {
|
||||
if (t > ofsT && t - ofsT < h - pH) {
|
||||
$('.send_top .send_right .phone').css({
|
||||
'top': t - ofsT,
|
||||
|
||||
@ -23,161 +23,7 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="skip_menu">
|
||||
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
||||
</div>
|
||||
<!--// skip 메뉴 -->
|
||||
<!-- quick 메뉴 -->
|
||||
<div class="quickMenu">
|
||||
<div>
|
||||
<p class="quick_title">QUICK<br>MENU</p>
|
||||
<p class="quick_title2">QUICK</p>
|
||||
<ul class="quickMenuIn">
|
||||
<li>
|
||||
<a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
|
||||
<div class="hover_cont">이용안내</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick2"></i><span>채 팅상담</span></a>
|
||||
<div class="hover_cont">채팅상담</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick3"></i><span>원격지원</span></a>
|
||||
<div class="hover_cont">원격지원</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
|
||||
<div class="hover_cont">맞춤제작</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
|
||||
<div class="hover_cont">주소록 등록</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
|
||||
<div class="hover_cont">엑셀 대량전송</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick7"></i><span>견적서</span></a>
|
||||
<div class="hover_cont">견적서</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick8"></i><span>결제</span></a>
|
||||
<div class="hover_cont">결제</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
|
||||
<div class="hover_cont">영수증/계산서</div>
|
||||
</li>
|
||||
</ul>
|
||||
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// quick 메뉴 -->
|
||||
<!-- header 영역 -->
|
||||
<header id="header" class="header sub ">
|
||||
<!-- header top 영역 -->
|
||||
<div class="header_top">
|
||||
<div class="inner">
|
||||
<ul class="menu_left">
|
||||
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
|
||||
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
|
||||
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
|
||||
</ul>
|
||||
<ul class="menu_right">
|
||||
<li><a href="#">충전하기</a></li>
|
||||
<li class="SortLine"><a href="#">요금안내</a></li>
|
||||
<li class="SortLine"><a href="#">이용안내</a></li>
|
||||
<li class="SortLine"><a href="#">1:1고객상담</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- header top 영역 -->
|
||||
<!-- header body 영역 -->
|
||||
<div class="header_body">
|
||||
<div class="inner table">
|
||||
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
|
||||
alt="문자온 CI"></a></h1>
|
||||
<ul class="gnbWrap table_cell">
|
||||
<li><a href="#">문자발송</a></li>
|
||||
<li><a href="#">선거문자</a></li>
|
||||
<li><a href="#">맞춤제작</a></li>
|
||||
<li><a href="#">비즈톡</a></li>
|
||||
<li><a href="#">주소록 관리</a></li>
|
||||
<li><a href="#">발송결과</a></li>
|
||||
<li><a href="#">예약관리</a></li>
|
||||
<li><a href="#">결제내역</a></li>
|
||||
</ul>
|
||||
<div class="s_menu">
|
||||
<i class="allSearch_info"><span>문자검색</span></i>
|
||||
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
|
||||
src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
|
||||
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- search popup 영역 -->
|
||||
<div class="pop_search">
|
||||
<div class="inner">
|
||||
<div class="area_search">
|
||||
<select name="" id="">
|
||||
<option value="">그림문자</option>
|
||||
<option value="">단문문자</option>
|
||||
<option value="">장문문자</option>
|
||||
<option value="">GIF</option>
|
||||
</select>
|
||||
<input type="text" placeholder="문자샘플 검색하기">
|
||||
<button><img src="/publish/images/search02.png" alt=""></button>
|
||||
</div>
|
||||
<div class="area_popular">
|
||||
<p><i></i>인기검색어</p>
|
||||
<ul class="popular_tag">
|
||||
<li><a href="#">#정월대보름</a></li>
|
||||
<li class="on"><a href="#">#추석</a></li>
|
||||
<li><a href="#">#가을인사</a></li>
|
||||
<li><a href="#">#좋은하루</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
|
||||
alt=""></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// search popup 영역 -->
|
||||
</div>
|
||||
<!--// header body 영역 -->
|
||||
<div id="login" class="login">
|
||||
<div class="inner table">
|
||||
<div class="login_left table_cell">
|
||||
<div class="login_put">
|
||||
<label for="id_text" class="label"></label>
|
||||
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
|
||||
size="18">
|
||||
<label for="password_text" class="label"></label>
|
||||
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
|
||||
maxlength="30" size="18">
|
||||
<label for="login_button" class="label"></label>
|
||||
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
|
||||
</div>
|
||||
<div class="login_save">
|
||||
<input type="checkbox" id="save_id">
|
||||
<label for="save_id">아이디 저장</label>
|
||||
</div>
|
||||
<div class="login_find">
|
||||
<a href="#">아이디찾기 /</a>
|
||||
<a href="#">비밀번호 찾기</a>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btnType btnType2">회원가입</button>
|
||||
<button type="button" class="btnType btnType3">둘러보기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_right">
|
||||
<span><i></i>이달의 이벤트</span>
|
||||
<button type="button" class="btnType btnType4">바로가기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// login 영역 -->
|
||||
</header>
|
||||
<!--// header 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
@ -189,20 +35,28 @@
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_send.html'">알림톡</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'2');">친구톡</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/kakao_use_guide.html'">카카오톡 설정</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'4');">알림톡 소개</button></li>
|
||||
<li class="tab active"><button type="button" onclick="TabType5(this,'4');">카카오톡 소개</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
|
||||
<div class="top_content kakao_intro_cont current">
|
||||
<div class="top_content kakao_intro_cont pay_tab_wrap current">
|
||||
<div class="heading">
|
||||
<h2>알림톡 소개</h2>
|
||||
<h2>카카오톡 소개</h2>
|
||||
</div>
|
||||
|
||||
<ul class="tabType1">
|
||||
<li class="tab active"><button type="button" onclick="contentTab(this,'1');">알림톡</button></li>
|
||||
<li class="tab"><button type="button" onclick="contentTab(this,'2');">친구톡</button></li>
|
||||
</ul>
|
||||
|
||||
<!-- 알림톡 소개 -->
|
||||
<div class="tab_content current" id="tab_content_1">
|
||||
<div class="kakao_intro">
|
||||
<div class="title">
|
||||
<h3>알림톡이란?</h3>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="title-line">
|
||||
<div class="left-line"></div>
|
||||
<div class="right-line"></div>
|
||||
@ -465,6 +319,213 @@
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 알림톡 소개 -->
|
||||
|
||||
<!-- 친구톡 소개 -->
|
||||
<div class="tab_content friendtalk" id="tab_content_2">
|
||||
<div class="kakao_intro">
|
||||
<div class="title">
|
||||
<h3>친구톡이란?</h3>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="title-line">
|
||||
<div class="left-line"></div>
|
||||
<div class="right-line"></div>
|
||||
</div>
|
||||
|
||||
<div class="con">
|
||||
<!--설명-->
|
||||
<div class="intro">
|
||||
<img class="phone" src="/publish/images/kakao_intro_cont/phone_friendtalk.png" alt="핸드폰">
|
||||
|
||||
<ul class="list">
|
||||
<li>
|
||||
<img src="/publish/images/kakao_intro_cont/text_friendtalk.png" alt="카카오톡 전용 기업 메시지 서비스 “알림톡”">
|
||||
</li>
|
||||
<li>
|
||||
<p>1</p>
|
||||
<p><span>광고성 메시지</span> 발송 가능(광고 표기 및 수신거부 안내 포함)</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>2</p>
|
||||
<p>채널 친구 추가된 사용자라면 <span>누구에게나</span> 발송 가능</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>3</p>
|
||||
<p>
|
||||
<span>1,000자 이내</span> 텍스트 및 <span>이미지</span> 전송 가능
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>4</p>
|
||||
<p><span>맞춤형 메시지 및 쿠폰, 링크</span> 버튼 제공 가능</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>5</p>
|
||||
<p>문자 메시지 대비 <span>O % 이상</span> 저렴</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>6</p>
|
||||
<p>발송실패 시 <span>대체문자 발송</span> 기능 지원</p>
|
||||
</li>
|
||||
<li>
|
||||
<p>7</p>
|
||||
<p>클릭률/도달률 분석을 통한 <span>마케팅 효율 강화</span></p>
|
||||
</li>
|
||||
<li>
|
||||
<p>8</p>
|
||||
<p>브랜드 친화적인 <span>이미지 커스터마이징</span> 가능</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!--문자vs알림톡-->
|
||||
<div class="fight">
|
||||
<div class="line"></div>
|
||||
<div class="fight-title">
|
||||
<h4>알림톡 <span>VS</span> 친구톡</h4>
|
||||
<div class="circle"></div>
|
||||
</div>
|
||||
|
||||
<div class="wrap">
|
||||
<div class="vs allimtalk_vs">
|
||||
<div class="title">알림톡</div>
|
||||
<div class="box">
|
||||
<ul>
|
||||
<li>전화번호 보유자</li>
|
||||
<li>정보성 <span>(예 : 주문, 예약, 안내 등)</span></li>
|
||||
<li>텍스트, 이미지 등</li>
|
||||
<li>최대 5개</li>
|
||||
<li>사전 승인 필요</li>
|
||||
<li>6.9원</li>
|
||||
<li>1,000자</li>
|
||||
<li>로고, 아이콘 형식만 가능</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="vs vs_title">
|
||||
<div class="title">VS</div>
|
||||
<ul>
|
||||
<li>전송대상</li>
|
||||
<li>발송목적</li>
|
||||
<li>메세지 형태</li>
|
||||
<li>버튼 사용</li>
|
||||
<li>템플릿 승인</li>
|
||||
<li>비용</li>
|
||||
<li>길이제한</li>
|
||||
<li>이미지</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="vs friendtalk_vs">
|
||||
<div class="title">친구톡</div>
|
||||
<div class="box">
|
||||
<ul>
|
||||
<li>채널 친구</li>
|
||||
<li>광고 및 마케팅성<span>(예 : 이벤트, 쿠폰 등)</span></li>
|
||||
<li>텍스트, 기본이미지, 와이드 이미지형 등</li>
|
||||
<li>최대 5개</li>
|
||||
<li>별도 승인 없음 <span>야간 발송 제한(20:50 ~ 익일 08:00)</span></li>
|
||||
<li>0.0원 ~ 0.0원</li>
|
||||
<li>1,000자</li>
|
||||
<li>가능</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 친구톡 유형 -->
|
||||
<div class="use">
|
||||
<div class="title">
|
||||
<h3>친구톡 유형</h3>
|
||||
</div>
|
||||
|
||||
<div class="title-line">
|
||||
<div class="left-line"></div>
|
||||
<div class="right-line"></div>
|
||||
</div>
|
||||
|
||||
<ul class="friendtalk_use">
|
||||
<li>
|
||||
<div class="title">텍스트형</div>
|
||||
<img src="/publish/images/kakao_intro_cont/friendtalk_use1.png" alt="">
|
||||
<p class="explan_text">한/영 구분없이 <span>1,000자</span> + 버튼 <span>최대 5개</span></p>
|
||||
</li>
|
||||
<li>
|
||||
<div class="title">기본 이미지형</div>
|
||||
<img src="/publish/images/kakao_intro_cont/friendtalk_use2.png" alt="">
|
||||
<p class="explan_text">한/영 구분없이 <span>400자</span> + 이미지 <span>1</span>장 + 버튼 <span>최대 5개</span></p>
|
||||
</li>
|
||||
<li>
|
||||
<div class="title">와이드 이미지형</div>
|
||||
<img src="/publish/images/kakao_intro_cont/friendtalk_use3.png" alt="">
|
||||
<p class="explan_text">한/영 구분없이 <span>76자</span> + 이미지 <span>1</span>장 + 버튼 <span>최대 1개</span></p>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
|
||||
<!--서비스이용방법-->
|
||||
<div class="service">
|
||||
<div class="title">
|
||||
<h3>서비스 이용 방법</h3>
|
||||
</div>
|
||||
|
||||
<div class="title-line">
|
||||
<div class="left-line"></div>
|
||||
<div class="right-line"></div>
|
||||
</div>
|
||||
|
||||
<ul class="kakao_use_guide">
|
||||
<li class="guide_01">
|
||||
<div class="title">STEP <span>01</span></div>
|
||||
<i></i>
|
||||
<p class="guide_title">카카오톡 채널 가입</p>
|
||||
<span class="guide_info">카카오톡 채널 생성을 위한 <br> 계정이 없으시다면, 카카오에서 <br> 카카오톡 비즈니스 회원가입을<br> 먼저
|
||||
진행해주세요.</span>
|
||||
</li>
|
||||
<li class="guide_02">
|
||||
<div class="title">STEP <span>02</span></div>
|
||||
<i></i>
|
||||
<p class="guide_title">채널 ID 등록하러 가기</p>
|
||||
<span class="guide_info">가입하신 카카오톡 채널의 채널 ID(채널이름)를 채널 ID 등록 메뉴에 등록해주세요.</span>
|
||||
</li>
|
||||
<li class="guide_03">
|
||||
<div class="title">STEP <span>03</span></div>
|
||||
<i></i>
|
||||
<p class="guide_title">친구톡 전송</p>
|
||||
<span class="guide_info">친구톡은 별도의 템플릿 심사 절차 없이, 즉시 발송 가능합니다.</span>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<!--이용가이드 버튼-->
|
||||
<div class="guide">
|
||||
<a href="https://kakaobusiness.gitbook.io/main/ad/brandmessage" target="_blank">친구톡 이용가이드 보기 <img src="/publish/images/kakao_intro_cont/guide_arrow.png" alt="알림톡 이용가이드 화살표"></a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!--유의사항-->
|
||||
<div class="note">
|
||||
<div class="note-title">
|
||||
<p><span><img src="/publish/images/kakao_intro_cont/note_icon.png" alt="유의사항 아이콘"></span>유의사항</p>
|
||||
</div>
|
||||
<ul>
|
||||
<li>- (광고) 표기 여부는 선택 가능하나 , (광고)표기 해제에 따른 법령상 의무사항을 미 준수시에는 메시지 발송이 중단될 수 있습니다.</li>
|
||||
<li>- 광고성 친구톡 메시지에는 “(광고) 표시 및 수신거부 방식”이 표시되며, 대체 문자의 경우에는 “(광고) 문구 및 080 무료수신거부 번호”가 자동으로 포함됩니다.</li>
|
||||
<li><b>- 광고성 메시지의 발송 가능 시간은 08:00 ~ 20:50(한국시간) 입니다.</b></li>
|
||||
<li>- 친구톡 발송 실패에 따른 대체문자 발송 시 문자요금(단문, 장문, 그림)이 보유 캐시에서 차감됩니다.</li>
|
||||
<li>- 카카오정책 및 심의기준을 반드시 준수하여야 합니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 친구톡 소개 -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@ -24,6 +24,7 @@
|
||||
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
<script src="/publish/js/common.js"></script>
|
||||
<script src="/publish/js/content.js"></script>
|
||||
<script src="/publish/js/popup.js"></script>
|
||||
<script src="/publish/js/popupLayer.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
|
||||
@ -37,112 +38,7 @@
|
||||
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
||||
</div>
|
||||
<!--// skip 메뉴 -->
|
||||
|
||||
<!-- header 영역 -->
|
||||
<header id="header" class="header sub ">
|
||||
<!-- header top 영역 -->
|
||||
<div class="header_top">
|
||||
<div class="inner">
|
||||
<ul class="menu_left">
|
||||
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
|
||||
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
|
||||
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
|
||||
</ul>
|
||||
<ul class="menu_right">
|
||||
<li><a href="#">충전하기</a></li>
|
||||
<li class="SortLine"><a href="#">요금안내</a></li>
|
||||
<li class="SortLine"><a href="#">이용안내</a></li>
|
||||
<li class="SortLine"><a href="#">1:1고객상담</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- header top 영역 -->
|
||||
<!-- header body 영역 -->
|
||||
<div class="header_body">
|
||||
<div class="inner table">
|
||||
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
|
||||
alt="문자온 CI"></a></h1>
|
||||
<ul class="gnbWrap table_cell">
|
||||
<li><a href="#">문자발송</a></li>
|
||||
<li><a href="#">선거문자</a></li>
|
||||
<li><a href="#">맞춤제작</a></li>
|
||||
<li><a href="#">비즈톡</a></li>
|
||||
<li><a href="#">주소록 관리</a></li>
|
||||
<li><a href="#">발송결과</a></li>
|
||||
<li><a href="#">예약관리</a></li>
|
||||
<li><a href="#">결제내역</a></li>
|
||||
</ul>
|
||||
<div class="s_menu">
|
||||
<i class="allSearch_info"><span>문자검색</span></i>
|
||||
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
|
||||
src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
|
||||
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- search popup 영역 -->
|
||||
<div class="pop_search">
|
||||
<div class="inner">
|
||||
<div class="area_search">
|
||||
<select name="" id="">
|
||||
<option value="">그림문자</option>
|
||||
<option value="">단문문자</option>
|
||||
<option value="">장문문자</option>
|
||||
<option value="">GIF</option>
|
||||
</select>
|
||||
<input type="text" placeholder="문자샘플 검색하기">
|
||||
<button><img src="/publish/images/search02.png" alt=""></button>
|
||||
</div>
|
||||
<div class="area_popular">
|
||||
<p><i></i>인기검색어</p>
|
||||
<ul class="popular_tag">
|
||||
<li><a href="#">#정월대보름</a></li>
|
||||
<li class="on"><a href="#">#추석</a></li>
|
||||
<li><a href="#">#가을인사</a></li>
|
||||
<li><a href="#">#좋은하루</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
|
||||
alt=""></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// search popup 영역 -->
|
||||
</div>
|
||||
<!--// header body 영역 -->
|
||||
<div id="login" class="login">
|
||||
<div class="inner table">
|
||||
<div class="login_left table_cell">
|
||||
<div class="login_put">
|
||||
<label for="id_text" class="label"></label>
|
||||
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
|
||||
size="18">
|
||||
<label for="password_text" class="label"></label>
|
||||
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
|
||||
maxlength="30" size="18">
|
||||
<label for="login_button" class="label"></label>
|
||||
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
|
||||
</div>
|
||||
<div class="login_save">
|
||||
<input type="checkbox" id="save_id">
|
||||
<label for="save_id">아이디 저장</label>
|
||||
</div>
|
||||
<div class="login_find">
|
||||
<a href="#">아이디찾기 /</a>
|
||||
<a href="#">비밀번호 찾기</a>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btnType btnType2">회원가입</button>
|
||||
<button type="button" class="btnType btnType3">둘러보기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_right">
|
||||
<span><i></i>이달의 이벤트</span>
|
||||
<button type="button" class="btnType btnType4">바로가기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// login 영역 -->
|
||||
</header>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
<div class="inner">
|
||||
@ -153,15 +49,14 @@
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_send.html'">알림톡</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/kakao_friendtalk_send.html'">친구톡</button></li>
|
||||
<li class="tab active"><button type="button" onclick="location.href='/publish/kakao_use_guide.html'">카카오톡 설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'4');">알림톡·친구톡 소개</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_intro.html'">알림톡 소개</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 카카오톡 설정 - 알림톡 템플릿 등록/관리 - 내템플릿 -->
|
||||
<div class="top_content kakaotalkset_cont current pay_tab_wrap">
|
||||
<div class="heading">
|
||||
<h2>카카오톡 설정</h2>
|
||||
<button type="button" class="button info"
|
||||
onclick="window.open('popup_kakaoset_template.html','_blank','width=790, height=300, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">사용안내</button>
|
||||
<button type="button" class="button info" onclick="infoListPop('friendTalkSend','792','340');">사용안내</button>
|
||||
</div>
|
||||
<div class="list_tab_wrap2 type2">
|
||||
<!-- tab button -->
|
||||
@ -178,7 +73,7 @@
|
||||
<p class="tType1_title">친구톡 템플릿 등록</p>
|
||||
<table class="tType1">
|
||||
<colgroup>
|
||||
<col style="width: 190px;">
|
||||
<col style="width: 130px;">
|
||||
<col style="width: auto;">
|
||||
</colgroup>
|
||||
<tbody>
|
||||
@ -186,6 +81,7 @@
|
||||
<th>채널ID</th>
|
||||
<td>
|
||||
<select name="" id="" class="select_gray_type">
|
||||
<option value="">채널 ID 선택</option>
|
||||
<option value="">@munjaon</option>
|
||||
</select>
|
||||
</td>
|
||||
@ -193,8 +89,10 @@
|
||||
<tr>
|
||||
<th>템플릿명</th>
|
||||
<td>
|
||||
<input type="text" class="template_name" placeholder="템플릿 명을 입력해주세요">
|
||||
<p class="template_name_cf">최대 100자, 중복불가</p>
|
||||
<div class="template_name_wrap">
|
||||
<input type="text" placeholder="최대 50자, 템플릿 관리용">
|
||||
<button type="button" class="btnType btnType8" onclick="window.open('/publish/popup_friendtalk_template_choice.html','_blank','width=930, height=780, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">템플릿 불러오기</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@ -204,48 +102,57 @@
|
||||
<input type="radio" name="img_file_add" id="img_file_0" checked><label for="img_file_0">첨부 안함</label>
|
||||
<input type="radio" name="img_file_add" id="img_file_1"><label for="img_file_1">이미지 첨부</label>
|
||||
<input type="radio" name="img_file_add" id="img_file_2"><label for="img_file_2">와이드 이미지 첨부</label>
|
||||
<div class="img_add_info_wrap basic_img_add_wrap">
|
||||
<div class="img_file_add_wrap basic_img_add_wrap">
|
||||
<p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>
|
||||
<ul class="info_text">
|
||||
<li>- 권장사이즈 : 720px * 720px</li>
|
||||
<li>- 권장사이즈 : 800px * 400px</li>
|
||||
<li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
|
||||
<li>- 파일형식 : jpg, png (최대 500kb)</li>
|
||||
<li>- 이미지 첨부시 메시지 내용은 최대 400자까지 입력할 수 있습니다.</li>
|
||||
<li>- 파일형식 : jpg, png (최대 5MB)</li>
|
||||
<li>- 이미지 첨부 시 메시지 내용은 최대 400자, 버튼 5개까지 입력할 수 있습니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="img_add_info_wrap wide_img_add_wrap">
|
||||
<p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
|
||||
<ul class="info_text">
|
||||
<li>- 권장사이즈 : 800px * 600px</li>
|
||||
<!-- <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li> -->
|
||||
<li>- 파일형식 : jpg, png (최대 2mb)</li>
|
||||
<li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="img_file_add_wrap">
|
||||
<button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
|
||||
|
||||
<ul class="img_file_info_wrap">
|
||||
<li>
|
||||
<button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
|
||||
<div class="img_file_wrap">
|
||||
<p class="file_name">image_testtest.jpg</p>
|
||||
<button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>이미지 클릭시 이동할 URL</p>
|
||||
<input type="text" placeholder="http://" class="img_url">
|
||||
<input type="text" placeholder="(선택사항) https://" class="img_url">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="img_file_add_wrap wide_img_add_wrap">
|
||||
<p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
|
||||
<ul class="info_text">
|
||||
<li>- 권장사이즈 : 800px * 600px</li>
|
||||
<li>- 파일형식 : jpg, png (최대 5MB)</li>
|
||||
<li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
|
||||
</ul>
|
||||
<ul class="img_file_info_wrap">
|
||||
<li>
|
||||
<button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
|
||||
<div class="img_file_wrap">
|
||||
<p class="file_name file_none">이미지 없음</p>
|
||||
<button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>이미지 클릭시 이동할 URL</p>
|
||||
<input type="text" placeholder="(선택사항) https://" class="img_url">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>광고포함 여부</th>
|
||||
<td>
|
||||
<input type="radio" name="ad_yn" id="ad_Y"><label for="ad_Y">광고성 정보
|
||||
포함</label>
|
||||
<input type="radio" name="ad_yn" id="ad_N"><label for="ad_N">포함 안함</label>
|
||||
<input type="checkbox" name="ad_yn" id="ad_Y" style="margin:-4px 5px 0 0;" checked>
|
||||
<label for="ad_Y">광고성 정보 포함</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@ -260,7 +167,7 @@
|
||||
<label for="textarea" class="label"></label>
|
||||
<textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요."></textarea>
|
||||
<div class="text_length">
|
||||
<div>
|
||||
<div class="sub_ad_text">
|
||||
<p>수신거부 : 홈 > 채널차단</p>
|
||||
</div>
|
||||
<div>
|
||||
@ -271,8 +178,7 @@
|
||||
</div>
|
||||
<div class="put_right">
|
||||
<div class="btn_popup_wrap">
|
||||
<button type="button" class="btnType btnType7"
|
||||
onclick="miniPopup(this)">특수문자</button>
|
||||
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
|
||||
<div class="send_miniPop spc_character">
|
||||
<div class="tab_character">
|
||||
<a href="#none" class="on">특수문자</a>
|
||||
@ -499,14 +405,11 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- //그외 -->
|
||||
<button type="button" class="btn_close"
|
||||
onclick="miniPopup(this)">닫기</button>
|
||||
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_popup_wrap convers_wrap">
|
||||
<button type="button" class="btnType btnType7"
|
||||
onclick="miniPopup(this)">특정문구 일괄변환<i
|
||||
class="qmMark"></i></button>
|
||||
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
|
||||
<div class="send_miniPop convers">
|
||||
<div>
|
||||
<div class="convers_top">
|
||||
@ -521,31 +424,137 @@
|
||||
<a href="#">#{4}</a>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn_close"
|
||||
onclick="miniPopup(this)">닫기</button>
|
||||
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_popup_wrap spc_wrap">
|
||||
<button type="button" class="btnType btnType7"
|
||||
onclick="miniPopup(this)">이모티콘</button>
|
||||
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">이모티콘</button>
|
||||
<div class="send_miniPop spc_character kakao_emoticon">
|
||||
<div class="cnt_character">
|
||||
<div class="box_character">
|
||||
<a href="#">※</a>
|
||||
<a href="#">☆</a>
|
||||
<a href="#">★</a>
|
||||
<a href="#">○</a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_001.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_002.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_003.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_004.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_005.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_006.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_007.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_008.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_009.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_010.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_011.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_012.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_013.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_014.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_015.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_016.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_017.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_018.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_019.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_020.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_021.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_022.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_023.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_024.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_025.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_026.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_027.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_028.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_029.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_030.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_031.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_032.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_033.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_034.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_035.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_036.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_037.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_038.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_039.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_040.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_041.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_042.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_043.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_044.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_045.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_046.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_047.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_048.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_049.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_050.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_051.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_052.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_053.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_054.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_055.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_056.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_057.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_058.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_059.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_060.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_061.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_062.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_063.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_064.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_065.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_066.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_067.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_068.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_069.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_070.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_071.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_072.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_073.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_074.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_075.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_076.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_077.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_078.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_079.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_080.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_081.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_082.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1001.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1002.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1003.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1004.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1005.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1006.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1007.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1008.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1009.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1010.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1011.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1012.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1013.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1014.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1015.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1016.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1017.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1018.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1019.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1020.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1021.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1022.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1023.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1024.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1025.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1026.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1027.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1028.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1029.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1030.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1031.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1032.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1033.png" alt="" /></a>
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1034.png" alt="" /></a>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn_close"
|
||||
onclick="miniPopup(this)">닫기</button>
|
||||
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_popup_wrap template_call_wrap">
|
||||
<button type="button" class="btnType btnType8">템플릿 불러오기</button>
|
||||
</div>
|
||||
|
||||
<div class="send_btnWrap">
|
||||
<!-- <button type="button" class="btnType btn_text_save">내용 저장하기</button> -->
|
||||
<button type="button" class="btnType btnType9">초기화</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -556,13 +565,8 @@
|
||||
<td class="template_button">
|
||||
<select name="" id="" class="select_gray_type template_button_select">
|
||||
<option value="button_type_0">버튼타입 선택</option>
|
||||
<option value="button_type_1">배송조회</option>
|
||||
<option value="button_type_2">웹링크</option>
|
||||
<option value="button_type_3">앱링크</option>
|
||||
<option value="button_type_4">봇키워드</option>
|
||||
<option value="button_type_5">메시지전달</option>
|
||||
<option value="button_type_6">상담톡전환</option>
|
||||
<option value="button_type_7">챗봇전환</option>
|
||||
</select>
|
||||
<button type="button" class="btnType btnType6"
|
||||
onclick="templateButtonAdd();">추가</button>
|
||||
@ -630,13 +634,12 @@
|
||||
<div class="send_right">
|
||||
<div class="phone">
|
||||
<div class="phoneIn">
|
||||
<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png"
|
||||
alt="">@munjaon</p>
|
||||
<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
|
||||
<!-- 텍스트 미리보기 -->
|
||||
<div class="text_preview">
|
||||
<p class="friend_talk_title"><span>(광고)</span> munjaon</p>
|
||||
<div class="allimtalk_content">
|
||||
<div class="kakao_image"><img src="/publish/images/content/friend_talk_img.png" alt=""></div>
|
||||
<div class="kakao_image"><img src="/publish/images/content/friend_talk_img.png" alt="" style="display:none;"></div>
|
||||
<p class="template_text">홍길동 고객님 안녕하세요.
|
||||
문자온입니다.
|
||||
문자온에서는 재결제 고객님들께 다양한 이벤트를 준비하였으니, 방문하셔서 혜택 놓치지 마세요.</p>
|
||||
|
||||
@ -6,8 +6,7 @@
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>문자온_친구톡 전송</title>
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap"
|
||||
rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/publish/css/reset.css">
|
||||
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
|
||||
<link rel="stylesheet" href="/publish/css/common.css">
|
||||
@ -24,11 +23,17 @@
|
||||
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
<script src="/publish/js/common.js"></script>
|
||||
<script src="/publish/js/content.js"></script>
|
||||
<script src="/publish/js/popup.js"></script>
|
||||
<script src="/publish/js/popupLayer.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
|
||||
|
||||
<script>
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
@ -38,111 +43,8 @@
|
||||
</div>
|
||||
<!--// skip 메뉴 -->
|
||||
|
||||
<!-- header 영역 -->
|
||||
<header id="header" class="header sub ">
|
||||
<!-- header top 영역 -->
|
||||
<div class="header_top">
|
||||
<div class="inner">
|
||||
<ul class="menu_left">
|
||||
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
|
||||
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
|
||||
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
|
||||
</ul>
|
||||
<ul class="menu_right">
|
||||
<li><a href="#">충전하기</a></li>
|
||||
<li class="SortLine"><a href="#">요금안내</a></li>
|
||||
<li class="SortLine"><a href="#">이용안내</a></li>
|
||||
<li class="SortLine"><a href="#">1:1고객상담</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- header top 영역 -->
|
||||
<!-- header body 영역 -->
|
||||
<div class="header_body">
|
||||
<div class="inner table">
|
||||
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png"
|
||||
alt="문자온 CI"></a></h1>
|
||||
<ul class="gnbWrap table_cell">
|
||||
<li><a href="#">문자발송</a></li>
|
||||
<li><a href="#">선거문자</a></li>
|
||||
<li><a href="#">맞춤제작</a></li>
|
||||
<li><a href="#">비즈톡</a></li>
|
||||
<li><a href="#">주소록 관리</a></li>
|
||||
<li><a href="#">발송결과</a></li>
|
||||
<li><a href="#">예약관리</a></li>
|
||||
<li><a href="#">결제내역</a></li>
|
||||
</ul>
|
||||
<div class="s_menu">
|
||||
<i class="allSearch_info"><span>문자검색</span></i>
|
||||
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img
|
||||
src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
|
||||
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- search popup 영역 -->
|
||||
<div class="pop_search">
|
||||
<div class="inner">
|
||||
<div class="area_search">
|
||||
<select name="" id="">
|
||||
<option value="">그림문자</option>
|
||||
<option value="">단문문자</option>
|
||||
<option value="">장문문자</option>
|
||||
<option value="">GIF</option>
|
||||
</select>
|
||||
<input type="text" placeholder="문자샘플 검색하기">
|
||||
<button><img src="/publish/images/search02.png" alt=""></button>
|
||||
</div>
|
||||
<div class="area_popular">
|
||||
<p><i></i>인기검색어</p>
|
||||
<ul class="popular_tag">
|
||||
<li><a href="#">#정월대보름</a></li>
|
||||
<li class="on"><a href="#">#추석</a></li>
|
||||
<li><a href="#">#가을인사</a></li>
|
||||
<li><a href="#">#좋은하루</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png"
|
||||
alt=""></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// search popup 영역 -->
|
||||
</div>
|
||||
<!--// header body 영역 -->
|
||||
<div id="login" class="login">
|
||||
<div class="inner table">
|
||||
<div class="login_left table_cell">
|
||||
<div class="login_put">
|
||||
<label for="id_text" class="label"></label>
|
||||
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30"
|
||||
size="18">
|
||||
<label for="password_text" class="label"></label>
|
||||
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text"
|
||||
maxlength="30" size="18">
|
||||
<label for="login_button" class="label"></label>
|
||||
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
|
||||
</div>
|
||||
<div class="login_save">
|
||||
<input type="checkbox" id="save_id">
|
||||
<label for="save_id">아이디 저장</label>
|
||||
</div>
|
||||
<div class="login_find">
|
||||
<a href="#">아이디찾기 /</a>
|
||||
<a href="#">비밀번호 찾기</a>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btnType btnType2">회원가입</button>
|
||||
<button type="button" class="btnType btnType3">둘러보기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_right">
|
||||
<span><i></i>이달의 이벤트</span>
|
||||
<button type="button" class="btnType btnType4">바로가기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// login 영역 -->
|
||||
</header>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<div data-include-path="/publish/layout/_header.html"></div>
|
||||
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
<div class="inner">
|
||||
@ -153,14 +55,14 @@
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_send.html'">알림톡</button></li>
|
||||
<li class="tab active"><button type="button" onclick="location.href='/publish/kakao_friendtalk_send.html'">친구톡</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/kakao_use_guide.html'">카카오톡 설정</button></li>
|
||||
<li class="tab"><button type="button" onclick="TabType5(this,'4');">알림톡·친구톡 소개</button></li>
|
||||
<li class="tab"><button type="button" onclick="location.href='/publish/kakao_allimtalk_intro.html'">알림톡 소개</button></li>
|
||||
</ul>
|
||||
<!--// tab button -->
|
||||
<!-- 카카오톡 설정 - 알림톡 템플릿 등록/관리 - 내템플릿 -->
|
||||
|
||||
<div class="top_content kakaotalksend_cont current pay_tab_wrap">
|
||||
<div class="heading">
|
||||
<h2>친구톡 전송</h2>
|
||||
<button type="button" class="button info">알림톡 사용방법</button>
|
||||
<button type="button" class="button info" onclick="infoListPop('friendTalkSend','792','340');">사용안내</button>
|
||||
</div>
|
||||
<div class="send_general friend_talk_wrap kakao_wrap">
|
||||
<div class="send_left">
|
||||
@ -174,38 +76,51 @@
|
||||
<th>채널ID</th>
|
||||
<td>
|
||||
<select name="" id="" class="select_gray_type">
|
||||
<option value="">채널 ID 선택</option>
|
||||
<option value="">@munjaon</option>
|
||||
</select>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>템플릿명</th>
|
||||
<td>
|
||||
<div class="template_name_wrap">
|
||||
<input type="text" placeholder="최대 50자, 템플릿 관리용">
|
||||
<button type="button" class="btnType btnType8" onclick="window.open('/publish/popup_friendtalk_template_choice.html','_blank','width=930, height=780, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">템플릿 불러오기</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>이미지 첨부</th>
|
||||
<td>
|
||||
<input type="radio" name="img_file_add" id="img_file_0" checked><label
|
||||
for="img_file_0">첨부 안함</label>
|
||||
<input type="radio" name="img_file_add" id="img_file_1"><label
|
||||
for="img_file_1">이미지 첨부</label>
|
||||
<input type="radio" name="img_file_add" id="img_file_2"><label
|
||||
for="img_file_2">와이드 이미지 첨부</label>
|
||||
<input type="radio" name="img_file_add" id="img_file_0" checked>
|
||||
<label for="img_file_0">첨부 안함</label>
|
||||
<input type="radio" name="img_file_add" id="img_file_1">
|
||||
<label for="img_file_1">이미지 첨부</label>
|
||||
<input type="radio" name="img_file_add" id="img_file_2">
|
||||
<label for="img_file_2">와이드 이미지 첨부</label>
|
||||
<div class="img_file_add_wrap basic_img_add_wrap">
|
||||
<p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>
|
||||
<ul class="info_text">
|
||||
<li>- 권장사이즈 : 720px * 720px</li>
|
||||
<li>- 권장사이즈 : 800px * 400px</li>
|
||||
<li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
|
||||
<li>- 파일형식 : jpg, png (최대 500kb)</li>
|
||||
<li>- 이미지 첨부시 메시지 내용은 최대 400자까지 입력할 수 있습니다.</li>
|
||||
<li>- 파일형식 : jpg, png (최대 5MB)</li>
|
||||
<li>- 이미지 첨부 시 메시지 내용은 최대 400자, 버튼 5개까지 입력할 수 있습니다.</li>
|
||||
</ul>
|
||||
<button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
|
||||
|
||||
<ul class="img_file_info_wrap">
|
||||
<li>
|
||||
<button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
|
||||
<div class="img_file_wrap">
|
||||
<p class="file_name">image_testtest.jpg</p>
|
||||
<button type="button" class="btn_del"
|
||||
onclick="buttonTypeDel(this);"><img
|
||||
src="/publish/images/btn_delete.png" alt=""></button>
|
||||
<button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>이미지 클릭시 이동할 URL</p>
|
||||
<input type="text" placeholder="http://" class="img_url">
|
||||
<input type="text" placeholder="(선택사항) https://" class="img_url">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -213,21 +128,20 @@
|
||||
<p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
|
||||
<ul class="info_text">
|
||||
<li>- 권장사이즈 : 800px * 600px</li>
|
||||
<!-- <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li> -->
|
||||
<li>- 파일형식 : jpg, png (최대 2mb)</li>
|
||||
<li>- 파일형식 : jpg, png (최대 5MB)</li>
|
||||
<li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
|
||||
</ul>
|
||||
<button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
|
||||
<ul class="img_file_info_wrap">
|
||||
<li>
|
||||
<p class="file_name">image_testtest.jpg</p>
|
||||
<button type="button" class="btn_del"
|
||||
onclick="buttonTypeDel(this);"><img
|
||||
src="/publish/images/btn_delete.png" alt=""></button>
|
||||
<button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
|
||||
<div class="img_file_wrap">
|
||||
<p class="file_name file_none">이미지 없음</p>
|
||||
<button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<p>이미지 클릭시 이동할 URL</p>
|
||||
<input type="text" placeholder="http://" class="img_url">
|
||||
<input type="text" placeholder="(선택사항) https://" class="img_url">
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@ -236,24 +150,22 @@
|
||||
<tr>
|
||||
<th>광고포함 여부</th>
|
||||
<td>
|
||||
<input type="radio" name="ad_yn" id="ad_Y"><label for="ad_Y">광고성 정보
|
||||
포함</label>
|
||||
<input type="radio" name="ad_yn" id="ad_N"><label for="ad_N">포함 안함</label>
|
||||
<input type="checkbox" name="ad_yn" id="ad_Y" style="margin:-4px 5px 0 0;" checked>
|
||||
<label for="ad_Y">광고성 정보 포함</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>내용</th>
|
||||
<td class="kakao_template_text">
|
||||
<div class="put_left short">
|
||||
<input type="text" class="template_name" placeholder="템플릿명을 입력해주세요. (최대 50자)">
|
||||
<div class="put_text_wrap">
|
||||
<div class="ad_txt">
|
||||
<p>(광고) munjaon</p>
|
||||
<p>(광고)</p>
|
||||
</div>
|
||||
<label for="textarea" class="label"></label>
|
||||
<textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요."></textarea>
|
||||
<div class="text_length">
|
||||
<div>
|
||||
<div class="sub_ad_text">
|
||||
<p>수신거부 : 홈 > 채널차단</p>
|
||||
</div>
|
||||
<div>
|
||||
@ -264,8 +176,7 @@
|
||||
</div>
|
||||
<div class="put_right">
|
||||
<div class="btn_popup_wrap">
|
||||
<button type="button" class="btnType btnType7"
|
||||
onclick="miniPopup(this)">특수문자</button>
|
||||
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
|
||||
<div class="send_miniPop spc_character">
|
||||
<div class="tab_character">
|
||||
<a href="#none" class="on">특수문자</a>
|
||||
@ -492,14 +403,11 @@
|
||||
</div>
|
||||
</div>
|
||||
<!-- //그외 -->
|
||||
<button type="button" class="btn_close"
|
||||
onclick="miniPopup(this)">닫기</button>
|
||||
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_popup_wrap convers_wrap">
|
||||
<button type="button" class="btnType btnType7"
|
||||
onclick="miniPopup(this)">특정문구 일괄변환<i
|
||||
class="qmMark"></i></button>
|
||||
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
|
||||
<div class="send_miniPop convers">
|
||||
<div>
|
||||
<div class="convers_top">
|
||||
@ -514,13 +422,11 @@
|
||||
<a href="#">#{4}</a>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn_close"
|
||||
onclick="miniPopup(this)">닫기</button>
|
||||
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_popup_wrap spc_wrap">
|
||||
<button type="button" class="btnType btnType7"
|
||||
onclick="miniPopup(this)">이모티콘</button>
|
||||
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">이모티콘</button>
|
||||
<div class="send_miniPop spc_character kakao_emoticon">
|
||||
<div class="cnt_character">
|
||||
<div class="box_character">
|
||||
@ -642,15 +548,12 @@
|
||||
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_1034.png" alt="" /></a>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn_close"
|
||||
onclick="miniPopup(this)">닫기</button>
|
||||
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_popup_wrap template_call_wrap">
|
||||
<button type="button" class="btnType btnType8" onclick="window.open('/publish/popup_friendtalk_template_choice.html','_blank','width=930, height=780, top=100, left=100, fullscreen=no, menubar=no, status=no, toolbar=no, titlebar=yes, location=no, scrollbars=yes')">템플릿 불러오기</button>
|
||||
</div>
|
||||
|
||||
<div class="send_btnWrap">
|
||||
<button type="button" class="btnType btn_text_save">내용 저장하기</button>
|
||||
<button type="button" class="btnType btnType9 btn_text_save">템플릿 저장</button>
|
||||
<button type="button" class="btnType btnType9">초기화</button>
|
||||
</div>
|
||||
</div>
|
||||
@ -661,18 +564,11 @@
|
||||
<td class="template_button">
|
||||
<select name="" id="" class="select_gray_type template_button_select">
|
||||
<option value="button_type_0">버튼타입 선택</option>
|
||||
<option value="button_type_1">배송조회</option>
|
||||
<option value="button_type_2">웹링크</option>
|
||||
<option value="button_type_3">앱링크</option>
|
||||
<option value="button_type_4">봇키워드</option>
|
||||
<option value="button_type_5">메시지전달</option>
|
||||
<option value="button_type_6">상담톡전환</option>
|
||||
<option value="button_type_7">챗봇전환</option>
|
||||
</select>
|
||||
<button type="button" class="btnType btnType6"
|
||||
onclick="templateButtonAdd();">추가</button>
|
||||
<p class="cf_text fwRg"><span class="c_e40000 fwBold">*</span> 버튼 타입중 <span class="c_e40000">봇키워드, 메시지전달</span>은 <span class="c_222">카카오톡 채널 관리자센터(https://center-pf.kakao.com)</span>에서 설정을 직접 한 후
|
||||
이용하셔야 동작합니다. (최대 5개까지 등록가능)</p>
|
||||
<button type="button" class="btnType btnType6" onclick="templateButtonAdd();">추가</button>
|
||||
<!-- <p class="cf_text fwRg"><span class="c_e40000 fwBold">*</span> 버튼 타입중 <span class="c_e40000">봇키워드, 메시지전달</span>은 <span class="c_222">카카오톡 채널 관리자센터(https://center-pf.kakao.com)</span>에서 설정을 직접 한 후 이용하셔야 동작합니다. (최대 5개까지 등록가능)</p> -->
|
||||
<div class="button_add_wrap">
|
||||
<!-- <dl class="button_type_wrap template_channel_add">
|
||||
<dt>채널추가</dt>
|
||||
@ -733,11 +629,23 @@
|
||||
<th>받는사람</th>
|
||||
<td class="putText">
|
||||
<div class="clearfix receipt_num">
|
||||
<div class="receipt_num_top">
|
||||
<div class="receipt_num_top" style="align-items:flex-start;">
|
||||
<label for="" class="label">받는 번호입력</label>
|
||||
<input type="text" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;">
|
||||
<button type="button" class="btnType btnType6">번호추가</button>
|
||||
<span><span class="vMiddle">*</span> 중복번호는 한번만 발송됩니다.</span>
|
||||
<textarea name="callTo" id="callTo" cols="30" rows="10" class="receipt_num" placeholder="번호를 입력하세요" onfocus="this.placeholder=''" onblur="this.placeholder='번호를 입력하세요'" style="width:340px;height:66px;"></textarea>
|
||||
<div class="btn_popup_wrap">
|
||||
<button type="button" class="btnType btnType6 btn_add_number addCallToF">번호추가<i class="qmMark"></i></button>
|
||||
<span style="display:block;margin:6px 0 0 0;"><span class="vMiddle">*</span> 중복번호는 한번만 추가됩니다.</span>
|
||||
<div class="error_hover_cont send_hover_cont">
|
||||
<p>줄바꿈(Enter) 기준으로 핸드폰 번호 입력이 가능합니다.</p>
|
||||
<span>
|
||||
(예시)<br>
|
||||
010-1234-0001↵<br>
|
||||
010-1235-0002↵<br>
|
||||
01012350003↵<br>
|
||||
01012350004↵<br>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="receipt_num_midde">
|
||||
<div class="listType list01">
|
||||
@ -797,13 +705,6 @@
|
||||
<div class="btn_popup_wrap">
|
||||
<button type="button" data-tooltip="popup03" class="btnType btnType7 tab2">자주보내는 번호</button>
|
||||
</div>
|
||||
<div class="btn_popup_wrap check_validity_wrap">
|
||||
<button type="button" class="btnType btnType7">오류 검사<i class="qmMark error_qm"></i></button>
|
||||
<div class="error_hover_cont send_hover_cont">
|
||||
<p>등록하신 전화번호(형식 등)가 정확하게 입력되었는지 오류여부를 자동으로 검사할 수 있습니다.</p>
|
||||
<span>(예시) 010-1234-0001(O),<br> 010-123-0001(X)</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="list_bottom clearfix">
|
||||
@ -813,7 +714,6 @@
|
||||
</div>
|
||||
<div class="list_bottom_right">
|
||||
<p>총 <span class="c_e40000">120</span>건 / 중복 <span class="c_002c9a">9</span>건</p>
|
||||
<button type="button" class="address_reg2">주소록에 등록</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -836,8 +736,7 @@
|
||||
</div>
|
||||
<div class="pay_type clearfix">
|
||||
<div>
|
||||
<input type="radio" id="radio_bill_1" name="radio_bill"
|
||||
checked="checked">
|
||||
<input type="radio" id="radio_bill_1" name="radio_bill" checked="checked">
|
||||
<label for="radio_bill_1">보유잔액</label>
|
||||
<label for="userMoney" class="label">보유잔액</label>
|
||||
<input type="text" id="userMoney" name="userMoney" value="0" readonly="">
|
||||
@ -851,7 +750,8 @@
|
||||
</tr>
|
||||
<tr>
|
||||
<th colspan="2" class="replace_send_th">
|
||||
<div class="title_th"><p>대체문자</p>
|
||||
<div class="title_th">
|
||||
<p>대체문자</p>
|
||||
<input type="checkbox" id="send_fail_check" class="send_fail_check"><label for="send_fail_check">친구톡 전송 실패 시 문자 전송</label>
|
||||
</div>
|
||||
<div class="replace_send_wrap">
|
||||
@ -870,15 +770,6 @@
|
||||
<button type="button" class="btnType btnType6">번호등록</button>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>제목</th>
|
||||
<td>
|
||||
<input id="title_y" type="radio" name="title_yn">
|
||||
<label for="title_y">사용</label>
|
||||
<input id="title_n" type="radio" name="title_yn" checked="checked">
|
||||
<label for="title_n">사용안함</label>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>내용</th>
|
||||
<td class="putText">
|
||||
@ -887,288 +778,34 @@
|
||||
<!-- 업로드한 이미지의 썸네일 영역 -->
|
||||
<ul class="thumb_wrap liOnImg ui-sortable"></ul>
|
||||
<!-- //업로드한 이미지의 썸네일 영역 -->
|
||||
<div class="ad_txt" style="">
|
||||
<p>(광고)</p>
|
||||
</div>
|
||||
<label for="smsTxtArea" class="label"></label>
|
||||
<textarea id="smsTxtArea" name="smsTxtArea" class="put_text"></textarea>
|
||||
<div class="text_length">
|
||||
<div class="sub_ad_text">
|
||||
<p>무료거부 0808800858</p>
|
||||
</div>
|
||||
<div name="afterDeny">
|
||||
<p>
|
||||
<span class="fwMd" id="msgLeng">0 /
|
||||
</span>
|
||||
<span class="c_002c9a fwMd" id="limitLeng">90</span>byte
|
||||
</p>
|
||||
<span
|
||||
class="msg_com msg_short">단문</span>
|
||||
<span class="msg_com msg_short">단문</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="put_right">
|
||||
<div class="btn_popup_wrap spc_wrap">
|
||||
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
|
||||
<div class="send_miniPop spc_character">
|
||||
<div class="tab_character">
|
||||
<a href="#none" class="on">특수문자</a>
|
||||
<a href="#none">웃음</a>
|
||||
<a href="#none">슬픔</a>
|
||||
<a href="#none">분노</a>
|
||||
<a href="#none">사랑</a>
|
||||
<a href="#none">그외</a>
|
||||
</div>
|
||||
<!-- 특수문자 -->
|
||||
<div class="cnt_character on">
|
||||
<div class="box_character">
|
||||
<a href="#">※</a>
|
||||
<a href="#">☆</a>
|
||||
<a href="#">★</a>
|
||||
<a href="#">○</a>
|
||||
<a href="#">●</a>
|
||||
<a href="#">◎</a>
|
||||
<a href="#">◇</a>
|
||||
<a href="#">◆</a>
|
||||
<a href="#">□</a>
|
||||
<a href="#">■</a>
|
||||
<a href="#">△</a>
|
||||
<a href="#">▲</a>
|
||||
<a href="#">▽</a>
|
||||
<a href="#">▼</a>
|
||||
<a href="#">→</a>
|
||||
<a href="#">←</a>
|
||||
<a href="#">↑</a>
|
||||
<a href="#">↓</a>
|
||||
<a href="#">↔</a>
|
||||
<a href="#">〓</a>
|
||||
<a href="#">◁</a>
|
||||
<a href="#">♪</a>
|
||||
<a href="#">◀</a>
|
||||
<a href="#">▷</a>
|
||||
<a href="#">▶</a>
|
||||
<a href="#">♤</a>
|
||||
<a href="#">♠</a>
|
||||
<a href="#">♡</a>
|
||||
<a href="#">♥</a>
|
||||
<a href="#">♧</a>
|
||||
<a href="#">♣</a>
|
||||
<a href="#">⊙</a>
|
||||
<a href="#">◈</a>
|
||||
<a href="#">▣</a>
|
||||
<a href="#">◐</a>
|
||||
<a href="#">◑</a>
|
||||
<a href="#">▒</a>
|
||||
<a href="#">▦</a>
|
||||
<a href="#">♨</a>
|
||||
<a href="#">☏</a>
|
||||
<a href="#">☎</a>
|
||||
<a href="#">☞</a>
|
||||
<a href="#">☜</a>
|
||||
<a href="#">㈜</a>
|
||||
<a href="#">™</a>
|
||||
<a href="#">℡</a>
|
||||
<a href="#">ㆀ</a>
|
||||
<a href="#">ε</a>
|
||||
<a href="#">『</a>
|
||||
<a href="#">』</a>
|
||||
<a href="#">ⓛ</a>
|
||||
<a href="#">∏</a>
|
||||
<a href="#">ご</a>
|
||||
<a href="#">♂</a>
|
||||
<a href="#">↗</a>
|
||||
<a href="#">↙</a>
|
||||
<a href="#">↖</a>
|
||||
<a href="#">↘</a>
|
||||
<a href="#">ψ</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //특수문자 -->
|
||||
|
||||
<!-- 웃음 -->
|
||||
<div
|
||||
class="cnt_character emt_character">
|
||||
<div class="box_character">
|
||||
<a href="#">⌒⌒</a>
|
||||
<a href="#">^_^</a>
|
||||
<a href="#">^0^</a>
|
||||
<a href="#">s(￣▽￣)/</a>
|
||||
<a href="#">(/^^)/</a>
|
||||
<a href="#">^o^~♬</a>
|
||||
<a href="#">^.~</a>
|
||||
<a href="#">^-^b</a>
|
||||
<a href="#">^▽^</a>
|
||||
<a href="#">^ε^</a>
|
||||
<a href="#">(^^)γ</a>
|
||||
<a href="#">(~^^)~</a>
|
||||
<a href="#">☆(~.^)/</a>
|
||||
<a href="#">(*^o^*)</a>
|
||||
<a href="#">n_n</a>
|
||||
<a href="#">↖(^▽^)↗</a>
|
||||
<a href="#">(￣∇￣)</a>
|
||||
<a href="#">(*^.^)♂</a>
|
||||
<a href="#">*^^*</a>
|
||||
<a href="#">ㅎ.ㅎ</a>
|
||||
<a href="#">=^.^=</a>
|
||||
<a href="#">^▽^</a>
|
||||
<a href="#">~_~</a>
|
||||
<a href="#">(=^▽^)/♪</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //웃음 -->
|
||||
|
||||
<!-- 슬픔 -->
|
||||
<div
|
||||
class="cnt_character emt_character">
|
||||
<div class="box_character">
|
||||
<a href="#">(づ_T)</a>
|
||||
<a href="#">(ㅠ.ㅠ)</a>
|
||||
<a href="#">(#_-)</a>
|
||||
<a href="#">o(T^T)o</a>
|
||||
<a href="#">ㅠ.ㅠ</a>
|
||||
<a href="#">(-_-メ)</a>
|
||||
<a href="#">Y.Y</a>
|
||||
<a href="#">TmT</a>
|
||||
<a href="#">ご.ご</a>
|
||||
<a href="#">(=_=;)</a>
|
||||
<a href="#">⊇.⊆</a>
|
||||
<a href="#">(o_Φ)</a>
|
||||
<a href="#">∋.∈</a>
|
||||
<a href="#">(___)_</a>
|
||||
<a href="#">(-.￥)</a>
|
||||
<a href="#">@_O</a>
|
||||
<a href="#">●⊙</a>
|
||||
<a href="#">(♨_♨)</a>
|
||||
<a href="#">(X_X)</a>
|
||||
<a href="#">Θ_Θ</a>
|
||||
<a href="#">(∏.∏)</a>
|
||||
<a href="#">(づ_ど)</a>
|
||||
<a href="#">(￣^￣)</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //슬픔 -->
|
||||
|
||||
<!-- 분노 -->
|
||||
<div
|
||||
class="cnt_character emt_character">
|
||||
<div class="box_character">
|
||||
<a href="#">Θ_Θ</a>
|
||||
<a href="#">=-_-a</a>
|
||||
<a href="#">('o')</a>
|
||||
<a href="#">(｀へ´)</a>
|
||||
<a href="#">(-ヘㅡメ)凸</a>
|
||||
<a href="#">⊙⊙ㆀ</a>
|
||||
<a href="#">⊙.⊙</a>
|
||||
<a href="#">ㅡㅡ+</a>
|
||||
<a href="#">(`o´)y</a>
|
||||
<a href="#">づºДº)つ</a>
|
||||
<a href="#">O_O</a>
|
||||
<a href="#">(@.@)</a>
|
||||
<a href="#">★.★</a>
|
||||
<a href="#">(;￢_￢)</a>
|
||||
<a href="#">┏(;-_-)┛</a>
|
||||
<a href="#">┏(-_-メ)┓</a>
|
||||
<a href="#">(><ㆀ)/</a>
|
||||
<a href="#">--メ凸</a>
|
||||
<a href="#">(`_)乂(_′)</a>
|
||||
<a href="#">(-_-)c+_=)</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //분노 -->
|
||||
|
||||
<!-- 사랑 -->
|
||||
<div
|
||||
class="cnt_character emt_character">
|
||||
<div class="box_character">
|
||||
<a href="#">♥.♥</a>
|
||||
<a href="#">^o^~♬</a>
|
||||
<a href="#">(*^}{^*)</a>
|
||||
<a href="#">ⓛⓞⓥⓔ</a>
|
||||
<a href="#">(*_*)</a>
|
||||
<a href="#">(♡.♡)</a>
|
||||
<a href="#">ε♡₃ε♥</a>
|
||||
<a href="#">(*..)(..*)</a>
|
||||
<a href="#">(~.^)s</a>
|
||||
<a href="#">☞♡☜</a>
|
||||
<a href="#">*♥o♥*</a>
|
||||
<a href="#">(/^o^)/♡</a>
|
||||
<a href="#">@-m-m--</a>
|
||||
<a href="#">=>>------▷♡</a>
|
||||
<a href="#">(*^^)σ(^_^)</a>
|
||||
<a href="#">(*^-^)♡(^o^*)</a>
|
||||
<a href="#">(づ^.^)づ~♡</a>
|
||||
<a href="#">＼(*^▽^*)ノ</a>
|
||||
<a href="#">*⌒З^)^.⌒*)</a>
|
||||
<a href="#">(づ￣³￣)づ~</a>
|
||||
<a href="#">(づ￣³￣)づ</a>
|
||||
<a href="#">(^*^)kiss</a>
|
||||
<a href="#">(*'-⌒*)ⓥ</a>
|
||||
<a href="#">s(￣▽￣)/</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //사랑 -->
|
||||
|
||||
<!-- 그외 -->
|
||||
<div
|
||||
class="cnt_character emt_character emt_etc ">
|
||||
<div class="box_character">
|
||||
<a href="#"><:3)--</a>
|
||||
<a href="#">(^(oo)^)</a>
|
||||
<a href="#">(:::[</a>
|
||||
<a href="#">]:::)</a>
|
||||
<a href="#">[(￣.￣)]zZ</a>
|
||||
<a href="#">(``)(``)</a>
|
||||
<a href="#">(T(oo)T)</a>
|
||||
<a href="#">(^.^)=O)#.#)</a>
|
||||
<a href="#">?‥…─━★</a>
|
||||
<a href="#">(__)zzz</a>
|
||||
<a href="#">(=ㅅ)=333</a>
|
||||
<a href="#"><(>.<ㆀ)></a>
|
||||
<a href="#">>(/////)<</a>
|
||||
<a href="#">((ど(</a>
|
||||
<a href="#">^0^</a>
|
||||
<a href="#">)つ))</a>
|
||||
<a href="#">■■■■■□90%</a>
|
||||
<a href="#">(￣_￣>-(^▽^;)</a>
|
||||
<a href="#">∑⊙)++333=◀</a>
|
||||
<a href="#">(ノ^_^)ノ~~⑩</a>
|
||||
<a href="#">(^▽^)/＼(^_^)</a>
|
||||
<a href="#">(*.*)@==(`.`)</a>
|
||||
<a href="#">(っㅡㅡ)つ━●</a>
|
||||
<a href="#">(``)(</a>
|
||||
<a href="#">:)(..)(:</a>
|
||||
<a href="#">(``)</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //그외 -->
|
||||
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="btn_popup_wrap convers_wrap">
|
||||
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
|
||||
<div class="send_miniPop convers">
|
||||
<div>
|
||||
<div class="convers_top">
|
||||
<span>특정문구 일괄변환이란?</span>
|
||||
<p>주소록, 엑셀에 입력된 내용을 이용해 수신자마다 다른
|
||||
내용의 메시지를 발송하는 기능</p>
|
||||
</div>
|
||||
<div class="convers_middle"><a
|
||||
href="#">#{이름}</a></div>
|
||||
<div class="convers_bottom">
|
||||
<a href="#">#{1}</a>
|
||||
<a href="#">#{2}</a>
|
||||
<a href="#">#{3}</a>
|
||||
<a href="#">#{4}</a>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
<button type="button" class="btnType btnType7">내문자함</button>
|
||||
<button type="button" class="btnType btnType8" onclick="showPotoediter();">이미지 불러오기</button>
|
||||
<button type="button" class="btnType btnType7" onclick="javascript:fn_errorChk(); return false;">오류검사<i class="qmMark"></i></button>
|
||||
<div class="send_btnWrap">
|
||||
<button type="button" class="btnType btnType9">문자저장</button>
|
||||
<button type="button" class="btnType btnType9">초기화</button>
|
||||
<button type="button" class="btnType btnType9" style="width:100%;">초기화</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p>
|
||||
<!-- <p>* 현재 [<span id="nowMsgType">단문</span>] <span class="c_e40000 fwBold nowMsgCnt">0</span>건 발송 가능합니다.</p> -->
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@ -1182,13 +819,12 @@
|
||||
<div class="send_right">
|
||||
<div class="phone">
|
||||
<div class="phoneIn">
|
||||
<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png"
|
||||
alt="">@munjaon</p>
|
||||
<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
|
||||
<!-- 텍스트 미리보기 -->
|
||||
<div class="text_preview">
|
||||
<p class="friend_talk_title"><span>(광고)</span> munjaon</p>
|
||||
<p class="friend_talk_title"><span>(광고)</span></p>
|
||||
<div class="allimtalk_content">
|
||||
<div class="kakao_image"><img src="/publish/images/content/friend_talk_img.png" alt=""></div>
|
||||
<div class="kakao_image"><img src="/publish/images/content/kakao_img_basic.jpg" alt="" style="display:none;"></div>
|
||||
<p class="template_text">홍길동 고객님 안녕하세요.
|
||||
문자온입니다.
|
||||
문자온에서는 재결제 고객님들께 다양한 이벤트를 준비하였으니, 방문하셔서 혜택 놓치지 마세요.</p>
|
||||
@ -1199,6 +835,13 @@
|
||||
<!-- //텍스트 미리보기 -->
|
||||
</div>
|
||||
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
|
||||
<div class="preview_util">
|
||||
<button type="button" id="btnFirst" disabled="disabled"><img src="/publish/images/content/page_first.png"></button>
|
||||
<button type="button" id="btnPrev" data-index="0" disabled="disabled"><img src="/publish/images/content/page_prev.png"></button>
|
||||
<p>미리보기</p>
|
||||
<button type="button" id="btnNext" data-index="1" disabled="disabled"><img src="/publish/images/content/page_next.png"></button>
|
||||
<button type="button" id="btnLast" disabled="disabled"><img src="/publish/images/content/page_last.png"></button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="phone_bottom">
|
||||
|
||||
@ -156,8 +156,9 @@
|
||||
<dd>
|
||||
<ul>
|
||||
<li><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">알림톡</a></li>
|
||||
<li><a href="#none">친구톡</a></li>
|
||||
<li><a href="/web/mjon/kakao/stepinfo/selectKaKaoStepInfo.do">카카오톡 설정</a></li>
|
||||
<li><a href="/web/mjon/kakao/alimtalk/kakaoAlimtalkIntrdView.do">알림톡 소개</a></li>
|
||||
<li><a href="/web/mjon/kakao/alimtalk/kakaoAlimtalkIntrdView.do">카카오톡 소개</a></li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
|
||||
@ -19,9 +19,11 @@
|
||||
<body>
|
||||
<div class="textbox">
|
||||
<h1>문자온 시스템 점검중입니다.</h1>
|
||||
<h3>· 점검일시 : <strong>2025년 4월 28일(월) 08:30 ~ 08:35</strong> (약 5분간)</h3>
|
||||
<p>현재 홈페이지 인증서 교체 작업을 위한 시스템 점검중에 있습니다.</p>
|
||||
<p><span>(기)예약 설정 건은 정상 발송되며, <br>작업 이전 '발송대기'건은 작업 완료 후 발송 시도됩니다.</span></p>
|
||||
<h3>· 점검일시 : <strong>2025년 6월 21일(토) 14:00 ~ 6월 23일(월) 08:00</strong> </h3>
|
||||
<p>현재 홈페이지 시스템 백업 작업 중에 있습니다.</p>
|
||||
<p><span>중단 시작 5분 전부터 신규 발송이 제한됩니다.</span></p>
|
||||
<p><span>작업 이전"발송대기" 건은 작업 완료 후 발송시도 합니다.</span></p>
|
||||
<p><span>백업 작업 조기 완료 시 즉시 서비스 재개 예정입니다.</span></p>
|
||||
<p>항상 더 나은 서비스 제공을 위해 노력하겠습니다.<br>
|
||||
감사합니다.</p>
|
||||
</div>
|
||||
|
||||
@ -221,83 +221,89 @@
|
||||
</div>
|
||||
|
||||
<p class="info_tit">[통신사 고객센터 정보]</p>
|
||||
<!-- 통신사 고객센터 수정 250619 -->
|
||||
<div class="call_new">
|
||||
<ul>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv1.png" alt="T 월드">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv1_1.png" alt="T 월드">
|
||||
</div>
|
||||
<p>
|
||||
<span class="fwLg">모바일</span>
|
||||
080-011-6000 / <span class="fwLg">유선</span> 080-816-2000
|
||||
1599-0011 / <span class="fwLg">유선</span> 1600-2000
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv2.png" alt="SK 텔레콤">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv2_1.png" alt="SK 7mobile">
|
||||
</div>
|
||||
<p>1599-0999</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv3.png" alt="SK 브로드밴드">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv3_1.png" alt="B">
|
||||
</div>
|
||||
<p>080-8282-106</p>
|
||||
<p>106</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv4.png" alt="hello 모바일">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv4_1.png" alt="hello 모바일">
|
||||
</div>
|
||||
<p>KT망 1855-1144 / SKT망
|
||||
1855-2114</p>
|
||||
<p>KT망 1855-1144 / SKT망
|
||||
1855-2114 / LGU+망 1855-1140</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv5.png" alt="Kt">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv5_1.png" alt="Kt">
|
||||
</div>
|
||||
<p>
|
||||
<span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
|
||||
<span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
|
||||
100
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv6.png" alt="세종텔레콤">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv6_1.png" alt="snowman">
|
||||
</div>
|
||||
<p>080-889-1000</p>
|
||||
<p>KT망 1688-9300 / SKT망
|
||||
1666-9316 / LGU+망 1688-0045</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv7.png" alt="U+">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv7_1.png" alt="LG U+">
|
||||
</div>
|
||||
<p>
|
||||
<span class="fwLg">모바일</span>
|
||||
1588-0010 / <span class="fwLg">유선</span> 100
|
||||
1544-0010 / <span class="fwLg">유선</span> 101
|
||||
</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div>
|
||||
<div>
|
||||
<img src="/publish/images/content/call_serv8.png" alt="Kct">
|
||||
<div class="call_img">
|
||||
<img src="/publish/images/content/call_serv8_1.png" alt="tplus">
|
||||
</div>
|
||||
<p>070-8188-0114</p>
|
||||
<p>KT망 1811-1141 / SKT망
|
||||
1877-9114 / LGU+망 1533-7114</p>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--// 통신사 고객센터 수정 250619 -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // 통신서비스 이용증명원 발급 안내 -->
|
||||
|
||||
866
src/main/webapp/publish/textingmsg_detail_friendtalk.html
Normal file
866
src/main/webapp/publish/textingmsg_detail_friendtalk.html
Normal file
@ -0,0 +1,866 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<title>문자온_발송결과</title>
|
||||
|
||||
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="/publish/css/reset.css">
|
||||
<link rel="stylesheet" href="/publish/css/jquery.mCustomScrollbar.css">
|
||||
<link rel="stylesheet" href="/publish/css/common.css">
|
||||
<link rel="stylesheet" href="/publish/css/button.css">
|
||||
<link rel="stylesheet" href="/publish/css/content.css">
|
||||
<link rel="stylesheet" href="/publish/css/mem.css">
|
||||
<link rel="stylesheet" href="/publish/css/font.css">
|
||||
<link rel="stylesheet" href="/publish/css/popupLayer.css">
|
||||
<link rel="stylesheet" href="/publish/js/datepicker/classic.css">
|
||||
<link rel="stylesheet" href="/publish/js/datepicker/classic.date.css">
|
||||
|
||||
|
||||
<script src="/publish/js/jquery-3.5.0.js"></script>
|
||||
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||
<script src="/publish/js/common.js"></script>
|
||||
<script src="/publish/js/content.js"></script>
|
||||
<script src="/publish/js/popupLayer.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/picker.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/picker.date.js"></script>
|
||||
<script type="text/javascript" src="/publish/js/datepicker/ko_KR.js"></script>
|
||||
|
||||
<script>
|
||||
$(document).ready(function () {
|
||||
$(".table_tab_wrap .tab_depth1 a").click(function () {
|
||||
var tab_num = $(this).index();
|
||||
$(".table_cont .tb_wrap").eq(tab_num).show();
|
||||
$(".table_cont .tb_wrap").eq(tab_num).siblings(".tb_wrap").hide();
|
||||
if ($(".table_tab_wrap .tab_depth1 a:visible").length == tab_num + 1) {
|
||||
$(this).css("border-radius", "0 5px 5px 0");
|
||||
} else {}
|
||||
})
|
||||
});
|
||||
|
||||
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.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;
|
||||
}
|
||||
</script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="mask"></div>
|
||||
|
||||
<!-- 220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com ad_layer popupJunk" tabindex="0" data-tooltip-con="popupJunk" data-focus="popupJunk" data-focus-prev="popupJunk-close" style="width: 795px;">
|
||||
<div class="popup_heading">
|
||||
<p>이통사 스팸차단 및 번호도용 방지 서비스 안내</p>
|
||||
<button type="button" class="tooltip-close" data-focus="popupJunk-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
<div class="list_tab_wrap2 type5">
|
||||
<!-- tab button -->
|
||||
<ul class="list_tab">
|
||||
<li class="tab active"><button type="button" onclick="listTab2(this,'1');">이통사 스팸 필터링 서비스</button></li>
|
||||
<li class="tab"><button type="button" onclick="listTab2(this,'2');">번호도용 문자차단 서비스</button></li>
|
||||
</ul><!-- // tab button -->
|
||||
</div>
|
||||
<!-- 광고문자 전송규정 안내 -->
|
||||
<div class="adpop_cont current" id="listTab2_1">
|
||||
<div class="titBox">
|
||||
<div class="notibox">한국인터넷진흥원 불법스팸대응센터에서 스팸종합대책을 마련함에 따라,<br>각 통신사에서 스팸차단서비스라는 서비스를 진행하고 있습니다.</div>
|
||||
<p>- 스팸차단서비스는 이동통신사의 별도 조합 기준에 따른 스팸확률에 의한 차단으로 스팸으로 판단되는 문자를</p>
|
||||
<p> 휴대폰 문자수신함이 아닌, 각 통신사별 스팸보관함에 전송한 후 결과값은 성공을 처리합니다(정상과금 처리)</p>
|
||||
<p>- 스팸문자로 저장된것이 확인되었다면, 스팸차단서비스를 해제하여 이용하시기 바랍니다.</p>
|
||||
<p> (개인정보보호정책으로 인해 본인 이외 타인은 확인 불가하므로, 본인이 직접 확인해야합니다.)</p>
|
||||
</div>
|
||||
<div class="adpop1_bottom">
|
||||
<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
|
||||
<div class="content_box">
|
||||
<ul class="list">
|
||||
<li class="tit">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SK telecom" /></div>
|
||||
<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>
|
||||
</li>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="olleh KT" /></div>
|
||||
<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=479" target="_blank" rel="nosublink">KT (안심)스팸차단 바로가기</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="LG U+" /></div>
|
||||
<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0000277" target="_blank" rel="nosublink">U+ 스팸차단 바로가기</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dt><img src="/publish/images/content/junk_agency001_01.png" alt="T world" /></dt>
|
||||
<dd>
|
||||
<p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸필터링] 검색<br>→ 부가서비스 - 문자 스팸필터링 → 설정 → SMS인증 → 스팸차단 메시지 확인</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dt><img src="/publish/images/content/junk_agency002_01.png" alt="olleh O" /></dt>
|
||||
<dd>
|
||||
<p>KT<a href="https://www.kt.com/" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인 →[스팸차단서비스] 검색<br>→ 스팸차단서비스 → 스팸메시지함 → 스팸차단 메시지 확인</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LG U+" /></dt>
|
||||
<dd>
|
||||
<p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [스팸차단] 검색<br>→ 부가서비스 - 스팸차단 → 스팸내역 조회 → SMS인증 → 스팸차단 메시지 확인</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="adpop1_bottom">
|
||||
<p class="title_box"><span>02.</span>통신사 어플을 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
|
||||
<div class="content_box">
|
||||
<ul class="list02">
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency01_02.png" alt="SKT" /></div>
|
||||
<dl>
|
||||
<dt>SKT · T스팸필터링</dt>
|
||||
<dd>T Store, 구글 Play 스토어<br>다운가능</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency02_02.png" alt="KT" /></div>
|
||||
<dl>
|
||||
<dt>KT올레 · 올레스팸차단서비스</dt>
|
||||
<dd>구글 Play 스토어 다운가능</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency03_02.png" alt="LG" /></div>
|
||||
<dl>
|
||||
<dt>LG U+ · U+ 스팸차단</dt>
|
||||
<dd>구글 Play 스토어 다운가능</dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="adpop1_bottom">
|
||||
<p class="title_box"><span>03.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
|
||||
<div class="content_box">
|
||||
<dl class="cscenter">
|
||||
<dt>휴대폰 114 + 통화버튼</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li>· SKT 고객센터(1599-0011)</li>
|
||||
<li>· KT올레 고객센터(100)</li>
|
||||
<li>· LG U+ 고객센터(1544-0010)</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- // 광고문자 전송규정 안내 -->
|
||||
|
||||
<!-- 광고문자 수신동의 안내 -->
|
||||
<div class="adpop_cont" id="listTab2_2">
|
||||
<div class="titBox">
|
||||
<div class="notibox">웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스로<br>해당 서비스에 가입된 경우 인터넷 문자 발송서비스를 통해 본인 휴대폰번호로 문자 발송시 차단됩니다</div>
|
||||
<p>- 모든 전송 결과값이 실패로 확인되는 경우, 번호도용문자차단서비스에 가입여부 확인 후 해당서비스를 해지</p>
|
||||
<p> 하신 후 전송하시기 바랍니다.</p>
|
||||
</div>
|
||||
<div class="adpop1_bottom">
|
||||
<p class="title_box"><span>01.</span>통신사 홈페이지를 통해 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
|
||||
<div class="content_box">
|
||||
<ul class="list">
|
||||
<li class="tit">
|
||||
<ul>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency001.png" alt="SKT" /></div>
|
||||
<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>
|
||||
</li>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency002.png" alt="KT" /></div>
|
||||
<a href="https://product.kt.com/wDic/productDetail.do?ItemCode=1047" target="_blank" rel="nosublink">KT번호도용문자차단 바로가기</a>
|
||||
</li>
|
||||
<li>
|
||||
<div class="img_box"><img src="/publish/images/content/junk_agency003.png" alt="Uplus" /></div>
|
||||
<a href="https://www.lguplus.com/plan/addon/addon-call-msg/LRZ0002297" target="_blank" rel="nosublink">U+ 번호도용문자차단 바로가기</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dt><img src="/publish/images/content/junk_agency001_01.png" alt="tworld" /></dt>
|
||||
<dd>
|
||||
<p>Tworld<a href="https://www.tworld.co.kr" target="_blank" rel="nosublink">(www.tworld.co.kr)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dt><img src="/publish/images/content/junk_agency002_01.png" alt="kt" /></dt>
|
||||
<dd>
|
||||
<p>KT<a href="https://www.kt.com" target="_blank" rel="nosublink">(www.kt.com)</a> 홈페이지 접속 → 로그인<br>→ [번호도용문자차단] 검색 → 부가서비스 → 번호도용문자차단 → 해지</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li>
|
||||
<dl>
|
||||
<dt><img src="/publish/images/content/junk_agency003_01.png" alt="LGuplus" /></dt>
|
||||
<dd>
|
||||
<p>U+<a href="https://www.uplus.co.kr" target="_blank" rel="nosublink">(www.uplus.co.kr)</a> 홈페이지 접속 → 로그인 → [번호도용문자차단] 검색<br>→ 부가서비스 → 번호도용문자차단 → 해지</p>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="adpop1_bottom">
|
||||
<p class="title_box"><span>02.</span>통신사 고객센터를 확인하는 방법<button type="button" class="view_button" onclick="popContentBoxView(this);"><i></i></button></p>
|
||||
<div class="content_box">
|
||||
<dl class="cscenter">
|
||||
<dt>휴대폰 114 + 통화버튼</dt>
|
||||
<dd>
|
||||
<ul>
|
||||
<li>· SKT 고객센터(1599-0011)</li>
|
||||
<li>· KT올레 고객센터(100)</li>
|
||||
<li>· LG U+ 고객센터(1544-0010)</li>
|
||||
</ul>
|
||||
</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div><!-- // 광고문자 수신동의 안내 -->
|
||||
</div>
|
||||
<div class="popup_btn_wrap2" style="margin: 0 auto 30px auto;">
|
||||
<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //220411 이통사 스팸차단 및 번호도용 방지 서비스 안내 팝업 -->
|
||||
|
||||
|
||||
<!-- 발송대상리스트 팝업 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com ad_layer rev_popup04" tabindex="0" data-tooltip-con="rev_popup04" data-focus="rev_popup04" data-focus-prev="rev_popup04-close" style="width:595px;">
|
||||
<div class="popup_heading">
|
||||
<p>발송대상 리스트</p>
|
||||
<button type="button" class="tooltip-close" data-focus="rev_popup04-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
|
||||
<div class="popup_search_type2">
|
||||
<label for="" class="label">검색종류 선택</label>
|
||||
<div class="title">수신번호</div>
|
||||
<label for="" class="label">검색어입력</label>
|
||||
<input type="text" class="send_text" id="searchInput" placeholder="3자 이상 입력하세요." onfocus="this.placeholder=''" onblur="this.placeholder='3자 이상 입력하세요.'">
|
||||
<button type="button" id="searchBtn" class="btnType btnType2" style="width:63px; margin:0;">검색</button>
|
||||
</div>
|
||||
|
||||
<div class="list_tab_wrap2 type4">
|
||||
<ul class="tabType3" id="tabType" name="tabType">
|
||||
<li class="tab active"><button type="button" id="initTab" title="선택됨">전체</button></li>
|
||||
<li class="tab"><button type="button">대기</button></li>
|
||||
<li class="tab"><button type="button">성공</button></li>
|
||||
<li class="tab"><button type="button">실패</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tb_wrap" style="min-height:200px;">
|
||||
<table class="tType4">
|
||||
<colgroup>
|
||||
<col style="width: 30%;">
|
||||
<col style="width: 40%;">
|
||||
<col style="width: 30%;">
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>이름
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn">
|
||||
</div>
|
||||
</th>
|
||||
<th>수신번호
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn">
|
||||
</div>
|
||||
</th>
|
||||
<th>상세결과
|
||||
<div class="sort_wrap">
|
||||
<input type="button" class="sort sortBtn">
|
||||
</div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>성공(카톡)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>성공(카톡)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>실패(카톡+문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>성공(문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>성공(문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>실패(카톡+문자)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>홍길동</td>
|
||||
<td>010-1234-5678</td>
|
||||
<td>성공(카톡)</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="table_btn clearfix">
|
||||
<div class="table_btn_left">
|
||||
<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button>
|
||||
<button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
|
||||
<button type="button" class="btnType btnType15" style="display: none;"><i class="remove_img"></i>주소록에서 번호 삭제</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- pagination -->
|
||||
<ul class="pagination">
|
||||
<li class="page_first"><button><img src="/publish/images/content/page_first.png" alt=""></button></li>
|
||||
<li class="page_prev"><button><img src="/publish/images/content/page_prev.png" alt=""></button></li>
|
||||
<li class="on"><button>1</button></li>
|
||||
<li><button>2</button></li>
|
||||
<li><button>3</button></li>
|
||||
<li><button>4</button></li>
|
||||
<li><button>5</button></li>
|
||||
<li><button>6</button></li>
|
||||
<li><button>7</button></li>
|
||||
<li><button>8</button></li>
|
||||
<li><button>9</button></li>
|
||||
<li><button>10</button></li>
|
||||
<li class="page_next"><button><img src="/publish/images/content/page_next.png" alt=""></button></li>
|
||||
<li class="page_last"><button><img src="/publish/images/content/page_last.png" alt=""></button></li>
|
||||
</ul><!-- pagination -->
|
||||
|
||||
</div>
|
||||
<div class="popup_btn_wrap2" style="margin: -40px auto 30px auto;">
|
||||
<button type="button" class="tooltip-close" data-focus="adr_popup01-close" data-focus-next="popup02">닫기</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!-- //발송대상 리스트 안내 팝업 -->
|
||||
|
||||
<!-- 그룹등록 팝업 data-tooltip:rev_popup02 -->
|
||||
<div class="tooltip-wrap">
|
||||
<div class="popup-com adr_layer rev_popup02" tabindex="0" data-tooltip-con="rev_popup02" data-focus="rev_popup02" data-focus-prev="rev_popup02-close" style="width: 500px;">
|
||||
<div class="popup_heading">
|
||||
<p>그룹등록</p>
|
||||
<button type="button" class="tooltip-close" data-focus="rev_popup02-close"><img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기"></button>
|
||||
</div>
|
||||
<div class="layer_in">
|
||||
<div class="gorup_join_cont">
|
||||
<p class="adr_pop_title">선택된 발송내역 전화번호를 그룹으로 등록합니다.</p>
|
||||
<div class="group_input" style="margin-top: 0;">
|
||||
<div class="input_left">그룹이름</div>
|
||||
<div class="input_right">
|
||||
<label for="" class="label">새 그룹명 입력</label>
|
||||
<input type="text" placeholder="새 그룹명 입력" onfocus="this.placeholder=''" onblur="this.placeholder='새 그룹명 입력'" class="inputLight">
|
||||
</div>
|
||||
</div>
|
||||
<div class="popup_btn_wrap2">
|
||||
<button type="button">저장</button>
|
||||
<button type="button" class="tooltip-close" data-focus="rev_popup02-close" data-focus-next="rev_popup02">취소</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 발송실패사유 팝업 -->
|
||||
|
||||
<!-- skip 메뉴 -->
|
||||
<div class="skip_menu">
|
||||
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
||||
</div>
|
||||
<!--// skip 메뉴 -->
|
||||
<!-- quick 메뉴 -->
|
||||
<div class="quickMenu">
|
||||
<div>
|
||||
<p class="quick_title">QUICK<br>MENU</p>
|
||||
<p class="quick_title2">QUICK</p>
|
||||
<ul class="quickMenuIn">
|
||||
<li>
|
||||
<a href="/publish/index.html"><i class="quick1"></i><span>이용안내</span></a>
|
||||
<div class="hover_cont">이용안내</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick2"></i><span>채팅상담</span></a>
|
||||
<div class="hover_cont">채팅상담</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick3"></i><span>원격지원</span></a>
|
||||
<div class="hover_cont">원격지원</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick4"></i><span>맞춤제작</span></a>
|
||||
<div class="hover_cont">맞춤제작</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick5"></i><span>주소록 등록</span></a>
|
||||
<div class="hover_cont">주소록 등록</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick6"></i><span>엑셀 전송</span></a>
|
||||
<div class="hover_cont">엑셀 대량전송</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick7"></i><span>견적서</span></a>
|
||||
<div class="hover_cont">견적서</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick8"></i><span>결제</span></a>
|
||||
<div class="hover_cont">결제</div>
|
||||
</li>
|
||||
<li>
|
||||
<a href="#"><i class="quick9"></i><span>영수증/계산서</span></a>
|
||||
<div class="hover_cont">영수증/계산서</div>
|
||||
</li>
|
||||
</ul>
|
||||
<button type="button" class="goTop" title="맨 위로 이동">TOP<i></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// quick 메뉴 -->
|
||||
<!-- header 영역 -->
|
||||
<header id="header" class="header">
|
||||
<!-- header top 영역 -->
|
||||
<div class="header_top">
|
||||
<div class="inner">
|
||||
<ul class="menu_left">
|
||||
<li><a href="#"><i class="hdTop_fav"></i>즐겨찾기추가</a></li>
|
||||
<li><a href="#"><i class="hdTop_mypage"></i>마이페이지</a></li>
|
||||
<li><a href="#"><i class="hdTop_center"></i>고객센터</a></li>
|
||||
</ul>
|
||||
<ul class="menu_right">
|
||||
<li><a href="#">충전하기</a></li>
|
||||
<li class="SortLine"><a href="#">요금안내</a></li>
|
||||
<li class="SortLine"><a href="#">이용안내</a></li>
|
||||
<li class="SortLine"><a href="#">1:1고객상담</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div><!-- header top 영역 -->
|
||||
<!-- header body 영역 -->
|
||||
<div class="header_body">
|
||||
<div class="inner table">
|
||||
<h1 class="logo"><a href="/publish/index.html" alt="문자온 메인 바로가기"><img src="/publish/images/CI.png" alt="문자온 CI"></a></h1>
|
||||
<ul class="gnbWrap table_cell">
|
||||
<li><a href="#">문자발송</a></li>
|
||||
<li><a href="#">선거문자</a></li>
|
||||
<li><a href="#">맞춤제작</a></li>
|
||||
<li><a href="#">비즈톡</a></li>
|
||||
<li><a href="#">주소록 관리</a></li>
|
||||
<li><a href="#">발송결과</a></li>
|
||||
<li><a href="#">예약관리</a></li>
|
||||
<li><a href="#">결제내역</a></li>
|
||||
</ul>
|
||||
<div class="s_menu">
|
||||
<i class="allSearch_info"><span>문자검색</span></i>
|
||||
<button type="button" title="전체검색" class="allSearch" onclick="searchToggle();"><img src="/publish/images/search.png" alt="검색영역 열기" class="allMenu"></button>
|
||||
<button type="button" title="전체메뉴"><img src="/publish/images/all_menu.png" alt="전체메뉴 열기"></button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- search popup 영역 -->
|
||||
<div class="pop_search">
|
||||
<div class="inner">
|
||||
<div class="area_search">
|
||||
<select name="" id="">
|
||||
<option value="">그림문자</option>
|
||||
<option value="">단문문자</option>
|
||||
<option value="">장문문자</option>
|
||||
<option value="">GIF</option>
|
||||
</select>
|
||||
<input type="text" placeholder="문자샘플 검색하기">
|
||||
<button><img src="/publish/images/search02.png" alt=""></button>
|
||||
</div>
|
||||
<div class="area_popular">
|
||||
<p><i></i>인기검색어</p>
|
||||
<ul class="popular_tag">
|
||||
<li><a href="#">#정월대보름</a></li>
|
||||
<li class="on"><a href="#">#추석</a></li>
|
||||
<li><a href="#">#가을인사</a></li>
|
||||
<li><a href="#">#좋은하루</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<button class="btn_close" onclick="searchToggle();"><img src="/publish/images/btn_searchclose.png" alt=""></button>
|
||||
</div>
|
||||
</div>
|
||||
<!--// search popup 영역 -->
|
||||
</div>
|
||||
<!--// header body 영역 -->
|
||||
<div id="login" class="login">
|
||||
<div class="inner table">
|
||||
<div class="login_left table_cell">
|
||||
<div class="login_put">
|
||||
<label for="id_text" class="label"></label>
|
||||
<input type="text" placeholder="아이디를 입력해주세요" id="id_text" class="id_text" maxlength="30" size="18">
|
||||
<label for="password_text" class="label"></label>
|
||||
<input type="password" placeholder="비밀번호를 입력해주세요" id="password_text" class="password_text" maxlength="30" size="18">
|
||||
<label for="login_button" class="label"></label>
|
||||
<button type="submit" class="btnType btnType1" class="login_button">로그인</button>
|
||||
</div>
|
||||
<div class="login_save">
|
||||
<input type="checkbox" id="save_id">
|
||||
<label for="save_id">아이디 저장</label>
|
||||
</div>
|
||||
<div class="login_find">
|
||||
<a href="#">아이디찾기 /</a>
|
||||
<a href="#">비밀번호 찾기</a>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button" class="btnType btnType2">회원가입</button>
|
||||
<button type="button" class="btnType btnType3">둘러보기</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="login_right">
|
||||
<span><i></i>이달의 이벤트</span>
|
||||
<button type="button" class="btnType btnType4">바로가기</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// login 영역 -->
|
||||
</header>
|
||||
<!--// header 영역 -->
|
||||
<!-- login 영역 -->
|
||||
<!-- content 영역 -->
|
||||
<div id="container" class="cont sub">
|
||||
<div class="inner">
|
||||
<!-- send top -->
|
||||
<div class="send_top">
|
||||
<!-- 결제관리 - 요금 사용내역 -->
|
||||
<div class="rev_admin_cont serv_content current">
|
||||
<div class="heading">
|
||||
<h2>발송결과 상세</h2>
|
||||
<button type="button" class="button junk" data-tooltip="popupJunk" style="right:0;">통신사 스팸규격안내</button>
|
||||
</div>
|
||||
|
||||
<!-- 발송결과 상세 및 미리보기-->
|
||||
|
||||
<div class="send_general">
|
||||
<!-- 발송결과 상세 정보 -->
|
||||
<div class="resultcont_left">
|
||||
<!--발송정보-->
|
||||
<div class="res_info">
|
||||
<div class="res_info_in">
|
||||
<div class="res_info_top clearfix">
|
||||
<p>발송정보</p>
|
||||
<p><button type="button" class="btnType btnType3" onclick="fnMjMsgReSendAll();">재전송</button></p>
|
||||
</div>
|
||||
<div class="res_info_btm">
|
||||
<dl>
|
||||
<dt>발송일시</dt>
|
||||
<dd>2025-04-21 18:19:48</dd>
|
||||
</dl>
|
||||
|
||||
<!-- 예약발송인 경우 -->
|
||||
<dl>
|
||||
<dt>등록일시</dt>
|
||||
<dd>2025-04-21 18:19:48</dd>
|
||||
</dl>
|
||||
<!-- //예약발송인 경우 -->
|
||||
|
||||
<dl>
|
||||
<dt>형태</dt>
|
||||
<dd>
|
||||
친구톡
|
||||
</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>발송건수</dt>
|
||||
<dd><span class="c_222">1</span>건</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>채널정보</dt>
|
||||
<dd>@아이티앤</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt>진행상황</dt>
|
||||
<dd>완료</dd>
|
||||
</dl>
|
||||
|
||||
<dl>
|
||||
<dt>진행상황
|
||||
<div class="icon_wrap">
|
||||
<div class="re">예약</div>
|
||||
<div class="di_info">
|
||||
<button class="di">분할</button>
|
||||
<div class="di_hover_layer">
|
||||
<strong>1건씩 5분 간격</strong>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</dt>
|
||||
<dd>예약취소()</dd>
|
||||
</dl>
|
||||
|
||||
</div>
|
||||
<div class="res_info_btm">
|
||||
<dl>
|
||||
<dt class="btm_charge">발송요금(합계)</dt>
|
||||
<dd><span class="stcharge">5</span>원</dd>
|
||||
<!--<dd><span class="stcharge">-</span>원</dd>-->
|
||||
<!-- 예역취소 후 금액은 하이픈 처리-->
|
||||
</dl>
|
||||
<div class="charge_line">
|
||||
<dl>
|
||||
<dt class="charge_title">· 카카오톡</dt>
|
||||
<dd><span class="c_222">5</span>원</dd>
|
||||
</dl>
|
||||
<dl>
|
||||
<dt class="charge_title">· 대체문자</dt>
|
||||
<dd><span class="c_222">0</span>원</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 발송정보-->
|
||||
<!--상세결과-->
|
||||
<div class="res_info">
|
||||
<div class="res_info_in">
|
||||
<div class="res_info_top clearfix" style="padding:0 0 10px 0;">
|
||||
<p>상세결과</p>
|
||||
<p><!-- <button type="button" class="refresh_btn btnType"><i class="refresh_img"></i>새로고침</button> --></p>
|
||||
</div>
|
||||
<div class="res_num">
|
||||
<div class="res_info_btm1">
|
||||
<dl>
|
||||
<dt>전체건수</dt>
|
||||
<dd><a href="#" data-tooltip="rev_popup04"><span class="c_222_g">101</span>건(100%)</a></dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="res_info_btm1">
|
||||
<dl>
|
||||
<dt>성공건수</dt>
|
||||
<dd><span class="c_002c9a_g">100</span>건(100%)</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div class="res_num">
|
||||
<div class="res_info_btm1">
|
||||
<dl>
|
||||
<dt>대기건수</dt>
|
||||
<dd><span class="c_666_g">0</span>건(0%)</dd>
|
||||
</dl>
|
||||
</div>
|
||||
<div class="res_info_btm1">
|
||||
<dl>
|
||||
<dt>실패건수</dt>
|
||||
<dd><span class="c_e40000_g">1</span>건(100%)</dd>
|
||||
</dl>
|
||||
</div>
|
||||
</div>
|
||||
<div class="table_btn clearfix">
|
||||
<div class="table_btn_left">
|
||||
<!-- <button type="button" data-tooltip="rev_popup02" class="btnType btnType14"><i class="add_img"></i>주소록 등록</button>
|
||||
<button type="button" class="excel_btn btnType"><i class="downroad"></i>엑셀 다운로드</button> -->
|
||||
<p class="table_bottom_txt">* 전체건수를 클릭하면 받는 사람 상세정보를 확인하실 수 있습니다.</p>
|
||||
<p class="table_bottom_txt" style="padding:5px 0 0 0;">* 대체문자 발송 성공 시, 성공건수로 집계됩니다.</p>
|
||||
</div>
|
||||
<div class="table_btn_right">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 발송결과-->
|
||||
|
||||
|
||||
</div>
|
||||
<!--// 발송결과 상세 정보 -->
|
||||
|
||||
<div class="resultcont_right" id="previewPhone">
|
||||
<div class="phone">
|
||||
<!-- 탭스타일 -->
|
||||
<div class="list_tab_wrap2 type5">
|
||||
<ul class="tabType3" id="tabType" name="tabType">
|
||||
<li class="tab active"><button type="button" onclick="phoneTab(this,'1');" title="선택됨">카카오톡</button></li>
|
||||
<li class="tab"><button type="button" onclick="phoneTab(this,'2');">대체문자</button></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!--// 탭스타일 -->
|
||||
|
||||
<!-- 카카오 알림톡 미리보기 -->
|
||||
<div class="tab_phone current" id="tab_phone_1">
|
||||
<div class="phone_kakako friendtalk">
|
||||
<div class="phoneIn">
|
||||
<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
|
||||
<!-- 텍스트 미리보기 -->
|
||||
<div class="text_preview">
|
||||
<p class="friend_talk_title"><span>(광고)</span></p>
|
||||
<div class="allimtalk_content">
|
||||
<div class="kakao_image"><img src="/publish/images/content/kakao_img_basic.jpg" alt="" style="display:none;"></div>
|
||||
<p class="template_text">홍길동 고객님 안녕하세요.
|
||||
문자온입니다.
|
||||
문자온에서는 재결제 고객님들께 다양한 이벤트를 준비하였으니, 방문하셔서 혜택 놓치지 마세요.</p>
|
||||
<button type="button" class="btn_kakao_type">문자온 바로가기</button>
|
||||
</div>
|
||||
<p class="kakao_block_text">수신거부 : 홈 > 채널차단</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 카카오 알림톡 미리보기 -->
|
||||
|
||||
<!-- 대체문자 -->
|
||||
|
||||
<!-- 카카오 알림톡 미리보기 -->
|
||||
<div class="tab_phone" id="tab_phone_2" style="display: none;position:relative;">
|
||||
<div class="phone">
|
||||
<div class="phoneIn">
|
||||
<div>
|
||||
<p class="prev_p"><img src="/publish/images/search.png">문자내용</p>
|
||||
<div class="text_length2 clearfix" style="display:none;">
|
||||
<span class="msg_com msg_short">단문</span>
|
||||
<div>
|
||||
<span>글자크기</span>
|
||||
<button type="button"><img src="/publish/images/content/font_plus.png"></button>
|
||||
<button type="button"><img src="/publish/images/content/font_minus.png"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text_length2 clearfix" style="display:none;">
|
||||
<span class="msg_com msg_long">장문</span>
|
||||
<div>
|
||||
<span>글자크기</span>
|
||||
<button type="button"><img src="/publish/images/content/font_plus.png"></button>
|
||||
<button type="button"><img src="/publish/images/content/font_minus.png"></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="text_length2 clearfix">
|
||||
<span class="msg_com msg_photo">
|
||||
그림
|
||||
</span>
|
||||
</div>
|
||||
<!-- 텍스트 미리보기 -->
|
||||
<div class="text_preview">
|
||||
<div class="preiew_img">
|
||||
<div class="img_box">
|
||||
<img src="/cmm/fms/getImage2.do?atchFileId=FILE_000000000013873&fileSn=0" alt="발송된 그림문자 미리보기" style="width: 100%">
|
||||
</div>
|
||||
</div>
|
||||
<div class="preview_auto">
|
||||
<p class="ad_tit">(광고)</p>
|
||||
<p class="realtime" id="smsTxt">
|
||||
test
|
||||
</p>
|
||||
<p class="deny_receipt">무료거부 0808800858</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- //텍스트 미리보기 -->
|
||||
</div>
|
||||
</div>
|
||||
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다</p>
|
||||
</div>
|
||||
</div>
|
||||
<!--// 카카오 알림톡 미리보기 -->
|
||||
<!-- // 대체문자 -->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 발송결과 미리보기 -->
|
||||
<div class="resultcont_right" style="display: none;">
|
||||
<!-- 카카오 알림톡 미리보기 -->
|
||||
<div class="phone_kakako">
|
||||
<div class="phoneIn">
|
||||
<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
|
||||
<!-- 텍스트 미리보기 -->
|
||||
<div class="text_preview">
|
||||
<div class="allimtalk_title">
|
||||
<img src="/publish/images/content/icon_allimtalk.png" alt="">알림톡 도착
|
||||
</div>
|
||||
<div class="allimtalk_content">
|
||||
<!-- <div class="kakao_image"> -->
|
||||
<!-- <img src="/publish/images/content/kakao_template_img.png" alt=""> -->
|
||||
<!-- </div> -->
|
||||
<p class="emphasis_side_text">강조표기 보조문구 미리보기</p>
|
||||
<p class="emphasis_title_text">타이틀 미리보기</p>
|
||||
<p class="template_text">내용미리보기</p>
|
||||
<p class="side_info_text">부가정보내용</p>
|
||||
<p class="channel_info_text">채널 추가 안내 메시지 미리보기</p>
|
||||
<button type="button" class="btn_kakao_type">버튼명</button>
|
||||
<button type="button" class="btn_kakao_type">버튼명</button>
|
||||
<!-- <p class="emphasis_side_text">강조표기 보조문구 미리보기</p> -->
|
||||
<!-- <p class="emphasis_title_text">타이틀 미리보기</p> -->
|
||||
<!-- <p class="template_text">내용미리보기</p> -->
|
||||
<!-- <p class="side_info_text">부가정보내용</p> -->
|
||||
<!-- <p class="channel_info_text">채널 추가 안내 메시지 미리보기</p> -->
|
||||
<!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
|
||||
<!-- <button type="button" class="btn_kakao_type">버튼명</button> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- //텍스트 미리보기 -->
|
||||
</div>
|
||||
|
||||
<p class="addText">※ 단말기 설정에 따라 다르게 보일 수 있습니다<p>
|
||||
</div>
|
||||
<!--// 카카오 알림톡 미리보기 -->
|
||||
|
||||
</div>
|
||||
<!--// 발송결과 미리보기 -->
|
||||
</div>
|
||||
|
||||
<!--// 발송결과 상세 및 미리보기-->
|
||||
|
||||
<!-- 목록-->
|
||||
<div class="btn_list_type1">
|
||||
<button class="btnType btnType17">목록</button>
|
||||
</div>
|
||||
<!--// 목록-->
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<!--// send top -->
|
||||
</div>
|
||||
</div>
|
||||
<!--// content 영역 -->
|
||||
<!-- footer 영역 -->
|
||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||
<!--// footer 영역 -->
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user