Code - chominsoo4245/mjon

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>문자온 API 소개</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/font.css"> <script src="/publish/js/jquery-3.5.0.js"></script> <script src="/publish/js/common.js"></script> <script src="/publish/js/content.js"></script> <script src="/publish/js/allimtalk.js"></script> <script src="/publish/js/kakao_allimtalk.js"></script> </head> <body> <div class="skip_menu"> <a href="#cont" title="본문 바로가기" class="contGo">본문 바로가기</a> </div> <div class="mask"></div> <div data-include-path="/publish/layout/_header.html"></div>  <div id="container" class="cont sub"> <div class="inner">  <div class="send_top">  <ul class="tabType4"> <li class="tab active"><button type="button" onclick="location.href='/publish/api_intro.html'">연동 안내</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/api_guide.html'">개발 가이드</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/api_download.html'">예제 다운로드</button></li> <li class="tab"><button type="button" onclick="location.href='/publish/api_admin1.html'">신청/관리</button></li> </ul>  <div class="api_guide_cont current"> <div class="heading"> <h2>연동 서비스 안내</h2> </div>  <div class="api_visual_image"> <img src="images/api_intro_cont/api_intro_visual.jpg" alt="문자 API도 이제 '문자온!'' 별도의 프로그램 설치 없이 누구나 쉽고 편리하게 문자를 발송할 수 있습니다." usemap="#image-map"> <map name="image-map"> <area target="_self" alt="문자 API 신청하기" title="문자 API 신청하기" href="#" coords="88,214,291,268" shape="rect"> </map> </div> <div class="pay_tab_wrap"> <ul class="tabType1"> <li class="tab active"><button type="button" onclick="TabType5(this,'1');">문자</button></li> <li class="tab"><button type="button" onclick="TabType5(this,'2');">카카오톡</button></li> </ul> </div>  <div class="api_intro api_guide current" id="tab5_1"> <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>문자 연동 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 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> </div>   <div data-include-path="/publish/layout/_footer.html"></div>  </body> </html>