Code - chominsoo4245/mjon

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%> <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%@ taglib prefix="ec" uri="/WEB-INF/tld/ecnet_tld.tld"%> <%@ page import="itn.com.cmm.LoginVO" %> <form id="bizForm" name="bizForm" method="post"> <input type="hidden" id="menuTopTab" name="menuTopTab" value="tabIntro"> </form> <div class="inner">  <div class="send_top">  <%@include file="/WEB-INF/jsp/web/kakao/include/KaKaoAlimtalkTopMenuTap.jsp" %>  <div class="top_content kakao_intro_cont current"> <div class="heading"> <h2>알림톡 소개</h2> </div> <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="핸드폰"> <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> 75% 이상 저렴</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>  <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">25.9원</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.5원</p> </div> </div> <div class="text"> <p>문자 대비 <span>75% 저렴</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> </div> </div>  <div class="use"> <div class="title"> <h3>알림톡 활용 방법</h3> </div> <div class="title-line"> <div class="left-line"></div> <div class="right-line"></div> </div> <div class="tab-wrap"> <ul class="tabs"> <li class="tab-link current" data-tab="tab-1">금융/보험</li> <li class="tab-link" data-tab="tab-2">기관/단체</li> <li class="tab-link" data-tab="tab-3">여행</li> <li class="tab-link" data-tab="tab-4">예약/예매</li> <li class="tab-link" data-tab="tab-5">배송/배달</li> <li class="tab-link" data-tab="tab-6">안내/이벤트</li> </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 class="service"> <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 class="service-02 common"> <div class="step"> <p>STEP <span>02</span></p> </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 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>