It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://plus9s.co.kr

  1. <!doctype html>
  2. <html lang="ko">
  3. <head>
  4.    
  5.    <!-- Global site tag (gtag.js) - Google Analytics -->
  6.    <script async src="https://www.googletagmanager.com/gtag/js?id=G-9HP35Y0NGJ"></script>
  7.    <script>
  8.     window.dataLayer = window.dataLayer || [];
  9.     function gtag(){dataLayer.push(arguments);}
  10.     gtag('js', new Date());
  11.     gtag('config', 'G-9HP35Y0NGJ');
  12.    </script>
  13. <meta charset="utf-8">
  14.  
  15. <meta name="naver-site-verification" content="b58e02fbf87ff2960b22bd3a24830a87d77dab6f" />
  16. <meta name="google-site-verification" content="7rBf7N4J8utxJhFCsUkx5GdYsISKG3bcihiJ-78o8NQ" />
  17.  
  18.  
  19.  
  20. <link rel="canonical" href="/">
  21. <meta name="robots" content="ALL" />
  22. <meta name="keywords" content="인공지능, 무인 방범 서비스, 방범 서비스, 플러스나인 솔루션, 영상 보안, CCTV 설치, CCTV 설치 문의">
  23. <meta name="classification" content="플러스나인 솔루션">
  24. <meta name="description" content="인공지능 무인 방범 서비스 플러스나인 솔루션, 영상 보안, CCTV 설치">
  25. <meta property="og:type" content="website" />
  26. <meta property="og:title" content="플러스나인 솔루션" />
  27. <meta property="og:description" content="인공지능 무인 방범 서비스 플러스나인 솔루션, 영상 보안, CCTV 설치" />
  28. <meta property="og:url" content="http://plus9s.co.kr/">
  29.  
  30. <link rel="preload" as="image" href="/img/main/pc-01.png">
  31. <link rel="preload" as="image" href="/img/main/pc-02.png">
  32.  
  33.  
  34. <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=0,maximum-scale=10,user-scalable=yes">
  35. <meta http-equiv="imagetoolbar" content="no">
  36. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  37. <title>플러스나인 솔루션</title>
  38. <link rel="stylesheet" href="http://plus9s.co.kr/theme/basic/css/default_shop.css?ver=191211">
  39. <link rel="stylesheet" href="http://plus9s.co.kr/js/font-awesome/css/font-awesome.min.css?ver=191211">
  40. <link rel="stylesheet" href="http://plus9s.co.kr/js/swiper/swiper.min.css?ver=191211">
  41. <link rel="stylesheet" href="http://plus9s.co.kr/css/font.css?ver=191211">
  42. <link rel="stylesheet" href="http://plus9s.co.kr/theme/basic/css/wi_common.css?ver=191211">
  43. <link rel="stylesheet" href="http://plus9s.co.kr/theme/basic/css/wi_main.css?ver=191211">
  44. <link rel="stylesheet" href="http://plus9s.co.kr/js/owlcarousel/owl.carousel.css?ver=191211">
  45.  
  46. <!-- Google Tag Manager -->
  47. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  48. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  49. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  50. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  51. })(window,document,'script','dataLayer','GTM-PL9N6DH');</script>
  52. <!-- End Google Tag Manager -->
  53.  
  54.  
  55.  
  56. <!--[if lte IE 8]>
  57. <script src="http://plus9s.co.kr/js/html5.js"></script>
  58. <![endif]-->
  59. <script>
  60. // 자바스크립트에서 사용하는 전역변수 선언
  61. var g5_url       = "http://plus9s.co.kr";
  62. var g5_bbs_url   = "http://plus9s.co.kr/bbs";
  63. var g5_is_member = "";
  64. var g5_is_admin  = "";
  65. var g5_is_mobile = "";
  66. var g5_bo_table  = "";
  67. var g5_sca       = "";
  68. var g5_editor    = "";
  69. var g5_cookie_domain = "";
  70. var g5_theme_shop_url = "http://plus9s.co.kr/theme/basic/shop";
  71. var g5_shop_url = "http://plus9s.co.kr/shop";
  72. </script>
  73. <script src="http://plus9s.co.kr/js/jquery-1.12.4.min.js?ver=191202"></script>
  74. <script src="http://plus9s.co.kr/js/jquery-migrate-1.4.1.min.js?ver=191202"></script>
  75. <script src="http://plus9s.co.kr/js/jquery.shop.menu.js?ver=191202"></script>
  76. <script src="http://plus9s.co.kr/js/common.js?ver=191202"></script>
  77. <script src="http://plus9s.co.kr/js/wrest.js?ver=191202"></script>
  78. <script src="http://plus9s.co.kr/js/placeholders.min.js?ver=191202"></script>
  79. <script src="http://plus9s.co.kr/js/swiper/swiper.min.js?ver=191202"></script>
  80. <script src="http://plus9s.co.kr/js/swiper/swiper-animation.min.js?ver=191202"></script>
  81. <script src="http://plus9s.co.kr/js/wi_common.js?ver=191202"></script>
  82. <script src="http://plus9s.co.kr/js/wi_main.js?ver=191202"></script>
  83. <script src="http://plus9s.co.kr/js/jquery.bpopup.min.js?ver=191202"></script>
  84. <script src="http://plus9s.co.kr/js/owlcarousel/owl.carousel.min.js?ver=191202"></script>
  85. </head>
  86.  
  87.  
  88.  
  89. <body>
  90.  
  91.  
  92. <!-- Google Tag Manager (noscript) -->
  93. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PL9N6DH"
  94. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  95. <!-- End Google Tag Manager (noscript) -->
  96.  
  97.  
  98. <script>
  99. //자동 견적 알아보기 scroll 동작
  100. $(window).scroll(function(){
  101.        var hd = $("header").height();
  102.        var scrtop = $(window).scrollTop() + hd;
  103.        var secone = $(".event_line_wrap").offset().top;
  104.        
  105. if(scrtop > secone){
  106. $('header .auto_estimate_wrap').addClass('is-active');
  107. }
  108. else{
  109. $('header .auto_estimate_wrap').removeClass('is-active');
  110. }
  111. })
  112. </script>
  113.  
  114. <header>
  115. <div class="header_div">
  116. <h1>
  117. <a href="http://plus9s.co.kr" class='plus9_logo'></a>
  118. </h1>
  119. <nav>
  120. <ul>
  121. <li>
  122. <a href="http://plus9s.co.kr">홈</a>
  123. </li>
  124. <li>
  125. <a href="http://plus9s.co.kr/solution/">플러스나인 솔루션</a>
  126. </li>
  127. <li>
  128. <a href="http://plus9s.co.kr/estimate/">견적 요청</a>
  129. </li>
  130. <li>
  131. <a href="http://plus9s.co.kr/story/">스토리</a>
  132. </li>
  133. <li>
  134. <a href="http://plus9s.co.kr/partnership/">제휴문의</a>
  135. </li>
  136. <li>
  137. <a href="http://plus9s.co.kr/customer/">고객센터</a>
  138. </li>
  139. </ul>
  140. </nav>
  141. <div class="auto_estimate_wrap ">
  142. <a href="http://plus9s.co.kr/autoestimate/">자동견적 알아보기</a>
  143. </div>
  144. <span class='menu_btn'></span>
  145. <span class="x_btn"></span>
  146. </div>
  147. </header>
  148.  
  149.  
  150. <div class="common_pop bpopup_agree">
  151.    <div class="common_pop_wrap">
  152.        
  153.        <div class="common_pop_inner">
  154.            <div class="common_pop_title">
  155.                <h2>개인정보 수집 이용 약관</h2>
  156.            </div>
  157.            <div class="common_pop_content">
  158.                <p>1. 개인정보 처리방침이란?<br />
  159. <br />
  160. 주식회사 플러스나인(이하"회사")는 이용자의 ‘동의를 기반으로 개인정보를 수집·이용 및 제공’하고 있으며, ‘이용자의 권리 (개인정보 자기결정권)를 적극적으로 보장’합니다.<br />
  161. 회사는 정보통신서비스제공자가 준수하여야 하는 대한민국의 관계 법령 및 개인정보보호 규정, 가이드라인을 준수하고 있습니다.<br />
  162. “개인정보처리방침”이란 이용자의 소중한 개인정보를 보호함으로써 이용자가 안심하고 서비스를 이용할 수 있도록 회사가 준수해야 할 지침을 의미합니다.<br />
  163. 본 개인정보처리방침은 회사가 제공하는 카카오계정 기반의 서비스(이하 ‘서비스'라 함)에 적용됩니다.<br />
  164. <br />
  165. <br />
  166. <br />
  167. 2. 개인정보 수집<br />
  168. <br />
  169. 서비스 제공을 위한 필요 최소한의 개인정보를 수집하고 있습니다.<br />
  170. 회원 가입 시 또는 서비스 이용 과정에서 홈페이지 또는 개별 어플리케이션이나 프로그램 등을 통해 아래와 같은 서비스 제공을 위해 필요한 최소한의 개인정보를 수집하고 있습니다.<br />
  171. <br />
  172. [본인인증 시]<br />
  173. 이름, 성별, 생년월일, 휴대폰번호, 통신사업자, 내/외국인 여부, 암호화된 이용자 확인값(CI), 중복가입확인정보(DI)<br />
  174. <br />
  175. [법정대리인 동의 시]<br />
  176. 법정대리인 정보(이름, 성별, 생년월일, 휴대폰번호, 통신사업자, 내/외국인 여부, 암호화된 이용자 확인값(CI), 중복가입확인정보(DI))<br />
  177. <br />
  178. [유료서비스 이용 시]<br />
  179. 신용카드 결제 시: 카드번호(일부), 카드사명 등<br />
  180. 휴대전화번호 결제 시: 휴대전화번호, 결제승인번호 등<br />
  181. 계좌이체 시: 예금주명, 계좌번호, 계좌은행 등<br />
  182. 상품권 이용 시: 상품권 번호, 해당 사이트 아이디<br />
  183. <br />
  184. [환불처리 시]<br />
  185. 계좌은행, 계좌번호, 예금주명, 이메일<br />
  186. <br />
  187. [현금영수증 발행 시]<br />
  188. 휴대폰번호, 현금영수증 카드번호<br />
  189. <br />
  190. 일부 서비스에서는 특화된 여러 기능들을 제공하기 위해 ‘카카오계정’에서 공통으로 수집하는 정보 이외에 이용자에게 동의를 받고<br />
  191. 추가적인 개인정보를 수집할 수 있습니다.<br />
  192. <br />
  193. 필수정보란?<br />
  194. : 해당 서비스의 본질적 기능을 수행하기 위한 정보<br />
  195. 선택정보란?<br />
  196. : 보다 특화된 서비스를 제공하기 위해 추가 수집하는 정보 (선택 정보를 입력하지 않은 경우에도 서비스 이용 제한은 없습니다.)</p>
  197.            </div>
  198.        </div>
  199.        <div class="common_pop_close">
  200.            <a href="javascript:;" class="b-close">닫기</a>
  201.        </div>    
  202.    </div>
  203. </div>
  204.  
  205.  
  206. <div class="common_pop bpopup_marketing">
  207.    <div class="common_pop_wrap">
  208.        
  209.        <div class="common_pop_inner">
  210.            <div class="common_pop_title">
  211.                <h2>마케팅 활용 동의 약관</h2>
  212.            </div>
  213.            <div class="common_pop_content">
  214.                <p>제공정보: 성명, 생년월일, 성별, 휴대폰번호, 이메일, 강아지 관련 정보<br />
  215. 이용목적: 이메일, 문자,카톡 등을 활용한 반려동물 관련 정보 제공, 프로모션 안내 등<br />
  216. 이용기간: 동의일로부터 회원 탈퇴 혹은 마케팅 동의 해제시까지 보유·이용<br />
  217. 귀하는 개인정보의 선택적인 수집∙이용, 제공에 대한 동의를 거부할 수 있습니다. 동의하지 않을 경우에도 서비스에 이용에 대한 불이익은 없습니다. 또한, 동의한 경우에도 귀하는 동의를 철회하거나 마케팅 목적으로 귀하에게 연락하는 것을 중지하도록 요청할 수 있습니다.<br />
  218. <br />
  219. 제공정보: 성명, 생년월일, 성별, 휴대폰번호, 이메일, 강아지 관련 정보<br />
  220. 이용목적: 이메일, 문자,카톡 등을 활용한 반려동물 관련 정보 제공, 프로모션 안내 등<br />
  221. 이용기간: 동의일로부터 회원 탈퇴 혹은 마케팅 동의 해제시까지 보유·이용<br />
  222. 귀하는 개인정보의 선택적인 수집∙이용, 제공에 대한 동의를 거부할 수 있습니다. 동의하지 않을 경우에도 서비스에 이용에 대한 불이익은 없습니다. 또한, 동의한 경우에도 귀하는 동의를 철회하거나 마케팅 목적으로 귀하에게 연락하는 것을 중지하도록 요청할 수 있습니다.<br />
  223. <br />
  224. 제공정보: 성명, 생년월일, 성별, 휴대폰번호, 이메일, 강아지 관련 정보<br />
  225. 이용목적: 이메일, 문자,카톡 등을 활용한 반려동물 관련 정보 제공, 프로모션 안내 등<br />
  226. 이용기간: 동의일로부터 회원 탈퇴 혹은 마케팅 동의 해제시까지 보유·이용<br />
  227. 귀하는 개인정보의 선택적인 수집∙이용, 제공에 대한 동의를 거부할 수 있습니다. 동의하지 않을 경우에도 서비스에 이용에 대한 불이익은 없습니다. 또한, 동의한 경우에도 귀하는 동의를 철회하거나 마케팅 목적으로 귀하에게 연락하는 것을 중지하도록 요청할 수 있습니다.<br />
  228. <br />
  229. 제공정보: 성명, 생년월일, 성별, 휴대폰번호, 이메일, 강아지 관련 정보<br />
  230. 이용목적: 이메일, 문자,카톡 등을 활용한 반려동물 관련 정보 제공, 프로모션 안내 등<br />
  231. 이용기간: 동의일로부터 회원 탈퇴 혹은 마케팅 동의 해제시까지 보유·이용<br />
  232. 귀하는 개인정보의 선택적인 수집∙이용, 제공에 대한 동의를 거부할 수 있습니다. 동의하지 않을 경우에도 서비스에 이용에 대한 불이익은 없습니다. 또한, 동의한 경우에도 귀하는 동의를 철회하거나 마케팅 목적으로 귀하에게 연락하는 것을 중지하도록 요청할 수 있습니다.</p>
  233.            </div>
  234.        </div>
  235.        <div class="common_pop_close">
  236.            <a href="javascript:;" class="b-close">닫기</a>
  237.        </div>  
  238.    </div>
  239. </div>
  240.  
  241.  
  242.  
  243.  
  244. <script>
  245. jQuery(function ($){
  246. $(".btn_member_mn").on("click", function() {
  247.        $(".member_mn").toggle();
  248.        $(".btn_member_mn").toggleClass("btn_member_mn_on");
  249.    });
  250.    
  251.    var active_class = "btn_sm_on",
  252.        side_btn_el = "#quick .btn_sm",
  253.        quick_container = ".qk_con";
  254.  
  255.    $(document).on("click", side_btn_el, function(e){
  256.        e.preventDefault();
  257.  
  258.        var $this = $(this);
  259.        
  260.        if (!$this.hasClass(active_class)) {
  261.            $(side_btn_el).removeClass(active_class);
  262.            $this.addClass(active_class);
  263.        }
  264.  
  265.        if( $this.hasClass("btn_sm_cl1") ){
  266.            $(".side_mn_wr1").show();
  267.        } else if( $this.hasClass("btn_sm_cl2") ){
  268.            $(".side_mn_wr2").show();
  269.        } else if( $this.hasClass("btn_sm_cl3") ){
  270.            $(".side_mn_wr3").show();
  271.        } else if( $this.hasClass("btn_sm_cl4") ){
  272.            $(".side_mn_wr4").show();
  273.        }
  274.    }).on("click", ".con_close", function(e){
  275.        $(quick_container).hide();
  276.        $(side_btn_el).removeClass(active_class);
  277.    });
  278.  
  279.    $(document).mouseup(function (e){
  280.        var container = $(quick_container),
  281.            mn_container = $(".shop_login");
  282.        if( container.has(e.target).length === 0){
  283.            container.hide();
  284.            $(side_btn_el).removeClass(active_class);
  285.        }
  286.        if( mn_container.has(e.target).length === 0){
  287.            $(".member_mn").hide();
  288.            $(".btn_member_mn").removeClass("btn_member_mn_on");
  289.        }
  290.    });
  291.  
  292.    $("#top_btn").on("click", function() {
  293.        $("html, body").animate({scrollTop:0}, '500');
  294.        return false;
  295.    });
  296. });
  297. </script>
  298. <!-- 전체 콘텐츠 시작 { -->
  299. <div id="wrapper" class="">
  300.    <!-- #container 시작 { -->
  301.    <div id="container">
  302.                <div class="">
  303.            <!--
  304.                        <!-- 글자크기 조정 display:none 되어 있음 시작 { ->
  305.            <div id="text_size">
  306.                <button class="no_text_resize" onclick="font_resize('container', 'decrease');">작게</button>
  307.                <button class="no_text_resize" onclick="font_default('container');">기본</button>
  308.                <button class="no_text_resize" onclick="font_resize('container', 'increase');">크게</button>
  309.            </div>-->
  310.            <!-- } 글자크기 조정 display:none 되어 있음 끝 -->
  311. <section class='main_banner swiper-container swiper-container--main_ban'>
  312.    <div class="swiper-wrapper">
  313.        <div class="main_banner_wrap swiper-slide main_banner_img01">
  314.        </div>
  315.        <div class="main_banner_wrap swiper-slide main_banner_img02">
  316.        </div>
  317.        <div class="main_banner_wrap swiper-slide main_banner_img03">
  318.        </div>
  319.    </div>
  320.  
  321. <div class="main_ban_txt_wrap">
  322. <h2>
  323. 언제 어디서나<br>
  324. 플러스나인 솔루션
  325. </h2>
  326. <div class="ban_esti_cont">
  327. <div class="auto_estimate_wrap">
  328. <a href="./autoestimate">자동견적 알아보기</a>
  329. </div>
  330. </div>
  331. </div>
  332.  
  333. <!--
  334.  
  335. <div class="more_popup_wrap">
  336. <div class="sol_popup_img"></div>
  337. <div class="sol_popup_txt">
  338. <h3>플러스나인 솔루션<br>
  339. 신규가입 고객을 위한<br>
  340. 특별한 혜택</h3>
  341. <small>아이디어 가전 플러스나인 제품들과 함께<br>
  342. 순간을 더욱 소중하게 만들어보세요</small>
  343. <div class="pop_list_cont">
  344. <div class="pop_list_tit">
  345. <h4>BASIC</h4>
  346. <strong>
  347. 플러스나인 솔루션<br>
  348. 베이직 서비스 가입 혜택
  349. </strong>
  350. </div>
  351. <div class="pop_list_wrap">
  352. <table>
  353. <tr>
  354. <td><strong><b>1 - 4대</b>카메라 설치 시</strong></td>
  355. <td><p>퓨어프로 무선 공기청정기 1대</p></td>
  356. </tr>
  357. <tr>
  358. <td><strong><b>5 - 8대</b>카메라 설치 시</strong></td>
  359. <td><p>퓨어프로 무선 공기청정기 1대<br>
  360. 자동 스프레이 손소독기 1대</p></td>
  361. </tr>
  362. <tr>
  363. <td><strong><b>9 - 12대</b>카메라 설치 시</strong></td>
  364. <td><p>퓨어프로 무선 공기청정기 1대<br>
  365. 자동 스프레이 손소독기 1대<br>
  366. VM250 무선 청소기 1대</p></td>
  367. </tr>
  368. </table>
  369. </div>
  370. <div class="pop_list_tit">
  371. <h4>PREMIUM</h4>
  372. <strong>
  373. 플러스나인 솔루션<br>
  374. 베이직 서비스 가입 혜택
  375. </strong>
  376. </div>
  377. <div class="pop_list_wrap">
  378. <table>
  379. <tr>
  380. <td><strong><b>1 - 4대</b>카메라 설치 시</strong></td>
  381. <td><p>퓨어프로 무선 공기청정기 1대</p></td>
  382. </tr>
  383. <tr>
  384. <td><strong><b>5 - 8대</b>카메라 설치 시</strong></td>
  385. <td><p>퓨어프로 무선 공기청정기 1대<br>
  386. 자동 스프레이 손소독기 1대</p></td>
  387. </tr>
  388. <tr>
  389. <td><strong><b>9 - 12대</b>카메라 설치 시</strong></td>
  390. <td><p>퓨어프로 무선 공기청정기 1대<br>
  391. 자동 스프레이 손소독기 1대<br>
  392. VM250 무선 청소기 1대</p></td>
  393. </tr>
  394. </table>
  395. </div>
  396. <div class="sol_caution_wrap">
  397. <p>*본 행사는 당사 사정에 의해 사은품이 변경되거나 조기 종료 될 수 있습니다.</p>
  398. <p>*사은품의 구성이나 색상은 변경 하실 수 없습니다. </p>
  399. <p>*사은품으로 증정되는 상품은 교환이나 반품이 되지 않습니다. </p>
  400. </div>
  401. <div class="sol_pop_close_wrap">
  402. <button type="button" class="b-close">닫기</button>
  403. </div>
  404. </div>
  405. </div>
  406.    -->
  407. </section>
  408. <div class="event_line_wrap" id="my-button_main_event">
  409.    <h3><span>EVENT</span>플러스나인 솔루션 신규가입 고객을 위한 특별한 이벤트!</h3>
  410. </div>
  411. <section class='security_info'>
  412.    <div class="secu_info_head">
  413.        <ul>
  414.            <li class='is-active'>
  415.                <p>스마트 방범</p>
  416.            </li>
  417.            <li>
  418.                <p>안심 손해보험</p>
  419.            </li>
  420.            <li>
  421.                <p>월정액 사용료</p>
  422.            </li>
  423.        </ul>
  424.    </div>
  425.    <div class="secu_info_list_wrap">
  426.        <div class="info_list is-active smart_list">
  427.            <h2>
  428.                시간과 장소에 관계없이<br>
  429.                공간을 선명하게
  430.            </h2>
  431.            <p>
  432.                당신이 생각하는 모든 공간을<br>
  433.                24시간 실시간으로 확인 할 수 있습니다.
  434.            </p>
  435.        </div>
  436.        <div class="info_list insur_list">
  437.            <h2>
  438.                안심케어플러스로<br>
  439. 더욱 든든하게
  440.            </h2>
  441.            <p>
  442.                도난,분실,화재 등 각종 사고에 대해<br>
  443. 실손 보상을 제공합니다.
  444.            </p>
  445.        </div>
  446.        <div class="info_list hire_list">
  447.            <div class="hire_list_img"></div>
  448.                <h2>
  449.                부담없는 금액으로<br>
  450. 어느 누구보다 현명하게
  451.                </h2>
  452.                <p>
  453.                타사 대비 합리적인 월 비용으로<br>
  454. 완변한 보안 솔루션을 구축합니다.
  455.            </p>
  456.        </div>
  457.    </div>
  458. </section>
  459. <section class='unman_system'>
  460.    <div class="unman_system_wrap">
  461.        <div class="unman_sys_title">
  462.            <h2>
  463.                모든 유형의 공간에서<br>
  464.                무인 방범 시스템을 제공합니다
  465.            </h2>
  466.            <p>
  467.                더 강력해진 성능의 스마트 무인방범 시스템을 더 정직한 가격으로
  468.                더 안전하게 확실한 보상책까지 보안의 영역을 확대합니다
  469.            </p>
  470.        </div>
  471.        <div class="unman_list">
  472.            <ul>
  473.                <li>
  474.                    <div class="unman_list_img unman_list_img01"></div>
  475.                    <div class="unman_list_txt">
  476.                        <h3>더 강력하게</h3>
  477.                        <strong>
  478.                            플러스나인 전용 고해상도의 카메라와
  479.                            자체 개발한 솔루션 애플리케이션을 통하여
  480.                            영상을 실시간으로 확인 가능합니다.
  481.                        </strong>
  482.                    </div>
  483.                </li>
  484.                <li>
  485.                    <div class="unman_list_img unman_list_img02"></div>
  486.                    <div class="unman_list_txt">
  487.                        <h3>더 정직하게</h3>
  488.                        <strong>
  489.                            타사의 불합리한 약정과 과도한 월정액에 비해
  490.                            우리는 투명한 정책과 합리적인 운영방식으로
  491.                            월 고정비 부담을 덜어드립니다.
  492.                        </strong>
  493.                    </div>
  494.                </li>
  495.                <li>
  496.                    <div class="unman_list_img unman_list_img03"></div>
  497.                    <div class="unman_list_txt">
  498.                        <h3>더 안전하게</h3>
  499.                        <strong>
  500.                            전담 매니저 매칭 시스템과 도난, 분실, 화재 등 <br class="no_mob">
  501. 각종 사고에 대하여 보상 받을 수 있는 <br>
  502. 안심케어플러스를 무상 제공합니다.
  503.                        </strong>
  504.                    </div>
  505.                </li>
  506.            </ul>
  507.        </div>
  508.    </div>
  509. </section>
  510. <section class='service_register'>
  511.    <div class="service_slide_cont">
  512.        <h2>
  513.            지금 바로 간편하게<br>
  514.            서비스를 신청할 수 있습니다
  515.        </h2>
  516.        <small>
  517.            자동 견적부터 현장 도입까지 빠르게 <br>
  518.            스마트한 방범 솔루션을 완성해보세요
  519.        </small>
  520.        <div class="service_slide_wrap">
  521.           <div class="service_slide">
  522.                <div class="swiper-container swiper-container--service">
  523.                    <ul class='swiper-wrapper'>
  524.                        <li class="swiper-slide">
  525.                            <div class="service_img01"></div>
  526.                        </li>
  527.                        <li class="swiper-slide">
  528.                            <div class="service_img02"></div>
  529.                        </li>
  530.                        <li class="swiper-slide">
  531.                            <div class="service_img03"></div>
  532.                        </li>
  533.                        <li class="swiper-slide">
  534.                            <div class="service_img04"></div>
  535.                        </li>
  536.                    </ul>
  537.                </div>
  538.                <div class="swiper-button-next"></div>
  539.                <div class="swiper-button-prev"></div>
  540.                <div class="swiper-pagination">
  541.                </div>
  542.            </div>
  543.           </div>
  544.        </div>
  545.    </div>
  546. </section>
  547. <section class='service_average'>
  548.    <div class="service_avg_cont">
  549.        <div class="service_avg_wrap">
  550.            <div class="service_avg">
  551.                <h2>
  552.                    서비스 이용<br>
  553.                    만족도<b>(5점 만점)</b>
  554.                </h2>
  555.                <strong><b class='count' data-num="4.8">0</b><span>점</span></strong>
  556.            </div>
  557.            <div class="service_avg">
  558.                <h2>
  559.                    총<br>
  560.                    설치 건수
  561.                </h2>
  562.                <strong><b class='count' data-num="45328">0</b><span>건</span></strong>
  563.            </div>
  564.            <div class="service_avg">
  565.                <h2>
  566.                    제품 판매<br>
  567.                    누적 대수
  568.                </h2>
  569.                <strong><b class='count' data-num="125743">0</b><span>대</span></strong>
  570.            </div>
  571.  
  572.        </div>
  573.        <div class="avg_date_wrap">
  574.            <p>*자사 조사 환경에 따른 결과값, 상이할 수 있음</p>
  575.            <small>2020.05 ~ 2021.10</small>
  576.        </div>
  577.    </div>
  578. </section>
  579. <section class='saving_money'>
  580.    <div class="saving_money_cont">
  581.        <div class="saving_money_img"></div>
  582.        <div class="saving_money_txt">
  583.            <h2>
  584.                많은 분들이 이미 연간<br>
  585.                약 <b class='count04'>800,000</b><i>원</i>의 비용을
  586.                절약하고 있습니다
  587.            </h2>
  588.            <small>플러스나인 솔루션은 가장 최적화된 서비스를<br>
  589.                가장 합리적인 비용으로 제공합니다</small>
  590.        </div>
  591.    </div>
  592. </section>
  593. <section class='camera_info'>
  594.    <h2>
  595.        공간에 맞는 맞춤 솔루션으로<br>
  596.        보안 혁신의 흐름을 이끌어갑니다
  597.    </h2>
  598.    <small>
  599.        다양한 고객의 니즈를 반영해 사용자 중심의<br>
  600.        최적화된 서비스 라인업을 구성했습니다
  601.    </small>
  602.    <div class="camera_info_list_wrap">
  603.        <ul>
  604.            <li class='camera_info_list_bg01'>
  605.                <div class="camera_inner">
  606.                    <p>선명한 색상의 <b>FHD</b> 해상도</p>
  607.                    <h3>BASIC</h3>
  608.                    <div class="ca_info_list_tag">
  609.                        <span class='tag_black'>1080p FHD</span>
  610.                        <span class='tag_black'>안심케어<b>(도난,분실,화재)</b></span>
  611.                    </div>
  612.                    <div class="ca_info_list_more">
  613.                        <a href="#"></a>
  614.                    </div>
  615.                    <div class="more_click_wrap">
  616.                        <p>1080p FHD의 해상도로 고해상도 영상을 확인 할 수 있고<br>
  617.                            도난, 분실, 화재 시 실손 보상이 가능한 안심케어플러스를 제공합니다.</p>
  618.                        <div class="ca_info_list_more_close">
  619.                            <a href="#"></a>
  620.                        </div>
  621.                    </div>
  622.                </div>
  623.            </li>
  624.            <li class='camera_info_list_bg02'>
  625.                <div class="camera_inner">
  626.                    <p class='color_white'>더 생생한 화질의 <b>QHD</b> 해상도</p>
  627.                    <h3 class='color_white'>PREMIUM</h3>
  628.                    <div class="ca_info_list_tag">
  629.                        <span class='tag_white'>1440p QHD</span>
  630.                        <span class='tag_white'>안심케어<b>(도난,분실,화재)</b></span>
  631.                        <span class='tag_white'>SMART 결합 가능</span>
  632.                    </div>
  633.                    <div class="ca_info_list_more_white">
  634.                        <a href="#"></a>
  635.                    </div>
  636.                    <div class="more_click_wrap">
  637.                        <p class='color_white'>1440p QHD의 해상도로 FHD 대비 2배 선명한 화질을 제공하며 도난, 분실, 화재 시 실손 보상이 가능한
  638.                            안심케어플러스를 제공합니다. SMART와 결합하여 서비스를 이용할 수 있습니다.</p>
  639.                        <div class="ca_info_list_more_w_close">
  640.                            <a href="#"></a>
  641.                        </div>
  642.                    </div>
  643.                </div>
  644.            </li>
  645.            <li class='camera_info_list_bg03'>
  646.                <div class="camera_inner">
  647.                    <p>현명한 방범의 시작</p>
  648.                    <h3 class='color_black'>SMART</h3>
  649.                    <div class="ca_info_list_tag">
  650.                        <span class='tag_black'>1520p QHD</span>
  651.                        <span class='tag_black'>안심케어<b>(도난,분실)</b></span>
  652.                        <span class='tag_black'>355º 회전</span>
  653.                    </div>
  654.                    <div class="ca_info_list_more">
  655.                        <a href="#"></a>
  656.                    </div>
  657.                    <div class="more_click_wrap">
  658.                        <p>실내전용으로 1520p QHD의 해상도로 선명한 화질을 제공하며 355° 좌우 회전 시야로 사각지대 없이
  659.                            공간 전체를 확인할 수 있습니다. 도난, 분실 시 실손 보상이 가능한 안심케어플러스를 제공합니다.</p>
  660.                        <div class="ca_info_list_more_close">
  661.                            <a href="#"></a>
  662.                        </div>
  663.                    </div>
  664.                </div>
  665.            </li>
  666.        </ul>
  667.    </div>
  668. </section>
  669.  
  670.  
  671.  
  672.  
  673.  
  674.  
  675. <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
  676. <section class='around_connect'>
  677.    <div class="around_connect_wrap">
  678.        
  679.        <div class="connecttxt_wrap">
  680.            <div class="swiper-container swiper-container--connecttxt">
  681.                <ul class='swiper-wrapper'>
  682.                    <li class='swiper-slide'>
  683.                        <div class="con_list_txt">
  684.                             <h2>
  685.                                 당신과 공간을<br>연결합니다
  686.                             </h2>
  687.                             <small>
  688.                                 언제 어디서나 장소에 구애 받지 않고<br>
  689.                                 현장을 24시간 확인할 수 있습니다
  690.                             </small>
  691.                        </div>
  692.                    </li>
  693.                    <li class='swiper-slide'>
  694.                        <div class="con_list_txt">
  695.                             <h2>
  696.                                 안전하게<br>지켜드립니다
  697.                             </h2>
  698.                             <small>
  699.                                 강력한 적외선기능과 센서로 아무도 없는 현장의<br>
  700.                                 작은 움직임도 포착하여 당신에게 알려줍니다
  701.                             </small>
  702.                        </div>
  703.                    </li>
  704.                    <li class='swiper-slide'>
  705.                        <div class="con_list_txt">
  706.                             <h2>
  707.                                 혹시 모를 사고에<br class='br-pc'>대비합니다
  708.                             </h2>
  709.                             <small>
  710.                                 해킹의 위험없이 원하는 상황의 영상을<br>
  711.                                 자동으로 저장하고 보존합니다
  712.                             </small>
  713.                        </div>
  714.                    </li>
  715.                </ul>
  716.            </div>
  717.        </div>
  718.        <div class="connectimg_wrap">
  719.            <div class="swiper-container swiper-container--connectimg">
  720.                <ul class='swiper-wrapper'>
  721.                    <li class='swiper-slide'>
  722.                        <div class="con_list_img01 con_list_img">
  723.                        </div>
  724.                    </li>
  725.                    <li class='swiper-slide'>
  726.                        <div class="con_list_img02 con_list_img">
  727.                        </div>
  728.                    </li>
  729.                    <li class='swiper-slide'>
  730.                        <div class="con_list_img03 con_list_img">
  731.                        </div>
  732.                    </li>
  733.                </ul>
  734.                <div class="swiper-pagination--connect"></div>
  735.            </div>
  736.        </div>
  737.        <div class="app_more_btn_wrap">
  738.            <a href="https://apps.apple.com/kr/app/%ED%94%8C%EB%9F%AC%EC%8A%A4%EB%82%98%EC%9D%B8/id1530768776"><span class='apple_icon'></span>App store</a>
  739.            <a href="https://play.google.com/store/apps/details?id=com.mm.android.direct.plus9"><span class='google_icon'></span>Google Play</a>
  740.        </div>
  741.        
  742.        
  743.        
  744.        
  745.    </div>
  746. </section>
  747.  
  748.  
  749.  
  750. <!--
  751.  
  752. <section class='around_connect'>
  753.    <div class="around_connect_wrap">
  754.        <div class="swiper-container swiper-container--connect ">
  755.            <ul class='swiper-wrapper'>
  756.                <li class='swiper-slide'>
  757. <div class="con_list_txt around_connect_half">
  758.     <h2>
  759.         당신과 공간을<br>연결합니다
  760.     </h2>
  761.     <small>
  762.         언제 어디서나 장소에 구애 받지 않고<br>
  763.         현장을 24시간 확인할 수 있습니다
  764.     </small>
  765. </div>
  766.                    <div class="con_list_img01 around_connect_half">
  767.                    </div>
  768.                </li>
  769.                <li class='swiper-slide'>
  770. <div class="con_list_txt around_connect_half">
  771.     <h2>
  772.         안전하게<br>지켜드립니다
  773.     </h2>
  774.     <small>
  775.         강력한 적외선기능과 센서로 아무도 없는 현장의<br>
  776.         작은 움직임도 포착하여 당신에게 알려줍니다
  777.     </small>
  778. </div>
  779.                    <div class="con_list_img02 around_connect_half">
  780.                    </div>
  781.                </li>
  782.                <li class='swiper-slide'>
  783. <div class="con_list_txt around_connect_half">
  784.     <h2>
  785.         혹시 모를 사고에<br class='br-pc'>대비합니다
  786.     </h2>
  787.     <small>
  788.         해킹의 위험없이 원하는 상황의 영상을<br>
  789.         자동으로 저장하고 보존합니다
  790.     </small>
  791. </div>
  792.                    <div class="con_list_img03 around_connect_half">
  793.                    </div>
  794.                </li>
  795.            </ul>
  796.            <div class="swiper-pagination--connect"></div>
  797.        </div>
  798. <div class="app_more_btn_wrap">
  799. <a href="https://apps.apple.com/kr/app/%ED%94%8C%EB%9F%AC%EC%8A%A4%EB%82%98%EC%9D%B8/id1530768776"><span class='apple_icon'></span>App store</a>
  800. <a href="https://play.google.com/store/apps/details?id=com.mm.android.direct.plus9"><span class='google_icon'></span>Google Play</a>
  801. </div>
  802.    </div>
  803. </section>
  804.  
  805.  
  806. -->
  807.  
  808.  
  809.  
  810.  
  811. <section class='plus9_story'>
  812.    <div class="swiper-container swiper-container--story">
  813.        <ul class='swiper-wrapper'>
  814.            <li class='swiper-slide story_list_img01' onclick="location.href='/story/view.php'">
  815.            </li>
  816.            <li class='swiper-slide story_list_img02' onclick="location.href='/story/view2.php'">
  817.            </li>
  818.        </ul>
  819.        <div class="swiper-pagination--story"></div>
  820.    </div>
  821.    
  822.    <div class="plus9_story_txt swiper-container--storytext">
  823.        <ul class='swiper-wrapper'>
  824.            <li class='swiper-slide'>
  825.                <div class="story_list_wrap">
  826.                    <p>프리미엄 의류 브랜드</p>
  827.                    <h2>
  828.                        <b>제이리움</b>이 말하는<br>
  829.                        프리미엄 방범 서비스
  830.                    </h2>
  831.                    <div class="story_more_btn">
  832.                        <a href="/story/view.php">스토리 더보기</a>
  833.                    </div>
  834.                </div>
  835.            </li>
  836.            <li class='swiper-slide'>
  837.                <div class="story_list_wrap">
  838.                    <p>실내 스포츠센터</p>
  839.                    <h2>
  840.                       <b>바비테니스</b>의 안전하고 효율적인<br>
  841.                        센터관리 노하우
  842.                    </h2>
  843.                    <div class="story_more_btn">
  844.                        <a href="/story/view2.php">스토리 더보기</a>
  845.                    </div>
  846.                </div>
  847.            </li>
  848.        </ul>
  849.    </div>
  850.    
  851.    
  852.    
  853. </section>
  854. <section class='estimate_register_form' id="webi_inp">
  855.    <div class="esti_reg_form_cont">
  856.        <div class="esti_reg_title">
  857.            <h2>견적이 필요하다면<br>
  858.                요청하세요</h2>
  859.            <p>보다 상세한 견적이 필요하신가요?
  860.                전문 매니저에게 문의하세요</p>
  861.        </div>
  862.        <div class="esti_reg_form_wrap">
  863.            <form action="" id="estimateForm" method="POST">
  864.                <input type="hidden" name="cate" value="main">
  865.                <p>필수입력</p>
  866.                <div class="form_input_wrap">
  867.                    <div class="alli_element alli_element_mb is_required">
  868.                        <input type="text" id="esti_reg_name" class="alli_input" name="esti_name" required>
  869.                        <label for="esti_reg_name">이름</label>
  870.                    </div>
  871.                    <div class="alli_element alli_element_mb is_required">
  872.                        <input type="text" id="esti_reg_num" class="alli_input" name="esti_tel" required>
  873.                        <label for="esti_reg_num">연락처</label>
  874.                    </div>
  875.                    <div class="alli_element alli_element_mb">
  876.                        <textarea name="esti_contents" id="esti_reg_txtarea" class='alli_textarea'></textarea>
  877.                        <label for="esti_reg_txtarea">문의 내용</label>
  878.                    </div>
  879.                </div>
  880.                <div class="form_chkbox_wrap">
  881.                    <div class="chkbox_element">
  882.                        <input type="checkbox" id="checkbox1" name="agree1" value="1">
  883.                        <label for="checkbox1">[필수] 개인정보 수집 이용 동의<a href="javascript:;" class="view_agreebtn">보기</a></label>
  884.                    </div>
  885.                    <div class="chkbox_element">
  886.                        <input type="checkbox" id="checkbox2" name="agree2" value="1">
  887.                        <label for="checkbox2">[선택] 마케팅 활용동의<a href="javascript:;" class="view_marketingbtn">보기</a></label>
  888.                    </div>
  889.                </div>
  890.            <div class="form_submit_wrap">
  891.                <button type="button">요청하기</button>
  892.            </div>
  893.        </form>
  894.    </div>
  895. </section>
  896. <section class='more_question'>
  897.    <h2>더 궁금한 점이 있나요?</h2>
  898.    <div class="more_question_list_wrap">
  899.        <ul>
  900.                        <li>
  901.                <div class="more_quest_wrap">
  902.                    <span class='color_blue'>Q.</span>
  903.                    <p>설치 비용은 어떻게 측정되나요?</p>
  904.                    <i class='plus_icon'></i>
  905.                </div>
  906.                <div class="more_answer_wrap">
  907.                    <p>
  908.                        설치 현장의 규모와 그 목적에 따라 설치되는 시스템과 공사 내용에 차이가 있습니다. 때문에 현장별 최적의 보안 시스템 구축을 위해서 플러스나인의 전문 설계사가 친절한 상담을 통해서 현장에 대한 확인 후 안내 드리고 있습니다.<br />
  909. <br />
  910. 2021                    </p>
  911.                                    </div>
  912.            </li>
  913.                        <li>
  914.                <div class="more_quest_wrap">
  915.                    <span class='color_blue'>Q.</span>
  916.                    <p>보증금이 필요한가요?</p>
  917.                    <i class='plus_icon'></i>
  918.                </div>
  919.                <div class="more_answer_wrap">
  920.                    <p>
  921.                        보증금은 계약기간 동안 고객님께 설치되어 있는 기기에 대한 보증 및 계약이행에 대한 담보입니다. <br />
  922. 플러스나인 시스템은 당사 소유물로 보안서비스를 제공하기 위해 고객님께 대여하는 것입니다. 고객님께서 어떤 사유이건 기기를 파손할 경우, 그 기기에 대한 최소한의 보증이 필요한 것입니다. <br />
  923. 또한 고객님께서 당사와 계약서를 작성하시게 되면 계약기간 동안 고객님을 위한 안전 서비스를 위해 기기공급과 통신회선대여 등의 선비용이 들게 되므로, 중도에 고객님으로부터 해지 통보를 받게 된다면 회사의 손실이 발생하게 되므로 예방차원에서 최소한의 보증금을 예치하게 되는 것이므로 널리 양해하여 주시기 바랍니다.                     </p>
  924.                                    </div>
  925.            </li>
  926.                        <li>
  927.                <div class="more_quest_wrap">
  928.                    <span class='color_blue'>Q.</span>
  929.                    <p>이사 및 사업장 이전 등으로 인한 이전 설치는 어떻게 진행되나요?</p>
  930.                    <i class='plus_icon'></i>
  931.                </div>
  932.                <div class="more_answer_wrap">
  933.                    <p>
  934.                        플러스나인을 이용해주시는 고객님들을 위해 이전 설치 시에도 최소한의 공사비로 사용하실 수 있게 특별 할인 혜택을 제공합니다. <br />
  935. 비용은 현장에 따라 차이가 있어, 고객센터 1522-4417을 통해 신청해 주시면 빠른 안내를 받으실 수 있습니다.                    </p>
  936.                                    </div>
  937.            </li>
  938.                        <li>
  939.                <div class="more_quest_wrap">
  940.                    <span class='color_blue'>Q.</span>
  941.                    <p>계약기간은 얼마나 되나요?</p>
  942.                    <i class='plus_icon'></i>
  943.                </div>
  944.                <div class="more_answer_wrap">
  945.                    <p>
  946.                        플러스나인의 기본 계약기간은 3년이지만, 2년 혹은 1년 단기 계약으로도 진행 가능합니다. 단 이에따라 기본료는 달라 질 수 있습니다.                    </p>
  947.                                    </div>
  948.            </li>
  949.                        <li>
  950.                <div class="more_quest_wrap">
  951.                    <span class='color_blue'>Q.</span>
  952.                    <p>중도 해지를 하고 싶습니다.</p>
  953.                    <i class='plus_icon'></i>
  954.                </div>
  955.                <div class="more_answer_wrap">
  956.                    <p>
  957.                        플러스나인이 고객님께 보안서비스를 제공할 때는 고객께서는 매월 일정한 계약요금만 내시는데 반해, 회사측에서는 각종 기기나 관제설비, 기타 운영설비의 구입을 위해 선행 투자가 발생합니다. <br />
  958. 보안 시스템에 필요한 비용 전체를 고객께서는 계약기간 동안 일정액으로 분납하시는 것이 되고 플러스나인에서는 이를 모두 선집행하는 결과가 되는 것입니다. <br />
  959. 이러한 특성으로 만약 고객께서 계약기간 내에 중도해약을 할 경우, 플러스나인은 이미 지출한 선행투자비용까지 막대한 금액의 손해를 입게 돼 이는 불공평계약이 됩니다. 따라서 이러한 불공평계약을 방지하고자 고객께서 계약기간 내 중도해약을 하시면 일정금액의 위약금을 청구하고 있는 것입니다.                    </p>
  960.                                    </div>
  961.            </li>
  962.                        <li>
  963.                <div class="more_quest_wrap">
  964.                    <span class='color_blue'>Q.</span>
  965.                    <p>계약기간 3년이 만기된 후에는 언제라도 원금 그대로 보증금을 돌려받을 수 있나요?</p>
  966.                    <i class='plus_icon'></i>
  967.                </div>
  968.                <div class="more_answer_wrap">
  969.                    <p>
  970.                        고객님께서 3년 만기가 되어 계약을 종료하고자 할 때는 계약 종료일로부터 1개월 전에 서면으로 통보합니다. <br />
  971. 정상적인 절차를 밟아 만기해약하시는 경우, 서비스 종료와 함께 보증금을 원금 그대로 돌려받으실 수 있습니다. 그러나 만약, 계약이 자동 연장된 경우라면 서비스가 유지되는 동안에는 기기에 대한 파손의 위험성이 항상 내재되어 있으므로 보증금 예치는 계약종료시까지 계속됩니다.                    </p>
  972.                                    </div>
  973.            </li>
  974.                        <li>
  975.                <div class="more_quest_wrap">
  976.                    <span class='color_blue'>Q.</span>
  977.                    <p>'플러스나인 안심 서비스(가칭)'란?</p>
  978.                    <i class='plus_icon'></i>
  979.                </div>
  980.                <div class="more_answer_wrap">
  981.                    <p>
  982.                        보험 관련 내용 추후 확인 후 보완 예정                    </p>
  983.                                    </div>
  984.            </li>
  985.                        <li>
  986.                <div class="more_quest_wrap">
  987.                    <span class='color_blue'>Q.</span>
  988.                    <p>손해 배상 기준이 궁금합니다.</p>
  989.                    <i class='plus_icon'></i>
  990.                </div>
  991.                <div class="more_answer_wrap">
  992.                    <p>
  993.                        보험 관련 내용 추후 확인 후 보완 예정                    </p>
  994.                                    </div>
  995.            </li>
  996.                    </ul>
  997.        <div class="quest_more_btn">
  998.            <a href="/customer/faq.php">자세히 보기<span class='arr_right_blue'></span></a>
  999.        </div>
  1000.    </div>
  1001. </section>
  1002.  
  1003.  
  1004.  
  1005.  
  1006.  
  1007. <style>
  1008.    
  1009.    .more_idx_popup{
  1010.        display: none;
  1011. max-width:600px;
  1012. width:100%;
  1013. margin:0 auto;
  1014. border-radius:25px;
  1015. overflow: hidden;
  1016.   }
  1017.    
  1018.    
  1019.    .more_idx_popup_wrap{
  1020.        background-color: #fff;
  1021.        padding: 0 0 48px;
  1022.        max-width: 600px;
  1023.        width: 100%;
  1024.        height: 900px;
  1025.        overflow-y: auto;
  1026.        position: relative;
  1027.    }
  1028.    
  1029.    
  1030.    .more_idx_popup .sol_popup_img{
  1031.        width: 100%;
  1032.        height: 452px;
  1033.        background: url('/img/solution/img-solution-popup.png') no-repeat center;
  1034.    }
  1035.    .more_idx_popup .sol_popup_txt{
  1036.        padding: 54px 37px 72px;
  1037.        
  1038.    
  1039.    }
  1040.    .more_idx_popup .sol_popup_txt h3{
  1041.      font-family: NotoSansCJKkr;
  1042.      font-size: 44px;
  1043.      font-weight: bold;
  1044.      font-stretch: normal;
  1045.      font-style: normal;
  1046.      line-height: 1.27;
  1047.      letter-spacing: -1.06px;
  1048.      color: #222;
  1049.      margin-bottom: 16px;
  1050.    }
  1051.    .more_idx_popup .sol_popup_txt small{
  1052.        display: block;
  1053.        font-family: NotoSansCJKkr;
  1054.        font-size: 20px;
  1055.        font-weight: normal;
  1056.        font-stretch: normal;
  1057.        font-style: normal;
  1058.        line-height: 1.5;
  1059.        letter-spacing: -0.91px;
  1060.        color: #757575;
  1061.    }
  1062.    .more_idx_popup .pop_list_tit{
  1063.        margin-top: 48px;
  1064.    }
  1065.    .more_idx_popup .pop_list_tit h4{
  1066.        font-family: Lexend;
  1067.        font-size: 36px;
  1068.        font-weight: 600;
  1069.        font-stretch: normal;
  1070.        font-style: normal;
  1071.        line-height: 1.81;
  1072.        letter-spacing: normal;
  1073.        color: #222;
  1074.    }
  1075.    .more_idx_popup .pop_list_tit strong{
  1076.        font-family: NotoSansCJKkr;
  1077.        font-size: 18px;
  1078.        font-weight: normal;
  1079.        font-stretch: normal;
  1080.        font-style: normal;
  1081.        line-height: 1.44;
  1082.        letter-spacing: normal;
  1083.        color: #757575;
  1084.    }
  1085.    .more_idx_popup .pop_list_wrap{
  1086.        margin-top: 26px;
  1087.        border-top: solid 2px #979797;
  1088.        border-bottom: solid 2px #979797;
  1089.    }
  1090.    .more_idx_popup .pop_list_wrap table{
  1091.        width:100%;
  1092.        border-collapse: collapse;
  1093.    }
  1094.    .more_idx_popup .pop_list_wrap tr:not(:last-of-type) td{
  1095.        border-bottom: solid 1px rgba(151,151,151,.5);
  1096.    }
  1097.    .more_idx_popup .pop_list_wrap tr td{
  1098.        vertical-align: text-top;
  1099.        padding: 20px 0;
  1100.    }
  1101.    .more_idx_popup .pop_list_wrap tr td:nth-of-type(2){
  1102.        padding: 20px 41px 20px 124px;
  1103.    }
  1104.    .more_idx_popup .pop_list_wrap tr td strong{
  1105.        font-family: NotoSansCJKkr;
  1106.        font-size: 18px;
  1107.        font-weight: normal;
  1108.        font-stretch: normal;
  1109.        font-style: normal;
  1110.        line-height: 1.28;
  1111.        letter-spacing: normal;
  1112.        color: #757575;
  1113.    }
  1114.    .more_idx_popup .pop_list_wrap tr td strong b{
  1115.        font-weight: 500;
  1116.        margin-right: 2px;
  1117.    }
  1118.    .more_idx_popup .pop_list_wrap tr td p{
  1119.        max-width: 185px;
  1120.        font-family: NotoSansCJKkr;
  1121.        font-size: 15px;
  1122.        font-weight: normal;
  1123.        font-stretch: normal;
  1124.        font-style: normal;
  1125.        line-height: 1.51;
  1126.        letter-spacing: normal;
  1127.        color: #757575;
  1128.    }
  1129.    
  1130.    
  1131.    .more_idx_popup .sol_caution_wrap{
  1132.        margin: 20px 0 50px;
  1133.    }
  1134.    .more_idx_popup .sol_caution_wrap p{
  1135.        font-family: NotoSansCJKkr;
  1136.        font-size: 13px;
  1137.        font-weight: normal;
  1138.        font-stretch: normal;
  1139.        font-style: normal;
  1140.        line-height: 1.54;
  1141.        letter-spacing: normal;
  1142.        color: #757575;
  1143.    }
  1144.    .more_idx_popup .sol_pop_close{
  1145.        position: absolute;
  1146.        bottom: 0;
  1147.        left: 0;
  1148.        max-width: 600px;
  1149. width:100%;
  1150. margin: 0 auto;
  1151.        padding: 0;
  1152.        overflow: hidden;
  1153.    }
  1154.    .more_idx_popup .sol_pop_close_wrap{
  1155.        background: #FFF;
  1156.        text-align: center;
  1157.        padding: 52px 0 72px;
  1158.    }
  1159.    .more_idx_popup .sol_pop_close_wrap button{
  1160.        width: 200px;
  1161.        height: 48px;
  1162.        border-radius: 28px;
  1163.        background-color: #000;
  1164.        font-family: NotoSansCJKkr;
  1165.        font-size: 14px;
  1166.        font-weight: bold;
  1167.        font-stretch: normal;
  1168.        font-style: normal;
  1169.        line-height: 48px;
  1170.        letter-spacing: normal;
  1171.        text-align: center;
  1172.        color: #fff;
  1173.    }
  1174.    
  1175.    
  1176.    
  1177.    
  1178.    
  1179.    
  1180.    @media screen and (max-width:1179px) {
  1181.            
  1182.            .more_idx_popup{
  1183. padding:0 28px;
  1184. }    
  1185.            .more_idx_popup_wrap{
  1186. height:680px;
  1187.                border-radius: 12px;
  1188.            }
  1189.            
  1190.        
  1191.            .more_idx_popup .sol_popup_img{
  1192.                width: 100%;
  1193.                height: 278px;
  1194.                background: url('/img/solution/t-img-solution-popup.png') no-repeat center / 100% 278px;
  1195.            }
  1196.            .more_idx_popup .sol_popup_txt{
  1197.                padding: 29px 63px 72px;
  1198.            }
  1199.            .more_idx_popup .sol_popup_txt h3{
  1200.                font-family: NotoSansCJKkr;
  1201.                font-size: 28px;
  1202.                font-weight: bold;
  1203.                font-stretch: normal;
  1204.                font-style: normal;
  1205.                line-height: 1.36;
  1206.                letter-spacing: -0.67px;
  1207.                margin-bottom: 12px;
  1208.            }
  1209.            .more_idx_popup .sol_popup_txt small{
  1210.                font-family: NotoSansCJKkr;
  1211.                font-size: 12px;
  1212.                font-weight: normal;
  1213.                font-stretch: normal;
  1214.                font-style: normal;
  1215.                line-height: 1.6;
  1216.                letter-spacing: -0.55px;
  1217.            }
  1218.            .more_idx_popup .pop_list_tit{
  1219.                margin-top: 24px;
  1220.            }
  1221.            .more_idx_popup .pop_list_tit h4{
  1222.                font-family: Lexend;
  1223.                font-size: 21px;
  1224.                font-weight: 600;
  1225.                font-stretch: normal;
  1226.                font-style: normal;
  1227.                line-height: 1.98;
  1228.                letter-spacing: normal;
  1229.            }
  1230.            .more_idx_popup .pop_list_tit strong{
  1231.                font-family: NotoSansCJKkr;
  1232.              font-size: 11.5px;
  1233.              font-weight: normal;
  1234.              font-stretch: normal;
  1235.              font-style: normal;
  1236.              line-height: 1.44;
  1237.              letter-spacing: normal;
  1238.            }
  1239.            .more_idx_popup .pop_list_wrap{
  1240.                margin-top: 16px;
  1241.            }
  1242.            .more_idx_popup .pop_list_wrap tr td{
  1243.                padding: 14px 0;
  1244.            }
  1245.            .more_idx_popup .pop_list_wrap tr td:nth-of-type(2){
  1246.                padding: 14px 0px 14px 86px;
  1247.            }
  1248.            .more_idx_popup .pop_list_wrap tr td strong{
  1249.                font-family: NotoSansCJKkr;
  1250.                font-size: 13px;
  1251.                font-weight: normal;
  1252.                font-stretch: normal;
  1253.                font-style: normal;
  1254.                line-height: 1.28;
  1255.                letter-spacing: normal;
  1256.                color: #757575;
  1257.            }
  1258.            .more_idx_popup .sol_pop_close{
  1259. left: 28px;
  1260. width: calc(100% - 56px);
  1261. overflow: hidden;
  1262. border-radius: 12px;
  1263. }
  1264.            .more_idx_popup .sol_pop_close_wrap{
  1265.                padding: 32px 0 60px;
  1266.            }
  1267.        
  1268.    }
  1269.    
  1270.    
  1271.            @media screen and (max-width:600px) {
  1272.  
  1273.  
  1274.                .more_idx_popup_wrap{
  1275.                }
  1276.                .more_idx_popup .sol_popup_img{
  1277.                    width: 100%;
  1278.                    height: 163px;
  1279.                    background: url('/img/solution/m-img-solution-popup.png') no-repeat center / 100% 163px;
  1280.                }
  1281.                .more_idx_popup .sol_popup_txt{
  1282.                    padding: 29px 27px;
  1283.                }
  1284.                .more_idx_popup .sol_popup_txt h3{
  1285.                    font-family: NotoSansCJKkr;
  1286.                    font-size: 21px;
  1287.                    font-weight: bold;
  1288.                    font-stretch: normal;
  1289.                    font-style: normal;
  1290.                    line-height: 1.43;
  1291.                    letter-spacing: -0.63px;
  1292.                    margin-bottom: 8px;
  1293.                }
  1294.                .more_idx_popup .sol_popup_txt small{
  1295.                    font-family: NotoSansCJKkr;
  1296.                    font-size: 12px;
  1297.                    font-weight: normal;
  1298.                    font-stretch: normal;
  1299.                    font-style: normal;
  1300.                    line-height: 1.6;
  1301.                    letter-spacing: -0.55px;
  1302.                }
  1303.                .more_idx_popup .pop_list_tit{
  1304.                    margin-top: 29px;
  1305.                }
  1306.                .more_idx_popup .pop_list_tit h4{
  1307.                    font-size: 18px;
  1308.                }
  1309.                .more_idx_popup .pop_list_tit strong{
  1310.                  font-size: 11px;
  1311.                }
  1312.                .more_idx_popup .pop_list_wrap{
  1313.                    margin-top: 16px;
  1314.                }
  1315.                .more_idx_popup .pop_list_wrap tr td{
  1316.                    padding: 12px 0;
  1317.                }
  1318.                .more_idx_popup .pop_list_wrap tr td:nth-of-type(2){
  1319.                    padding: 12px 0px 12px 15px;
  1320.                }
  1321.                .more_idx_popup .pop_list_wrap tr td strong{
  1322.                    font-size: 12px;
  1323.                    font-weight: normal;
  1324.                    font-stretch: normal;
  1325.                    font-style: normal;
  1326.                    line-height: 1.39;
  1327.                    letter-spacing: -0.5px;
  1328.                }
  1329.                .more_idx_popup .pop_list_wrap tr td p{
  1330.                    font-size: 10px;
  1331.                    font-weight: normal;
  1332.                    font-stretch: normal;
  1333.                    font-style: normal;
  1334.                    line-height: 1.66;
  1335.                    letter-spacing: -0.5px;
  1336.                }
  1337.                .more_idx_popup .sol_pop_close_wrap{
  1338.                    padding: 20px 0 42px;
  1339.                }
  1340.                .more_idx_popup .sol_pop_close_wrap button{
  1341.                    font-size: 12px;
  1342.                }
  1343.            }
  1344.    
  1345.    
  1346.    
  1347. </style>
  1348.  
  1349.  
  1350. <div class="more_idx_popup solution_idx_popup">
  1351.    <div class="more_idx_popup_wrap">
  1352.        <div class="sol_popup_img"></div>
  1353.        <div class="sol_popup_txt">
  1354.            <h3>플러스나인 솔루션<br>
  1355.                신규가입 고객을 위한<br>
  1356.                특별한 혜택</h3>
  1357.            <small>아이디어 가전 플러스나인 제품들과 함께<br>
  1358.                순간을 더욱 소중하게 만들어보세요</small>
  1359.                <div class="pop_list_cont">
  1360.                    <div class="pop_list_tit">
  1361.                        <h4>BASIC</h4>
  1362.                        <strong>
  1363.                            플러스나인 솔루션<br>
  1364.                            베이직 서비스 가입 혜택
  1365.                        </strong>
  1366.                    </div>
  1367.                    <div class="pop_list_wrap">
  1368.                        <table>
  1369.                            <tr>
  1370.                                <td><strong><b>1 - 4대</b>카메라 설치 시</strong></td>
  1371.                                <td><p>퓨어프로 무선 공기청정기 1대</p></td>
  1372.                            </tr>
  1373.                            <tr>
  1374.                                <td><strong><b>5 - 8대</b>카메라 설치 시</strong></td>
  1375.                                <td><p>퓨어프로 무선 공기청정기 1대<br>
  1376.                                    자동 스프레이 손소독기 1대</p></td>
  1377.                            </tr>
  1378.                            <tr>
  1379.                                <td><strong><b>9 - 12대</b>카메라 설치 시</strong></td>
  1380.                                <td><p>퓨어프로 무선 공기청정기 1대<br>
  1381.                                    자동 스프레이 손소독기 1대<br>
  1382.                                    VM250 무선 청소기 1대</p></td>
  1383.                            </tr>
  1384.                        </table>
  1385.                    </div>
  1386.                    <div class="pop_list_tit">
  1387.                        <h4>PREMIUM</h4>
  1388.                        <strong>
  1389.                            플러스나인 솔루션<br>
  1390.                            베이직 서비스 가입 혜택
  1391.                        </strong>
  1392.                    </div>
  1393.                    <div class="pop_list_wrap">
  1394.                        <table>
  1395.                            <tr>
  1396.                                <td><strong><b>1 - 4대</b>카메라 설치 시</strong></td>
  1397.                                <td><p>퓨어프로 무선 공기청정기 1대</p></td>
  1398.                            </tr>
  1399.                            <tr>
  1400.                                <td><strong><b>5 - 8대</b>카메라 설치 시</strong></td>
  1401.                                <td><p>퓨어프로 무선 공기청정기 1대<br>
  1402.                                    자동 스프레이 손소독기 1대</p></td>
  1403.                            </tr>
  1404.                            <tr>
  1405.                                <td><strong><b>9 - 12대</b>카메라 설치 시</strong></td>
  1406.                                <td><p>퓨어프로 무선 공기청정기 1대<br>
  1407.                                    자동 스프레이 손소독기 1대<br>
  1408.                                    VM250 무선 청소기 1대</p></td>
  1409.                            </tr>
  1410.                        </table>
  1411.                    </div>
  1412.                    <div class="sol_caution_wrap">
  1413.                        <p>*본 행사는 당사 사정에 의해 사은품이 변경되거나 조기 종료 될 수 있습니다.</p>
  1414.                        <p>*사은품의 구성이나 색상은 변경 하실 수 없습니다. </p>
  1415.                        <p>*사은품으로 증정되는 상품은 교환이나 반품이 되지 않습니다. </p>
  1416.                    </div>
  1417.  
  1418.                </div>
  1419.        </div>
  1420.  
  1421.    </div>
  1422.    <div class="sol_pop_close">
  1423.        <div class="sol_pop_close_wrap">
  1424.            <button type="button" class="b-close">닫기</button>
  1425.        </div>
  1426.    </div>
  1427. </div>
  1428.  
  1429.  
  1430. <script>
  1431.  
  1432.  
  1433.    
  1434.    var isscrolled01 = false;
  1435.      $(window).scroll(function(){
  1436.        var ittop = $(window).scrollTop();
  1437.        var itstart = $(".service_register").offset().top;
  1438.        if(ittop >= itstart && !isscrolled01){
  1439.            isscrolled01 = true;
  1440.            $('.service_average .count').each(function () {
  1441.                $(this).prop('Counter', 0).animate({
  1442.                    Counter: $(this).data("num")
  1443.                },
  1444.                {
  1445.                    duration: 1000,
  1446.                    easing: 'swing',
  1447.                    step: function (now) {
  1448.                        if($(this).data("num") < 5.1){
  1449.                            $(this).text(number_format((now).toFixed(1)));
  1450.                        }else{
  1451.                            $(this).text(number_format(Math.ceil(now)));
  1452.                        }
  1453.                    }
  1454.                });
  1455.            });
  1456.  
  1457.        }
  1458.    });
  1459.    
  1460.    var isscrolled02 = false;
  1461.      $(window).scroll(function(){
  1462.        var ittop = $(window).scrollTop();
  1463.        var itstart = $(".service_average").offset().top;
  1464.        if(ittop >= itstart && !isscrolled02){
  1465.            isscrolled02 = true;
  1466.            $('.count04').each(function () {
  1467.                $(this).prop('Counter', 0).animate({
  1468.                    Counter: 800000
  1469.                },
  1470.                {
  1471.                    duration: 1000,
  1472.                    easing: 'swing',
  1473.                    step: function (now) {
  1474.                        $(this).text(number_format(Math.ceil(now)));
  1475.                    }
  1476.                });
  1477.            });
  1478.        }
  1479.    });
  1480.    
  1481.    $(document).ready(function(){
  1482.        
  1483.        $("#my-button_main_event").click(function(){
  1484.            
  1485.            $(".solution_idx_popup").bPopup();
  1486.            
  1487.        })
  1488.        
  1489.    })
  1490.    
  1491.  
  1492.    
  1493.    
  1494.    
  1495. </script>
  1496.  
  1497.  
  1498.  
  1499.  
  1500.  
  1501.  
  1502.  
  1503.        </div>  <!-- } .shop-content 끝 -->
  1504. </div>      <!-- } #container 끝 -->
  1505. </div>
  1506. <!-- } 전체 콘텐츠 끝 -->
  1507.  
  1508.  
  1509.  
  1510. <footer>
  1511.    <div class="footer_wrap">
  1512.        <div class="fotter_txt_wrap">
  1513.            <span class='plus9_logo'></span>
  1514.            <address>1600 - 6964</address>
  1515.            <strong>평일 <b>10:00 - 18:00</b>, 점심시간 <b>13:00 - 14:00</b></strong>
  1516.            <strong>주말 공휴일 휴무</strong>
  1517.        </div>
  1518.        <div class="busi_info_wrap">
  1519.            <p>대표 : 이한빈 <b>사업자 등록번호 : 725-86-00985</b><a href="https://www.ftc.go.kr/bizCommPop.do?wrkr_no=7258600985" target="_blank">사업자 정보확인</a></p>
  1520.            
  1521.            <p>본사 05836 서울특별시 송파구 정의로 67(문정동) MK타워 2층<b>성남지사 13201 경기도 성남시 중원구 갈마치로 314(상대원동) 성남센트럴비즈타워 101호</b></p>
  1522.        </div>
  1523.        <div class="footer_etc_list">
  1524.            <ul>
  1525.                <li><a href="http://plus9s.co.kr/bbs/content.php?co_id=provision" target="_blank">이용약관</a></li>
  1526.                <li><a href="http://plus9s.co.kr/bbs/content.php?co_id=privacy" target="_blank">개인정보 처리방침</a></li>
  1527.                <li><a href="http://plus9s.co.kr/bbs/content.php?co_id=right" target="_blank">이용자의 권리 및 유의사항</a></li>
  1528.                <li><a href="http://plus9s.co.kr/bbs/content.php?co_id=notice" target="_blank">가맹점 고지사항</a></li>
  1529.            </ul>
  1530.        </div>
  1531.    </div>
  1532. </footer>
  1533.  
  1534.  
  1535. <div class="fix_icon_wrap">
  1536.    <!--<a href="#" class="msg_icon"></a>-->
  1537.    <a href="http://plus9s.co.kr/estimate/" class="esti_icon"></a>
  1538. </div>
  1539.  
  1540.  
  1541. <!-- Channel Plugin Scripts -->
  1542. <script>
  1543.  
  1544. $(window).on("load",function() {
  1545. var w = $(window).outerWidth(true);
  1546. if(w < 584){
  1547. $('.eiuvUm').attr('style', 'right:10% !important; bottom:120px !important;');
  1548. $('.hhwNoO').attr('style', 'width: 60px !important; height : 60px !important;');
  1549. }else{
  1550. $('.eiuvUm').attr('style', 'right:10% !important; bottom:150px !important;');
  1551. $('.hhwNoO').attr('style', 'width: 80px !important; height : 80px !important;');
  1552. }
  1553. });
  1554.  
  1555.  
  1556. $(window).resize(function(){
  1557. var w = $(window).outerWidth(true);
  1558. if(w < 584){
  1559. $('.eiuvUm').attr('style', 'right:10% !important; bottom:120px !important;');
  1560. $('.hhwNoO').attr('style', 'width: 60px !important; height : 60px !important;');
  1561. }else{
  1562. $('.eiuvUm').attr('style', 'right:10% !important; bottom:150px !important;');
  1563. $('.hhwNoO').attr('style', 'width: 80px !important; height : 80px !important;');
  1564. }
  1565. });
  1566.  
  1567.  (function() {
  1568. var w = window;
  1569. if (w.ChannelIO) {
  1570.  return (window.console.error || window.console.log || function(){})('ChannelIO script included twice.');
  1571. }
  1572. var ch = function() {
  1573.  ch.c(arguments);
  1574. };
  1575. ch.q = [];
  1576. ch.c = function(args) {
  1577.  ch.q.push(args);
  1578. };
  1579. w.ChannelIO = ch;
  1580. function l() {
  1581.  if (w.ChannelIOInitialized) {
  1582. return;
  1583.  }
  1584.  w.ChannelIOInitialized = true;
  1585.  var s = document.createElement('script');
  1586.  s.type = 'text/javascript';
  1587.  s.async = true;
  1588.  s.src = 'https://cdn.channel.io/plugin/ch-plugin-web.js';
  1589.  s.charset = 'UTF-8';
  1590.  var x = document.getElementsByTagName('script')[0];
  1591.  x.parentNode.insertBefore(s, x);
  1592. }
  1593. if (document.readyState === 'complete') {
  1594.  l();
  1595. } else if (window.attachEvent) {
  1596.  window.attachEvent('onload', l);
  1597. } else {
  1598.  window.addEventListener('DOMContentLoaded', l, false);
  1599.  window.addEventListener('load', l, false);
  1600. }
  1601.  })();
  1602.  ChannelIO('boot', {
  1603. "pluginKey": "bf5fad87-514d-4438-b3ad-f61c561be2ea"
  1604.  });
  1605. </script>
  1606. <!-- End Channel Plugin -->
  1607.  
  1608.  
  1609.  
  1610.  
  1611. <script src="http://plus9s.co.kr/js/sns.js"></script>
  1612. <!-- } 하단 끝 -->
  1613.  
  1614.  
  1615.  
  1616. <!-- ie6,7에서 사이드뷰가 게시판 목록에서 아래 사이드뷰에 가려지는 현상 수정 -->
  1617. <!--[if lte IE 7]>
  1618. <script>
  1619. $(function() {
  1620.    var $sv_use = $(".sv_use");
  1621.    var count = $sv_use.length;
  1622.  
  1623.    $sv_use.each(function() {
  1624.        $(this).css("z-index", count);
  1625.        $(this).css("position", "relative");
  1626.        count = count - 1;
  1627.    });
  1628. });
  1629. </script>
  1630. <![endif]-->
  1631.  
  1632.  
  1633. </body>
  1634. </html>
  1635. <script  src="http://plus9s.co.kr/webi/js/Common.js?ver=1"></script>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda