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
|
# End of https://www.gitignore.io/api/eclipse
|
||||||
|
|
||||||
|
# gemini
|
||||||
|
.gemini/
|
||||||
|
|
||||||
# Maven
|
# Maven
|
||||||
target/
|
target/
|
||||||
pom.xml.tag
|
pom.xml.tag
|
||||||
|
|||||||
@ -100,7 +100,8 @@ public class KakaoSendUtil {
|
|||||||
|
|
||||||
/** @jsonStr 필요유무 */
|
/** @jsonStr 필요유무 */
|
||||||
boolean hasTitleOrButtons = StringUtils.isNotEmpty(templateTitle)
|
boolean hasTitleOrButtons = StringUtils.isNotEmpty(templateTitle)
|
||||||
|| CollectionUtils.isNotEmpty(templateDetail.getButtonList());
|
|| CollectionUtils.isNotEmpty(templateDetail.getButtonList())
|
||||||
|
|| "IMAGE".equalsIgnoreCase(templateDetail.getTemplateEmphasizeType()); // 템플릿 강조 유형 이미지 유형을 알기 위해 추가
|
||||||
|
|
||||||
/** @jsonStr 반복유무 */
|
/** @jsonStr 반복유무 */
|
||||||
boolean needsJsonReplacement = hasTitleReplacement || hasButtonReplacement;
|
boolean needsJsonReplacement = hasTitleReplacement || hasButtonReplacement;
|
||||||
@ -123,6 +124,7 @@ public class KakaoSendUtil {
|
|||||||
// kakaoSendAdvcListVO.get(i).setBizJsonName(idList.get(i));
|
// 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.KakaoVO;
|
||||||
import itn.let.kakao.kakaoComm.kakaoApi.service.KakaoApiService;
|
import itn.let.kakao.kakaoComm.kakaoApi.service.KakaoApiService;
|
||||||
import itn.let.utl.fcc.service.EgovStringUtil;
|
import itn.let.utl.fcc.service.EgovStringUtil;
|
||||||
|
import lombok.extern.slf4j.Slf4j;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @FileName : KakaoApiTemplate.java
|
* @FileName : KakaoApiTemplate.java
|
||||||
@ -50,6 +51,7 @@ import itn.let.utl.fcc.service.EgovStringUtil;
|
|||||||
|
|
||||||
* @프로그램 설명 :
|
* @프로그램 설명 :
|
||||||
*/
|
*/
|
||||||
|
@Slf4j
|
||||||
@Component
|
@Component
|
||||||
public class KakaoApiTemplate {
|
public class KakaoApiTemplate {
|
||||||
|
|
||||||
@ -394,6 +396,7 @@ public class KakaoApiTemplate {
|
|||||||
|
|
||||||
String sendUrl = mjonBizUrl + "/v3/kakao/template/list";
|
String sendUrl = mjonBizUrl + "/v3/kakao/template/list";
|
||||||
|
|
||||||
|
log.info(" + kakaoVO.getCategoryCode() :: [{}]", kakaoVO.getCategoryCode());
|
||||||
JSONObject jsonObject = new JSONObject();
|
JSONObject jsonObject = new JSONObject();
|
||||||
jsonObject.put("bizId", mjonBizId);
|
jsonObject.put("bizId", mjonBizId);
|
||||||
jsonObject.put("apiKey", mjonBizKakaoApiKey);
|
jsonObject.put("apiKey", mjonBizKakaoApiKey);
|
||||||
@ -437,6 +440,8 @@ public class KakaoApiTemplate {
|
|||||||
JSONParser parser = new JSONParser();
|
JSONParser parser = new JSONParser();
|
||||||
Object obj = parser.parse(result);
|
Object obj = parser.parse(result);
|
||||||
JSONObject object = (JSONObject) obj;
|
JSONObject object = (JSONObject) obj;
|
||||||
|
log.info(" + object [{}]",object.toJSONString());
|
||||||
|
|
||||||
|
|
||||||
String code = object.get("code").toString();
|
String code = object.get("code").toString();
|
||||||
String msg = object.get("message").toString();
|
String msg = object.get("message").toString();
|
||||||
@ -456,6 +461,9 @@ public class KakaoApiTemplate {
|
|||||||
List<KakaoReturnVO> templatList = new ArrayList<KakaoReturnVO>() ;
|
List<KakaoReturnVO> templatList = new ArrayList<KakaoReturnVO>() ;
|
||||||
for(int i=0; i < tempJSONList.size(); i++) {
|
for(int i=0; i < tempJSONList.size(); i++) {
|
||||||
JSONObject templateInfo = (JSONObject)tempJSONList.get(i);
|
JSONObject templateInfo = (JSONObject)tempJSONList.get(i);
|
||||||
|
|
||||||
|
|
||||||
|
log.info(" + templateInfo [{}]",templateInfo.toJSONString());
|
||||||
KakaoReturnVO templateInfoVO = new KakaoReturnVO();
|
KakaoReturnVO templateInfoVO = new KakaoReturnVO();
|
||||||
|
|
||||||
String senderKey = templateInfo.get("senderKey").toString();
|
String senderKey = templateInfo.get("senderKey").toString();
|
||||||
|
|||||||
@ -85,10 +85,11 @@ public class KakaoStepInfoController {
|
|||||||
String bbsId = "";
|
String bbsId = "";
|
||||||
|
|
||||||
String serverName = request.getServerName();//URL 도메인정보 받아오기
|
String serverName = request.getServerName();//URL 도메인정보 받아오기
|
||||||
|
System.out.println("serverName : "+ serverName);
|
||||||
if(serverName.equals("www.munjaon.co.kr")) {//운영서버 카카오 사용안내 FAQ 게시판 번호 셋팅해주기
|
if(serverName.equals("www.munjaon.co.kr")) {//운영서버 카카오 사용안내 FAQ 게시판 번호 셋팅해주기
|
||||||
bbsId = "BBSMSTR_000000000782";
|
bbsId = "BBSMSTR_000000000782";
|
||||||
}else {//개발서버 카카오 사용안내 FAQ 게시판 번호 셋팅해주기
|
}else {//개발서버 카카오 사용안내 FAQ 게시판 번호 셋팅해주기
|
||||||
bbsId = "BBSMSTR_000000000791";
|
bbsId = "BBSMSTR_000000000782";
|
||||||
}
|
}
|
||||||
|
|
||||||
boardVO.setBbsId(bbsId);
|
boardVO.setBbsId(bbsId);
|
||||||
@ -113,7 +114,7 @@ public class KakaoStepInfoController {
|
|||||||
boardVO.setRecordCountPerPage(100);
|
boardVO.setRecordCountPerPage(100);
|
||||||
|
|
||||||
map = bbsMngService.selectBoardArticlesWeb(boardVO, null);
|
map = bbsMngService.selectBoardArticlesWeb(boardVO, null);
|
||||||
|
System.out.println("????????????????????????????????");
|
||||||
int totCnt = Integer.parseInt((String) map.get("resultCnt"));
|
int totCnt = Integer.parseInt((String) map.get("resultCnt"));
|
||||||
|
|
||||||
paginationInfo.setTotalRecordCount(totCnt);
|
paginationInfo.setTotalRecordCount(totCnt);
|
||||||
|
|||||||
@ -841,8 +841,8 @@ public class MjonMsgSentServiceImpl extends EgovAbstractServiceImpl implements
|
|||||||
&& result.getDiffMin() < -5 // 예약 시간이 5분 이상인 것들만
|
&& result.getDiffMin() < -5 // 예약 시간이 5분 이상인 것들만
|
||||||
) {
|
) {
|
||||||
returnCode = "03"; // 예약대기 코드 ( 예약취소 버튼 노출 )
|
returnCode = "03"; // 예약대기 코드 ( 예약취소 버튼 노출 )
|
||||||
} else if (result.getMsgGroupCnt().equals(result.getResultSValue())
|
} else if (Integer.parseInt(result.getMsgGroupCnt()) == Integer.parseInt(result.getResultSValue()) + Integer.parseInt(result.getResultFValue())
|
||||||
|| result.getMsgGroupCnt().equals(result.getResultFValue())) {
|
) {
|
||||||
returnCode = "02"; // 완료 코드
|
returnCode = "02"; // 완료 코드
|
||||||
} else {
|
} else {
|
||||||
returnCode = "01"; // 진행중 코드
|
returnCode = "01"; // 진행중 코드
|
||||||
|
|||||||
@ -28,7 +28,8 @@ Globals.Env = dev
|
|||||||
|
|
||||||
# mysql
|
# mysql
|
||||||
Globals.DriverClassName=com.mysql.jdbc.Driver
|
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.UserName= mjonUr
|
||||||
Globals.Password= mjon!@#$
|
Globals.Password= mjon!@#$
|
||||||
|
|
||||||
|
|||||||
@ -28,7 +28,7 @@ Globals.Env = local
|
|||||||
|
|
||||||
# mysql
|
# mysql
|
||||||
Globals.DriverClassName=com.mysql.jdbc.Driver
|
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.Url=jdbc:mysql://192.168.0.60:3308/mjon
|
||||||
Globals.UserName= mjonUr
|
Globals.UserName= mjonUr
|
||||||
Globals.Password= mjon!@#$
|
Globals.Password= mjon!@#$
|
||||||
|
|||||||
@ -27,7 +27,7 @@ Globals.Env = prod
|
|||||||
|
|
||||||
# mysql
|
# mysql
|
||||||
Globals.DriverClassName=com.mysql.jdbc.Driver
|
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.UserName= mjonUr
|
||||||
Globals.Password= mjon!@#$
|
Globals.Password= mjon!@#$
|
||||||
|
|
||||||
|
|||||||
@ -690,7 +690,7 @@ function fnSmishingUpdate(flag) {
|
|||||||
[문자온] 문자발송 결과(실패) 안내
|
[문자온] 문자발송 결과(실패) 안내
|
||||||
고객님은 현재 이동통신사의 "번호도용 문자차단 서비스"에 가입되어 있어 인터넷 문자사이트를 통한 문자발송이 모두 차단되어 있습니다.
|
고객님은 현재 이동통신사의 "번호도용 문자차단 서비스"에 가입되어 있어 인터넷 문자사이트를 통한 문자발송이 모두 차단되어 있습니다.
|
||||||
문자발송 서비스를 정상적으로 이용하기 위해서는 이용중인 이동통신사에 문의하시어 상기 서비스를 해지하신 후 문자를 재발송해 주시길 바랍니다.
|
문자발송 서비스를 정상적으로 이용하기 위해서는 이용중인 이동통신사에 문의하시어 상기 서비스를 해지하신 후 문자를 재발송해 주시길 바랍니다.
|
||||||
(서비스 해지 후 정상 발송까지 3~7일 소요될 수 있습니다.)
|
(서비스 해지 후 정상 발송까지 영업일 기준 2~3일 정도 소요될 수 있습니다.)
|
||||||
※번호도용 문자차단 서비스 : 웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스
|
※번호도용 문자차단 서비스 : 웹에서 발송되는 스팸, 스미싱 문자에 내 번호가 회신번호로 악용되는 것을 방지해주는 서비스
|
||||||
</textarea>
|
</textarea>
|
||||||
<input type="file" name="atchMsgFile" id="atchMsgFile" />
|
<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>
|
</textarea>
|
||||||
<input type="file" name="atchMsgFile" id="atchMsgFile" />
|
<input type="file" name="atchMsgFile" id="atchMsgFile" />
|
||||||
|
|||||||
@ -77,7 +77,8 @@
|
|||||||
|
|
||||||
<c:if test="${resultMsgDetail.bizKakaoResendYn eq 'Y'}">
|
<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 class="phoneIn">
|
||||||
<div>
|
<div>
|
||||||
<p class="prev_p"><img src="/publish/images/search.png"> 문자내용</p>
|
<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/main.js"></script>
|
||||||
<script src="/publish/js/swiper.min.js"></script>
|
<script src="/publish/js/swiper.min.js"></script>
|
||||||
|
|
||||||
|
<script type="text/javascript">
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
let cookieCache = null; // 쿠키 데이터를 캐시할 변수
|
let cookieCache = null; // 쿠키 데이터를 캐시할 변수
|
||||||
|
|
||||||
|
|||||||
@ -880,7 +880,7 @@ function getAddrGroupListShow(jsonList) {
|
|||||||
${fn:replace(result.smsTxt, newLineChar, "<br/>")}
|
${fn:replace(result.smsTxt, newLineChar, "<br/>")}
|
||||||
</p>
|
</p>
|
||||||
<c:if test="${result.msgKind eq 'A' }" >
|
<c:if test="${result.msgKind eq 'A' }" >
|
||||||
<p class="deny_receipt">무료 거부 080-0000-0000</p>
|
<p class="deny_receipt">무료 거부 0808800858</p>
|
||||||
</c:if>
|
</c:if>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -144,7 +144,9 @@ function fnRegisterPhoneNum(){
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--// 마이페이지 - 발신번호 관리 -->
|
<!--// 마이페이지 - 발신번호 관리 -->
|
||||||
<!-- 통신사 고객센터 정보 팝업 -->
|
|
||||||
|
|
||||||
|
<!-- 통신서비스 이용증명원 발급 안내 -->
|
||||||
<div class="tooltip-wrap">
|
<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-com servInfo_cont popup001" tabindex="0" data-tooltip-con="popup001" data-focus="popup001" data-focus-prev="popup001-close">
|
||||||
<div class="popup_heading">
|
<div class="popup_heading">
|
||||||
@ -152,14 +154,14 @@ function fnRegisterPhoneNum(){
|
|||||||
<button type="button" class="tooltip-close" data-focus="popup001-close">
|
<button type="button" class="tooltip-close" data-focus="popup001-close">
|
||||||
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
|
<img src="/publish/images/content/layerPopup_close.png" alt="팝업 닫기">
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
<div class="layer_in call_layer">
|
<div class="layer_in call_layer">
|
||||||
<!-- 발신번호 관리 수정 -->
|
<!-- 발신번호 관리 수정 -->
|
||||||
<div class="call_number_pop">
|
<div class="call_number_pop">
|
||||||
<ul class="call_numbber_list">
|
<ul class="call_numbber_list">
|
||||||
<li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
|
<li>- 과학기술정보통신부 고시에 따라 발신번호 등록 시 <strong>통신서비스 이용증명원</strong>을 통해 전화번호 일치 여부 등을 확인하고 있습니다.</li>
|
||||||
<li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
|
<li>- 이동통신사 고객센터 또는 홈페이지 등을 통해 해당 서류를 발급 후 발신번호 신청 시 함께 첨부해주시면 빠른 심사 처리가 가능합니다.</li>
|
||||||
<li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
|
<li>- ※ 휴대폰 본인인증으로 대체 가능(단, 본인인증이 불가한 번호의 경우 서류 발급 필수)</li>
|
||||||
</ul>
|
</ul>
|
||||||
<div class="noted_items">
|
<div class="noted_items">
|
||||||
<p class="title">참고사항</p>
|
<p class="title">참고사항</p>
|
||||||
@ -170,92 +172,94 @@ function fnRegisterPhoneNum(){
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="info_tit">[통신사 고객센터 정보]</p>
|
<p class="info_tit">[통신사 고객센터 정보]</p>
|
||||||
<ul>
|
<!-- 통신사 고객센터 수정 250619 -->
|
||||||
<li>
|
<div class="call_new">
|
||||||
<div>
|
<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>
|
||||||
|
1599-0011 / <span class="fwLg">유선</span> 1600-2000
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
</li>
|
||||||
<span class="fwLg">모바일</span>
|
<li>
|
||||||
080-011-6000 / <span
|
|
||||||
class="fwLg">유선</span> 080-816-2000
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<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>
|
</div>
|
||||||
<p>1599-0999</p>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<div>
|
<div>
|
||||||
<img src="/publish/images/content/call_serv3.png"
|
<div class="call_img">
|
||||||
alt="SK 브로드밴드">
|
<img src="/publish/images/content/call_serv3_1.png" alt="B">
|
||||||
|
</div>
|
||||||
|
<p>106</p>
|
||||||
</div>
|
</div>
|
||||||
<p>080-8282-106</p>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<div>
|
<div>
|
||||||
<img src="/publish/images/content/call_serv4.png"
|
<div class="call_img">
|
||||||
alt="hello 모바일">
|
<img src="/publish/images/content/call_serv4_1.png" alt="hello 모바일">
|
||||||
|
</div>
|
||||||
|
<p>KT망 1855-1144 / SKT망
|
||||||
|
1855-2114 / LGU+망 1855-1140</p>
|
||||||
</div>
|
</div>
|
||||||
<p>KT망 1855-1144 / SKT망
|
</li>
|
||||||
1855-2114</p>
|
<li>
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<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>
|
||||||
|
100
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
</li>
|
||||||
<span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
|
<li>
|
||||||
100
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<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>KT망 1688-9300 / SKT망
|
||||||
|
1666-9316 / LGU+망 1688-0045</p>
|
||||||
</div>
|
</div>
|
||||||
<p>080-889-1000</p>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<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>
|
||||||
|
1544-0010 / <span class="fwLg">유선</span> 101
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
</li>
|
||||||
<span class="fwLg">모바일</span>
|
<li>
|
||||||
1588-0010 / <span
|
|
||||||
class="fwLg">유선</span> 100
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<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>KT망 1811-1141 / SKT망
|
||||||
|
1877-9114 / LGU+망 1533-7114</p>
|
||||||
</div>
|
</div>
|
||||||
<p>070-8188-0114</p>
|
</li>
|
||||||
</div>
|
</ul>
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
<!--// 통신사 고객센터 수정 250619 -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--// 통신사 고객센터 정보 팝업 -->
|
<!-- // 통신서비스 이용증명원 발급 안내 -->
|
||||||
|
|
||||||
<!-- 대리인 신분증이란? 팝업 -->
|
<!-- 대리인 신분증이란? 팝업 -->
|
||||||
<div class="tooltip-wrap">
|
<div class="tooltip-wrap">
|
||||||
|
|||||||
@ -40,7 +40,7 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="mask on"></div>
|
<div class="mask"></div>
|
||||||
<div class="skip_menu">
|
<div class="skip_menu">
|
||||||
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
||||||
</div>
|
</div>
|
||||||
@ -201,7 +201,7 @@
|
|||||||
<div id="container" class="cont sub">
|
<div id="container" class="cont sub">
|
||||||
|
|
||||||
<!-- 0724 기업회원 이동 팝업 -->
|
<!-- 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-com cvt_member_layer popup01" tabindex="0" data-tooltip-con="popup01" data-focus="popup01" data-focus-prev="popup01-close">
|
||||||
<div class="popup_heading">
|
<div class="popup_heading">
|
||||||
<p>알림</p>
|
<p>알림</p>
|
||||||
@ -215,7 +215,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> -->
|
||||||
<!--// 0724 기업회원 이동 팝업 -->
|
<!--// 0724 기업회원 이동 팝업 -->
|
||||||
<button type="button" id="btnDeptPop" data-tooltip="popup01" style="display: none;"></button>
|
<button type="button" id="btnDeptPop" data-tooltip="popup01" style="display: none;"></button>
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
@ -223,8 +223,8 @@
|
|||||||
<div class="send_top">
|
<div class="send_top">
|
||||||
<!-- tab button -->
|
<!-- tab button -->
|
||||||
<ul class="tabType4">
|
<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_intro.html'">연동 안내</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_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_download.html'">예제 다운로드</button></li>
|
||||||
<li class="tab active"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
|
<li class="tab active"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -238,6 +238,10 @@
|
|||||||
<!--신청/관리 내용-->
|
<!--신청/관리 내용-->
|
||||||
<!--API 신청 정보 : 신청 전-->
|
<!--API 신청 정보 : 신청 전-->
|
||||||
<div class="api_admin">
|
<div class="api_admin">
|
||||||
|
<ul class="info">
|
||||||
|
<li>- 서비스 사용 신청 시, 문자 및 카카오톡 연동서비스를 모두 이용하실 수 있습니다.</li>
|
||||||
|
<li>- 관리자 승인 이후 발송 서버 IP를 등록해 주셔야 합니다.</li>
|
||||||
|
</ul>
|
||||||
<div class="admin_title">API 신청 정보</div>
|
<div class="admin_title">API 신청 정보</div>
|
||||||
<div class="tb_wrap_t1">
|
<div class="tb_wrap_t1">
|
||||||
<table class="tType4">
|
<table class="tType4">
|
||||||
|
|||||||
@ -181,8 +181,8 @@
|
|||||||
<div class="send_top">
|
<div class="send_top">
|
||||||
<!-- tab button -->
|
<!-- tab button -->
|
||||||
<ul class="tabType4">
|
<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_intro.html'">연동 안내</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_guide.html'">개발 가이드</button></li>
|
||||||
<li class="tab active"><button type="button" onclick="location.href='/publish/api_download.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>
|
<li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -193,270 +193,543 @@
|
|||||||
<h2>예제 다운로드</h2>
|
<h2>예제 다운로드</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--예제 다운로드 내용-->
|
<div class="pay_tab_wrap">
|
||||||
<div class="api_download">
|
<ul class="tabType1">
|
||||||
<ul class="info">
|
<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>- 아래 예제(JSP)를 참고하시어 쉽고 편리하게 API를 연동할 수 있습니다.</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>
|
||||||
<li>- JSP 외 타 예제는 계속해서 업데이트 될 예정입니다.</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="list_tab_wrap2 type2">
|
<div class="api_guide current" id="tab5_1">
|
||||||
<!-- tab button -->
|
<div class="api_download">
|
||||||
<ul class="list_tab">
|
<ul class="info">
|
||||||
<li class="tab active"><button type="button" onclick="listTab3(this,'1');">JSP</button>
|
<li>- 아래 예제(JSP)를 참고하시어 쉽고 편리하게 API를 연동할 수 있습니다.</li>
|
||||||
</li>
|
<li>- JSP 외 타 예제는 계속해서 업데이트 될 예정입니다.</li>
|
||||||
<!-- <li class="tab"><button type="button" onclick="listTab3(this,'2');">ASP</button>
|
|
||||||
</li> -->
|
|
||||||
<li class="tab"><button type="button" onclick="listTab3(this,'3');">PHP</button>
|
|
||||||
</li>
|
|
||||||
<!--<li class="tab"><button type="button" onclick="listTab3(this,'4');">.NET</button>
|
|
||||||
</li>
|
|
||||||
<li class="tab"><button type="button" onclick="listTab3(this,'5');">AOS</button>
|
|
||||||
</li>
|
|
||||||
<li class="tab"><button type="button" onclick="listTab3(this,'6');">IOS</button>
|
|
||||||
</li>-->
|
|
||||||
</ul>
|
</ul>
|
||||||
<!--// tab button -->
|
|
||||||
</div>
|
|
||||||
|
<div class="list_tab_wrap2 type2">
|
||||||
<!-- JSP 다운로드-->
|
<!-- tab button -->
|
||||||
<div class="download_cont current" id="listTab3_1">
|
<ul class="list_tab">
|
||||||
<div class="box">
|
<li class="tab active"><button type="button" onclick="listTab3(this,'1');">JSP</button>
|
||||||
<div class="text">
|
</li>
|
||||||
<h4>JSP Example</h4>
|
<!-- <li class="tab"><button type="button" onclick="listTab3(this,'2');">ASP</button>
|
||||||
<table>
|
</li> -->
|
||||||
<caption>JSP 샘플 파일 설명 테이블</caption>
|
<li class="tab"><button type="button" onclick="listTab3(this,'3');">PHP</button>
|
||||||
<colgroup>
|
</li>
|
||||||
<col style="width:35%;">
|
<!--<li class="tab"><button type="button" onclick="listTab3(this,'4');">.NET</button>
|
||||||
<col style="width:65%;">
|
</li>
|
||||||
</colgroup>
|
<li class="tab"><button type="button" onclick="listTab3(this,'5');">AOS</button>
|
||||||
<tr>
|
</li>
|
||||||
<th>jsp_example_send_msg_r1.jsp</th>
|
<li class="tab"><button type="button" onclick="listTab3(this,'6');">IOS</button>
|
||||||
<td>문자보내기(여러명에게 동일한문자)</td>
|
</li>-->
|
||||||
</tr>
|
</ul>
|
||||||
<tr>
|
<!--// tab button -->
|
||||||
<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>
|
||||||
<div class="btn_area">
|
|
||||||
<button type="button" class="btnType btnType11">JSP용 예제 다운받기</button>
|
<!-- JSP 다운로드-->
|
||||||
</div>
|
<div class="download_cont current" id="listTab3_1">
|
||||||
</div>
|
<div class="box">
|
||||||
<!--// JSP 다운로드-->
|
<div class="text">
|
||||||
<!--ASP 다운로드-->
|
<h4>JSP Example</h4>
|
||||||
<div class="download_cont" id="listTab3_2">
|
<table>
|
||||||
<div class="box">
|
<caption>JSP 샘플 파일 설명 테이블</caption>
|
||||||
<div class="text">
|
<colgroup>
|
||||||
<h4>ASP Example</h4>
|
<col style="width:35%;">
|
||||||
<table>
|
<col style="width:65%;">
|
||||||
<caption>ASP 샘플 파일 설명 테이블</caption>
|
</colgroup>
|
||||||
<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_3">
|
|
||||||
<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>
|
<tr>
|
||||||
<th>php_example_send_msg_r1.php</th>
|
<th>jsp_example_send_msg_r1.jsp</th>
|
||||||
<td>문자보내기(여러명에게 동일한문자)</td>
|
<td>문자보내기(여러명에게 동일한문자)</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>php_example_send_msgs_r1.php</th>
|
<th>sp_example_send_msgs_r1.jsp</th>
|
||||||
<td>문자보내기(여러명에게 다른문자)</td>
|
<td>문자보내기(여러명에게 다른문자)</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>php_example_hstry_r1.php</th>
|
<th>jsp_example_hstry_r1.jsp</th>
|
||||||
<td>전송내역조회</td>
|
<td>전송내역조회</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>php_example_hstry_detail_r1.php</th>
|
<th>jsp_example_hstry_detail_r1.jsp</th>
|
||||||
<td>상세전송내역조회</td>
|
<td>상세전송내역조회</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>php_example_select_price_r1.php</th>
|
<th>jsp_example_select_price_r1.jsp</th>
|
||||||
<td>발송가능건수</td>
|
<td>발송가능건수</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</table>
|
||||||
</table>
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btn_area">
|
||||||
|
<button type="button" class="btnType btnType11">JSP용 예제 다운받기</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn_area">
|
<!--// JSP 다운로드-->
|
||||||
<button type="button" class="btnType btnType11">PHP용 예제 다운받기</button>
|
<!--ASP 다운로드-->
|
||||||
</div>
|
<div class="download_cont" id="listTab3_2">
|
||||||
</div>
|
<div class="box">
|
||||||
<!--// PHP 다운로드-->
|
<div class="text">
|
||||||
<!--.NET 다운로드-->
|
<h4>ASP Example</h4>
|
||||||
<div class="download_cont" id="listTab3_4">
|
<table>
|
||||||
<div class="box">
|
<caption>ASP 샘플 파일 설명 테이블</caption>
|
||||||
<div class="text">
|
<colgroup>
|
||||||
<h4>.NET Example</h4>
|
<col style="width:35%;">
|
||||||
<table>
|
<col style="width:65%;">
|
||||||
<caption>.NET 샘플 파일 설명 테이블</caption>
|
</colgroup>
|
||||||
<colgroup>
|
<tr>
|
||||||
<col style="width:35%;">
|
<th>파일명</th>
|
||||||
<col style="width:65%;">
|
<td>파일 설명</td>
|
||||||
</colgroup>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>파일명</th>
|
<th>파일명</th>
|
||||||
<td>파일 설명</td>
|
<td>파일 설명</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>파일명</th>
|
<th>파일명</th>
|
||||||
<td>파일 설명</td>
|
<td>파일 설명</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>파일명</th>
|
<th>파일명</th>
|
||||||
<td>파일 설명</td>
|
<td>파일 설명</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>파일명</th>
|
<th>파일명</th>
|
||||||
<td>파일 설명</td>
|
<td>파일 설명</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
</table>
|
||||||
<th>파일명</th>
|
</div>
|
||||||
<td>파일 설명</td>
|
</div>
|
||||||
</tr>
|
<div class="btn_area">
|
||||||
</table>
|
<button type="button" class="btnType btnType11">ASP용 예제 다운받기</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn_area">
|
<!--// ASP 다운로드-->
|
||||||
<button type="button" class="btnType btnType11">.NET용 예제 다운받기</button>
|
<!--PHP 다운로드-->
|
||||||
</div>
|
<div class="download_cont" id="listTab3_3">
|
||||||
</div>
|
<div class="box">
|
||||||
<!--// .NET 다운로드-->
|
<div class="text">
|
||||||
<!--AOS 다운로드-->
|
<h4>PHP Example</h4>
|
||||||
<div class="download_cont" id="listTab3_5">
|
<table>
|
||||||
<div class="box">
|
<caption>PHP 샘플 파일 설명 테이블</caption>
|
||||||
<div class="text">
|
<colgroup>
|
||||||
<h4>AOS Example</h4>
|
<col style="width:35%;">
|
||||||
<table>
|
<col style="width:65%;">
|
||||||
<caption>AOS 샘플 파일 설명 테이블</caption>
|
</colgroup>
|
||||||
<colgroup>
|
<tbody>
|
||||||
<col style="width:35%;">
|
<tr>
|
||||||
<col style="width:65%;">
|
<th>php_example_send_msg_r1.php</th>
|
||||||
</colgroup>
|
<td>문자보내기(여러명에게 동일한문자)</td>
|
||||||
<tr>
|
</tr>
|
||||||
<th>파일명</th>
|
<tr>
|
||||||
<td>파일 설명</td>
|
<th>php_example_send_msgs_r1.php</th>
|
||||||
</tr>
|
<td>문자보내기(여러명에게 다른문자)</td>
|
||||||
<tr>
|
</tr>
|
||||||
<th>파일명</th>
|
<tr>
|
||||||
<td>파일 설명</td>
|
<th>php_example_hstry_r1.php</th>
|
||||||
</tr>
|
<td>전송내역조회</td>
|
||||||
<tr>
|
</tr>
|
||||||
<th>파일명</th>
|
<tr>
|
||||||
<td>파일 설명</td>
|
<th>php_example_hstry_detail_r1.php</th>
|
||||||
</tr>
|
<td>상세전송내역조회</td>
|
||||||
<tr>
|
</tr>
|
||||||
<th>파일명</th>
|
<tr>
|
||||||
<td>파일 설명</td>
|
<th>php_example_select_price_r1.php</th>
|
||||||
</tr>
|
<td>발송가능건수</td>
|
||||||
<tr>
|
</tr>
|
||||||
<th>파일명</th>
|
</tbody>
|
||||||
<td>파일 설명</td>
|
</table>
|
||||||
</tr>
|
</div>
|
||||||
</table>
|
</div>
|
||||||
|
<div class="btn_area">
|
||||||
|
<button type="button" class="btnType btnType11">PHP용 예제 다운받기</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn_area">
|
<!--// PHP 다운로드-->
|
||||||
<button type="button" class="btnType btnType11">AOS용 예제 다운받기</button>
|
<!--.NET 다운로드-->
|
||||||
</div>
|
<div class="download_cont" id="listTab3_4">
|
||||||
</div>
|
<div class="box">
|
||||||
<!--// AOS 다운로드-->
|
<div class="text">
|
||||||
<!--IOS 다운로드-->
|
<h4>.NET Example</h4>
|
||||||
<div class="download_cont" id="listTab3_6">
|
<table>
|
||||||
<div class="box">
|
<caption>.NET 샘플 파일 설명 테이블</caption>
|
||||||
<div class="text">
|
<colgroup>
|
||||||
<h4>IOS Example</h4>
|
<col style="width:35%;">
|
||||||
<table>
|
<col style="width:65%;">
|
||||||
<caption>IOS 샘플 파일 설명 테이블</caption>
|
</colgroup>
|
||||||
<colgroup>
|
<tr>
|
||||||
<col style="width:35%;">
|
<th>파일명</th>
|
||||||
<col style="width:65%;">
|
<td>파일 설명</td>
|
||||||
</colgroup>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>파일명</th>
|
<th>파일명</th>
|
||||||
<td>파일 설명</td>
|
<td>파일 설명</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>파일명</th>
|
<th>파일명</th>
|
||||||
<td>파일 설명</td>
|
<td>파일 설명</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>파일명</th>
|
<th>파일명</th>
|
||||||
<td>파일 설명</td>
|
<td>파일 설명</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>파일명</th>
|
<th>파일명</th>
|
||||||
<td>파일 설명</td>
|
<td>파일 설명</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
</table>
|
||||||
<th>파일명</th>
|
</div>
|
||||||
<td>파일 설명</td>
|
</div>
|
||||||
</tr>
|
<div class="btn_area">
|
||||||
</table>
|
<button type="button" class="btnType btnType11">.NET용 예제 다운받기</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn_area">
|
<!--// .NET 다운로드-->
|
||||||
<button type="button" class="btnType btnType11">IOS용 예제 다운받기</button>
|
<!--AOS 다운로드-->
|
||||||
|
<div class="download_cont" id="listTab3_5">
|
||||||
|
<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>
|
</div>
|
||||||
|
<!--// AOS 다운로드-->
|
||||||
|
<!--IOS 다운로드-->
|
||||||
|
<div class="download_cont" id="listTab3_6">
|
||||||
|
<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 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>
|
||||||
<!--// IOS 다운로드-->
|
|
||||||
</div>
|
</div>
|
||||||
<!--// 예제 다운로드 내용-->
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -26,159 +26,8 @@
|
|||||||
<div class="skip_menu">
|
<div class="skip_menu">
|
||||||
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
||||||
</div>
|
</div>
|
||||||
<!--// skip 메뉴 -->
|
<div class="mask"></div>
|
||||||
<!-- quick 메뉴 -->
|
<div data-include-path="/publish/layout/_header.html"></div>
|
||||||
<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 영역 -->
|
|
||||||
<!-- content 영역 -->
|
<!-- content 영역 -->
|
||||||
<div id="container" class="cont sub">
|
<div id="container" class="cont sub">
|
||||||
<div class="inner">
|
<div class="inner">
|
||||||
@ -186,8 +35,8 @@
|
|||||||
<div class="send_top">
|
<div class="send_top">
|
||||||
<!-- tab button -->
|
<!-- tab button -->
|
||||||
<ul class="tabType4">
|
<ul class="tabType4">
|
||||||
<li class="tab active"><button type="button" onclick="location.href='/publish/api_intro.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'">API 사용안내</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_download.html'">예제 다운로드</button></li>
|
||||||
<li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
|
<li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -195,7 +44,7 @@
|
|||||||
|
|
||||||
<div class="api_guide_cont current">
|
<div class="api_guide_cont current">
|
||||||
<div class="heading">
|
<div class="heading">
|
||||||
<h2>문자 API 소개</h2>
|
<h2>연동 서비스 안내</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--소개 내용-->
|
<!--소개 내용-->
|
||||||
@ -205,9 +54,16 @@
|
|||||||
<area target="_self" alt="문자 API 신청하기" title="문자 API 신청하기" href="#" coords="88,214,291,268" shape="rect">
|
<area target="_self" alt="문자 API 신청하기" title="문자 API 신청하기" href="#" coords="88,214,291,268" shape="rect">
|
||||||
</map>
|
</map>
|
||||||
</div>
|
</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">
|
<div class="title">
|
||||||
<h3>문자 API 사용 절차</h3>
|
<h3>문자 API 사용 절차</h3>
|
||||||
</div>
|
</div>
|
||||||
@ -222,47 +78,125 @@
|
|||||||
<li class="guide">
|
<li class="guide">
|
||||||
<p class="step_title">STEP <span>01</span></p>
|
<p class="step_title">STEP <span>01</span></p>
|
||||||
<div class="step_con">
|
<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>
|
<dl>
|
||||||
<dt>문자 API 신청</dt>
|
<dt>발신번호 사전 등록</dt>
|
||||||
<dd>관리자 승인 후 사용 가능</dd>
|
<dd>발송에 필요한 발신번호<br>등록 필요</dd>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="guide">
|
<li class="guide">
|
||||||
<p class="step_title">STEP <span>02</span></p>
|
<p class="step_title">STEP <span>02</span></p>
|
||||||
<div class="step_con">
|
<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>
|
<dl>
|
||||||
<dt>관리자 승인</dt>
|
<dt>문자 연동 API 신청</dt>
|
||||||
<dd>승인 완료 시 문자 안내</dd>
|
<dd>관리자 승인 후 사용 가능</dd>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="guide">
|
<li class="guide">
|
||||||
<p class="step_title">STEP <span>03</span></p>
|
<p class="step_title">STEP <span>03</span></p>
|
||||||
<div class="step_con">
|
<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_02.jpg" alt="아이피(IP) 등록 아이콘"></div>
|
||||||
<dl>
|
<dl>
|
||||||
<dt>아이피<span>(IP)</span> 등록</dt>
|
<dt>관리자 승인</dt>
|
||||||
<dd>문자 API를 통해 문자 발송 서버 IP 등록</dd>
|
<dd>승인 완료 시 문자 안내</dd>
|
||||||
</dl>
|
</dl>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
<li class="guide">
|
<li class="guide">
|
||||||
<p class="step_title">STEP <span>04</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="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="step_con">
|
||||||
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_04.jpg" alt="API 연동 아이콘"></div>
|
<div class="icon"><img src="/publish/images/api_intro_cont/api_guide_04.jpg" alt="API 연동 아이콘"></div>
|
||||||
<dl>
|
<dl>
|
||||||
<dt>API 연동</dt>
|
<dt>API 연동</dt>
|
||||||
<dd>API 사용 매뉴얼 및 샘플링을 통해 누구나 손쉽게 연동 가능</dd>
|
<dd>API 사용 매뉴얼 및 샘플링을<br>통해 누구나 손쉽게 연동 가능</dd>
|
||||||
</dt>
|
</dt>
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</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>
|
||||||
</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_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 .btn_thumbnail{background-image: url(/publish/images/btn_thumbnail_icon.png);}
|
||||||
.kakaotalkset_cont .list_info .btnType8{width: 140px;}
|
.kakaotalkset_cont .list_info .btnType8{width: 140px;}
|
||||||
.kakaotalkset_cont .kakao_template_list{margin: 20px 0 0 0;}
|
/* .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{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{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.template_none::after{display: none;}
|
||||||
.kakaotalkset_cont .kakao_template_list li:nth-child(4n){margin: 0 0 0 0;}
|
.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 .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_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 .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 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{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;}
|
.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: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 .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{display: none;}
|
||||||
|
.kakaotalkset_cont .list_content td{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
|
||||||
.kakaotalkset_cont .thumbnail_content.current{display: block;}
|
.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_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 .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 .template_sample_content_wrap .pagination{margin-top: 40px;}
|
||||||
|
|
||||||
.kakaotalkset_cont .send_general.kakao_wrap{padding: 50px 0 0 0;}
|
.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 .tType1_title{font-size: 24px;}
|
||||||
.kakao_wrap .template_name{width: 340px;}
|
.kakao_wrap .template_name{width: 340px;}
|
||||||
.kakao_wrap .template_name_cf{display: inline-block; color: #666; padding: 0 0 0 15px; vertical-align: inherit;}
|
.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_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{font-size: 15px; color: #555;}
|
||||||
.kakao_wrap .img_add_info_wrap .info_text li{margin: 3px 0 0 0;}
|
.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{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{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 .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 .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 .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 .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 .template_category{width: 270px;}
|
||||||
.kakaotalkset_cont .kakao_wrap .emphasis_select{width: 250px;}
|
.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 .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{position: absolute; width: 100%; bottom: 0;}
|
||||||
.kakaotalkset_cont .kakao_wrap .put_right .send_btnWrap button{width: 100%; max-width: 100%;}
|
.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{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 dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
|
||||||
.kakaotalkset_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}
|
.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{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 .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;}
|
.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{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 button:last-child{margin: 0 0 0 0;}
|
||||||
.kakaotalkset_cont .kakao_wrap .send_right .phone_bottom .cancel{width: calc((100% - 10px));}
|
.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{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 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{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{margin: 0 0 20px 0;}
|
||||||
.kakao_wrap .replace_send_th .title_th p{display: inline-block; width: 90px;}
|
.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 .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 .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{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{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 dt{width: 110px; font-weight: 400; padding: 8px 0 0 0;}
|
||||||
.kakaotalksend_cont .kakao_wrap .button_type_wrap .button_type_input{width: 483px;}
|
.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;}
|
.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 dt{width: 60px;margin:0 7px 0 0;}
|
||||||
.friend_template_content .kakao_template_list .kakao_template_info dd{width: calc(100% - 50px);}
|
.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_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;}
|
.kakaotalkset_cont .friend_talk_wrap .send_left{padding: 0 0 100px 0;}
|
||||||
.friend_talk_wrap .friend_template_add_wrap .template_name{width: 100%;}
|
.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 .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 .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_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_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 .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{margin: 0 0 10px 0; font-size: 15px; color: #222;}
|
||||||
.friend_talk_wrap .friend_talk_title span{color: #777;}
|
.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 .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 .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;}
|
.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{width: 165px;}
|
||||||
.friend_talk_wrap .put_right .send_btnWrap {position: absolute;width: 100%;bottom: 0;}
|
.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{padding: 0;}
|
||||||
.kakaotalksend_cont .friend_talk_wrap .put_left {height: 307px;}
|
.kakaotalksend_cont .friend_talk_wrap .put_left {height: 259px;}
|
||||||
.kakaotalksend_cont .friend_talk_wrap .put_text_wrap{height: calc(100% - 48px); margin: 10px 0 0 0;}
|
.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 .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;}
|
.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 .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{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 :not(.friendtalk) .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 :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 .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(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 - 소개 */
|
/* api - 소개 */
|
||||||
.send_top .api_guide_cont {background-color: #fff;padding: 30px 40px;border-radius: 10px;}
|
.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 {margin:0 0 57px 0; }
|
||||||
.api_guide_cont .api_visual_image img {max-width:100%;}
|
.api_guide_cont .api_visual_image img {max-width:100%;}
|
||||||
.api_guide_cont .api_intro {width:100%; margin:20px 0 0 0;}
|
.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 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 .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 .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_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 {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{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: -46px; top: 50%; transform: translateY(-50%); z-index: 1;}
|
.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{margin: 0 0 0 0;}
|
||||||
.api_guide_cont .api_process_guide li:last-child::after{display: none;}
|
.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 {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_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 .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 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: 17px; font-weight: 300; line-height: 1.2; padding:0 10px;}
|
.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 - 사용안내 */
|
||||||
.api_guide {display: none;}
|
.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 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 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 .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 사용안내, 예제 다운로드 공통 사용*/
|
||||||
.api_guide_cont .re_cont .type_table table {width:100%; margin:40px 0 7px 0;}
|
.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; }
|
.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 - 신청/관리 */
|
||||||
.api_guide_cont .api_admin {margin:0 0 60px 0; }
|
.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 .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 .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;}
|
.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 .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 .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 {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; }
|
.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-03 .text .icon img{margin-top: 24px;}
|
||||||
.kakao_intro_cont .service .con .service-04 .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버튼*/
|
||||||
.select_btnWrap .btn_right .search .send_text{width: 170px;}
|
.select_btnWrap .btn_right .search .send_text{width: 170px;}
|
||||||
|
|
||||||
|
|||||||
@ -1046,8 +1046,10 @@
|
|||||||
.template_choice_popup .template_type{width: 180px;}
|
.template_choice_popup .template_type{width: 180px;}
|
||||||
.template_choice_popup .emphasis_type{width: 180px;}
|
.template_choice_popup .emphasis_type{width: 180px;}
|
||||||
.template_choice_popup .popup_search_wrap .template_name{width: 300px;}
|
.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{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{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: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 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;}
|
.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 .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 .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{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{ 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 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;}
|
.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_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 .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;}
|
.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.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.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_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>
|
<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>
|
||||||
<!-- // 결제관리 > 세금계산서 발행 등록 -->
|
<!-- // 결제관리 > 세금계산서 발행 등록 -->
|
||||||
|
|
||||||
|
<!-- 카톡발송 > 친구톡 -->
|
||||||
|
<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>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
File diff suppressed because it is too large
Load Diff
@ -23,161 +23,7 @@
|
|||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div class="skip_menu">
|
<div data-include-path="/publish/layout/_header.html"></div>
|
||||||
<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 영역 -->
|
<!-- login 영역 -->
|
||||||
<!-- content 영역 -->
|
<!-- content 영역 -->
|
||||||
<div id="container" class="cont sub">
|
<div id="container" class="cont sub">
|
||||||
@ -186,295 +32,510 @@
|
|||||||
<div class="send_top">
|
<div class="send_top">
|
||||||
<!-- tab button -->
|
<!-- tab button -->
|
||||||
<ul class="tabType4">
|
<ul class="tabType4">
|
||||||
<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_allimtalk_send.html'">알림톡</button></li>
|
||||||
<li class="tab"><button type="button" onclick="TabType5(this,'2');">친구톡</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"><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>
|
</ul>
|
||||||
<!--// tab button -->
|
<!--// tab button -->
|
||||||
|
|
||||||
<div class="top_content kakao_intro_cont current">
|
<div class="top_content kakao_intro_cont pay_tab_wrap current">
|
||||||
<div class="heading">
|
<div class="heading">
|
||||||
<h2>알림톡 소개</h2>
|
<h2>카카오톡 소개</h2>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="kakao_intro">
|
<ul class="tabType1">
|
||||||
<div class="title">
|
<li class="tab active"><button type="button" onclick="contentTab(this,'1');">알림톡</button></li>
|
||||||
<h3>알림톡이란?</h3>
|
<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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="con">
|
||||||
|
<!--설명-->
|
||||||
|
<div class="intro">
|
||||||
|
<img class="phone" src="/publish/images/kakao_intro_cont/phone.png" alt="핸드폰">
|
||||||
|
<!--<div class="text">
|
||||||
|
<p>카카오톡 전용 기업 메시지 서비스<span>"알림톡"</span></p>
|
||||||
|
<img src="./images/kakao_intro_cont/on.png" alt="on이미지">
|
||||||
|
</div>-->
|
||||||
|
|
||||||
|
<ul class="list">
|
||||||
|
<li>
|
||||||
|
<img src="/publish/images/kakao_intro_cont/text.png" alt="카카오톡 전용 기업 메시지 서비스 “알림톡”">
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>1</p>
|
||||||
|
<p>1,000자 이내 <span>텍스트 및 이미지 전송 가능</span></p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>2</p>
|
||||||
|
<p><span>문자 메시지 대비</span> 65% 이상 저렴</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>3</p>
|
||||||
|
<p>
|
||||||
|
<span>카톡 채널아이디를 추가하지 않은 이용자에게도</span><br>
|
||||||
|
전화번호만 있으면 메시지 전송 가능
|
||||||
|
</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>4</p>
|
||||||
|
<p><span>발송실패 시</span> 자동으로 문자 대체 발송</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>5</p>
|
||||||
|
<p><span>카카오 인증마크를 통해</span> 신뢰도 높은 메시지 발송</p>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<p>6</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="box box-01">
|
||||||
|
<div class="fight-img">
|
||||||
|
<p class="name">문자</p>
|
||||||
|
<div class="icon">
|
||||||
|
<img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
|
||||||
|
<p class="price">18원</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p class="vs">VS</p>
|
||||||
|
<div class="fight-img kakao">
|
||||||
|
<p class="name">알림톡</p>
|
||||||
|
<div class="icon">
|
||||||
|
<img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
|
||||||
|
<p class="price">6.9원</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text">
|
||||||
|
<p>문자 대비 <span>65% 저렴</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="fight-line"></div>
|
||||||
|
<div class="box box-02">
|
||||||
|
<div class="fight-img">
|
||||||
|
<p class="name">문자</p>
|
||||||
|
<div class="icon">
|
||||||
|
<img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
|
||||||
|
<p class="price">90Byte</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<p class="vs">VS</p>
|
||||||
|
<div class="fight-img kakao">
|
||||||
|
<p class="name">알림톡</p>
|
||||||
|
<div class="icon">
|
||||||
|
<img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
|
||||||
|
<p class="price">1,000글자</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text">
|
||||||
|
<p>바이트(byte)에 관계없이 <span>무조건 1,000자(한/영) 발송</span></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- <div class="fight-text-wrap">
|
||||||
|
<div class="text">
|
||||||
|
<p>문자 대비 <span>75% 저렴</span></p>
|
||||||
|
</div>
|
||||||
|
<div class="text">
|
||||||
|
<p>바이트(byte)에 관계없이 <span>무조건 1,000자(한/영) 발송</span></p>
|
||||||
|
</div>
|
||||||
|
</div> -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="title-line">
|
<!--알림톡 활용 방법-->
|
||||||
<div class="left-line"></div>
|
<div class="use">
|
||||||
<div class="right-line"></div>
|
<div class="title">
|
||||||
</div>
|
<h3>알림톡 활용 방법</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="con">
|
<div class="title-line">
|
||||||
<!--설명-->
|
<div class="left-line"></div>
|
||||||
<div class="intro">
|
<div class="right-line"></div>
|
||||||
<img class="phone" src="/publish/images/kakao_intro_cont/phone.png" alt="핸드폰">
|
</div>
|
||||||
<!--<div class="text">
|
|
||||||
<p>카카오톡 전용 기업 메시지 서비스<span>"알림톡"</span></p>
|
<div class="tab-wrap">
|
||||||
<img src="./images/kakao_intro_cont/on.png" alt="on이미지">
|
<ul class="tabs">
|
||||||
</div>-->
|
<li class="tab-link current" data-tab="tab-1">금융/보험</li>
|
||||||
|
<li class="tab-link" data-tab="tab-2">기관/단체</li>
|
||||||
<ul class="list">
|
<li class="tab-link" data-tab="tab-3">여행</li>
|
||||||
<li>
|
<li class="tab-link" data-tab="tab-4">예약/예매</li>
|
||||||
<img src="/publish/images/kakao_intro_cont/text.png" alt="카카오톡 전용 기업 메시지 서비스 “알림톡”">
|
<li class="tab-link" data-tab="tab-5">배송/배달</li>
|
||||||
</li>
|
<li class="tab-link" data-tab="tab-6">안내/이벤트</li>
|
||||||
<li>
|
|
||||||
<p>1</p>
|
|
||||||
<p>1,000자 이내 <span>텍스트 및 이미지 전송 가능</span></p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>2</p>
|
|
||||||
<p><span>문자 메시지 대비</span> 65% 이상 저렴</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>3</p>
|
|
||||||
<p>
|
|
||||||
<span>카톡 채널아이디를 추가하지 않은 이용자에게도</span><br>
|
|
||||||
전화번호만 있으면 메시지 전송 가능
|
|
||||||
</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>4</p>
|
|
||||||
<p><span>발송실패 시</span> 자동으로 문자 대체 발송</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>5</p>
|
|
||||||
<p><span>카카오 인증마크를 통해</span> 신뢰도 높은 메시지 발송</p>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<p>6</p>
|
|
||||||
<p><span>발신자 브랜드의 이미지 및 </span>신뢰도 상승 효과 달성</p>
|
|
||||||
</li>
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
|
<div id="tab-1" class="tab-content current"><img src="/publish/images/kakao_intro_cont/bank.png" alt="금융,보험"></div>
|
||||||
|
<div id="tab-2" class="tab-content"><img src="/publish/images/kakao_intro_cont/organization.png" alt="기관,단체"></div>
|
||||||
|
<div id="tab-3" class="tab-content"><img src="/publish/images/kakao_intro_cont/travel.png" alt="여행"></div>
|
||||||
|
<div id="tab-4" class="tab-content"><img src="/publish/images/kakao_intro_cont/reservation.png" alt="예약,예약"></div>
|
||||||
|
<div id="tab-5" class="tab-content"><img src="/publish/images/kakao_intro_cont/delivery.png" alt="배송,배달"></div>
|
||||||
|
<div id="tab-6" class="tab-content"><img src="/publish/images/kakao_intro_cont/event.png" alt="안내,이벤트"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--문자vs알림톡-->
|
</div>
|
||||||
<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="box box-01">
|
<div class="service">
|
||||||
<div class="fight-img">
|
<div class="title">
|
||||||
<p class="name">문자</p>
|
<h3>서비스 이용 방법</h3>
|
||||||
<div class="icon">
|
</div>
|
||||||
<img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
|
|
||||||
<p class="price">18원</p>
|
<div class="title-line">
|
||||||
</div>
|
<div class="left-line"></div>
|
||||||
</div>
|
<div class="right-line"></div>
|
||||||
<p class="vs">VS</p>
|
</div>
|
||||||
<div class="fight-img kakao">
|
|
||||||
<p class="name">알림톡</p>
|
<div class="con first-line">
|
||||||
<div class="icon">
|
<div class="service-01 common">
|
||||||
<img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
|
<div class="step">
|
||||||
<p class="price">6.9원</p>
|
<p>STEP <span>01</span></p>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="text">
|
|
||||||
<p>문자 대비 <span>65% 저렴</span></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="fight-line"></div>
|
<div class="text">
|
||||||
<div class="box box-02">
|
<div class="btn">
|
||||||
<div class="fight-img">
|
<a href="https://center-pf.kakao.com/" target="_blank">카카오톡 채널 가입하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
|
||||||
<p class="name">문자</p>
|
|
||||||
<div class="icon">
|
|
||||||
<img src="/publish/images/kakao_intro_cont/message.jpg.jpg" alt="문자">
|
|
||||||
<p class="price">90Byte</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<p class="vs">VS</p>
|
<div class="text-line"></div>
|
||||||
<div class="fight-img kakao">
|
<div class="type">
|
||||||
<p class="name">알림톡</p>
|
<p>
|
||||||
<div class="icon">
|
카카오톡 채널을 먼저 가입해주신 다음 <br>
|
||||||
<img src="/publish/images/kakao_intro_cont/kakao.jpg.jpg" alt="카카오">
|
비즈니스 채널 전환 신청을 해주세요.
|
||||||
<p class="price">1,000글자</p>
|
</p>
|
||||||
</div>
|
<p>
|
||||||
</div>
|
※ 가입 후 카카오톡 채널 설정에서 <br>
|
||||||
<div class="text">
|
공개, 검색허용 설정을 하셔야 합니다.
|
||||||
<p>바이트(byte)에 관계없이 <span>무조건 1,000자(한/영) 발송</span></p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="icon"><img src="/publish/images/kakao_intro_cont/service_01.jpg" alt="카카오톡 채널 가입하러 가기 아이콘"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="fight-text-wrap">
|
<div class="service-02 common">
|
||||||
<div class="text">
|
<div class="step">
|
||||||
<p>문자 대비 <span>75% 저렴</span></p>
|
<p>STEP <span>02</span></p>
|
||||||
</div>
|
</div>
|
||||||
<div class="text">
|
<div class="text">
|
||||||
<p>바이트(byte)에 관계없이 <span>무조건 1,000자(한/영) 발송</span></p>
|
<div class="btn">
|
||||||
|
<a href="#">채널 ID 등록하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-line"></div>
|
||||||
|
<div class="type">
|
||||||
|
<p>
|
||||||
|
가입하신 카카오톡 채널의 채널ID(채널이름)를 <br>
|
||||||
|
채널ID 등록 메뉴에 등록해주세요.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="icon"><img src="/publish/images/kakao_intro_cont/service_02.jpg" alt="채널 ID 등록하러 가기 아이콘"></div>
|
||||||
</div>
|
</div>
|
||||||
</div> -->
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="con second-line">
|
||||||
|
<div class="service-03 common">
|
||||||
|
<div class="step">
|
||||||
|
<p>STEP <span>03</span></p>
|
||||||
|
</div>
|
||||||
|
<div class="text">
|
||||||
|
<div class="btn">
|
||||||
|
<a href="#">알림톡 템플릿 등록하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-line"></div>
|
||||||
|
<div class="type">
|
||||||
|
<p>
|
||||||
|
알림톡 발송을 위해서는 사용하실 템플릿(메시지 내용)에
|
||||||
|
대한 카카오의 승인이 반드시 필요합니다.
|
||||||
|
템플릿을 작성하신 후 심사요청을 진행해주세요.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
※ 템플릿 승인까지 최대 3일 소요
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="icon"><img src="/publish/images/kakao_intro_cont/service_03.jpg" alt="알림톡 템플릿 등록하러 가기 아이콘"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="service-04 common">
|
||||||
|
<div class="step">
|
||||||
|
<p>STEP <span>04</span></p>
|
||||||
|
</div>
|
||||||
|
<div class="text">
|
||||||
|
<div class="btn">
|
||||||
|
<a href="#">알림톡 전송하기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
|
||||||
|
</div>
|
||||||
|
<div class="text-line"></div>
|
||||||
|
<div class="type">
|
||||||
|
<p>
|
||||||
|
템플릿이 승인되셨다면 문자온 알림톡을 <br>
|
||||||
|
통해 메시지를 발송하실 수 있습니다.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="icon"><img src="/publish/images/kakao_intro_cont/service_04.jpg" alt="알림톡 전송하기 아이콘"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--이용가이드 버튼-->
|
||||||
|
<div class="guide">
|
||||||
|
<a href="https://kakaobusiness.gitbook.io/main/ad/bizmessage/notice-friend" 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>- 한글, 영문 구분 없이 최대 1,000자까지 전송 가능합니다.</li>
|
||||||
|
<li>- 알림톡 발송 실패에 따른 대체문자 발송 시 문자요금(단문, 장문, 그림)이 보유 캐시에서 차감됩니다.</li>
|
||||||
|
<li>- 알림톡에서 허용하는 영리목적이 없는 정보성 메시지에 해당하는지 여부는 스팸 관련 정보통신망법 안내서를 꼭 참고하시길 바랍니다.</li>
|
||||||
|
<li>(주문/예약 확인, 결제 내역, 배송 현황 메시지 등이 이에 해당하며 구독자 대상의 뉴스레터나 일반적인 공지문은 포함되지 않습니다.)</li>
|
||||||
|
<li>
|
||||||
|
<a href="https://spam.kisa.or.kr/common/nttFileDownload.do?fileKey=f3de0346e5010755186576fa45b37be2" target="_blank">스팸 관련 정보통신망법 안내서 바로가기</a>
|
||||||
|
</li>
|
||||||
|
<li>- 부고, 답례, 초대장 등은 정보성 메시지가 아니므로 알림톡으로 보내실 수 없습니다. </li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<!-- // 알림톡 소개 -->
|
||||||
|
|
||||||
<!--알림톡 활용 방법-->
|
<!-- 친구톡 소개 -->
|
||||||
<div class="use">
|
<div class="tab_content friendtalk" id="tab_content_2">
|
||||||
<div class="title">
|
<div class="kakao_intro">
|
||||||
<h3>알림톡 활용 방법</h3>
|
<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>
|
||||||
|
|
||||||
<div class="title-line">
|
<!-- 친구톡 유형 -->
|
||||||
<div class="left-line"></div>
|
<div class="use">
|
||||||
<div class="right-line"></div>
|
<div class="title">
|
||||||
</div>
|
<h3>친구톡 유형</h3>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="tab-wrap">
|
<div class="title-line">
|
||||||
<ul class="tabs">
|
<div class="left-line"></div>
|
||||||
<li class="tab-link current" data-tab="tab-1">금융/보험</li>
|
<div class="right-line"></div>
|
||||||
<li class="tab-link" data-tab="tab-2">기관/단체</li>
|
</div>
|
||||||
<li class="tab-link" data-tab="tab-3">여행</li>
|
|
||||||
<li class="tab-link" data-tab="tab-4">예약/예매</li>
|
<ul class="friendtalk_use">
|
||||||
<li class="tab-link" data-tab="tab-5">배송/배달</li>
|
<li>
|
||||||
<li class="tab-link" data-tab="tab-6">안내/이벤트</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>
|
</ul>
|
||||||
|
|
||||||
<div id="tab-1" class="tab-content current"><img src="/publish/images/kakao_intro_cont/bank.png" alt="금융,보험"></div>
|
|
||||||
<div id="tab-2" class="tab-content"><img src="/publish/images/kakao_intro_cont/organization.png" alt="기관,단체"></div>
|
|
||||||
<div id="tab-3" class="tab-content"><img src="/publish/images/kakao_intro_cont/travel.png" alt="여행"></div>
|
|
||||||
<div id="tab-4" class="tab-content"><img src="/publish/images/kakao_intro_cont/reservation.png" alt="예약,예약"></div>
|
|
||||||
<div id="tab-5" class="tab-content"><img src="/publish/images/kakao_intro_cont/delivery.png" alt="배송,배달"></div>
|
|
||||||
<div id="tab-6" class="tab-content"><img src="/publish/images/kakao_intro_cont/event.png" alt="안내,이벤트"></div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
<!--서비스이용방법-->
|
||||||
|
<div class="service">
|
||||||
<!--서비스이용방법-->
|
<div class="title">
|
||||||
<div class="service">
|
<h3>서비스 이용 방법</h3>
|
||||||
<div class="title">
|
|
||||||
<h3>서비스 이용 방법</h3>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="title-line">
|
|
||||||
<div class="left-line"></div>
|
|
||||||
<div class="right-line"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="con first-line">
|
|
||||||
<div class="service-01 common">
|
|
||||||
<div class="step">
|
|
||||||
<p>STEP <span>01</span></p>
|
|
||||||
</div>
|
|
||||||
<div class="text">
|
|
||||||
<div class="btn">
|
|
||||||
<a href="https://center-pf.kakao.com/" target="_blank">카카오톡 채널 가입하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
|
|
||||||
</div>
|
|
||||||
<div class="text-line"></div>
|
|
||||||
<div class="type">
|
|
||||||
<p>
|
|
||||||
카카오톡 채널을 먼저 가입해주신 다음 <br>
|
|
||||||
비즈니스 채널 전환 신청을 해주세요.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
※ 가입 후 카카오톡 채널 설정에서 <br>
|
|
||||||
공개, 검색허용 설정을 하셔야 합니다.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="icon"><img src="/publish/images/kakao_intro_cont/service_01.jpg" alt="카카오톡 채널 가입하러 가기 아이콘"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="service-02 common">
|
|
||||||
<div class="step">
|
<div class="title-line">
|
||||||
<p>STEP <span>02</span></p>
|
<div class="left-line"></div>
|
||||||
</div>
|
<div class="right-line"></div>
|
||||||
<div class="text">
|
|
||||||
<div class="btn">
|
|
||||||
<a href="#">채널 ID 등록하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
|
|
||||||
</div>
|
|
||||||
<div class="text-line"></div>
|
|
||||||
<div class="type">
|
|
||||||
<p>
|
|
||||||
가입하신 카카오톡 채널의 채널ID(채널이름)를 <br>
|
|
||||||
채널ID 등록 메뉴에 등록해주세요.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="icon"><img src="/publish/images/kakao_intro_cont/service_02.jpg" alt="채널 ID 등록하러 가기 아이콘"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
<ul class="kakao_use_guide">
|
||||||
<div class="con second-line">
|
<li class="guide_01">
|
||||||
<div class="service-03 common">
|
<div class="title">STEP <span>01</span></div>
|
||||||
<div class="step">
|
<i></i>
|
||||||
<p>STEP <span>03</span></p>
|
<p class="guide_title">카카오톡 채널 가입</p>
|
||||||
</div>
|
<span class="guide_info">카카오톡 채널 생성을 위한 <br> 계정이 없으시다면, 카카오에서 <br> 카카오톡 비즈니스 회원가입을<br> 먼저
|
||||||
<div class="text">
|
진행해주세요.</span>
|
||||||
<div class="btn">
|
</li>
|
||||||
<a href="#">알림톡 템플릿 등록하러 가기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
|
<li class="guide_02">
|
||||||
</div>
|
<div class="title">STEP <span>02</span></div>
|
||||||
<div class="text-line"></div>
|
<i></i>
|
||||||
<div class="type">
|
<p class="guide_title">채널 ID 등록하러 가기</p>
|
||||||
<p>
|
<span class="guide_info">가입하신 카카오톡 채널의 채널 ID(채널이름)를 채널 ID 등록 메뉴에 등록해주세요.</span>
|
||||||
알림톡 발송을 위해서는 사용하실 템플릿(메시지 내용)에
|
</li>
|
||||||
대한 카카오의 승인이 반드시 필요합니다.
|
<li class="guide_03">
|
||||||
템플릿을 작성하신 후 심사요청을 진행해주세요.
|
<div class="title">STEP <span>03</span></div>
|
||||||
</p>
|
<i></i>
|
||||||
<p>
|
<p class="guide_title">친구톡 전송</p>
|
||||||
※ 템플릿 승인까지 최대 3일 소요
|
<span class="guide_info">친구톡은 별도의 템플릿 심사 절차 없이, 즉시 발송 가능합니다.</span>
|
||||||
</p>
|
</li>
|
||||||
</div>
|
</ul>
|
||||||
<div class="icon"><img src="/publish/images/kakao_intro_cont/service_03.jpg" alt="알림톡 템플릿 등록하러 가기 아이콘"></div>
|
|
||||||
</div>
|
<!--이용가이드 버튼-->
|
||||||
</div>
|
<div class="guide">
|
||||||
<div class="service-04 common">
|
<a href="https://kakaobusiness.gitbook.io/main/ad/brandmessage" target="_blank">친구톡 이용가이드 보기 <img src="/publish/images/kakao_intro_cont/guide_arrow.png" alt="알림톡 이용가이드 화살표"></a>
|
||||||
<div class="step">
|
|
||||||
<p>STEP <span>04</span></p>
|
|
||||||
</div>
|
|
||||||
<div class="text">
|
|
||||||
<div class="btn">
|
|
||||||
<a href="#">알림톡 전송하기<img src="/publish/images/kakao_intro_cont/arrow.jpg" alt="화살표"></a>
|
|
||||||
</div>
|
|
||||||
<div class="text-line"></div>
|
|
||||||
<div class="type">
|
|
||||||
<p>
|
|
||||||
템플릿이 승인되셨다면 문자온 알림톡을 <br>
|
|
||||||
통해 메시지를 발송하실 수 있습니다.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="icon"><img src="/publish/images/kakao_intro_cont/service_04.jpg" alt="알림톡 전송하기 아이콘"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--이용가이드 버튼-->
|
<!--유의사항-->
|
||||||
<div class="guide">
|
<div class="note">
|
||||||
<a href="https://kakaobusiness.gitbook.io/main/ad/bizmessage/notice-friend" target="_blank">알림톡 이용가이드 보기 <img src="/publish/images/kakao_intro_cont/guide_arrow.png" alt="알림톡 이용가이드 화살표"></a>
|
<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 class="note">
|
|
||||||
<div class="note-title">
|
|
||||||
<p><span><img src="/publish/images/kakao_intro_cont/note_icon.png" alt="유의사항 아이콘"></span>유의사항</p>
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li>- 한글, 영문 구분 없이 최대 1,000자까지 전송 가능합니다.</li>
|
|
||||||
<li>- 알림톡 발송 실패에 따른 대체문자 발송 시 문자요금(단문, 장문, 그림)이 보유 캐시에서 차감됩니다.</li>
|
|
||||||
<li>- 알림톡에서 허용하는 영리목적이 없는 정보성 메시지에 해당하는지 여부는 스팸 관련 정보통신망법 안내서를 꼭 참고하시길 바랍니다.</li>
|
|
||||||
<li>(주문/예약 확인, 결제 내역, 배송 현황 메시지 등이 이에 해당하며 구독자 대상의 뉴스레터나 일반적인 공지문은 포함되지 않습니다.)</li>
|
|
||||||
<li>
|
|
||||||
<a href="https://spam.kisa.or.kr/common/nttFileDownload.do?fileKey=f3de0346e5010755186576fa45b37be2" target="_blank">스팸 관련 정보통신망법 안내서 바로가기</a>
|
|
||||||
</li>
|
|
||||||
<li>- 부고, 답례, 초대장 등은 정보성 메시지가 아니므로 알림톡으로 보내실 수 없습니다. </li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!--// send top -->
|
<!--// send top -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!--// content 영역 -->
|
<!--// content 영역 -->
|
||||||
<!-- footer -->
|
<!-- footer -->
|
||||||
<div data-include-path="/publish/layout/_footer.html"></div>
|
<div data-include-path="/publish/layout/_footer.html"></div>
|
||||||
<!--// footer 영역 -->
|
<!--// footer 영역 -->
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@ -24,6 +24,7 @@
|
|||||||
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
|
<script src="/publish/js/jquery.mCustomScrollbar.concat.min.js"></script>
|
||||||
<script src="/publish/js/common.js"></script>
|
<script src="/publish/js/common.js"></script>
|
||||||
<script src="/publish/js/content.js"></script>
|
<script src="/publish/js/content.js"></script>
|
||||||
|
<script src="/publish/js/popup.js"></script>
|
||||||
<script src="/publish/js/popupLayer.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.js"></script>
|
||||||
<script type="text/javascript" src="/publish/js/datepicker/picker.date.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>
|
<a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a>
|
||||||
</div>
|
</div>
|
||||||
<!--// skip 메뉴 -->
|
<!--// skip 메뉴 -->
|
||||||
|
<div data-include-path="/publish/layout/_header.html"></div>
|
||||||
<!-- 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 영역 -->
|
|
||||||
<!-- content 영역 -->
|
<!-- content 영역 -->
|
||||||
<div id="container" class="cont sub">
|
<div id="container" class="cont sub">
|
||||||
<div class="inner">
|
<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_allimtalk_send.html'">알림톡</button></li>
|
||||||
<li class="tab"><button type="button" onclick="location.href='/publish/kakao_friendtalk_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 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>
|
</ul>
|
||||||
<!--// tab button -->
|
<!--// tab button -->
|
||||||
<!-- 카카오톡 설정 - 알림톡 템플릿 등록/관리 - 내템플릿 -->
|
<!-- 카카오톡 설정 - 알림톡 템플릿 등록/관리 - 내템플릿 -->
|
||||||
<div class="top_content kakaotalkset_cont current pay_tab_wrap">
|
<div class="top_content kakaotalkset_cont current pay_tab_wrap">
|
||||||
<div class="heading">
|
<div class="heading">
|
||||||
<h2>카카오톡 설정</h2>
|
<h2>카카오톡 설정</h2>
|
||||||
<button type="button" class="button info"
|
<button type="button" class="button info" onclick="infoListPop('friendTalkSend','792','340');">사용안내</button>
|
||||||
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>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="list_tab_wrap2 type2">
|
<div class="list_tab_wrap2 type2">
|
||||||
<!-- tab button -->
|
<!-- tab button -->
|
||||||
@ -178,7 +73,7 @@
|
|||||||
<p class="tType1_title">친구톡 템플릿 등록</p>
|
<p class="tType1_title">친구톡 템플릿 등록</p>
|
||||||
<table class="tType1">
|
<table class="tType1">
|
||||||
<colgroup>
|
<colgroup>
|
||||||
<col style="width: 190px;">
|
<col style="width: 130px;">
|
||||||
<col style="width: auto;">
|
<col style="width: auto;">
|
||||||
</colgroup>
|
</colgroup>
|
||||||
<tbody>
|
<tbody>
|
||||||
@ -186,6 +81,7 @@
|
|||||||
<th>채널ID</th>
|
<th>채널ID</th>
|
||||||
<td>
|
<td>
|
||||||
<select name="" id="" class="select_gray_type">
|
<select name="" id="" class="select_gray_type">
|
||||||
|
<option value="">채널 ID 선택</option>
|
||||||
<option value="">@munjaon</option>
|
<option value="">@munjaon</option>
|
||||||
</select>
|
</select>
|
||||||
</td>
|
</td>
|
||||||
@ -193,8 +89,10 @@
|
|||||||
<tr>
|
<tr>
|
||||||
<th>템플릿명</th>
|
<th>템플릿명</th>
|
||||||
<td>
|
<td>
|
||||||
<input type="text" class="template_name" placeholder="템플릿 명을 입력해주세요">
|
<div class="template_name_wrap">
|
||||||
<p class="template_name_cf">최대 100자, 중복불가</p>
|
<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>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<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_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_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_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>
|
<p class="info_title_text"><span class="c_e40000">*</span> 이미지 첨부 안내</p>
|
||||||
<ul class="info_text">
|
<ul class="info_text">
|
||||||
<li>- 권장사이즈 : 720px * 720px</li>
|
<li>- 권장사이즈 : 800px * 400px</li>
|
||||||
<li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
|
<li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li>
|
||||||
<li>- 파일형식 : jpg, png (최대 500kb)</li>
|
<li>- 파일형식 : jpg, png (최대 5MB)</li>
|
||||||
<li>- 이미지 첨부시 메시지 내용은 최대 400자까지 입력할 수 있습니다.</li>
|
<li>- 이미지 첨부 시 메시지 내용은 최대 400자, 버튼 5개까지 입력할 수 있습니다.</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
|
||||||
<div class="img_add_info_wrap wide_img_add_wrap">
|
<ul class="img_file_info_wrap">
|
||||||
<p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
|
<li>
|
||||||
<ul class="info_text">
|
<button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
|
||||||
<li>- 권장사이즈 : 800px * 600px</li>
|
<div class="img_file_wrap">
|
||||||
<!-- <li>- 제한사이즈 : 가로 500px 미만, 가로:세로 비율이 2:1 미만 또는 3:4 초과시 업로드 불가</li> -->
|
<p class="file_name">image_testtest.jpg</p>
|
||||||
<li>- 파일형식 : jpg, png (최대 2mb)</li>
|
<button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
|
||||||
<li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
|
</div>
|
||||||
</ul>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
</div>
|
<p>이미지 클릭시 이동할 URL</p>
|
||||||
<div class="img_file_add_wrap">
|
<input type="text" placeholder="(선택사항) https://" class="img_url">
|
||||||
<button type="button" class="btnType btnType8 btn_img_upload">이미지 불러오기</button>
|
</li>
|
||||||
<ul class="img_file_info_wrap">
|
</ul>
|
||||||
<li>
|
</div>
|
||||||
<p class="file_name">image_testtest.jpg</p>
|
<div class="img_file_add_wrap wide_img_add_wrap">
|
||||||
<button type="button" class="btn_del" onclick="buttonTypeDel(this);"><img src="/publish/images/btn_delete.png" alt=""></button>
|
<p class="info_title_text"><span class="c_e40000">*</span> 와이드 이미지 첨부 안내</p>
|
||||||
</li>
|
<ul class="info_text">
|
||||||
<li>
|
<li>- 권장사이즈 : 800px * 600px</li>
|
||||||
<p>이미지 클릭시 이동할 URL</p>
|
<li>- 파일형식 : jpg, png (최대 5MB)</li>
|
||||||
<input type="text" placeholder="http://" class="img_url">
|
<li>- 와이드 이미지 첨부시 메시지 내용은 최대 76자, 버튼 1개까지 입력할 수 있습니다.</li>
|
||||||
</li>
|
</ul>
|
||||||
</ul>
|
<ul class="img_file_info_wrap">
|
||||||
</div>
|
<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>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<th>광고포함 여부</th>
|
<th>광고포함 여부</th>
|
||||||
<td>
|
<td>
|
||||||
<input type="radio" name="ad_yn" id="ad_Y"><label for="ad_Y">광고성 정보
|
<input type="checkbox" name="ad_yn" id="ad_Y" style="margin:-4px 5px 0 0;" checked>
|
||||||
포함</label>
|
<label for="ad_Y">광고성 정보 포함</label>
|
||||||
<input type="radio" name="ad_yn" id="ad_N"><label for="ad_N">포함 안함</label>
|
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
@ -260,7 +167,7 @@
|
|||||||
<label for="textarea" class="label"></label>
|
<label for="textarea" class="label"></label>
|
||||||
<textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요."></textarea>
|
<textarea id="textarea" class="put_text" placeholder="내용을 입력해주세요."></textarea>
|
||||||
<div class="text_length">
|
<div class="text_length">
|
||||||
<div>
|
<div class="sub_ad_text">
|
||||||
<p>수신거부 : 홈 > 채널차단</p>
|
<p>수신거부 : 홈 > 채널차단</p>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
@ -271,8 +178,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="put_right">
|
<div class="put_right">
|
||||||
<div class="btn_popup_wrap">
|
<div class="btn_popup_wrap">
|
||||||
<button type="button" class="btnType btnType7"
|
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특수문자</button>
|
||||||
onclick="miniPopup(this)">특수문자</button>
|
|
||||||
<div class="send_miniPop spc_character">
|
<div class="send_miniPop spc_character">
|
||||||
<div class="tab_character">
|
<div class="tab_character">
|
||||||
<a href="#none" class="on">특수문자</a>
|
<a href="#none" class="on">특수문자</a>
|
||||||
@ -499,14 +405,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- //그외 -->
|
<!-- //그외 -->
|
||||||
<button type="button" class="btn_close"
|
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
|
||||||
onclick="miniPopup(this)">닫기</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn_popup_wrap convers_wrap">
|
<div class="btn_popup_wrap convers_wrap">
|
||||||
<button type="button" class="btnType btnType7"
|
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">특정문구 일괄변환<i class="qmMark"></i></button>
|
||||||
onclick="miniPopup(this)">특정문구 일괄변환<i
|
|
||||||
class="qmMark"></i></button>
|
|
||||||
<div class="send_miniPop convers">
|
<div class="send_miniPop convers">
|
||||||
<div>
|
<div>
|
||||||
<div class="convers_top">
|
<div class="convers_top">
|
||||||
@ -521,31 +424,137 @@
|
|||||||
<a href="#">#{4}</a>
|
<a href="#">#{4}</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button type="button" class="btn_close"
|
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
|
||||||
onclick="miniPopup(this)">닫기</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn_popup_wrap spc_wrap">
|
<div class="btn_popup_wrap spc_wrap">
|
||||||
<button type="button" class="btnType btnType7"
|
<button type="button" class="btnType btnType7" onclick="miniPopup(this)">이모티콘</button>
|
||||||
onclick="miniPopup(this)">이모티콘</button>
|
|
||||||
<div class="send_miniPop spc_character kakao_emoticon">
|
<div class="send_miniPop spc_character kakao_emoticon">
|
||||||
<div class="cnt_character">
|
<div class="cnt_character">
|
||||||
<div class="box_character">
|
<div class="box_character">
|
||||||
<a href="#">※</a>
|
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_001.png" alt="" /></a>
|
||||||
<a href="#">☆</a>
|
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_002.png" alt="" /></a>
|
||||||
<a href="#">★</a>
|
<a href="#"><img src="/publish/images/kakao_emoticon/kakao_emoticon_003.png" alt="" /></a>
|
||||||
<a href="#">○</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>
|
||||||
</div>
|
</div>
|
||||||
<button type="button" class="btn_close"
|
<button type="button" class="btn_close" onclick="miniPopup(this)">닫기</button>
|
||||||
onclick="miniPopup(this)">닫기</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="btn_popup_wrap template_call_wrap">
|
|
||||||
<button type="button" class="btnType btnType8">템플릿 불러오기</button>
|
|
||||||
</div>
|
|
||||||
<div class="send_btnWrap">
|
<div class="send_btnWrap">
|
||||||
<!-- <button type="button" class="btnType btn_text_save">내용 저장하기</button> -->
|
|
||||||
<button type="button" class="btnType btnType9">초기화</button>
|
<button type="button" class="btnType btnType9">초기화</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -556,13 +565,8 @@
|
|||||||
<td class="template_button">
|
<td class="template_button">
|
||||||
<select name="" id="" class="select_gray_type template_button_select">
|
<select name="" id="" class="select_gray_type template_button_select">
|
||||||
<option value="button_type_0">버튼타입 선택</option>
|
<option value="button_type_0">버튼타입 선택</option>
|
||||||
<option value="button_type_1">배송조회</option>
|
|
||||||
<option value="button_type_2">웹링크</option>
|
<option value="button_type_2">웹링크</option>
|
||||||
<option value="button_type_3">앱링크</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>
|
</select>
|
||||||
<button type="button" class="btnType btnType6"
|
<button type="button" class="btnType btnType6"
|
||||||
onclick="templateButtonAdd();">추가</button>
|
onclick="templateButtonAdd();">추가</button>
|
||||||
@ -630,13 +634,12 @@
|
|||||||
<div class="send_right">
|
<div class="send_right">
|
||||||
<div class="phone">
|
<div class="phone">
|
||||||
<div class="phoneIn">
|
<div class="phoneIn">
|
||||||
<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png"
|
<p class="prev_p"><img src="/publish/images/content/kakao_prev_icon.png" alt="">@munjaon</p>
|
||||||
alt="">@munjaon</p>
|
|
||||||
<!-- 텍스트 미리보기 -->
|
<!-- 텍스트 미리보기 -->
|
||||||
<div class="text_preview">
|
<div class="text_preview">
|
||||||
<p class="friend_talk_title"><span>(광고)</span> munjaon</p>
|
<p class="friend_talk_title"><span>(광고)</span> munjaon</p>
|
||||||
<div class="allimtalk_content">
|
<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 class="template_text">홍길동 고객님 안녕하세요.
|
||||||
문자온입니다.
|
문자온입니다.
|
||||||
문자온에서는 재결제 고객님들께 다양한 이벤트를 준비하였으니, 방문하셔서 혜택 놓치지 마세요.</p>
|
문자온에서는 재결제 고객님들께 다양한 이벤트를 준비하였으니, 방문하셔서 혜택 놓치지 마세요.</p>
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@ -156,8 +156,9 @@
|
|||||||
<dd>
|
<dd>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="/web/mjon/alimtalk/kakaoAlimtalkMsgDataView.do">알림톡</a></li>
|
<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/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>
|
</ul>
|
||||||
</dd>
|
</dd>
|
||||||
</dl>
|
</dl>
|
||||||
|
|||||||
@ -19,9 +19,11 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="textbox">
|
<div class="textbox">
|
||||||
<h1>문자온 시스템 점검중입니다.</h1>
|
<h1>문자온 시스템 점검중입니다.</h1>
|
||||||
<h3>· 점검일시 : <strong>2025년 4월 28일(월) 08:30 ~ 08:35</strong> (약 5분간)</h3>
|
<h3>· 점검일시 : <strong>2025년 6월 21일(토) 14:00 ~ 6월 23일(월) 08:00</strong> </h3>
|
||||||
<p>현재 홈페이지 인증서 교체 작업을 위한 시스템 점검중에 있습니다.</p>
|
<p>현재 홈페이지 시스템 백업 작업 중에 있습니다.</p>
|
||||||
<p><span>(기)예약 설정 건은 정상 발송되며, <br>작업 이전 '발송대기'건은 작업 완료 후 발송 시도됩니다.</span></p>
|
<p><span>중단 시작 5분 전부터 신규 발송이 제한됩니다.</span></p>
|
||||||
|
<p><span>작업 이전"발송대기" 건은 작업 완료 후 발송시도 합니다.</span></p>
|
||||||
|
<p><span>백업 작업 조기 완료 시 즉시 서비스 재개 예정입니다.</span></p>
|
||||||
<p>항상 더 나은 서비스 제공을 위해 노력하겠습니다.<br>
|
<p>항상 더 나은 서비스 제공을 위해 노력하겠습니다.<br>
|
||||||
감사합니다.</p>
|
감사합니다.</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -221,82 +221,88 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<p class="info_tit">[통신사 고객센터 정보]</p>
|
<p class="info_tit">[통신사 고객센터 정보]</p>
|
||||||
<ul>
|
<!-- 통신사 고객센터 수정 250619 -->
|
||||||
<li>
|
<div class="call_new">
|
||||||
<div>
|
<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>
|
||||||
|
1599-0011 / <span class="fwLg">유선</span> 1600-2000
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
</li>
|
||||||
<span class="fwLg">모바일</span>
|
<li>
|
||||||
080-011-6000 / <span class="fwLg">유선</span> 080-816-2000
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<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>
|
</div>
|
||||||
<p>1599-0999</p>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<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>106</p>
|
||||||
</div>
|
</div>
|
||||||
<p>080-8282-106</p>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<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 / LGU+망 1855-1140</p>
|
||||||
</div>
|
</div>
|
||||||
<p>KT망 1855-1144 / SKT망
|
</li>
|
||||||
1855-2114</p>
|
<li>
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<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>
|
||||||
|
100
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
</li>
|
||||||
<span class="fwLg">모바일</span> 1588-0010 / <span class="fwLg">유선</span>
|
<li>
|
||||||
100
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<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>KT망 1688-9300 / SKT망
|
||||||
|
1666-9316 / LGU+망 1688-0045</p>
|
||||||
</div>
|
</div>
|
||||||
<p>080-889-1000</p>
|
</li>
|
||||||
</div>
|
<li>
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<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>
|
||||||
|
1544-0010 / <span class="fwLg">유선</span> 101
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
</li>
|
||||||
<span class="fwLg">모바일</span>
|
<li>
|
||||||
1588-0010 / <span class="fwLg">유선</span> 100
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
<div>
|
|
||||||
<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>KT망 1811-1141 / SKT망
|
||||||
|
1877-9114 / LGU+망 1533-7114</p>
|
||||||
</div>
|
</div>
|
||||||
<p>070-8188-0114</p>
|
</li>
|
||||||
</div>
|
</ul>
|
||||||
</li>
|
</div>
|
||||||
</ul>
|
<!--// 통신사 고객센터 수정 250619 -->
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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