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://dycor.co.kr

  1.  
  2. <!DOCTYPE html>
  3. <html lang="ko">
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  7. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
  8. <meta name="format-detection" content="telephone=no">
  9. <link rel="stylesheet" href="asset/css/fonts.css">
  10. <link rel="stylesheet" href="asset/css/pure-min.css">
  11.  
  12. <!--[if lte IE 8]>
  13. <link rel="stylesheet" href="asset/css/grids-responsive-old-ie-min.css">
  14. <![endif]-->
  15. <!--[if gt IE 8]><!-->
  16. <link rel="stylesheet" href="asset/css/grids-responsive-min.css">
  17. <!--<![endif]-->
  18. <link rel="stylesheet" href="asset/css/jquery-ui-1.12.0.min.css">
  19. <link rel="stylesheet" href="asset/css/animate.min.css?ver=3.6.2">
  20. <link rel="stylesheet" href="asset/css/main.css?log=20200715">
  21. <link rel="stylesheet" href="asset/css/sub.css?log=20200715">
  22. <link rel="stylesheet" href="asset/css/iconset.css">
  23. <!-- 메인섹션 헤더용 구글폰트 -->
  24. <link rel="preconnect" href="https://fonts.gstatic.com">
  25. <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700&display=swap" rel="stylesheet">
  26. <!--[if lte IE 9]>
  27. <link rel="stylesheet" href="asset/css/ie9_fix.css">
  28. <![endif]-->
  29.  
  30. <script src="asset/js/jquery-3.1.1.min.js"></script>
  31. <script src="asset/js/jquery-ui-1.12.0.min.js"></script>
  32. <script src="asset/js/ScrollMagic.min.js"></script>
  33. <script src="asset/js/debug.addIndicators.min.js"></script>
  34. <script src="asset/js/jquery.form.js"></script>
  35. <script src="asset/js/common.js"></script>
  36. <script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
  37. <script type="text/javascript">
  38. WebFont.load({
  39. active: function() {
  40. sessionStorage.fonts = true;
  41. },
  42. custom: {
  43. families: ['Noto Sans KR'], // @font-face에 선언한 폰트 패밀리명
  44. urls: ['asset/css/fonts.css'], // @font-face가 선언된 css 경로
  45. }
  46. });
  47. </script>
  48. <title>㈜대양 Dae Yang Co., Ltd.</title>
  49. </head>
  50. <body>
  51. <header id="header">
  52. <article id="sidebar-dimmer"></article>
  53. <!-- SIDEBAR -->
  54. <article id="sidebar">
  55. <div class="sidebar-container">
  56. <div class="center-align side-logo-box">
  57. <a href="index.html"><img src="images/logo.png" /></a>
  58. <!--p></p-->
  59. <div class="sidebar-close-btn">
  60. <button class="util-btn util-sidebar"><img src="images/sidebar_btn2.png" /></button>
  61. </div>
  62. </div>
  63. <nav class="sidebar-nav">
  64. <ul class="list-clr sidebar-nav-list">
  65. <li class="side-nav-item">
  66. <p class="side-nav-header">회사소개 <em>COMPANY</em> <span class="expend-icon"></span></p>
  67. <dl class="list-clr">
  68. <dd><a href="sub01_1.html">인사말 <em>ABOUT US</em></a></dd>
  69. <dd><a href="sub01_2.html">연혁 <em>HISTORY</em></a></dd>
  70. <dd><a href="sub01_3.html">인증서 <em>CERTIFICATE</em></a></dd>
  71. <dd><a href="sub01_4.html">납품실적 <em>PERFORMANCE</em></a></dd>
  72. <dd><a href="sub01_5.html">오시는길 <em>LOCATION</em></a></dd>
  73. </dl>
  74. </li>
  75. <li class="side-nav-item">
  76. <p class="side-nav-header">제품소개 <em>PRODUCT</em> <span class="expend-icon"></span></p>
  77. <dl class="list-clr">
  78. <dd><a href="sub02_1.html?MM=0&SM=0">차단기 <em>CIRCUIT BREAKER</em></a></dd>
  79. <dd><a href="sub02_2.html?MM=0&SM=1">변압기 <em>TRANSFORMER</em></a></dd>
  80. <dd><a href="sub02_3.html?MM=0&SM=2">발전기 <em>GENERATOR</em></a></dd>
  81. </dl>
  82. </li>
  83. <li class="side-nav-item">
  84. <p class="side-nav-header">생산설비 <em>PRODUCTION</em> <span class="expend-icon"></span></p>
  85. <dl class="list-clr">
  86. <dd><a href="sub03_1.html?MM=1&SM=0">생산설비 <em>PRODUCTION</em></a></dd>
  87. </dl>
  88. </li>
  89. <li class="side-nav-item">
  90. <p class="side-nav-header">고객지원 <em>CUSTOMER</em> <span class="expend-icon"></span></p>
  91. <dl class="list-clr">
  92. <dd><a href="sub04_1.html">고객사 <em>CUSTOMER</em></a></dd>
  93. <dd><a href="sub04_2.html">공지사항 <em>NEWS</em></a></dd>
  94. <dd><a href="sub04_2.html">온라인문의 <em>Q&A</em></a></dd>
  95. </dl>
  96. </li>
  97. </ul>
  98. </nav>
  99. </div>
  100. </article>
  101. <nav id="gnb">
  102. <section class="pure-g container">
  103. <article class="pure-u-1 pure-u-lg-4-24 gnb-box logo-box">
  104. <a href="index.html" class="logo-anchor">
  105. <img src="images/logo.png" class="logo" />
  106. </a>
  107. </article>
  108. <article class="pure-u-lg-20-24 gnb-box menu-box">
  109. <div class="pure-g center-align gnb-list">
  110. <div class="pure-u-1-4 gnb-item">
  111. <a href="sub01_1.html">회사소개 <span>COMPANY</span></a>
  112. </div>
  113. <div class="pure-u-1-4 gnb-item">
  114. <a href="sub02_1.html?MM=0&SM=0">제품소개 <span>PRODUCT</span></a>
  115. </div>
  116. <div class="pure-u-1-4 gnb-item">
  117. <a href="sub03_1.html?MM=1&SM=0">생산설비 <span>PRODUCTION</span></a>
  118. </div>
  119. <div class="pure-u-1-4 gnb-item">
  120. <a href="sub04_1.html">고객지원 <span>CUSTOMER</span></a>
  121. </div>
  122. <!-- <div class="pure-u-4-24 gnb-item">
  123. <a href="sub05_1.html">고객지원</a>
  124. </div>
  125. <div class="pure-u-4-24 gnb-item">
  126. <a href="sub06_1.html">온라인문의</a>
  127. </div> -->
  128. </div>
  129. </article>
  130. <article class="pure-u-1 pure-u-lg-3-24 gnb-util-box">
  131. <div class="util-list">
  132. <button class="util-btn util-sidebar"><img src="images/sidebar_btn.png" /></button>
  133. </div>
  134. </article>
  135. </section>
  136. </nav>
  137. <article id="gnb-panel">
  138. <section class="pure-g container">
  139. <article class="pure-u-1 pure-u-md-1 pure-u-lg-4-24">&nbsp;</article>
  140.  
  141. <article class="pure-u-lg-20-24">
  142. <div class="pure-g center-align panel-list">
  143. <div class="pure-u-1-4 panel-item">
  144. <a href="sub01_1.html">인사말 <span>ABOUT US</span></a>
  145. <a href="sub01_2.html">연혁 <span>HISTORY</span></a>
  146. <a href="sub01_3.html">인증서 <span>CERTIFICATE</span></a>
  147. <a href="sub01_4.html">납품실적 <span>PERFORMANCE</span></a>
  148. <a href="sub01_5.html">오시는길 <span>LOCATION</span></a>
  149. </div>
  150. <div class="pure-u-1-4 panel-item">
  151. <a href="sub02_1.html?MM=0&SM=0">차단기 <span>CIRCUIT BREAKER</span></a>
  152. <a href="sub02_2.html?MM=0&SM=1">변압기 <span>TRANSFORMER</span></a>
  153. <a href="sub02_3.html?MM=0&SM=2">발전기 <span>GENERATOR</span></a>
  154. </div>
  155. <div class="pure-u-1-4 panel-item">
  156. <a href="sub03_1.html?MM=1&SM=0">생산설비 <span>PRODUCTION LINE</span></a>
  157. </div>
  158. <div class="pure-u-1-4 panel-item">
  159. <a href="sub04_1.html">고객사 <span>CUSTOMER</span></a>
  160. <a href="sub04_2.html">공지사항 <span>NEWS</span></a>
  161. <a href="sub04_3.html">온라인문의 <span>Q&A</span></a>
  162. </div>
  163. </div>
  164. </article>
  165. <!-- <article class="pure-u-1 pure-u-md-1 pure-u-lg-3-24">&nbsp;</article> -->
  166. </section>
  167. </article>
  168. </header>
  169. <script type="text/javascript">
  170. var $top_btn = $('#goto-top');
  171. var $dimmer = $('#sidebar-dimmer');
  172. var $sidebar = $('#sidebar');
  173. var $sidebar_open_btn = $('.util-sidebar');
  174. var $sidebar_close_btn = $('.sidebar-close-btn');
  175. var $side_nav_header = $('.side-nav-header');
  176.  
  177. function openDimmer() {
  178. $sidebar.show(0, function(){
  179. $sidebar.addClass('on-active');
  180. });
  181. $sidebar_close_btn.addClass('on-active');
  182. $dimmer.addClass('on-dimmer');
  183. $('body').addClass('on-dimmer');
  184. $('#gnb').addClass('on-active');
  185. }
  186. function closeDimmer() {
  187. $sidebar.hide(0, function(){
  188. $sidebar.removeClass('on-active');
  189. });
  190. //$sidebar.removeClass('on-active');
  191. $sidebar_close_btn.removeClass('on-active');
  192. $dimmer.removeClass('on-dimmer');
  193. $('body').removeClass('on-dimmer');
  194. $('#gnb').removeClass('on-active');
  195. }
  196. function fnGnbMenuOn(idx) {
  197. $('#gnb-panel').addClass('on-active');
  198. $('#gnb .menu-box .gnb-list .gnb-item:eq('+ idx +')').addClass('on-active');
  199. }
  200. function fnGnbMenuOff(idx) {
  201. $('#gnb-panel').removeClass('on-active');
  202. $('#gnb .menu-box .gnb-list .gnb-item:eq('+ idx +')').removeClass('on-active');
  203. }
  204. function fnGnbSearch() {
  205. var tValue = $('#global-search-box > input').val();
  206. if(tValue == "" || tValue.length == 0) {
  207. alert('검색어를 입력해 주세요.');
  208. return;
  209. }
  210. location.href="/total_search.html?searchType=total&tValue="+tValue;
  211. }
  212.  
  213. // DIMMER 닫기 (ESC)
  214. $(document).keyup(function(e) {
  215. if (e.keyCode == 27) {
  216. closeDimmer();
  217. }
  218. });
  219.  
  220. $(document).ready(function(){
  221. // MOBILE SIDEBAR 오픈
  222. $sidebar_open_btn.click(function(){
  223. openDimmer();
  224. });
  225. // MOBILE SIDEBAR 클로즈
  226. $sidebar_close_btn.click(function(){
  227. closeDimmer();
  228. });
  229. $dimmer.click(function(){
  230. var $this = $(this);
  231. if($this.hasClass('on-dimmer')) {
  232. closeDimmer();
  233. }
  234. });
  235. // MOBILE SIDEBAR MENU EXPEND
  236. $side_nav_header.click(function(){
  237. var $this = $(this);
  238. var $side_nav_list = $this.next('dl');
  239. if($side_nav_list.length != 0) {
  240. $side_nav_list.stop(true, false).slideToggle('fast');
  241. $this.toggleClass('on-active');
  242. $this.children('.expend-icon').toggleClass('on-active');
  243. }
  244. });
  245. // MENU HOVER
  246. $('#gnb .menu-box .gnb-list .gnb-item, #gnb-panel .panel-list > .panel-item').hover(function(){
  247. fnGnbMenuOn($(this).index());
  248. }, function(){
  249. fnGnbMenuOff($(this).index());
  250. });
  251. // GNB 검색바 보이기
  252. $('.util-list .util-search').click(function(){
  253. $('#global-search-box').toggleClass('on-visible');
  254. });
  255. // GNB 검색바 설정
  256. var $gnb_searchbar = $('#global-search-box > input');
  257. function hasGnbSearchVal(tFlag) {
  258. (tFlag == true) ? $gnb_searchbar.addClass('on-focus') : $gnb_searchbar.removeClass('on-focus');
  259. }
  260. $gnb_searchbar.val('');
  261.  
  262. ($gnb_searchbar.val() != "") ? hasGnbSearchVal(true) : hasGnbSearchVal(false);
  263. $gnb_searchbar.change(function(){
  264. ($(this).val() != "") ? hasGnbSearchVal(true) : hasGnbSearchVal(false);
  265. });
  266. $gnb_searchbar.keypress(function(e){
  267. if(e.keyCode == 13){
  268. fnGnbSearch();
  269. }
  270. });
  271. });
  272. </script>
  273. <script type="text/javascript">
  274. function setCookie( name, value, expiredays ) {
  275. var todayDate = new Date();
  276. todayDate.setDate( todayDate.getDate() + expiredays );
  277. document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
  278. }
  279. function getCookie(name){
  280. var nameOfCookie = "oasis_popup"+name + "=";
  281. var x = 0;
  282. while(x<= document.cookie.length){
  283. var y = (x+nameOfCookie.length);
  284. if(document.cookie.substring(x, y)== nameOfCookie){
  285. if((endOfCookie=document.cookie.indexOf( ";", y)) == -1 ) endOfCookie = document.cookie.length;
  286. return unescape( document.cookie.substring( y, endOfCookie ) );
  287. }
  288. x = document.cookie.indexOf( " ", x ) + 1;
  289. if ( x == 0 ) break;
  290. }
  291. return "";
  292. }
  293. function openPopup(name){
  294. if(!getCookie(name)) {
  295. var popName = "#pop"+name;
  296. $(popName).css("display","block");
  297. }
  298. }
  299. function closePopup(layerNo) {
  300. var today ="2024-05-07";
  301.  
  302. var popContent = $(".popno_"+layerNo);
  303. var popInput = popContent.find("#popCheck");
  304. var cookieName = "oasis_popup"+layerNo;
  305.  
  306. if($(popInput).is(":checked")){
  307. setCookie(cookieName, today, 1);
  308. }
  309.  
  310. $(popContent).remove();
  311. }
  312.  
  313. function bxSlider_thumb_change(no){
  314. var idx = $('.slides'+no+" li:visible").index();
  315. var max_li = $('.slides'+no+" li").length;
  316.  
  317. idx++;
  318.  
  319. if(idx == max_li){
  320. idx = 0;
  321. }
  322.  
  323. $(".slider_thum"+no+" li").removeClass("active");
  324. $(".slider_thum"+no+" li").eq(idx).addClass("active");
  325. var slider_title = $(".slider_thum"+no+" li").eq(idx).attr("data-title");
  326. $(".popno_"+no).children("p:first-child").text(slider_title);
  327. }
  328.  
  329. function setSlider(no, device){
  330. if(device != "mobile") {
  331. var bxTag = '.slides'+no;
  332. } else {
  333. var bxTag = '.mobile_slides'+no;
  334. }
  335. $(bxTag).bxSlider({
  336. pager: false,
  337. controls: false,
  338. auto: true,
  339. mode: 'fade',
  340. autoHover: true,
  341.  
  342. onSlideNext: function(){
  343. bxSlider_thumb_change(no);
  344. }
  345. });
  346. }
  347.  
  348. function getImgList(bkey, obj_no, size_x, size_y, device){
  349. $.ajax({
  350. type : 'post'
  351. , async  :  true
  352. , url  :  './api/popup.api.php'
  353. , data : {
  354. type : 'getImgList'
  355. , bkey : bkey
  356. }
  357. , success : function(response) {
  358. if(response.RESULT == 1){
  359. if(device != "mobile") {
  360. var addClass = ".slides"+obj_no;
  361. } else {
  362. var addClass = ".mobile_slides"+obj_no;
  363. }
  364. var aHtml = Array();
  365. var tmp_aHtml = Array();
  366. var thum_sx = parseInt(size_x / 3);
  367. var thum_sy = parseInt(size_y / 3);
  368. tmp_aHtml.push('<ul class="slider_thum slider_thum'+obj_no+'">');
  369.  
  370. var cnt = 0;
  371.  
  372. $.each(response.DATA, function(k, v){
  373. aHtml.push('<li onclick="javascript:window.open(\''+v.flink+'\')" style="cursor:pointer;"><img src="upload/popup/'+v.fname+'" style="max-width:'+size_x+'px"/></li>');
  374.  
  375. tmp_aHtml.push('<li '+ (cnt == 0 ? " class='active'":"") +' data-title="'+v.title+'" style="height:'+thum_sx+'px;">');
  376. tmp_aHtml.push(' <img src="upload/popup/'+v.fname+'" style="width:100%;"/>');
  377. tmp_aHtml.push('</li>');
  378. cnt++;
  379. });
  380. $(addClass).html(aHtml.join(''));
  381. if(device != "mobile") {
  382. setSlider(obj_no, "pc");
  383. } else {
  384. setSlider(obj_no, "mobile");
  385. }
  386.  
  387. tmp_aHtml.push('</ul>');
  388. if(device != "mobile") {
  389. $("#slider"+obj_no).after(tmp_aHtml.join(''));
  390. } else {
  391. $("#mobile_slider"+obj_no).after(tmp_aHtml.join(''));
  392. }
  393.  
  394. }else{
  395. alert(response.MSG);
  396. }
  397. }
  398. , error : function(request, status, error) {
  399. //console.log(error);
  400. return;
  401. }
  402. , cache : false
  403. , dataType : 'json'
  404. });
  405. }
  406. </script>
  407. <style>
  408. .pop_content, .pop_content * {letter-spacing:normal;}
  409. .pop_content{width:100%; position:absolute; z-index:9999; top:0;}
  410.  
  411. .pop_style_normal{border:2px solid #684636; background-color:white; position:absolute; left:50%; padding:10px; text-align:center; z-index:10000; cursor: move; box-sizing:content-box;}
  412. .pop_style_normal p:first-child{ border-bottom:1px solid #684636; margin-bottom:10px; padding-bottom:5px;}
  413. .pop_style_normal p:last-child{text-align:right;}
  414.  
  415. .pop_style_editor{border:2px solid #684636; background-color:white; position:absolute; left:50%; padding:10px; z-index:10000; cursor: move;}
  416. .pop_style_editor p:first-child{ border-bottom:1px solid #684636; margin-bottom:10px; padding-bottom:5px; text-align:center;}
  417. .pop_style_editor p:last-child{text-align:right;}
  418. .pop_style_editor img {max-width:100%; height:auto !important}
  419.  
  420. .pop_style_sliders{border:2px solid #684636; background-color:white; position:absolute; left:50%; padding:10px; text-align:center; z-index:10000; cursor: move;}
  421. .pop_style_sliders p:first-child{ border-bottom:1px solid #684636; margin-bottom:10px; padding-bottom:5px; font-size:15pt; font-weight:600;}
  422. .pop_style_sliders p:last-child{text-align:right;}
  423. .pop_style_sliders .bx-wrapper{margin:0 !important;}
  424. .pop_style_sliders .popSlider ul{margin:0;}
  425. .pop_style_sliders .popSlider ul li{left:0;}
  426. .pop_style_sliders .popSlider ul li img{margin: 0 auto;}
  427. .pop_style_sliders .slider_thum{padding:0; margin:0; display:table; width:100%;}
  428. .pop_style_sliders .slider_thum li{list-style:none; width:33.3%; float:left; border:1px solid #ededed; box-sizing:border-box; height:180px !important;}
  429. .pop_style_sliders .slider_thum li.active{border:2px solid #76a4cf; box-sizing:border-box;}
  430. .pop_style_sliders .slider_thum li img {max-height:100%;}
  431.  
  432. .mobile-tablet-popup {display:none; position:absolute !important; top:50px; border:5px solid #684636; max-width: 600px; margin: auto; background: #fff; padding: 10px; text-align: center; box-sizing:border-box; z-index:200;}
  433. .mobile-tablet-popup img {max-width:100% !important; height:auto !important;}
  434. .mobile-tablet-popup p:first-child {border-bottom: 1px solid #684636; padding-bottom: 10px;}
  435.  
  436. .pop_content .user_default_btn {margin:0 0 0 1em; padding: .5em 1em; line-height: 1; border: 1px solid #24c3ea; background: #24c3ea; color: #fff;
  437. -webkit-transform: translateY(0px);
  438. -moz-transform: translateY(0px);
  439. -ms-transform: translateY(0px);
  440. -o-transform: translateY(0px);
  441. transform: translateY(0px);
  442. }
  443. @media screen and (max-width: 768px){
  444. .pop_style_normal,
  445. .pop_style_editor,
  446. .pop_style_sliders {display:none;}
  447. .mobile-tablet-popup {display:block; margin: 0 5.4em;}
  448.  
  449. .mobile-tablet-popup .bx-wrapper{margin:0 !important;}
  450. .mobile-tablet-popup .popSlider ul{margin:0;}
  451. .mobile-tablet-popup .popSlider ul li{left:0;}
  452. .mobile-tablet-popup .popSlider ul li img{margin: 0 auto;}
  453. .mobile-tablet-popup .slider_thum{padding:0; margin:0; display:table; width:100%;}
  454. .mobile-tablet-popup .slider_thum li{list-style:none; width:33.3%; height:150px !important; float:left; border:1px solid #ededed; box-sizing:border-box;}
  455. .mobile-tablet-popup .slider_thum li.active{border:2px solid #76a4cf; box-sizing:border-box;}
  456. .mobile-tablet-popup .slider_thum li img {max-height:100%;}
  457. }
  458. @media screen and (max-width: 425px){
  459. .mobile-tablet-popup {max-width:300px; margin: 0 3.4em;}
  460. .mobile-tablet-popup .slider_thum li {height:75px !important}
  461. }
  462. </style>
  463. <link rel="stylesheet" type="text/css" href="asset/css/jquery.bxslider.min.css" />
  464. <script type="text/javascript" src="asset/js/jquery.bxslider.min.js"></script>
  465. <div class="pop_content">
  466. </div>
  467. <section id="contents">
  468. <div id="visual" style="top: 0px; opacity: 1;">
  469. <div class="sub_imgbox">
  470. <div class="cover01 section">
  471. <img src="../../images/main/main_visual01.jpg" alt="" class="vimg_1">
  472. </div>
  473. <div class="cover02 section">
  474. <img src="../../images/main/main_visual02.jpg" alt="" class="vimg_2">
  475. </div>
  476. </div>
  477. <div class="visual_txt js-scrollmagic" data-animation="fadeInDown" style=" opacity: 1; ">
  478. <h2>
  479. <p><span class="text-stroke">노하우와 기술력으로 승부하는</span>오늘보다 내일이 더 기대되는 기업</p>
  480. </h2>
  481. </div>
  482. <div class="scroll_down">
  483. <a href="#mainContent" class="mouse_wheel _mPS2id-h mPS2id-clicked"></a>
  484. </div>
  485. </div>
  486. <section class="main-section introduce-section js-scrollmagic" data-animation="fadeInUp">
  487. <div class="container">
  488. <h1>오늘보다 내일이 <span>더 기대되는 기업</span></h1>
  489. <p>더욱 더 경쟁력있는 좋은 품질로 고객에게 다가가 신뢰를 기반으로 고객과 동반성장하며<br class=""> 지속적으로 발전하는 기업이 되고자 끊임없이 노력해 나갈것입니다.</p>
  490. </div>
  491. </section>
  492. <section class="main-section category-section  js-scrollmagic" data-animation="fadeInUp" id="mainContent">
  493. <div class="container">
  494. <article class="pure-g" id="category-slider">
  495. <!-- 차단기 -->
  496. <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3 cate-item">
  497. <div class="cate-box">
  498. <div class="images"><img src="images/main/section_image1.jpg" / onclick="location.href='sub02_1.html?MM=0&SM=0'"></div>
  499. <div class="description">
  500. <h4>PRODUCT</h4>
  501. <h3>NONFERROUS METAL UNIT</h3>
  502. <!-- <p>벨트가 필요없이 볼륨으로 속도 조절이 편리함</p> -->
  503. </div>
  504. <a href="sub02_1.html?MM=0&SM=0" class="public-btn"><span>Detail View</span></a>
  505. </div>
  506. </div>
  507. <!-- 차단기 2 -->
  508. <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3 cate-item">
  509. <div class="cate-box">
  510. <div class="images"><img src="images/main/section_image2.jpg" / onclick="location.href='sub02_1.html?MM=0&SM=0'"></div>
  511. <div class="description">
  512. <h4>PRODUCT</h4>
  513. <h3>CIRCUIT BREAKER ARC CHAMBER UNIT</h3>
  514. </div>
  515. <a href="sub02_1.html?MM=0&SM=0" class="public-btn"><span>Detail View</span></a>
  516. </div>
  517. </div>
  518.  
  519. <!-- 변압기1 -->
  520.  
  521. <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3 cate-item">
  522. <div class="cate-box">
  523. <div class="images"><img src="images/main/section_image3.jpg" / onclick="location.href='sub02_2.html?MM=0&SM=1'"></div>
  524. <div class="description">
  525. <h4>PRODUCT</h4>
  526. <h3>Laminated Board & Wood</h3>
  527. </div>
  528. <a href="sub02_2.html?MM=0&SM=1" class="public-btn"><span>Detail View</span></a>
  529. </div>
  530. </div>
  531.  
  532. <!-- 변압기2 -->
  533.  
  534. <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3 cate-item">
  535. <div class="cate-box">
  536. <div class="images"><img src="images/main/section_image4.jpg?1" / onclick="location.href='sub02_2.html?MM=0&SM=1'"></div>
  537. <div class="description">
  538. <h4>PRODUCT</h4>
  539. <h3>Pressboard & Cylinder</h3>
  540. </div>
  541. <a href="sub02_2.html?MM=0&SM=1" class="public-btn"><span>Detail View</span></a>
  542. </div>
  543. </div>
  544.  
  545. <!-- 발전기1 -->
  546.  
  547. <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3 cate-item">
  548. <div class="cate-box">
  549. <div class="images"><img src="images/main/section_image5.jpg?1" / onclick="location.href='sub02_3.html?MM=0&SM=2'"></div>
  550. <div class="description">
  551. <h4>PRODUCT</h4>
  552. <h3>Slot Armor</h3>
  553. </div>
  554. <a href="sub02_3.html?MM=0&SM=2" class="public-btn"><span>Detail View</span></a>
  555. </div>
  556. </div>
  557. <!-- 발전기2 -->
  558. <div class="pure-u-1 pure-u-md-1-2 pure-u-lg-1-3 cate-item">
  559. <div class="cate-box">
  560. <div class="images"><img src="images/main/section_image6.jpg?1" / onclick="location.href='sub02_3.html?MM=0&SM=2'"></div>
  561. <div class="description">
  562. <h4>PRODUCT</h4>
  563. <h3>Laminates</h3>
  564. </div>
  565. <a href="sub02_3.html?MM=0&SM=2" class="public-btn"><span>Detail View</span></a>
  566. </div>
  567. </div>
  568. </article>
  569. </div>
  570. </section>
  571. <section class="main-section product-section js-scrollmagic" data-animation="fadeInUp">
  572. <div class="pure-g container">
  573. <div class="pure-u-1 pure-u-sm-2-5 column image-col">
  574. <div class="middle-align"><img src="images/main/main_product01.png" /></div>
  575. </div>
  576. <div class="pure-u-1 pure-u-sm-3-5 column context-col">
  577. <h1><span>CERTIFICATE</span><br />인증서</h1>
  578. <p>세계최고의 절연물 생산 다국적 기업인 VonRoll사와 한국 내 발전기 절연부품 독점공급 에이전트 계약체결을 통하여 북미,남미,유럽국의 제작 기기들에 대한 절연부품 공급 능력을 확보하고 선진 기술 공유와 최신기술 공동개발의 기반을 구축하였습니다.</p>
  579. <a href="sub01_3.html" class="public-btn"><span>인증서 더 보기</span></a>
  580. </div>
  581. </div>
  582. </section>
  583. <section class="main-section data-section ">
  584. <div class="pure-g container">
  585. <div class="pure-u-1 pure-u-lg-1-2 column notice-col js-scrollmagic" data-animation="fadeInLeft">
  586. <h3 class="board-col-header">공지사항</h3>
  587. <div class="corp-slogan pure-g">
  588. <div class="pure-u-1 pure-u-sm-1-3">
  589. <img src="images/main/main_notice_image.jpg" />
  590. </div>
  591. <div class="slogan-box pure-u-1 pure-u-sm-2-3">
  592. <h4>대양의 공지사항입니다.</h4>
  593. <a href="sub04_2.html" class="public-btn"><span>Learn More</span></a>
  594. </div>
  595. </div>
  596. <ul class="list-clr" id="main-notice-list">
  597. <li><a href="">제목</a><span>2021-12-10</span></li>
  598. </ul>
  599. </div>
  600.  
  601. <div class="pure-u-1 pure-u-lg-1-2 extra-col js-scrollmagic" data-animation="fadeInRight">
  602. <div class="pure-g main_qna">
  603. <div class="pure-u-1 pure-u-sm-1-2" style="text-align:center;">
  604. <div class="icon-header qna-1">
  605. <img src="images/ico/ico_qna.png" /><br />
  606. <h3 class="board-col-header">온라인문의</h3>
  607. </div>
  608. </div>
  609. <div class="pure-u-1 pure-u-sm-1-2 qna-more qna-1">
  610. <p>고객들의 의견에 귀 기울이겠습니다.<br />궁금한 사항은 문의주세요.</p>
  611. <a href="sub04_3.html" class="public-btn"><span>Learn More</span></a>
  612. </div>
  613. <!-- <div class="pure-u-1 pure-u-sm-1-1 qna_wrap ">
  614. <ul class="list-clr" id="qna-list">
  615. <li><a href="">제목</a><span>2021-12-10</span></li>
  616. </ul>
  617. </div> -->
  618. </div>
  619. </div>
  620. </div>
  621. </section>
  622. </section>
  623.  
  624. <link rel="stylesheet" href="asset/css/slick-theme.css">
  625. <link rel="stylesheet" href="asset/css/slick.css">
  626. <script src="asset/js/vendor/slick.min.js"></script>
  627. <script src="asset/js/slide_control.js"></script>
  628. <script type="text/javascript" src="asset/js/jquery.form.js"></script>
  629. <script type="text/javascript">
  630. function getMainBoard() {
  631. $.ajax({
  632. type : 'post'
  633. , async  :  true
  634. , url  :  './api/notice2.api.php'
  635. , data : {
  636. type : 'getMain'
  637. }
  638. , success : function(response) {
  639. if(response.RESULT == 1){
  640. var aHtml = Array();
  641. if(response.CNT > 0){
  642. $.each(response.DATA, function(k, v) {
  643. aHtml.push('<li><a href="javascript:contentView(\'' + v.b_key + '\')">'+ v.title +'</a><span>'+ v.wday +'</span></li>');
  644. });
  645. }else{
  646. }
  647. $('#main-notice-list').html(aHtml.join(''));
  648. }else{
  649. //alert(response.MSG);
  650. }
  651. }
  652. , error : function(request, status, error) {
  653. //console.log(error);
  654. return;
  655. }
  656. , cache : false
  657. , dataType : 'json'
  658. });
  659. }
  660. (function($){
  661. $(document).ready(function () {
  662. $('.sub_imgbox').slick({
  663. dots: true,
  664. autoplay: true,
  665. pauseOnHover: false,
  666. autoplaySpeed: 5000,
  667. arrows: true,
  668. prevArrow:"<button type='button' class='slick-prev main-prev'><img src='/images/main/visual_prev.png' /></button>",
  669. nextArrow:"<button type='button' class='slick-next main-next'><img src='/images/main/visual_next.png' /></button>",
  670. fade: true
  671. });
  672. });
  673. })(jQuery);
  674.  
  675.  
  676. function setSubslider($obj, arrow_color, break_point1, break_point2) {
  677. var $arrow_left = "<img src='/images/main/main_visual_arr_l.png' />";
  678. var $arrow_right = "<img src='/images/main/main_visual_arr_r.png' />";
  679. if(arrow_color != "white") {
  680. $arrow_left = "<img src='/images/main/sub_slider_arr_l.png' />";
  681. $arrow_right = "<img src='/images/main/sub_slider_arr_r.png' />";
  682. }
  683. $obj.slick({
  684. autoplay: false,
  685. infinite: true,
  686. slidesToShow: 3,
  687. slidesToScroll: 1,
  688. dots: false,
  689. arrows: true,
  690. prevArrow:"<button type='button' class='slick-prev custom-prev'>"+ $arrow_left +"</button>",
  691. nextArrow:"<button type='button' class='slick-next custom-next'>"+ $arrow_right +"</button>",
  692. lazyLoad: 'ondemand',
  693. responsive: [{
  694. breakpoint: break_point1,
  695. settings: {
  696. slidesToShow: 2,
  697. slidesToScroll: 1,
  698. }
  699. }, {
  700. breakpoint: break_point2,
  701. settings: {
  702. slidesToShow: 1,
  703. slidesToScroll: 1,
  704. }
  705. }]
  706. });
  707. }
  708. function setGallerySlider() {
  709. $('#main-gallery').slick({
  710.  centerMode: true,
  711.  centerPadding: '60px',
  712.  autoplay: false,
  713.  infinite: true,
  714.  dots: false,
  715.  arrows: true,
  716. prevArrow:"<button type='button' class='slick-prev custom-prev'><img src='/images/main/main_visual_arr_l.png' /></button>",
  717. nextArrow:"<button type='button' class='slick-next custom-next'><img src='/images/main/main_visual_arr_r.png' /></button>",
  718.  slidesToShow: 3,
  719.  responsive: [
  720.    {
  721.      breakpoint: 768,
  722.      settings: {
  723.        arrows: false,
  724.        centerMode: true,
  725.        centerPadding: '40px',
  726.        slidesToShow: 3
  727.      }
  728.    },
  729.    {
  730.      breakpoint: 480,
  731.      settings: {
  732.        arrows: false,
  733.        centerMode: true,
  734.        centerPadding: '40px',
  735.        slidesToShow: 1
  736.      }
  737.    }
  738.  ]
  739. });
  740. }
  741. function setGallerySlider2() {
  742. $('#main-gallery2').slick({
  743. autoplay: false,
  744. infinite: true,
  745. slidesToShow: 5,
  746. slidesToScroll: 4,
  747. dots: false,
  748. arrows: true,
  749. prevArrow:"<button type='button' class='slick-prev custom-prev'><img src='/images/main/main_visual_arr_l.png' /></button>",
  750. nextArrow:"<button type='button' class='slick-next custom-next'><img src='/images/main/main_visual_arr_r.png' /></button>",
  751. lazyLoad: 'ondemand',
  752. responsive: [{
  753. breakpoint: 1025,
  754. settings: {
  755. slidesToShow: 3,
  756. slidesToScroll: 3,
  757. }
  758. }, {
  759. breakpoint: 1000,
  760. settings: {
  761. slidesToShow: 2,
  762. slidesToScroll: 2,
  763. }
  764. }, {
  765. breakpoint: 768,
  766. settings: {
  767. arrows: false,
  768. slidesToShow: 1,
  769. slidesToScroll: 1,
  770. }
  771. }]
  772. });
  773. }
  774. function frm_submit(){
  775. var $user_agree = $("input[name='user_agree']:checked").val();
  776. if($user_agree != "on"){
  777. alert('개인정보처리방침에 동의해주세요.');
  778. return;
  779. }
  780. msg = confirm('문의 하시겠습니까?');
  781. if(msg == false){
  782. }else{
  783.  
  784. $name = $("input[name='name']");
  785. if($name.val() == "" || !$name.val()){
  786. alert('성함을 입력해주세요.');
  787. $name.focus();
  788. return false;
  789. }
  790.  
  791. $phone = $("input[name='phone']");
  792. if($phone.val() == "" || !$phone.val()){
  793. alert('연락처를 입력해주세요.');
  794. $phone.focus();
  795. return false;
  796. }
  797.  
  798. var queryString = $("form[name=main_inq_form]").serialize();
  799. $.ajax({
  800. type : 'post',
  801. url : './api/online.api.php',
  802. data : queryString,
  803. dataType : 'json'
  804. ,success : function(response) {
  805. if(response.RESULT == 1){
  806. alert(response.MSG);
  807. location.href = 'index.html';
  808. }else if(response.RESULT == -2){
  809. alert('(Error)수정할 게시글의 세션이 만료되었습니다. 수정할 데이터를 저장하시고 새로고침 후 다시 이용해주세요.');
  810. }else if(response.RESULT == -3){
  811. alert(response.MSG);
  812. }else{
  813. alert(response.MSG);
  814. location.reload();
  815. }
  816. },error : function(a,b,c){
  817. console.log("error");
  818. }
  819. });
  820.  
  821.  
  822. }
  823. }
  824. $(function() {
  825. inputMoney("js-phone");
  826. });
  827. function inputMoney(id) {
  828. //var selector="input[name="+id+"]";
  829. var selector = "."+id;
  830. $(selector).keypress(function(event) {
  831. if(event.which && (event.which < 48 || event.which > 57) ) {
  832. if(event.which == 43 || event.which == 45){
  833. }else{
  834. event.preventDefault();
  835. }
  836. }
  837. }).keyup(function(){
  838. if( $(this).val() != null && $(this).val() != '' ) {
  839. $(this).val( $(this).val().replace(/[^0-9,+,-]/g, '') );
  840. }
  841. });
  842. };
  843. function contentView(bkey){
  844. var URI = 'sub04_2_v.html?';
  845. location.href=URI+"bkey="+bkey;
  846. }
  847. function contentView2(bkey, mm, sm){
  848. var URI = 'sub04_2_v.html?MM='+mm+'&SM='+sm;
  849. location.href=URI+"&bkey="+bkey;
  850. }
  851. function contentView3(bkey, mm, sm){
  852. var URI = 'sub07_1_v.html?MM='+mm+'&SM='+sm;
  853. location.href=URI+"&bkey="+bkey;
  854. }
  855. function contentView4(bkey){
  856. var URI = 'sub05_2_v.html?';
  857. location.href=URI+"bkey="+bkey;
  858. }
  859. function contentView5(bkey){
  860. var URI = 'sub05_2.html';
  861. location.href=URI;
  862. }
  863. function getMainGallery() {
  864. $.ajax({
  865. type : 'post'
  866. , async  :  true
  867. , url  :  './api/gallery.api.php'
  868. , data : {
  869. type : 'getMain',
  870. mm : 0,
  871. sm : 0
  872. }
  873. , success : function(response) {
  874. if(response.RESULT == 1){
  875. var aHtml = Array();
  876. if(response.CNT > 0){
  877. $.each(response.DATA, function(k, v) {
  878. var get_filename = v.file_name;
  879. var file_name = "";
  880. if(get_filename.length > 0){
  881. file_name = "upload/gallery/"+v.file_name;
  882. }else{
  883. file_name = "images/no-image03.jpg";
  884. }
  885. aHtml.push('<div class="gallery-item" onClick="javascript:contentView(\''+v.b_key+'\', '+v.MM+', '+ v.SM +');">');
  886. aHtml.push(' <div class="wrapper">');
  887. aHtml.push(' <div class="image"><img src="'+ file_name +'" /></div>');
  888. aHtml.push(' <p>'+ v.title +'</p>');
  889. aHtml.push(' </div>');
  890. aHtml.push('</div>');
  891.  
  892. //console.log("!!!");
  893. //$('.gallery_slide').slick('slickAdd','<div class="gallery_tem"><img src="'+ file_name +'" alt=""><p>'+v.wday+'</p><h3 class="gallery_text">'+v.title+'</h3><div //class="main_bt"><a onClick="javascript:contentView(\''+v.b_key+'\', '+v.MM+', '+ v.SM +');"><p>more</p></a></div></div>');
  894. $('.gallery_slide').slick('slickAdd','<div class="gallery_tem" onClick="javascript:contentView3(\''+v.b_key+'\', '+v.MM+', '+ v.SM +');"><img style="width:100%;" src="'+ file_name +'" alt=""><div class="main_gallery_hover"><h3 class="gallery_text">'+v.title+'</h3><p>바이크, 소형, 중형, 대형, 대형화물, 푸드트럭, 중장비 사전예약<br>빠른예약은 전화를 주시기 바랍니다.</p></div></div>');
  895. });
  896. }else{
  897. }
  898. $('#main-gallery').html(aHtml.join(''));
  899. setGallerySlider();
  900. }else{
  901. //alert(response.MSG);
  902. }
  903. }
  904. , error : function(request, status, error) {
  905. //console.log(error);
  906. return;
  907. }
  908. , cache : false
  909. , dataType : 'json'
  910. });
  911. }
  912.  
  913. function getMainNotice() {
  914. $.ajax({
  915. type : 'post'
  916. , async  :  true
  917. , url  :  './api/notice2.api.php'
  918. , data : {
  919. type : 'getMain'
  920. }
  921. , success : function(response) {
  922. if(response.RESULT == 1){
  923. var aHtml = Array();
  924. if(response.CNT > 0){
  925. $.each(response.DATA, function(k, v) {
  926. //aHtml.push(' <td><span class="mobile-label">번호</span>'+ v.pos1 +'</td>');
  927. //aHtml.push('<li>');
  928. //aHtml.push(' <a onClick="javascript:contentView4(\''+v.b_key+'\');">'+v.title+'</a>');
  929. //aHtml.push(' <span class="date">'+v.wday+'</span>');
  930. //aHtml.push('</li>');
  931.  
  932. //aHtml.push('<li>');
  933. //aHtml.push(' <p class="tit"><a onClick="javascript:contentView4(\''+v.b_key+'\');">'+v.title+'</a>');
  934. //aHtml.push(' </p><p class="date">'+v.wday+'</p>');
  935. //aHtml.push('</li>');
  936.  
  937. aHtml.push('<li>');
  938. aHtml.push(' <a onClick="javascript:contentView4(\''+v.b_key+'\');">');
  939. aHtml.push(' <div class="notice-item">');
  940. aHtml.push(' <div class="item-inner"> ');
  941. aHtml.push(' <p class="notice-subject ">'+v.title+'</p>');
  942. aHtml.push(' <span class="notice-date">'+v.wday+'</span>');
  943. aHtml.push(' </div>');
  944. aHtml.push(' </div>');
  945. aHtml.push(' </a>');
  946. aHtml.push('</li>');
  947. });
  948. }else{
  949. aHtml.push('<li>');
  950. aHtml.push(' 등록된 공지자료가 없습니다.');
  951. aHtml.push('</li>');
  952. }
  953.  
  954. $('#main_notice_list').html(aHtml.join(''));
  955. }else{
  956. //alert(response.MSG);
  957. }
  958. }
  959. , error : function(request, status, error) {
  960. //console.log(error);
  961. return;
  962. }
  963. , cache : false
  964. , dataType : 'json'
  965. });
  966. }
  967.  
  968. function getMainQna() {
  969. $.ajax({
  970. type : 'post'
  971. , async  :  true
  972. , url  :  './api/qna.api.php'
  973. , data : {
  974. type : 'getMain'
  975. }
  976. , success : function(response) {
  977. console.log(response);
  978. if(response.RESULT == 1){
  979. var aHtml = Array();
  980. if(response.CNT > 0){
  981. $.each(response.DATA, function(k, v) {
  982. //aHtml.push(' <td><span class="mobile-label">번호</span>'+ v.pos1 +'</td>');
  983. aHtml.push('<li>');
  984. aHtml.push(' <a onClick="javascript:contentView5(\''+v.b_key+'\');">'+v.title+'</a>');
  985. aHtml.push(' <span class="date">'+v.wday+'</span>');
  986. aHtml.push('</li>');
  987. });
  988. }else{
  989. aHtml.push('<li>');
  990. aHtml.push(' 등록된 게시글이 없습니다.');
  991. aHtml.push('</li>');
  992. }
  993.  
  994. $('#mainQna').html(aHtml.join(''));
  995. }else{
  996. //alert(response.MSG);
  997. }
  998. }
  999. , error : function(request, status, error) {
  1000. //console.log(error);
  1001. return;
  1002. }
  1003. , cache : false
  1004. , dataType : 'json'
  1005. });
  1006. }
  1007.  
  1008. $(document).ready(function(){
  1009.  
  1010. $('.gallery_slide').slick({
  1011.  arrows: false,
  1012.  dots: true,
  1013.  prevArrow:"<button type='button' class='slick-prev custom-prev'><img src='/images/main/main_visual_arr_l.png' /></button>",
  1014.  nextArrow:"<button type='button' class='slick-next custom-next'><img src='/images/main/main_visual_arr_r.png' /></button>",
  1015. slidesToShow: 3,
  1016. slidesToScroll: 1,
  1017. responsive: [
  1018. {
  1019.  breakpoint: 1025,
  1020.  settings: {
  1021. dots: true,
  1022. arrows:false,
  1023. slidesToShow: 2,
  1024. slidesToScroll: 1
  1025.  }
  1026. },
  1027. {
  1028.  breakpoint: 769,
  1029.  settings: {
  1030. dots: true,
  1031. arrows: false,
  1032. slidesToShow: 1,
  1033. slidesToScroll: 1
  1034.  }
  1035. }
  1036.  ]
  1037. });            
  1038.  
  1039. setMainVisual();
  1040. setMainCategorySlider();
  1041. //setSubslider($('.cards'), "blue", 1024, 768);
  1042. setSubslider($('.step-box'), "white", 1439, 768);
  1043. //getMainGallery();
  1044. //getMainNotice();
  1045. //getMainQna();
  1046. getMainBoard();
  1047.  
  1048. /* POPUP */
  1049. var today = '2024-05-07';
  1050. $.ajax({
  1051. type : 'post'
  1052. , async  :  true
  1053. , url  :  './api/popup.api.php'
  1054. , data : {
  1055. type : 'getListView'
  1056. }
  1057. , success : function(response) {
  1058. if(response.RESULT == 1){
  1059. if(response.CNT > 0){
  1060. var cnt=0;
  1061. $.each(response.DATA, function(k, v) {
  1062. var popValue = getCookie(v.no);
  1063.  
  1064. if(popValue != today){
  1065. var aHtml = Array();
  1066. cnt++;
  1067.  
  1068. switch(v.type){
  1069. case 'bgimage':
  1070. var get_filename = v.fname;
  1071. var file_name = "";
  1072. if(get_filename != null){
  1073. popup_file = "upload/popup/"+v.fname;
  1074. }else{
  1075. popup_file = "images/logo.png";
  1076. }
  1077.  
  1078. //url('../../images/main/main_visual01.jpg')  center center / cover no-repeat;
  1079. aHtml.push('<div class="pop_style_normal popno_'+v.no+'" style="width:'+v.sx+'px; height:'+v.sy+'px; margin-left:'+v.px+'px; margin-top:'+v.py+'px;">');
  1080. aHtml.push(' <p>'+ v.title +'</p>');
  1081. aHtml.push(' <p>');
  1082. aHtml.push(' <div style="width:'+(v.sx)+'px; height:'+(v.sy-120)+'px; text-align: initial; background: url('+popup_file+')  center center / cover no-repeat;">'+v.ct+'</div>');
  1083.  
  1084. if(v.flink.length > 0){
  1085. aHtml.push('<a href="'+v.flink+'" target="_blank">');
  1086. }
  1087. //aHtml.push(' <img src="'+ popup_file +'" style="max-width:'+v.sx+'px; max-height:'+(v.sy - 50)+'px;" />');
  1088. if(v.flink.length > 0){
  1089. aHtml.push('</a>');
  1090. }
  1091. aHtml.push(' </p>');
  1092.  
  1093. aHtml.push(' <p><input type="checkbox" id="popCheck" />오늘 하루 닫기<button class="user_default_btn" onclick="javascript:closePopup('+v.no+')">Close</button></p>');
  1094. aHtml.push('</div>');
  1095.  
  1096. /* MOBILE TABLET */
  1097. aHtml.push('<div class="mobile-tablet-popup popno_'+v.no+'">');
  1098. aHtml.push(' <p>'+ v.title +'</p>');
  1099. aHtml.push(' <img src="upload/popup/'+ v.fname +'" />');
  1100. aHtml.push(' <p class="right_align"><input type="checkbox" id="popCheck" />오늘 하루 닫기<button class="user_default_btn" onclick="javascript:closePopup('+v.no+')">Close</button></p>');
  1101. aHtml.push('</div>');
  1102. break;
  1103. case 'normal':
  1104. aHtml.push('<div class="pop_style_normal popno_'+v.no+'" style="width:'+v.sx+'px; height:'+v.sy+'px; margin-left:'+v.px+'px; margin-top:'+v.py+'px;">');
  1105. aHtml.push(' <p>'+ v.title +'</p>');
  1106. aHtml.push(' <p>');
  1107.  
  1108. var get_filename = v.fname;
  1109. var file_name = "";
  1110. if(get_filename != null){
  1111. popup_file = "upload/popup/"+v.fname;
  1112. }else{
  1113. popup_file = "images/logo.png";
  1114. }
  1115.  
  1116. if(v.flink.length > 0){
  1117. aHtml.push('<a href="'+v.flink+'" target="_blank">');
  1118. }
  1119. aHtml.push(' <img src="'+ popup_file +'" style="max-width:'+v.sx+'px; max-height:'+(v.sy - 50)+'px;" />');
  1120. if(v.flink.length > 0){
  1121. aHtml.push('</a>');
  1122. }
  1123. aHtml.push(' </p>');
  1124.  
  1125. aHtml.push(' <p><input type="checkbox" id="popCheck" />오늘 하루 닫기<button class="user_default_btn" onclick="javascript:closePopup('+v.no+')">Close</button></p>');
  1126. aHtml.push('</div>');
  1127.  
  1128. /* MOBILE TABLET */
  1129. aHtml.push('<div class="mobile-tablet-popup popno_'+v.no+'">');
  1130. aHtml.push(' <p>'+ v.title +'</p>');
  1131. aHtml.push(' <img src="upload/popup/'+ v.fname +'" />');
  1132. aHtml.push(' <p class="right_align"><input type="checkbox" id="popCheck" />오늘 하루 닫기<button class="user_default_btn" onclick="javascript:closePopup('+v.no+')">Close</button></p>');
  1133. aHtml.push('</div>');
  1134. break;
  1135.  
  1136. case 'editor':
  1137. aHtml.push('<div class="pop_style_editor popno_'+v.no+'" style="width:'+v.sx+'px; height:'+v.sy+'px; margin-left:'+v.px+'px; margin-top:'+v.py+'px;">');
  1138. aHtml.push(' <p>'+ v.title +'</p>');
  1139. aHtml.push(' <div>'+v.ct+'</div>');
  1140. aHtml.push(' <p><input type="checkbox" id="popCheck" />오늘 하루 닫기<button class="user_default_btn" onclick="javascript:closePopup('+v.no+')">Close</button></p>');
  1141. aHtml.push('</div>');
  1142.  
  1143. /* MOBILE TABLET */
  1144. aHtml.push('<div class="mobile-tablet-popup popno_'+v.no+'">');
  1145. aHtml.push(' <p>'+ v.title +'</p>');
  1146. aHtml.push(' <div>'+v.ct+'</div>');
  1147. aHtml.push(' <p class="right_align"><input type="checkbox" id="popCheck" />오늘 하루 닫기<button class="user_default_btn" onclick="javascript:closePopup('+v.no+')">Close</button></p>');
  1148. aHtml.push('</div>');
  1149. break;
  1150.  
  1151. case 'sliders':
  1152. aHtml.push('<div class="pop_style_sliders popno_'+v.no+'" style="width:'+v.sx+'px; min-height:'+v.sy+'px; margin-left:'+v.px+'px; margin-top:'+v.py+'px;">');
  1153. aHtml.push(' <p>'+ v.title +'</p>');
  1154. aHtml.push(' <div id="slider'+v.no+'" class="popSlider">');
  1155. aHtml.push(' <ul class="slides'+v.no+'">');
  1156. aHtml.push(' </ul>');
  1157. aHtml.push(' </div>');
  1158.  
  1159. getImgList(v.bkey, v.no, v.sx, v.sy, "pc");
  1160.  
  1161. aHtml.push(' <p><input type="checkbox" id="popCheck" />오늘 하루 닫기<button class="user_default_btn" onclick="javascript:closePopup('+v.no+')">Close</button></p>');
  1162. aHtml.push('</div>');
  1163.  
  1164. /* MOBILE TABLET */
  1165. aHtml.push('<div class="mobile-tablet-popup popno_'+v.no+'">');
  1166. aHtml.push(' <p>'+ v.title +'</p>');
  1167. aHtml.push(' <div id="mobile_slider'+v.no+'" class="popSlider">');
  1168. aHtml.push(' <ul class="mobile_slides'+v.no+'">');
  1169. aHtml.push(' </ul>');
  1170. aHtml.push(' </div>');
  1171.  
  1172. getImgList(v.bkey, v.no, v.sx, v.sy, "mobile");
  1173.  
  1174. aHtml.push(' <p class="right_align"><input type="checkbox" id="popCheck" />오늘 하루 닫기<button class="user_default_btn" onclick="javascript:closePopup('+v.no+')">Close</button></p>');
  1175. aHtml.push('</div>');
  1176. break;
  1177. }
  1178. if(cnt == 1){
  1179. $(".pop_content").html(aHtml.join(''));
  1180. }else{
  1181. $(".pop_content").children("div:last-child").after(aHtml.join(''));
  1182. }
  1183. $(".popno_"+v.no).draggable();
  1184. $(".popno_"+v.no).hover(function(){
  1185. $(this).css('z-index', "20000");
  1186. }, function(){
  1187. $(this).css('z-index', "10000");
  1188. });
  1189. }
  1190. });
  1191. }
  1192. }else{
  1193. alert(response.MSG);
  1194. }
  1195. }
  1196. , error : function(request, status, error) {
  1197. //console.log(error);
  1198. return;
  1199. }
  1200. , cache : false
  1201. , dataType : 'json'
  1202. });
  1203. });
  1204. $(window).on('load', function(){
  1205. $('#main_inq_form .input-box').change(function(){
  1206. var input_value = $(this).val();
  1207. if(input_value != "") {
  1208. $(this).addClass('on-focus');
  1209. } else {
  1210. $(this).removeClass('on-focus');
  1211. }
  1212. });
  1213. });
  1214. </script>
  1215. <style>
  1216. /* PC 탑 버튼 */
  1217. #scrollTopPc {
  1218.  display: none;
  1219.  position: fixed;
  1220.  top: 280px; /* 윗쪽 끝에서부터의 거리 */
  1221.  right: 50%;
  1222.  margin-right: -683px; /* 가운데를 기준으로 오른쪽 거리 */
  1223.  cursor: pointer;
  1224.  z-index: 99;
  1225. }
  1226. /* Mobile 탑 버튼 */
  1227. #scrollTopMob {
  1228.  position: fixed;
  1229.  bottom: 30px; /* 아랫쪽 끝에서부터의 거리 */
  1230.  right: 15px; /* 오른쪽 끝에서부터의 거리 */
  1231.  z-index: 99;
  1232. }
  1233. </style>
  1234.  
  1235.  
  1236. <footer id="footer" class="sty-lh">
  1237. <div id="circularMenu" class="circular-menu">
  1238.  
  1239.  <a class="floating-btn" onclick="document.getElementById('circularMenu').classList.toggle('active');">
  1240.    <img src="images/ico/fa_plus.png" alt="">
  1241.  </a>
  1242.  
  1243.  <menu class="items-wrapper">
  1244.    <a href="tel:031-541-2551" class="menu-item "><img src="images/ico/fa_call.png" alt="전화걸기"></a>
  1245.    <a href="#_" target="_blank" class="menu-item"><img src="images/ico/fa_inst.png" alt="인스타"></a>
  1246.    <a href="#_" target="_blank" class="menu-item"><img src="images/ico/fa_bl.png" alt="블로그"></a>
  1247.    <a href="#_" target="_blank" class="menu-item"><img src="images/ico/fa_you.png" alt="유투브"></a>
  1248.  </menu>
  1249.  
  1250. </div>
  1251.  
  1252. <!-- PC 버튼
  1253. <div onclick="topFunction()" id="scrollTopPc" class="hidden-md hidden-sm hidden-xs">
  1254.    <img src="images/main/kakao_ico.png" width="76px" height="76px">
  1255. </div>-->
  1256. <!-- 모바일 버튼
  1257. <div onclick="topFunction()" id="scrollTopMob" class="hidden-lg">
  1258.    <img src="버튼 이미지 주소" width="50px" height="50px">
  1259. </div>-->
  1260. <!-- 탑 버튼 스크립트
  1261. <script>
  1262.    window.onscroll = function() {scrollFunction()};
  1263.    function scrollFunction() {
  1264.       if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) {
  1265.          document.getElementById("scrollTopPc").style.display = "block";
  1266.       } else {
  1267.          document.getElementById("scrollTopPc").style.display = "none";
  1268.       }
  1269.    }
  1270.    function topFunction() {
  1271.       $('html,body').animate({ scrollTop: 0 }, 500);
  1272.    }
  1273. </script> -->
  1274. <!-- <aside id="sns-box">
  1275. <ul class="list-clr">
  1276. <li class="m_kakao">
  1277. <div class="t_kakao">
  1278. <img src="images/main/kakao_ico.png" alt="" id="top_kakao">
  1279. <img src="images/main/QR.jpg" alt="" id="top_qr">
  1280. </div>
  1281. <a href="http://qr.kakao.com/talk/ssKgJW4o83ARNeR0qQ35VfSjIs0-" target="_blank" class="wrapper mkakao"><img src="images/main/kakao_ico.png" /></a>
  1282. </li>
  1283. <li><a href="https://blog.naver.com/inplus_1004" target="_blank" class="wrapper"><img src="images/main/blog_ico.png" /></a></li>
  1284. <li><a href="sub01_1.html" class="wrapper"><img src="images/main/han_ico.png" /></a></li>
  1285. <li><a href="sub06_1.html"  class="wrapper"><img src="images/main/lodo_ico.png" /></a></li>
  1286. <li><span class="wrapper" id="go-top">TOP</span></li>
  1287. </ul>
  1288. </aside> -->
  1289. <div class="pure-g container">
  1290. <div class="pure-u-1 copy_wrap">
  1291. <section class="privacy-police">
  1292. <a href="sub01_1.html">인사말</a><!--
  1293. --><a href="sub02_1.html">제품소개</a><!--
  1294. --><a href="javascript:openPrivacy();">개인정보취급방침</a><!--
  1295. --><a href="sub01_5.html">오시는길</a><!-- <a href="https://blog.naver.com/carwashman2972" target="_blank"><img src="images/main/blog.png" alt=""></a> -->
  1296. <!-- <span class="wrapper" id="go-top">TOP ↑</span> -->
  1297. </section>
  1298. <section class="pure-g corp-information">
  1299. <!--<div class="pure-u-1 pure-u-lg-1-4 column footer_logo_box"><a href="sub01_1.html"><img src="images/footer_logo.png" alt="" id="footer_logo"></a></div> -->
  1300. <div class="pure-u-1 pure-u-lg-4-4 column context-col">
  1301. <ul class="list-clr">
  1302. <li>회사명 : ㈜대양 Dae Yang Co., Ltd.</li> <!--
  1303. --><li>주소 : 경기도 포천시 가산면 가산로 129</li> <!--
  1304. --><li>대표 : 김 성 수</li><!--
  1305. --><li>전화 : <span class="js-tel-tag">031-541-2551</span></li><!--
  1306. --><li>팩스 : 031-542-4675</li><!--
  1307. --><li>이메일 : master@dyinsul.co.kr</li><!--
  1308. --><li>사업자번호 : 127-81-69846</li>
  1309. </ul>
  1310. <p class="copyright">Copyright 2023. ㈜대양 Dae Yang Co., Ltd. All rights reserved.<a href="admin">&nbsp;&nbsp;</a>
  1311. <!-- --> <a href="https://www.500bill.co.kr" target="_blank">Design by oasis</a>
  1312. </p>
  1313. </div>
  1314. </section>
  1315. </div>
  1316. </div>
  1317. </footer>
  1318. <script type="text/javascript">
  1319. function openPrivacy(){
  1320. var width=1100
  1321. var height=600;
  1322. x=(screen.availWidth-width)/2;
  1323. y=(screen.availHeight-height)/2;
  1324. visual = window.open('/privacy.html','win','width='+width+',height='+height+',scrollbars=yes,left='+x+',top='+y);
  1325. visual.focus();
  1326. }
  1327.  
  1328. $(document).ready(function(){
  1329. $('#go-top').click(function(){
  1330. $('html, body').stop(true, false).animate({scrollTop : 0}, 550);
  1331. });
  1332.  
  1333. $('.not-ready, [href="#_"]').click(function(){
  1334. alert('준비중입니다.');
  1335. return false;
  1336. });
  1337. /* 헤더 스크롤링 변경 */
  1338. setScrollHeader();
  1339. /* 우측 네비게이션 */
  1340. setScrollAside();
  1341. /* 스크롤 에니메이션 */
  1342. setScrollEffect($('.js-scrollmagic'));
  1343. $('.js-tel-tag').textToAnchorTel();
  1344. });
  1345.  
  1346. </script>
  1347. </body>
  1348. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda