CSKIM
555 lines
25 KiB
Plaintext
555 lines
25 KiB
Plaintext
HTTP/1.1 200
|
|
Set-Cookie: JSESSIONID=0D10A051D1AEAE1FBA23B6B1217704A1; Path=/; HttpOnly
|
|
X-Content-Type-Options: nosniff
|
|
X-XSS-Protection: 0
|
|
Cache-Control: no-cache, no-store, max-age=0, must-revalidate
|
|
Pragma: no-cache
|
|
Expires: 0
|
|
X-Frame-Options: DENY
|
|
Content-Type: text/html;charset=UTF-8
|
|
Content-Language: ko-KR
|
|
Transfer-Encoding: chunked
|
|
Date: Wed, 15 Apr 2026 16:11:49 GMT
|
|
Connection: close
|
|
|
|
2000
|
|
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<meta name="description" content="">
|
|
<meta property="og:title" content="">
|
|
<meta property="og:description" content="">
|
|
<meta property="og:url" content="">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:image" content="">
|
|
|
|
<title>국제오토텍</title>
|
|
<!-- Favicon -->
|
|
<link href="/resources/kr/iotdoor/comn/site/layout/image/template/favicon.ico" rel="icon" />
|
|
|
|
<!-- Google Web Fonts -->
|
|
<link rel="preconnect" href="//fonts.googleapis.com" />
|
|
<link rel="preconnect" href="//fonts.gstatic.com" crossorigin />
|
|
<link href="//fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&family=Roboto:wght@500;700;900&display=swap" rel="stylesheet"/>
|
|
|
|
<!-- Icon Font Stylesheet -->
|
|
<link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet"/>
|
|
<link href="//cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet"/>
|
|
|
|
<!-- Libraries Stylesheet -->
|
|
<link href="/resources/lib/animate/animate.min.css" rel="stylesheet" />
|
|
<link href="/resources/lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet"/>
|
|
<link href="/resources/lib/lightbox/css/lightbox.min.css" rel="stylesheet" />
|
|
|
|
<!-- Customized Bootstrap Stylesheet -->
|
|
<link href="/resources/kr/iotdoor/comn/site/layout/css/bootstrap.min.css" rel="stylesheet" />
|
|
|
|
<link rel="stylesheet" href="/resources/kr/iotdoor/comn/site/layout/css/iotdoor.css?v=202404021718">
|
|
|
|
<!-- Template Stylesheet -->
|
|
<link href="/resources/kr/iotdoor/comn/site/layout/css/templateStyle.css?220712" rel="stylesheet" />
|
|
|
|
<!-- <link th:if="${mainYn == 'Y' && popupList.size > 0}" rel="stylesheet" th:href="@{/resources/kr/iotdoor/comn/popup/css/popupListLayout.css}"> -->
|
|
<!-- <script th:if="${not #strings.isEmpty(checkMessage)}">alert('');</script> -->
|
|
<script>const global_isMber = false;</script>
|
|
<script>
|
|
const global_errCd = '';
|
|
</script>
|
|
<meta name="_csrf" content="SLzppFw0SGIOkKBdGipf2tA8MsSw_77GJf--F0dMYWmQg6PFf4nal20Ae1YjpZVleAdr6-ANH6aJmofrQM6JJCYoWVmotpKm">
|
|
<meta name="_csrf_header" content="X-CSRF-TOKEN">
|
|
<meta name="theme-color" content="#ffffff">
|
|
<style>
|
|
.spinner {
|
|
border: 4px solid rgba(0, 0, 0, 0.1);
|
|
width: 40px;
|
|
height: 40px;
|
|
border-radius: 50%;
|
|
border-left-color: #09f;
|
|
|
|
margin: 0 auto;
|
|
animation: spin 1s linear infinite;
|
|
}
|
|
|
|
@keyframes spin {
|
|
0% {
|
|
transform: rotate(0deg);
|
|
}
|
|
100% {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="skip-nav">
|
|
<a href="#site-contents" class="visually-hidden">본문 바로가기</a>
|
|
</div>
|
|
|
|
<!-- Spinner Start -->
|
|
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
|
|
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
|
|
<span class="sr-only">Loading...</span>
|
|
</div>
|
|
</div>
|
|
<!-- Spinner End -->
|
|
|
|
|
|
<!-- Topbar Start -->
|
|
<div class="container-fluid bg-dark p-0">
|
|
<div class="row gx-0 d-none d-lg-flex">
|
|
<div class="col-lg-7 px-5 text-start">
|
|
<div class="h-100 d-inline-flex align-items-center me-4">
|
|
<small class="fa fa-map-marker-alt text-primary me-2"></small>
|
|
<small>대전광역시 서구 유등로 55 102호</small>
|
|
</div>
|
|
<div class="h-100 d-inline-flex align-items-center">
|
|
<small class="far fa-clock text-primary me-2"></small>
|
|
<small>연중무휴 24시간 영업</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-5 px-5 text-end">
|
|
<div class="h-100 d-inline-flex align-items-center me-4">
|
|
<small class="fa fa-phone-alt text-primary me-2"></small>
|
|
<small>
|
|
<span>042-585-1749</span>
|
|
<span> </span>
|
|
<span>010-3476-1749</span>
|
|
</small>
|
|
</div>
|
|
<div class="h-100 d-inline-flex align-items-center mx-n2">
|
|
<a class="btn btn-square btn-link rounded-0 border-0 border-end border-secondary" href=""><i class="fab fa-facebook-f"></i></a>
|
|
<a class="btn btn-square btn-link rounded-0 border-0 border-end border-secondary" href=""><i class="fab fa-twitter"></i></a>
|
|
<a class="btn btn-square btn-link rounded-0 border-0 border-end border-secondary" href=""><i class="fab fa-linkedin-in"></i></a>
|
|
<a class="btn btn-square btn-link rounded-0" href=""><i class="fab fa-instagram"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Topbar End -->
|
|
|
|
|
|
<!-- Navbar Start -->
|
|
<nav class="navbar navbar-expand-lg bg-white navbar-light sticky-top p-0">
|
|
<a href="/" class="navbar-brand d-flex align-items-center border-end px-4 px-lg-5">
|
|
<!-- <h2 class="m-0 text-primary">국제오토텍</h2> -->
|
|
<img src="/resources/kr/iotdoor/comn/site/layout/image/template/logo.jpg" alt="로고" style="height:75px;">
|
|
</a>
|
|
<button type="button" class="navbar-toggler me-4" data-bs-toggle="collapse" data-bs-target="#navbarCollapse">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarCollapse">
|
|
<div class="navbar-nav ms-auto p-4 p-lg-0">
|
|
<a href="/" class="nav-item nav-link">Home</a>
|
|
<a href="/" class="nav-item nav-link">About</a>
|
|
<a href="/portfolio.do" class="nav-item nav-link">Portfolio</a>
|
|
<a href="/contact.do" class="nav-item nav-link">Contact</a>
|
|
<a href="/mfuc/index.do" class="nav-item nav-link">ADMIN</a>
|
|
</div>
|
|
<!--<a href="" class="btn btn-primary rounded-0 py-4 px-lg-5 d-none d-lg-block">Get A Quote<i class="fa fa-arrow-right ms-3"></i></a>-->
|
|
</div>
|
|
</nav>
|
|
|
|
|
|
<div id="site-contents" class="content-wrap">
|
|
|
|
|
|
<!-- About Start -->
|
|
<div class="container-fluid bg-light overflow-hidden my-5 px-lg-0">
|
|
<div class="container about px-lg-0">
|
|
<div class="row g-0 mx-lg-0">
|
|
<div
|
|
class="col-lg-6 ps-lg-0 wow fadeIn"
|
|
data-wow-delay="0.1s"
|
|
style="min-height: 400px"
|
|
>
|
|
<div class="position-relative h-100">
|
|
<img
|
|
class="position-absolute img-fluid w-100 h-100"
|
|
src="/resources/kr/iotdoor/comn/site/layout/image/template/about.jpg"
|
|
style="object-fit: cover"
|
|
alt=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-lg-6 about-text py-5 wow fadeIn"
|
|
data-wow-delay="0.5s"
|
|
>
|
|
<div class="p-lg-5 pe-lg-0">
|
|
<h6 class="text-primary">About Us</h6>
|
|
<h1 class="mb-4">
|
|
국제오토텍자동문
|
|
</h1>
|
|
<p>
|
|
OVER-HEAD DOOR, AUTO GATE
|
|
</p>
|
|
<p>
|
|
SLIDING DOOR, PARKING DOOR, ROLLER SHUTTER
|
|
</p>
|
|
|
|
<p>
|
|
<i class="fa fa-check-circle text-primary me-3"></i>
|
|
슬라이딩자동문
|
|
</p>
|
|
<p>
|
|
<i class="fa fa-check-circle text-primary me-3"></i>
|
|
산업용자동문(고속스피드도어)
|
|
</p>
|
|
<p>
|
|
<i class="fa fa-check-circle text-primary me-3"></i>
|
|
내풍압셔터(알
|
|
2000
|
|
루미늄셔터)
|
|
</p>
|
|
<p>
|
|
<i class="fa fa-check-circle text-primary me-3"></i>
|
|
오버헤드도어
|
|
</p>
|
|
<!--<a
|
|
href=""
|
|
class="btn btn-primary rounded-pill py-3 px-5 mt-3"
|
|
>Explore More</a
|
|
>-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- About End -->
|
|
|
|
<!-- Service Start -->
|
|
<div class="container-xxl py-5">
|
|
<div class="container">
|
|
<div
|
|
class="text-center mx-auto mb-5 wow fadeInUp"
|
|
data-wow-delay="0.1s"
|
|
style="max-width: 600px"
|
|
>
|
|
<h6 class="text-primary">Our Services</h6>
|
|
<h1 class="mb-4">
|
|
고객님이 원하시는 서비스는<br/>무엇이든 가능합니다
|
|
</h1>
|
|
</div>
|
|
<div class="row g-4">
|
|
<div
|
|
class="col-md-6 col-lg-4 wow fadeInUp"
|
|
data-wow-delay="0.1s"
|
|
>
|
|
<div class="service-item rounded overflow-hidden">
|
|
<img
|
|
class="img-fluid"
|
|
src="/resources/kr/iotdoor/comn/site/layout/image/template/img-600x400-1.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="position-relative p-4 pt-0">
|
|
<div class="service-icon">
|
|
<i class="fa fa-solar-panel fa-3x"></i>
|
|
</div>
|
|
<h4 class="mb-3">슬라이딩자동문</h4>
|
|
<!-- <p>슬라이드 오토도어를 전문적으로 다룹니다.</p> -->
|
|
<a class="small fw-medium" href="/portfolio.do"
|
|
>Read More<i class="fa fa-arrow-right ms-2"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-md-6 col-lg-4 wow fadeInUp"
|
|
data-wow-delay="0.3s"
|
|
>
|
|
<div class="service-item rounded overflow-hidden">
|
|
<img
|
|
class="img-fluid"
|
|
src="/resources/kr/iotdoor/comn/site/layout/image/template/img-600x400-2.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="position-relative p-4 pt-0">
|
|
<div class="service-icon">
|
|
<i class="fa fa-wind fa-3x"></i>
|
|
</div>
|
|
<h4 class="mb-3">산업용자동문</h4>
|
|
<a class="small fw-medium" href="/portfolio.do"
|
|
>Read More<i
|
|
class="fa fa-arrow-right ms-2"
|
|
></i
|
|
></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-md-6 col-lg-4 wow fadeInUp"
|
|
data-wow-delay="0.5s"
|
|
>
|
|
<div class="service-item rounded overflow-hidden">
|
|
<img
|
|
class="img-fluid"
|
|
src="/resources/kr/iotdoor/comn/site/layout/image/template/img-600x400-3.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="position-relative p-4 pt-0">
|
|
<div class="service-icon">
|
|
<i class="fa fa-lightbulb fa-3x"></i>
|
|
</div>
|
|
<h4 class="mb-3">고급산업용자동문</h4>
|
|
<a class="small fw-medium" href="/portfolio.do"
|
|
>Read More<i
|
|
class="fa fa-arrow-right ms-2"
|
|
></i
|
|
></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-md-6 col-lg-4 wow fadeInUp"
|
|
data-wow-delay="0.1s"
|
|
>
|
|
<div class="service-item rounded overflow-hidden">
|
|
<img
|
|
class="img-fluid"
|
|
src="/resources/kr/iotdoor/comn/site/layout/image/template/img-600x400-4.jpg"
|
|
alt=""
|
|
/>
|
|
<div class="position-relative p-4 pt-0">
|
|
<div class="service-icon">
|
|
<i class="fa fa-solar-panel fa-3x"></i>
|
|
</div>
|
|
<h4 class="mb-3">내풍압고속셔터</h4>
|
|
<a class="small fw-medium" href="/portfolio.do"
|
|
>Read More<i
|
|
class="fa fa-arrow-right ms-2"
|
|
></i
|
|
></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-md-6 col-lg-4 wow fadeInUp"
|
|
data-wow-delay="0.3s"
|
|
>
|
|
<div class="service-item rounded overflow-hidden">
|
|
<img
|
|
class="img-fluid"
|
|
src="/resources/kr/iotdoor/comn/site/layout/image/template/img-600x400-5.jpg?1"
|
|
alt=""
|
|
/>
|
|
<div class="position-relative p-4 pt-0">
|
|
<div class="service-icon">
|
|
<i class="fa fa-wind fa-3x"></i>
|
|
</div>
|
|
<h4 class="mb-3">오버헤드도어</h4>
|
|
<a class="small fw-medium" href="/portfolio.do"
|
|
>Read More<i
|
|
class="fa fa-arrow-right ms-2"
|
|
></i
|
|
></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-md-6 col-lg-4 wow fadeInUp"
|
|
data-wow-delay="0.5s"
|
|
>
|
|
<div class="service-item rounded overflow-hidden">
|
|
<img
|
|
class="img-fluid"
|
|
src="/resources/kr/iotdoor/comn/site/layout/image/template/img-600x400-6.jpg?1?1"
|
|
alt=""
|
|
/>
|
|
<div class="position-relative p-4 pt-0">
|
|
<div class="service-icon">
|
|
<i class="fa fa-lightbulb fa-3x"></i>
|
|
</div>
|
|
<h4 class="mb-3">방화용슬라이딩자동문</h4>
|
|
<a class="small fw-medium" href="/portfolio.do"
|
|
>Read More<i
|
|
class="fa fa-arrow-right ms-2"
|
|
></i
|
|
></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Service End -->
|
|
|
|
<!-- Feature Start -->
|
|
<div class="container-fluid bg-light overflow-hidden my-5 px-lg-0">
|
|
<div class="container feature px-lg-0">
|
|
<div class="row g-0 mx-lg-0">
|
|
|
|
2000
|
|
<div
|
|
class="col-lg-6 feature-text py-5 wow fadeIn"
|
|
data-wow-delay="0.1s"
|
|
>
|
|
<div class="p-lg-5 ps-lg-0">
|
|
<h6 class="text-primary">Why Choose Us!</h6>
|
|
<h1 class="mb-4">
|
|
고객여러분의 가치있는 선택에 보답하겠습니다.
|
|
</h1>
|
|
<p class="mb-4 pb-2">
|
|
자동문 전문 업체로 철거.시공.A/S까지 원스톱으로 상담해드립니다.
|
|
<br>
|
|
전문기계교체상담.오퍼레이터교체.판매문의 환영합니다.
|
|
</p>
|
|
<div class="row g-4">
|
|
<div class="col-6">
|
|
<div class="d-flex align-items-center">
|
|
<div
|
|
class="btn-lg-square bg-primary rounded-circle"
|
|
>
|
|
<i
|
|
class="fa fa-check text-white"
|
|
></i>
|
|
</div>
|
|
<div class="ms-4">
|
|
<p class="mb-0">Quality</p>
|
|
<h5 class="mb-0">Services</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="d-flex align-items-center">
|
|
<div
|
|
class="btn-lg-square bg-primary rounded-circle"
|
|
>
|
|
<i
|
|
class="fa fa-user-check text-white"
|
|
></i>
|
|
</div>
|
|
<div class="ms-4">
|
|
<p class="mb-0">Expert</p>
|
|
<h5 class="mb-0">Workers</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="d-flex align-items-center">
|
|
<div
|
|
class="btn-lg-square bg-primary rounded-circle"
|
|
>
|
|
<i
|
|
class="fa fa-drafting-compass text-white"
|
|
></i>
|
|
</div>
|
|
<div class="ms-4">
|
|
<p class="mb-0">Free</p>
|
|
<h5 class="mb-0">Consultation</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="d-flex align-items-center">
|
|
<div
|
|
class="btn-lg-square bg-primary rounded-circle"
|
|
>
|
|
<i
|
|
class="fa fa-headphones text-white"
|
|
></i>
|
|
</div>
|
|
<div class="ms-4">
|
|
<p class="mb-0">Customer</p>
|
|
<h5 class="mb-0">Support</h5>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="col-lg-6 pe-lg-0 wow fadeIn"
|
|
data-wow-delay="0.5s"
|
|
style="min-height: 400px"
|
|
>
|
|
<div class="position-relative h-100">
|
|
<img
|
|
class="position-absolute img-fluid w-100 h-100"
|
|
src="/resources/kr/iotdoor/comn/site/layout/image/template/feature.jpg"
|
|
style="object-fit: cover"
|
|
alt=""
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Feature End -->
|
|
|
|
<!-- Contact Start -->
|
|
<div class="container-fluid bg-light overflow-hidden px-lg-0" style="margin: 6rem 0;">
|
|
<div class="container contact px-lg-0">
|
|
<div class="row g-0 mx-lg-0">
|
|
<div class="col-lg-6 p-lg-5 " style="min-height: 300px;">
|
|
<div class="position-relative h-100">
|
|
<div id="map" style="width:100%;height:500px;"></div>
|
|
<code id="snippet" class="snippet"></code>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-6 contact-text wow fadeIn" data-wow-delay="0.5s">
|
|
<div class="p-lg-5 ps-lg-0">
|
|
<h6 class="text-primary">Contact Us</h6>
|
|
<p class="mb-4">내용을 자세하게 입력해주시면 상담진행시에 좀 더 원활하게 상담이 가능합니다. 연중무휴 24시간 주저말고 남겨주세요. </p>
|
|
<form>
|
|
<div class="row g-3">
|
|
<div class="col-md-6">
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control" id="name" placeholder="Your Name">
|
|
<label for="name">Name</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="form-floating">
|
|
<input type="email" class="form-control" id="email" placeholder="Your Email" >
|
|
<label for="email">Email</label>
|
|
</div>
|
|
<div id="emailError" style="color:red; font-size:13px; display:none;">
|
|
올바른 이메일 형식이 아닙니다.
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control" id="phone" placeholder="Phone" >
|
|
<label for="subject">Phone</label>
|
|
</div>
|
|
<div id="phoneError" style="color:red; font-size:13px; display:none;">
|
|
올바른 휴대폰 형식이 아닙니다.
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-floating">
|
|
<input type="text" class="form-control" id="subject" placeholder="Subject">
|
|
<label for="subject">Subject</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="form-floating">
|
|
|
|
34e
|
|
<textarea class="form-control" placeholder="Leave a message here" id="message" style="height: 100px"></textarea>
|
|
<label for="message">Message</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<button id="btnSendMail" class="btn btn-primary rounded-pill py-3 px-5" type="button">Send Message</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- Contact End -->
|
|
|
|
<!-- <?php include_once './common/footer.php'?> -->
|
|
|
|
<!-- Template Javascript -->
|
|
|
|
</div>
|
|
|
|
|
|
|