<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, shrink-to-fit=no" name="viewport">
<meta content="IE=10,chrome=1" http-equiv="X-UA-Compatible">
<meta content="c2982427c496b094dbd0f46515e75efadcf34829" name="naver-site-verification">
<meta content="화약, 폭약, 신호기, 소화기, 고체에어로졸, 자동소화기, 연막탄 제조 생산" name="description">
<title>
고려화공(주)
</title>
<link href="https://www.kpyro.com:443/data/common/mobile_gnu_favicon.png" rel="apple-touch-icon">
<link href="https://www.kpyro.com:443/include/pc/css/footer.40.skin.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Titillium+Web:400,600" rel="stylesheet" type="text/css">
<!-- <link rel="stylesheet" href="https://www.kpyro.com:443/theme/webs/css/nanumGothic.css"> -->
<link href="https://www.kpyro.com:443/theme/webs/fonts/notokr/notokr.css" rel="stylesheet">
<link href="https://www.kpyro.com:443/theme/webs/css/default.css" rel="stylesheet">
<link href="https://www.kpyro.com:443/awesome/css/font-awesome.min.css" rel="stylesheet">
<link href="https://www.kpyro.com:443/theme/webs/css/customStyle.css" rel="stylesheet">
<link href="https://www.kpyro.com:443/theme/webs/css/main.css" rel="stylesheet">
<link href="https://www.kpyro.com:443/theme/webs/css/sub.css" rel="stylesheet">
<link href="https://www.kpyro.com:443/theme/webs/css/responsive.css" rel="stylesheet">
<link href="https://www.kpyro.com:443/theme/webs/css/popup_login.css" rel="stylesheet">
<!--[if lte IE 8]>
<script src="https://www.kpyro.com:443/js/html5.js"></script>
<![endif]-->
<script>
var g5_url = "https://www.kpyro.com:443";
var g5_bbs_url = "https://www.kpyro.com:443/bbs";
var g5_is_member = "";
var g5_is_admin = "";
var g5_is_mobile = "";
var g5_bo_table = "";
var g5_sca = "";
var g5_editor = "";
var g5_cookie_domain = "";
var naver_appid = "";
var naver_secret = "";
var console = window.console || {
"log": function() {
}
};
</script>
<script src="https://www.kpyro.com:443/js/jquery-1.8.3.min.js">
</script>
<script src="https://www.kpyro.com:443/plugin/jquery-ui/jquery-ui.min.js">
</script>
<script src="https://www.kpyro.com:443/js/jquery.menu.js">
</script>
<script src="https://www.kpyro.com:443/js/jquery.cookie.js">
</script>
<script src="https://www.kpyro.com:443/js/common.js">
</script>
<script src="https://www.kpyro.com:443/js/wrest.js">
</script>
<script src="https://www.kpyro.com:443/banner/js/jquery.cycle2.min.js">
</script>
<script src="https://www.kpyro.com:443/banner/js/jquery.cycle2.swipe.min.js">
</script>
<script src="https://www.kpyro.com:443/js/jquery.cycle2.carousel.min.js">
</script>
<script src="https://www.kpyro.com:443/extend/extend.js">
</script>
<script src="https://www.kpyro.com:443/js/naverLogin.js">
</script>
<script src="https://www.kpyro.com:443/js/social_login.js">
</script>
<script src="https://www.kpyro.com:443/theme/webs/js/effectElement.js">
</script>
</head>
<body>
<script>
window.fbAsyncInit = function() {
FB.init({
appId: '',
xfbml: true,
version: 'v2.3'
});
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div id="popBackground">
</div>
<!-- 최상단 배너 시작 { -->
<script>
$(document).ready(function() {
var imgHeight = $(".mainTopBanner img").height();
setTimeout(function() {
$(".mainTopBanner").animate({
"height": imgHeight + "px"
}, 300);
}, 500);
});
</script>
<div class="mainTopBanner" style="height:0px; overflow:hidden;">
<div class="headtop_banner" style="width: 1200px; margin: 0 auto; text-align: center; position: relative;">
</div>
</div>
<!-- } 최상단 배너 끝 -->
<!-- 상단 시작 { -->
<link href="https://www.kpyro.com:443/include/pc/css/menu.40.skin.css" rel="stylesheet">
<header class="page-header">
<div aria-expanded="false" class="ph-over">
<div class="ph-wrapper boundary">
<h1 class="logo">
<a class="logo-icon" href="https://www.kpyro.com:443">
<img alt="고려화공(주)" src="https://www.kpyro.com:443/data/common/head_logo.png">
</a>
</h1>
<!-- logo -->
<a class="page-nav-btn" href="#pageNav">
<span class="content-off">
홈페이지 네비게이션
</span>
<span class="pnb-bar pnb-bar-top">
</span>
<span class="pnb-bar">
</span>
<span class="pnb-bar pnb-bar-btm">
</span>
</a>
<!--//page-nav-btn-->
<nav class="page-nav" data-dd01-base-target=".page-header" data-dd01-expend-target=".ph-over" data-dd01-expend-targetbar=".ph-over-bar" data-dd01-fix-target=".ph-wrapper" data-dd01-item=".pn-item" data-dd01-itembar=".pn-item-bar" data-dd01-sublist=".pn-sub-list" data-dd01-sublistbar=".pn-sub-bar" data-dd01-target=".pn-list" data-dd01-togglebtn=".page-nav-btn" id="pageNav">
<div class="util-links font-eng" role="nav">
<a class="lang-link active" href="/?lang=kr" title="한국어 홈페이지">
kor
<span class="bar">
</span>
</a>
<a class="lang-link" href="/?lang=us" title="영어 홈페이지">
eng
<span class="bar">
</span>
</a>
<a href="/sub/sitemap.php" title="전체메뉴 보기">
sitemap
<span class="bar">
</span>
</a>
<!-- <a href="http://kpyro.dyndns.org/kor_webroot/src/cm/common/login2.aspx" title=" ">intranet<span class="bar"></a> -->
<a href="http://kpyro.dyndns.org:8080" title="전체메뉴 보기">
Web발주
</a>
</div>
<!--//util-links-->
<h3 class="content-off">
<span>
메인메뉴
</span>
</h3>
<ul class="pn-list clearfix">
<li class="pn-item">
<a class="pn-item-link" href="/sub/company_info.php">
회사소개
<span class="pn-sub-toggle">
</span>
</a>
<span class="pn-sub-bar pn-sub-bar-first">
</span>
<ul class="pn-sub-list" data-order="0">
<li class="pn-sub-item">
<a href="/sub/company_info.php" target="_self">
회사개요
</a>
</li>
<li class="pn-sub-item">
<a href="/sub/company_vision.php" target="_self">
비전 및 가치
</a>
</li>
<li class="pn-sub-item">
<a href="/sub/company_concept.php" target="_self">
경영이념
</a>
</li>
<li class="pn-sub-item">
<a href="/sub/company_ci.php" target="_self">
C.I
</a>
</li>
<li class="pn-sub-item">
<a href="/sub/company_partner.php" target="_self">
관계사소개
</a>
</li>
<li class="pn-sub-item">
<a href="/sub/company_location.php" target="_self">
오시는길
</a>
</li>
</ul>
<span class="pn-sub-bar">
</span>
</li>
<li class="pn-item">
<a class="pn-item-link" href="/sub/business01.php">
사업분야
<span class="pn-sub-toggle">
</span>
</a>
<span class="pn-sub-bar pn-sub-bar-first">
</span>
<ul class="pn-sub-list" data-order="1">
<li class="pn-sub-item">
<a href="/sub/business03.php" target="_self">
방위사업
</a>
</li>
<li class="pn-sub-item">
<a href="/sub/business02.php" target="_self">
민수사업
</a>
</li>
<li class="pn-sub-item">
<a href="/sub/business01.php" target="_self">
소방방재사업
</a>
</li>
</ul>
<span class="pn-sub-bar">
</span>
</li>
<li class="pn-item">
<a class="pn-item-link" href="/sub/rnd_lab.php">
R&D
<span class="pn-sub-toggle">
</span>
</a>
<span class="pn-sub-bar pn-sub-bar-first">
</span>
<ul class="pn-sub-list" data-order="2">
<li class="pn-sub-item">
<a href="/sub/rnd_lab.php" target="_self">
연구소소개
</a>
</li>
<li class="pn-sub-item">
<a href="/bbs/board.php?bo_table=performance" target="_self">
주요연구실적
</a>
</li>
<li class="pn-sub-item">
<a href="/sub/rnd_manage.php" target="_self">
품질관리체계
</a>
</li>
</ul>
<span class="pn-sub-bar">
</span>
</li>
<li class="pn-item">
<a class="pn-item-link" href="/bbs/board.php?bo_table=news">
홍보센터
<span class="pn-sub-toggle">
</span>
</a>
<span class="pn-sub-bar pn-sub-bar-first">
</span>
<ul class="pn-sub-list" data-order="3">
<li class="pn-sub-item">
<a href="/bbs/board.php?bo_table=news" target="_self">
뉴스
</a>
</li>
<li class="pn-sub-item">
<a href="/bbs/board.php?bo_table=video" target="_self">
홍보영상
</a>
</li>
<li class="pn-sub-item">
<a href="/bbs/board.php?bo_table=branch_info" target="_self">
대리점현황
</a>
</li>
<li class="pn-sub-item">
<a href="/bbs/board.php?bo_table=data&sca=소방방재사업" target="_self">
인증현황
</a>
</li>
</ul>
<span class="pn-sub-bar">
</span>
</li>
<li class="pn-item">
<a class="pn-item-link" href="/bbs/board.php?bo_table=recruit_ann">
채용정보
<span class="pn-sub-toggle">
</span>
</a>
<span class="pn-sub-bar pn-sub-bar-first">
</span>
<ul class="pn-sub-list" data-order="4">
<li class="pn-sub-item">
<a href="/bbs/board.php?bo_table=recruit_ann" target="_self">
채용공고
</a>
</li>
<li class="pn-sub-item">
<a href="/sub/recruit_info.php" target="_self">
채용안내
</a>
</li>
<li class="pn-sub-item">
<a href="/sub/recruit_person.php" target="_self">
인재상
</a>
</li>
<li class="pn-sub-item">
<a href="/bbs/board.php?bo_table=recruit_qna" target="_self">
채용문의
</a>
</li>
</ul>
<span class="pn-sub-bar">
</span>
</li>
<li class="pn-item">
<a class="pn-item-link" href="/bbs/board.php?bo_table=notice">
고객지원
<span class="pn-sub-toggle">
</span>
</a>
<span class="pn-sub-bar pn-sub-bar-first">
</span>
<ul class="pn-sub-list" data-order="5">
<li class="pn-sub-item">
<a href="/bbs/board.php?bo_table=notice" target="_self">
공지사항
</a>
</li>
<li class="pn-sub-item">
<a href="/bbs/board.php?bo_table=qna" target="_self">
일반문의
</a>
</li>
<li class="pn-sub-item">
<a href="/bbs/board.php?bo_table=estimate" target="_self">
견적문의
</a>
</li>
<li class="pn-sub-item">
<a href="/sub/contactInfo.php" target="_self">
담당자
</a>
</li>
</ul>
<span class="pn-sub-bar">
</span>
</li>
<li class="pn-item">
<a class="pn-item-link" href="/bbs/board.php?bo_table=brochure">
자료실
<span class="pn-sub-toggle">
</span>
</a>
<span class="pn-sub-bar pn-sub-bar-first">
</span>
<ul class="pn-sub-list" data-order="6">
<li class="pn-sub-item">
<a href="/bbs/board.php?bo_table=brochure" target="_self">
카탈로그
</a>
</li>
<li class="pn-sub-item">
<a href="/bbs/board.php?bo_table=pr_data&sca=소방방재사업" target="_self">
소방관련법령
</a>
</li>
</ul>
<span class="pn-sub-bar">
</span>
</li>
</ul>
<!--//pn-list-->
<span class="pn-item-bar">
</span>
</nav>
<!--//page-nav-->
</div>
<!--//ph-wrapper-->
<span class="ph-over-bar">
</span>
</div>
<!--//ph-over-->
</header>
<!-- //page-header-->
<script src="https://www.kpyro.com:443/include/js/dropdown01.js">
</script>
<script>
(function($) {
var breakPoint = chkBreakPoint();
var pageNav = $('.page-nav').dropdown01({
"isResponsive": true,
"expandedElToggleBtn": ".page-nav-btn",
"expandedEl": ".ph-over",
"expandedElBar": ".ph-over-bar",
"fixedHeight": ".ph-wrapper",
"targetEl": ".pn-list",
"itemEls": ".pn-item",
"itemElBar": ".pn-item-bar",
"itemSubEls": ".pn-sub-list",
"itemSubElBars": ".pn-sub-bar"
});
pageNav.onInit();
function chkBreakPoint() {
if (getWinRect().w <= 480) {
return 480;
} else if (getWinRect().w <= 768) {
return 768;
} else if (getWinRect().w <= 1000) {
return 1000;
} else {
return 1001;
}
}
function getWinRect() {
return {
'w': $(window).width(),
'h': $(window).height()
};
}
}(jQuery));
</script>
<!-- } 상단 끝 -->
<ul class="page-nav__tabs">
<li class="is-active">
<a href="https://www.kpyro.com:443">
HOME
</a>
</li>
<li class="">
<a href="/sub/company_info.php">
회사소개
</a>
</li>
<li class="">
<a href="/sub/business01.php">
사업분야
</a>
</li>
<li class="">
<a href="/sub/rnd_lab.php">
R&D
</a>
</li>
<li class="">
<a href="/bbs/board.php?bo_table=news">
홍보센터
</a>
</li>
<li class="">
<a href="/bbs/board.php?bo_table=recruit_ann">
채용정보
</a>
</li>
<li class="">
<a href="/bbs/board.php?bo_table=notice">
고객지원
</a>
</li>
<li class="">
<a href="/bbs/board.php?bo_table=brochure">
자료실
</a>
</li>
</ul>
<hr>
<!-- 상단 메뉴아래 퀵메뉴 시작 { -->
<!-- 상단 메뉴아래 퀵메뉴 끝 { -->
<!-- 메인배너 시작 { -->
<!-- } 메인배너 끝 -->
<!-- 콘텐츠 시작 { -->
<div id="wrapper">
<div class="wrapper-box clearfix">
<div id="container">
<ul class="main-sec-anchors">
<li class="active" data-menuanchor="featureSec">
<a href="#featureSec" id="featureAnchor">
<span class="msa-txt">
main
</span>
<span class="icon">
</span>
</a>
</li>
<li data-menuanchor="aboutSec">
<a href="#aboutSec" id="aboutAnchor">
<span class="msa-txt">
about Koryo
</span>
<span class="icon">
</span>
</a>
</li>
<li data-menuanchor="businessSec">
<a href="#businessSec" id="businessAnchor">
<span class="msa-txt">
business
</span>
<span class="icon">
</span>
</a>
</li>
<!-- <li data-menuanchor="newsSec">
<a id="newsAnchor" href="#newsSec">
<span class="msa-txt">news</span><span class="icon"></span></a>
</li> -->
</ul>
<!--//main-quick-links-->
<div class="main-sec-wrapper" id="fullpage">
<article class="main-sec fp-auto-height-responsive main-feature" data-anchor="featureSec" id="feature">
<link href="https://www.kpyro.com:443/theme/webs/css/featured.banner.css" rel="stylesheet">
<aside class="featured-banner">
<div class="fb-cycle" data-cycle-easing="easeInQuint" data-cycle-fx="scrollHorz" data-cycle-pager="#fbPager" data-cycle-pager-template="<a class='pager-btn' href='#'><span></span></a>" data-cycle-slides="> .fb-item" data-cycle-speed="800" data-cycle-swipe="true" data-cycle-timeout="0">
<div class="fb-item fb0">
<section class="fb-sec boundary">
<div class="particleground" id="particleJS0">
</div>
<em class="fb-heading-em font-eng fb-step" lang="en">
Global Pyrotechnics Company
</em>
<h3 class="fb-heading fb-step">
<span class="custom-block">
당신의 안전을 지키는
</span>
<span class="custom-block">
방위, 민수, 소방방재 사업
</span>
</h3>
<span class="fb-sec-bar fb-step">
</span>
<p class="fb-des fb-step">
<span>
40년간 축적한 체계적이고 전문화된
</span>
<span>
기술력으로 대한민국의 안전을 지키겠습니다.
</span>
</p>
</section>
</div>
<!-- <div class="fb-item fb1">
<section class="fb-sec boundary">
<div id="particleJS1" class="particleground"></div>
<em class="fb-heading-em font-eng fb-step" lang="en">Global Pyrotechnics Company</em>
<h3 class="fb-heading fb-step">
<span class="custom-block">당신의 안전을 지키는 </span>
<span class="custom-block">방위, 민수, 소방방재 사업</span>
</h3>
<span class="fb-sec-bar fb-step"></span>
<p class="fb-des fb-step">
<span>40년간 축적한 체계적이고 전문화된</span>
<span>기술력으로 대한민국의 평화를 지키겠습니다.</span>
</p>
</section>
</div>
<div class="fb-item fb2">
<section class="fb-sec boundary">
<div id="particleJS2" class="particleground"></div>
<em class="fb-heading-em font-eng fb-step" lang="en">Global Pyrotechnics Company</em>
<h3 class="fb-heading fb-step">
<span class="custom-block">당신의 안전을 지키는 </span>
<span class="custom-block">방위, 민수, 소방방재 사업</span>
</h3>
<span class="fb-sec-bar fb-step"></span>
<p class="fb-des fb-step">
<span>40년간 축적한 체계적이고 전문화된</span>
<span>기술력으로 대한민국의 평화를 지키겠습니다.</span>
</p>
</section>
</div> -->
</div>
<div id="fbPager">
</div>
<div class="fb-cycle-ready">
</div>
<!-- <div id="particleground1"></div> -->
</aside>
<!-- }메인배너 끝 -->
<div class="next-sec-btn">
<a href="#about">
<span class="content-off">
아래로
</span>
<span class="icon">
</span>
</a>
</div>
</article>
<!--//feature-->
<article class="main-sec fp-auto-height-responsive main-about" data-anchor="aboutSec" id="about">
<header class="main-sec-heading effect-element-heading-js boundary">
<h2 class="msh-title font-eng">
About KORYO
</h2>
<p class="msh-des">
<span class="custom-block">
창조적인 혁신과 끊임없는 기술 개발을 통해
</span>
<span class="custom-block">
글로벌 리더로 세상의 안전과 미래를 이끌어 나가겠습니다.
</span>
</p>
</header>
<ul class="about-list cols-wrapper boundary">
<li class="cols-3 cols768-6 about-item about-item01 effect-element-list-item-js">
<a href="/sub/company_info.php">
<div class="circle-ani">
</div>
<span class="icon i-more">
</span>
<span class="icon i-about">
</span>
<em class="title">
대표인사말
</em>
<span class="sub-title">
CEO Message
</span>
</a>
</li>
<li class="cols-3 cols768-6 about-item about-item02 effect-element-list-item-js">
<a href="/sub/company_concept.php">
<div class="circle-ani">
</div>
<span class="icon i-more">
</span>
<span class="icon i-about">
</span>
<em class="title">
경영이념
</em>
<span class="sub-title">
Philosophy
</span>
</a>
</li>
<li class="cols-3 cols768-6 about-item about-item03 effect-element-list-item-js">
<a href="/bbs/board.php?bo_table=history">
<div class="circle-ani">
</div>
<span class="icon i-more">
</span>
<span class="icon i-about">
</span>
<em class="title">
연혁
</em>
<span class="sub-title">
History
</span>
</a>
</li>
<li class="cols-3 cols768-6 about-item about-item04 effect-element-list-item-js">
<a href="/sub/company_info.php?tab=3">
<div class="circle-ani">
</div>
<span class="icon i-more">
</span>
<span class="icon i-about">
</span>
<em class="title">
조직도
</em>
<span class="sub-title">
Organization
</span>
</a>
</li>
</ul>
<!--//-->
<header class="main-sec-heading-except effect-element-heading-js boundary">
<h2 class="msh-title font-eng">
Product
</h2>
</header>
<ul class="boundary clearfix main-bi-list">
<li class="main-bi-item">
<a class="main-bi-link" href="/bbs/board.php?bo_table=business3">
<img alt="" class="img-responsive" src="https://www.kpyro.com:443/theme/webs/img/main_product1.jpg">
<em class="main-bi-title">
군수제품
</em>
</a>
</li>
<li class="main-bi-item">
<a class="main-bi-link" href="/bbs/board.php?bo_table=business2">
<img alt="" class="img-responsive" src="https://www.kpyro.com:443/theme/webs/img/main_product2.jpg">
<em class="main-bi-title">
민수제품
</em>
</a>
</li>
<li class="main-bi-item">
<a class="main-bi-link" href="/bbs/board.php?bo_table=business&sca=자가발전+작동장치">
<img alt="" class="img-responsive" src="https://www.kpyro.com:443/theme/webs/img/main_product3.jpg">
<br>
<em class="main-bi-title">
소방방재제품
</em>
</a>
</li>
</ul>
<!-- <div class="next-sec-btn"><a href="#business">아래로</a></div> -->
</article>
<!--//about-->
<article class="main-sec fp-auto-height-responsive main-business" data-anchor="businessSec" id="business">
<h2 class="content-off">
Businuss
</h2>
<ul class="business-list">
<li class="business-item business-item01 effect-element-list-item-js">
<div class="business-item-wrapper">
</div>
<a class="business-link boundary" href="/sub/business03.php">
<h3 class="font-eng title">
Defense
</h3>
<div class="des">
<em class="des-title">
방위사업
</em>
<p class="des-ex">
<span class="custom-block">
방위 사업 분야의 각종 교보재 탄약류 개발과
</span>
<span class="custom-block">
국산화에 앞장서고 있습니다.
</span>
</p>
</div>
</a>
</li>
<li class="business-item business-item-even business-item02 effect-element-list-item-js">
<div class="business-item-wrapper">
</div>
<a class="business-link boundary" href="/sub/business02.php">
<h3 class="font-eng title">
Marine signal
</h3>
<div class="des">
<em class="des-title">
민수사업
</em>
<p class="des-ex">
<span class="custom-block">
선박신호기 개발등 국내 발전을 이뤄
</span>
<span class="custom-block">
해양안전을 지키는 미래 성장동력이 되겠습니다.
</span>
</p>
</div>
</a>
</li>
<li class="business-item business-item03 effect-element-list-item-js">
<div class="business-item-wrapper">
</div>
<a class="business-link boundary" href="/sub/business01.php">
<h3 class="font-eng title">
FIREWALL
</h3>
<div class="des">
<em class="des-title">
소방방재사업
</em>
<p class="des-ex">
<span class="custom-block">
국내 최초 차세대 친환경 소화기 기술 개발 등
</span>
<span class="custom-block">
화재 안전 분야를 책임지겠습니다.
</span>
</p>
</div>
</a>
<!-- //business-link -->
</li>
</ul>
<!-- <div class="next-sec-btn"><a href="#news">아래로</a></div> -->
</article>
<!--//business-->
<!-- <article id="news" data-anchor="newsSec" class="main-sec fp-auto-height-responsive main-news">
<header class="main-sec-heading effect-element-heading-js boundary">
<h2 class="msh-title font-eng">NEWS</h2>
<p class="msh-des">나날이 성장하는 고려화공(주)의 최신소식들을 전해드립니다.</p>
</header>
</article>//news -->
</div>
<script src="https://www.kpyro.com:443/theme/webs/js/jquery.particleground.min.js">
</script>
<script src="https://www.kpyro.com:443/theme/webs/js/particles.js">
</script>
<script src="https://cdn.rawgit.com/kottenator/jquery-circle-progress/1.2.0/dist/circle-progress.js">
</script>
<script src="https://www.kpyro.com:443/theme/webs/js/jquery.fullPage.js">
</script>
<script src="https://www.kpyro.com:443/theme/webs/js/moveToElement.js">
</script>
<script src="https://www.kpyro.com:443/theme/webs/js/imgLoaded.js">
</script>
<!--//featured.banner에 필요한 js -->
<script src="https://www.kpyro.com:443/theme/webs/js/cycleCustom.js">
</script>
<!--//featured.banner에 필요한 js -->
<script src="https://www.kpyro.com:443/theme/webs/js/main.js">
</script>
<script>
$('.about-item > a').on("mouseenter", function(e) {
var _this = $(this);
var _thisCircle = _this.find('.circle-ani');
circleAct({
"target": _thisCircle,
"reverse": false,
"startValue": 0.0,
"value": 1.0
});
}).on("mouseleave", function(e) {
var _this = $(this);
var _thisCircle = _this.find('.circle-ani');
circleAct({
"target": _thisCircle,
"reverse": true,
"startValue": 1.0,
"value": 0.0
});
});
$('.business-item').on("mouseenter", function(e) {
var _this = $(this);
var _thisWrapper = _this.find('.business-item-wrapper');
if (_thisWrapper.length) {
_thisWrapper.css({
"opacity": 1
});
_thisWrapper.stop().animate({
"opacity": 0
}, {
"duration": 500,
"easing": "easeInOutCubic",
"complete": function() {
}
});
}
}).on("mouseleave", function(e) {
var _this = $(this);
var _thisWrapper = _this.find('.business-item-wrapper');
if (_thisWrapper.length) {
_thisWrapper.stop().animate({
"opacity": 1
}, {
"duration": 500,
"easing": "easeInOutCubic",
"complete": function() {
}
});
}
});
function circleAct(_obj) {
_obj.target.circleProgress({
emptyFill: "rgba(0, 0, 0, 0.0)",
value: _obj.value,
size: 80,
thickness: 1,
animationStartValue: _obj.startValue,
startAngle: -1 * Math.PI / 2,
reverse: _obj.reverse,
fill: {
color: "rgba(70, 120, 183, 1)"
}
});
}
</script>
</div>
<!--//container -->
</div>
<!--//wrapper-box -->
</div>
<!--//wrapper-->
<!-- } 콘텐츠 끝 -->
<hr>
<!-- 하단 지도 시작 { -->
<!-- 하단 지도 끝 { -->
<!-- 하단 시작 <!-- /include/pc/footer/footer.40.skin.php { -->
<footer class="footer40" id="footer">
<div class="boundary">
<div class="footer-logo">
<img alt="웹스" src="https://www.kpyro.com:443/data/common/tail_logo.png">
</div>
<!--//footer-logo-->
<div class="page-contentInfo">
<p class="contentInfo">
<span class="privacy">
<a href="/bbs/content.php?co_id=privacy">
개인정보처리방침
</a>
</span>
</p>
<p class="contentInfo">
<span>
<label>
주소
</label>
: [49254] 부산광역시 서구 충무대로 264
</span>
<span>
<label>
사업자등록번호
</label>
: 603-81-10704
</span>
</p>
<p class="contentInfo">
<span>
<label>
E-MAIL
</label>
:
<a href="mailto:[email protected]" title="메일보내기">
[email protected]
</a>
</span>
<span>
<a href="mailto:[email protected]" title="메일보내기">
[email protected]
</a>
</span>
<span>
개인정보보호책임자 : 조외섭([email protected])
</span>
</p>
<p class="copyright">
<span class="custom-block">
Copyright ©2016. KORYO PYROTECHNICS CO.,LTD.
</span>
<span class="custom-block">
All rights reserved.
</span>
</p>
<p class="copyright">
<span class="custom-block">
Design by
<a href="http://websbiz.co.kr" target="_blank">
웹스
</a>
.
</span>
</p>
</div>
<!--//page-contentInfo-->
<div aria-expended="false" class="family-site">
<a class="family-site-btn" href="#familLinks">
family site
<span class="icon">
</span>
</a>
<div class="family-links-wrapper">
<ul class="family-links" id="familLinks">
<li class="family-item">
<a href="http://wfishery.co.kr" target="_blank">
우양수산(주)
</a>
</li>
<li class="family-item">
<a href="http://wcold.co.kr" target="_blank">
우양냉장(주)
</a>
</li>
<li class="family-item">
<a href="http://www.hiltongyeongju.co.kr" target="_blank">
우양산업개발(주)힐튼경주
</a>
</li>
<li class="family-item">
<a href="http://www.wnetworks.co.kr" target="_blank">
(주)우양네트웍스
</a>
</li>
</ul>
</div>
<!--//family-links-wrapper-->
</div>
<!--//family-site-->
</div>
</footer>
<script>
var familySite = $('.family-site');
var familySiteBtn = familySite.find('.family-site-btn');
var familySiteBtnTop = familySiteBtn.offset().top;
var familyLinkWrapper = familySite.find('.family-links-wrapper');
familySiteBtn.on("click", function(e) {
e.preventDefault();
var _this = $(this);
var _thisTarget = $(_this.attr("href"));
console.log(_thisTarget.outerHeight());
if (familySite.attr("aria-expended") === "false") {
familySiteBtn.addClass("active");
familyLinkWrapper.css("bottom", familySite.outerHeight() + "px").stop().animate({
"height": (_thisTarget.outerHeight()) + "px"
}, {
"duration": 300,
"easing": "easeOutQuint",
"complete": function() {
familySite.attr("aria-expended", "true");
}
});
} else {
familySiteBtn.removeClass("active");
familyLinkWrapper.stop().animate({
"height": 0
}, {
"duration": 300,
"easing": "easeOutQuint",
"complete": function() {
familySite.attr("aria-expended", "false");
familyLinkWrapper.css("bottom", familySite.outerHeight() + "px");
}
});
}
});
$('.family-item > a').on("click", function(e) {
familySiteBtn.trigger("click");
});
</script>
<!-- <a href="https://www.kpyro.com:443/index.php?device=mobile" id="device_change">모바일 버전으로 보기</a> -->
<!-- } 하단 끝 -->
<script>
$(function() {
font_resize("container", get_cookie("ck_font_resize_rmv_class"), get_cookie("ck_font_resize_add_class"));
});
</script>
<!-- ie6,7에서 사이드뷰가 게시판 목록에서 아래 사이드뷰에 가려지는 현상 수정 -->
<!--[if lte IE 7]>
<script>
$(function() {
var $sv_use = $(".sv_use");
var count = $sv_use.length;
$sv_use.each(function() {
$(this).css("z-index", count);
$(this).css("position", "relative");
count = count - 1;
});
});
</script>
<![endif]-->
<script src="https://www.kpyro.com:443/theme/webs/js/stickyElement.js">
</script>
<script>
var pageHeader = $('.page-header').stickyElement();
pageHeader.onInit();
pageHeader.onChkStick();
$(window).on("scroll", pageHeader.onChkStick);
$(window).on("resize", pageHeader.onResize);
</script>
</body>
</html>