Kakao for business

<!DOCTYPE html> <html lang="ko">  <head> <meta charset="utf-8"> <title>Kakao for business</title>  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width"> <style> @charset "utf-8"; /* reset */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, button { margin: 0; padding: 0 } fieldset, img { border: 0 none } dl, ul, ol, menu, li { list-style: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none } input, select, textarea, button { vertical-align: middle } input::-ms-clear { display: none } button { border: 0 none; background-color: transparent; cursor: pointer } body { background: #fff } body, th, td, input, select, textarea, button { font-size: 14px; line-height: 1.5; font-family: 'NotoSans-regular', sans-serif; color: #222 } a { color: #333; text-decoration: none } a:active, a:hover { text-decoration: none } a:active { background-color: transparent } address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal } /* global */ #kakaoIndex { overflow: hidden; position: absolute; left: -9999px; width: 0; height: 1px; margin: 0; padding: 0 } .screen_out { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px } .show { display: block } .hide { display: none } /* 레이아웃 */ html, body { height: 100% } #kakaoWrap { position: relative; min-width: 970px; height: 100% } #kakaoContent { position: relative; min-height: 100% } #mArticle { padding: 134px 0 280px } /* h1, h2, h3, h4, strong{font-weight:normal} */ /* 공통 */ .link_g { border-bottom: 1px solid } /* 링크밑줄 */ .link_g:hover { text-decoration: none } /* 오류페이지 */ #kakaoWrap.wrap_error { min-width: 100%; background-color: #FFF; } .wrap_error #kakaoContent { height: 100%; } .wrap_error #mArticle { display: table; width: 100%; height: 100%; padding: 0; background-color: #FFF; } .bundle_error { display: table-cell; vertical-align: middle; text-align: center; } .bundle_error .tit_error { font-weight: 700; font-size: 26px; } .bundle_error .desc_error { padding-top: 17px; font-size: 15px; } .bundle_error .box_error { width: 740px; margin: 40px auto 0; padding: 31px 0 32px; font-size: 18px; background-color: #EFEFEF; } .bundle_error .box_error .emph_time { display: inline-block; margin: 2px 30px 0 0; font-size: 15px; color: #6B6B6B; vertical-align: top; } .bundle_error .list_admin { padding-top: 20px; } .bundle_error .list_admin li { display: inline-block; padding: 0 11px; } .bundle_error .list_admin .link_g { font-weight: 500; font-size: 15px; color: #223E7B; } .wrap_error .kakao_head { display: none; } .wrap_error .box_error { width: 100%; max-width: 740px; font-weight: 500; } /* 공통 에러페이지 */ .cont_error .bundle_error .wrap_img.type_page { display: inline-block; width: 173px; } .cont_error .bundle_error .wrap_img.type_fix { display: inline-block; width: 162px; } .cont_error .bundle_error .wrap_img.type_browse { display: inline-block; width: 214px; } .cont_error .bundle_error .wrap_img img { width: 100%; } .cont_error .bundle_error .tit_error { padding-top: 23px; font-weight: 500; font-size: 18px; line-height: 26px; } .cont_error .bundle_error .desc_error { padding-top: 8px; font-weight: 350; font-size: 13px; line-height: 19px; color: #7E838A; } .cont_error .bundle_error .wrap_buttons { padding-top: 40px; font-size: 0; } .cont_error .bundle_error .wrap_buttons .btn_reform { display: inline-block; vertical-align: top; padding: 6px 15px 6px; text-align: center; vertical-align: top; } .cont_error .bundle_error .wrap_buttons .btn_reform.type_normal { color: #222; } .cont_error .bundle_error .wrap_buttons .btn_reform.type_browse { width: 149px; color: #222; } .cont_error .bundle_error .wrap_buttons .btn_reform+.btn_reform { margin-left: 10px; } /* 버튼a */ .btn_reform.type_a { display: inline-block; vertical-align: top; font-weight: 400; min-width: 90px; font-size: 13px; padding: 6px 15px 6px; text-align: center; color: #326EDC; border: 1px solid #ddd; border-radius: 3px; background-color: #fff; } .btn_reform.type_a:hover { border: 1px solid #bbb; } .btn_reform.type_a.type_dim { border: 1px solid #E4E4E4; color: #ccc; } .btn_reform.type_normal { color: #222; } </style> </head> <body> <div id="kakaoWrap" class="wrap_error"> <script src="http://s1.daumcdn.net/svc/original/U03/cssjs/jquery/jquery-1.11.1.min.js"></script> <script> $(function() { $(".btn_nav").on("click", function() { $(this).parent(".gnb_wrap").children(".gnb_comm").addClass("open"); $(this).parents("body").addClass('side_open'); }); $(".btn_close").on("click", function() { $(this).parents(".gnb_comm").removeClass("open"); $(this).parents("body").removeClass("side_open"); }); $("#downloadChrome").on("click", function() { var chromeDownloadUrl = "https://www.google.com/chrome/"; var newWindow = window.open(chromeDownloadUrl, "_blank"); if (newWindow) { newWindow.focus(); } }); $("#downloadEdge").on("click", function() { var edgeDownloadUrl = "https://www.microsoft.com/en-us/edge"; var newWindow = window.open(edgeDownloadUrl, "_blank"); if (newWindow) { newWindow.focus(); } }); }); </script>  <hr class="hide">  <div id="kakaoContent" class="cont_error" role="main">   <div id="mArticle"> <div class="bundle_error"> <div class="inner_error"> <span class="wrap_img type_browse"> <img src="https://t1.kakaocdn.net/kakaobusiness_fe/public/img/sync_error4.png" alt=""> </span> <h1 class="tit_error">최신 브라우저를 다운로드 받아주세요.</h1> <p class="desc_error">카카오비즈니스를 이용하시려면 아래의 최신 브라우저를 다운로드해 주세요.</p> <div class="wrap_buttons"> <button type="button" class="btn_reform type_a type_browse" id="downloadChrome">Chrome 다운로드</button> <button type="button" class="btn_reform type_a type_browse" id="downloadEdge">Edge 다운로드</button> </div> </div> </div> </div>  </div>  <hr class="hide">   </div> </body> </html>

CINXE.COM

Kakao for business