Sunucu yanıtını kontrol edin

Sunucu yanıtı
NS kayıtları
Whois alanı
Yanıt başlıkları
İstek başlıkları
Ham HTML kodu
200 OK - smenv.com
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Server: nginx
Date: Fri, 30 May 2025 12:24:40 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Vary: Accept-Encoding
Set-Cookie: PHPSESSID=83c9ep37gsvdhjtjsp8vhkclor; path=/
Set-Cookie: wpLog=WbkqLkfc74mbTeqy20250530212440; expires=Fri, 30-May-2025 12:54:40 GMT; Max-Age=1800; path=/

HTTP Kodu 200 OK

200 OK, standart bir başarılı HTTP sunucu yanıtıdır. Bu, istemcinin isteğinin (örneğin, bir tarayıcıdan) başarıyla işlendiği ve sunucunun istenen verileri ilettiği anlamına gelir.

Kod 200 ne zaman kullanılır?

  • Bir web sayfası yüklenirken
  • Bir API yanıtı başarıyla alındığında
  • Bir form veya başka bir HTTP isteği işlenirken

Kod 200 kullanıcı için ne anlama gelir?

Kullanıcı içeriği hatasız alır ve sayfa veya uygulama düzgün çalışır. Kod 200'e veri eşlik ediyorsa, tarayıcı veya program bunu işler ve kullanıcıya görüntüler.

GET / HTTP/1.1
Host: smenv.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
     <!DOCTYPE html>
<script type='text/javascript' src='/_wp/js/lib.js' async></script><html class="wide wow-animation scrollTo" lang="kor">
  <head>
    <!-- Site Title-->
    <title>(주)에스엠엔지니어링</title>
    <meta charset="utf-8">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="keywords" content="">
    <meta name="date" content="">
<!--    <link rel="icon" href="images/favicon.ico" type="image/x-icon">-->
    <!-- Stylesheets-->
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Asap:400,500,600,700%7CLato:400italic,400,700">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="css/style.css">
	<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/[email protected]/xeicon.min.css">

	
<link href="https://fonts.googleapis.com/css?family=Black+Han+Sans&display=swap&subset=korean" rel="stylesheet">

<link href='//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css' rel='stylesheet' type='text/css'>
		<!--[if lt IE 10]>
    <div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
    <script src="js/html5shiv.min.js"></script>
		<![endif]-->
  </head>
  <body>
    
    <!-- Page-->
    <div class="page text-center">
      <!-- Page Head-->
      <header class="page-head page-head-main">
        <!-- RD Navbar minimal-->
        <div class="rd-navbar-wrap">
          <nav class="rd-navbar rd-navbar-minimal rd-navbar-light" data-md-device-layout="rd-navbar-fixed" data-lg-device-layout="rd-navbar-static" data-md-stick-up-offset="120px" data-lg-stick-up-offset="120px" data-lg-auto-height="true" data-body-class="rd-navbar-absolute" data-md-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-static" data-lg-stick-up="true">
            <div class="rd-navbar-inner">
              <div class="rd-navbar-top-panel">
                <!--Navbar Brand-->
                <div class="rd-navbar-brand veil reveal-md-inline-block"><a href="index.html"><img width='250' height='52' class='img-responsive' src='images/logo.png' alt=''/></a></div>
                <div>

                </div>
              </div>
 
<!-- RD Navbar Panel-->
              <div class="rd-navbar-panel" >
                <!-- RD Navbar Toggle-->
                <button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar, .rd-navbar-nav-wrap"><span></span></button>
				<a href="/" class="m-top"><img src="images/logo_f.png"></a>
                <!--Navbar Brand-->
                <div class="rd-navbar-brand veil-lg"><a href="index.html"><img width='250' height='52' class='img-responsive' src='images/logo.png' alt=''/></a></div>
               </div>
              <div class="rd-navbar-menu-wrap"> 
                    <!--Navbar Brand Mobile--> 
                    <!-- RD Navbar Nav--> 

<style> 
/* menu css */
a {color:inherit;text-decoration:none;}
img {vertical-align: top;}		/* 기본적으로 이미지에는 아랫쪽에 여백이있는데 그걸 없애주는거라고함 */

* {box-sizing:border-box;}		/* 다포함시킨다고함 */
.clearFix:after,.container:after {content:"";display:block;width:0;height:0;overflow: hidden;clear:both;}
.container {width:100%;margin: 0 auto;position: relative;  } 
#header {width: 100%;height: 50px; overflow: hidden;position: absolute; z-index: 100000000;top: 0; left: 0; font-family: 'S-CoreDream-5Medium';  } 
#header h1 {float: left;}
#header h1 a {display: block;padding: 20px 0;}
#gnb {float: left;  position: relative; width: 100%; background: #fff; border-bottom: 3px solid #ffdf00;;}
#gnb span.absolute {display: block; height: 50px; width:220px; position: absolute; left: -300px; top:120px; z-index:1;  }
#gnb .gnbList > li {float: left; padding-top: 5px;}
#gnb .gnbList > li > a {display: block;height: 50px;line-height: 50px;width: 150px; font-size: 18px; font-weight: 600;text-align: left;position: relative; color: #333; font-family: 'noto sans kr'; }
#gnb .gnbList > li > a:after {content: "";display: block;width: 100%;height: 3px;background: #aaa; position: absolute;bottom: 0; left: -56px; transform:scaleX(0);transition:all 0.5s ease-out;}
#gnb .gnbList > li:hover > a:after {transform:scaleX(0.2); background: #ffdf00;  left: -56px;} 
#gnb .gnbList > li .sub {padding: 15px 0; height: 190px; margin-left: 0;} 
#gnb .gnbList > li .sub li a {display: block;padding: 5px;font-size: 14px; font-family: 'S-CoreDream-4Regular'; text-align:left; color: #000; }

#mobileGnb {background: #fff; position: fixed;left: -100%;top: 65px;width: 70%;height: 100%;display: none;}		/* fixed를 주면 넓이, 높이를 잃는다 */
#mobileGnb .gnbList {height: 90%;overflow-y: scroll;}
#mobileGnb .gnbList > li {}	/* gnb를 li옆으로 붙이기 */
#mobileGnb .gnbList > li > a {display:block;height:60px;line-height:60px;font-size: 16px;font-weight:500; color: #000;padding-left: 30px;position: relative;border-top:1px solid #d9d9d9; }
#mobileGnb .gnbList > li > a.on i {transform:rotate(180deg);}			/* rotate 회전시키는것*/ 
#mobileGnb .gnbList > li > a i {position: absolute;right: 10px;height: 50px;line-height: 50px;font-size: 30px;
transition:all 0.2s ease-out;}
#mobileGnb .gnbList > li .sub {background: #f8f8f8;display: none;}
#mobileGnb .gnbList > li .sub a {display:block;height: 40px;line-height: 40px;  
padding-left: 40px;position: relative;font-size: 15px; color: #aaa;} 
#m obileGnb .gnbList > li .sub a:before {display: block;width: 3px;height: 3px;background: #33ccff;position: absolute;left: 30px,top: 50%;margin-top: -1px;} 
#header .searchBox i {font-size: 20px;color: #aaa;display: inline-block;position: relative;top: 1px;}
#header .searchBox {float: right;position: absolute; top:5px; right: 0;padding: 0 15px;margin-top: 10px; right: 20%;}
#header .searchBox input {border:none;height: 32px;line-height: 32px; position: absolute; right: 0;} 
#header .searchBox_ {float: right; /* border: 1px solid #d9d9d9; */ padding: 0 15px;margin-top: 15px; }
#header .searchBox_ a:hover{color: #ccc;} 
#header .btnAll { position: absolute; left:0; top:0; height: 80px; width: 100px; display: none; margin: 0;}
#header .btnAll span { display: block; width: 30px; height: 2px; background: #333; position: absolute; left:20px; transition:all 0.5s ease-out;}
#header .btnAll span:nth-child(1) { top: 20px; }
#header .btnAll span:nth-child(2) { top: 30px;  }
#header .btnAll span:nth-child(3) { top: 40px; } 
#header.open .btnAll span:nth-child(1) {transform:rotate(45deg);top: 30px;}
#header.open .btnAll span:nth-child(2) {opacity: 0;left: -0px;}
#header.open .btnAll span:nth-child(3) {transform:rotate(-45deg);top: 30px;} 
#header .btnTel { display: block; position: absolute; right: 0px; top: 0px; width: 70px; height: 70px; padding:20px; display: none;} 
#header .btnTel img {height: 60px;}
  
.m_logo {display: none;}
/* 반응형 responsive web	/ adaptive web */
@media all  and (max-width:1240px) {
#header { height: 65px !important; background: #fff; position:fixed; border-bottom: 3px solid #ffdf00; }
.m_logo {display: block;}
#header h1 a { padding: 13px 0;}
#header h1 a img { width: 170px;}
	.container {width:100%;}
	#header {overflow: visible;}
	#header:after {background: none;}
	#gnb {display:none;}
	#mobileGnb {display:block;}
	#header h1 {text-align: center; float:none;}
	#header .btnAll {display: block;}
	#header .btnTel {display: block;text-align: right;}
	#header .btnTel i { font-size: 28px; color: #555;}
	#header .searchBox {display: none;}
	#header .searchBox_ {display: none;}
}
 
</style>

 
	<script src="js/header_jquery-3.1.1.min.js"></script> 
	<script src="js/header_jquery-ui.min.js"></script>  


	<script>
		$(document).ready(function(e){
			$("#gnb .gnbList > li").on("mouseenter",function(e){
				$("#header").stop().animate({height:250},400,"easeOutQuint");
			});
			$("#gnb").on("mouseleave",function(e){
				$("#header").stop().animate({height:50},400,"easeOutQuint");
			});

			$("#header .btnAll").on("click",function(e){
				if( $("#header").hasClass("open") ){
					$("#header").removeClass("open");
					$("#mobileGnb").stop().animate({left:"-100%"},500,"easeOutQuint");
					$(".bgCover").stop().fadeOut(500,"easeOutQuint");
					$("#mobileGnb .gnbList > li > .sub").slideUp(500,"easeOutQuint");
				}else{
					$("#header").addClass("open");
					$("#mobileGnb").stop().animate({left:0},500,"easeOutQuint");
					$(".bgCover").stop().fadeIn(500,"easeOutQuint");
				}
				
				return false;
			})

			$("#mobileGnb .gnbList > li > a").on("click",function(e){
				$(this).parent().siblings(".sub").slideUp(500,"easeOutQuint");
				$(this).parent().find(".sub").slideToggle(500,"easeOutQuint");
				return false;
			})
		})
	</script>
	
	<script>
		$(document).ready(function(e){
			$("#lnb .depth01 .btn").on("click",function(e){
				$("#lnb .depth02 ul").stop().slideUp(500,"easeOutQuint");
				$(this).next("ul").stop().slideToggle(500,"easeOutQuint");
				return false;
			})
			$("#lnb .depth02 .btn").on("click",function(e){
				$("#lnb .depth01 ul").stop().slideUp(500,"easeOutQuint");
				$(this).next("ul").stop().slideToggle(500,"easeOutQuint");
				return false;
			})
		})
	</script> 
 


	<header id="header">
		<div class="container" style="padding: 0;">
			<h1 class="m_logo"><a href="index.html"><img src="images/logo.png" alt=""></a></h1> 
			<a href="" class="btnAll">
				<span></span>
				<span></span>
				<span></span>
			</a>
			<a href="tel:032-710-9200" class="btnTel"><i class="xi-call"></i></a>

			<nav id="gnb">
				
<style> 
@media (max-width:770px) { 
.absolute { display: none;} } 
</style>
<ul class="gnbList" style=" width:100%; max-width: 1200px; margin: 0 auto;"> 
	<span class="absolute"><img src="../images/layout/gnb_img.jpg" alt=""></span>
	<li>
		<a href="#">회사소개</a>
			<ul class="sub">
				<li><a href="oc.html">인사말</a></li>
				<li><a href="about.html">연혁</a></li> 
				<li><a href="og.html">조직도</a></li> 
				<li><a href="locate.html">오시는길</a></li> 
			</ul>
	</li>
	<li>
		<a href="#">사업분야</a>
			<ul class="sub">
				<li><a href="privacy.html">환경시설관리</a></li> 
				<li><a href="privacy1.html">종합시운전</a></li> 
				<li><a href="privacy2.html">수질측정대행</a></li> 
				<li><a href="privacy3.html">비점오염</a></li> 
			</ul>
	</li>
	<li>
		<a href="#">주요실적</a>
			<ul class="sub">  
				<li><a href="sub3_1.html">환경시설관리</a></li> 
				<li><a href="sub3_1_1.html">종합시운전</a></li> 
			</ul>
	</li>
	<li>
		<a href="#">R&D</a> 
			<ul class="sub">
				<li><a href="sub3_2.html">기업부설연구소</a></li> 
				<li><a href="sub3_2_1.html">등록증 및 특허현황</a></li> 
				<li><a href="sub3_2_2.html">장비현황</a></li> 
			</ul>
	</li>
	<li>
		<a href="notice.html">고객센터</a>
			<ul class="sub">
				<li><a href="notice.html">공지사항</a></li> 
			</ul>
	</li>
</ul>			</nav>
			<nav id="mobileGnb">
				
<style> 
@media (max-width:770px) { 
.absolute { display: none;} } 
</style>
<ul class="gnbList" style=" width:100%; max-width: 1200px; margin: 0 auto;"> 
	<span class="absolute"><img src="../images/layout/gnb_img.jpg" alt=""></span>
	<li>
		<a href="#">회사소개</a>
			<ul class="sub">
				<li><a href="oc.html">인사말</a></li>
				<li><a href="about.html">연혁</a></li> 
				<li><a href="og.html">조직도</a></li> 
				<li><a href="locate.html">오시는길</a></li> 
			</ul>
	</li>
	<li>
		<a href="#">사업분야</a>
			<ul class="sub">
				<li><a href="privacy.html">환경시설관리</a></li> 
				<li><a href="privacy1.html">종합시운전</a></li> 
				<li><a href="privacy2.html">수질측정대행</a></li> 
				<li><a href="privacy3.html">비점오염</a></li> 
			</ul>
	</li>
	<li>
		<a href="#">주요실적</a>
			<ul class="sub">  
				<li><a href="sub3_1.html">환경시설관리</a></li> 
				<li><a href="sub3_1_1.html">종합시운전</a></li> 
			</ul>
	</li>
	<li>
		<a href="#">R&D</a> 
			<ul class="sub">
				<li><a href="sub3_2.html">기업부설연구소</a></li> 
				<li><a href="sub3_2_1.html">등록증 및 특허현황</a></li> 
				<li><a href="sub3_2_2.html">장비현황</a></li> 
			</ul>
	</li>
	<li>
		<a href="notice.html">고객센터</a>
			<ul class="sub">
				<li><a href="notice.html">공지사항</a></li> 
			</ul>
	</li>
</ul>			</nav>
			<div class="searchBox" style="font-size:14px ; padding-top: 5px; "><a href="tel:041-564-4171">
				<i class="xi-call" style="font-size:20px ; color:#aaa"></i> 041-564-4171</a> <a class="text-white" style="padding-left: 15px;"><i class="xi-map xi-x"></i> 충청남도 천안시 서북구 4산단로 64</a> 
			</div>
		</div>
	</header>










   
              </div>
            </div>
 <div class="menu_after" ><span class="menu_after_in"></span></div>
          </nav>
        </div> 


        <div class="swiper-wrapper">



          <div class="swiper-container swiper-slider bg-white" data-loop="true" data-simulate-touch="true"  data-height="" data-slide-effect="fade" data-dragable="false" data-min-height="400px" data-autoplay="6000">
            <div class="swiper-wrapper text-center"> 

              <div class="swiper-slide" data-slide-bg="images/slide-04.jpg">
                <div class="swiper-caption">
                  <div class="swiper-slide-caption">
                    <div class="shell">
                      <div class="range width100">
                        <div class="cell-md-12 section-slider-custom">
                          <div class="text-md-left slid2">
                            <h2><br class="veil reveal-md-block reveal-block">환경문화 를 만들어가는 전문기업 <br>
<strong>(주)에스엠엔지니어링</strong><!--  <br class="veil reveal-md-block reveal-block">아이들의 미소를 지킵니다. --></h2>
                            <h7 class="reveal-md-block mw-400">'깨끗한 환경'을 위하여 <br>
'에스엠엔지니어링'이 존재합니다.</h7><!--a class="btn btn-ellipse btn-white offset-top-24 vail" href="#">더보기</a--> <br>

                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
				<div class="swiper-slide"  data-slide-bg="images/slide-03.jpg">
					<div class="swiper-caption">
						  <div class="swiper-slide-caption">
								<div class="shell">
									  <div class="range width100">
											<div class="cell-md-12 section-slider-custom">
												  <div class="text-md-left slid1">
                            <h2><br class="veil reveal-md-block reveal-block">환경문화 를 만들어가는 전문기업 <br>
<strong>(주)에스엠엔지니어링</strong><!--  <br class="veil reveal-md-block reveal-block">아이들의 미소를 지킵니다. --></h2>
                            <h7 class="reveal-md-block mw-400" style="color:#555">'깨끗한 환경'을 위하여 <br>
'에스엠엔지니어링'이 존재합니다.</h7><!--a class="btn btn-ellipse btn-white offset-top-24 vail" href="#">더보기</a--> <br>

                          </div>
											</div>
									  </div>
								</div>
						  </div>
					</div>
              </div> 
              
            </div>
            <div class="swiper-pagination"></div>
          </div>
        </div>
      </header>
      <!--Sheldue-->









  
		<link rel="stylesheet" type="text/css" href="css/component.css" />
		<script src="js/snap.svg-min.js"></script>  


<div style="background: #f8f8f8;">
		<div class="container box-hover" > 
			<section id="grid" class="grid clearfix">
				<a href="privacy.html" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
					<figure>
						<img src="images/main_01.jpg" />
						<svg viewBox="0 0 180 380" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
						<figcaption>
							<h2>환경시설관리</h2>
							<p>기업의 경쟁력 제고와 <br>
환경친화적 기업 이미지 강화</p>
							<button>자세히 보기 <i class="xi-long-arrow-right"></i></button>
						</figcaption>
					</figure>
				</a>
				<a href="privacy1.html" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
					<figure>
						<img src="images/main_02.jpg" />
						<svg viewBox="0 0 180 380" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
						<figcaption>
							<h2>종합시운전</h2>
							<p>효율적인 유지관리 방안을 교육,전수합니다</p>
							<button>자세히 보기 <i class="xi-long-arrow-right"></i></button>
						</figcaption>
					</figure>
				</a>
				<a href="privacy2.html" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
					<figure>
						<img src="images/main_03.jpg" />
						<svg viewBox="0 0 180 380" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
						<figcaption>
							<h2>수질측정대행</h2>
							<p>배출되는 오염물질의 측정을 대행합니다</p>
							<button>자세히 보기 <i class="xi-long-arrow-right"></i></button>
						</figcaption>
					</figure>
				</a>
				<a href="privacy3.html" data-path-hover="m 0,0 0,47.7775 c 24.580441,3.12569 55.897012,-8.199417 90,-8.199417 34.10299,0 65.41956,11.325107 90,8.199417 L 180,0 z">
					<figure>
						<img src="images/main_04.jpg" />
						<svg viewBox="0 0 180 380" preserveAspectRatio="none"><path d="m 0,0 0,171.14385 c 24.580441,15.47138 55.897012,24.75772 90,24.75772 34.10299,0 65.41956,-9.28634 90,-24.75772 L 180,0 0,0 z"/></svg>
						<figcaption>
							<h2>비점오염</h2>
							<p style="word-break:keep-all;">불특정 수질오염물질 배출원</p>
							<button>자세히 보기 <i class="xi-long-arrow-right"></i></button>
						</figcaption>
					</figure>
				</a> 
			</section> 
		</div><!-- /container -->
		<script>
			(function() {
	
				function init() {
					var speed = 330,
						easing = mina.backout;

					[].slice.call ( document.querySelectorAll( '#grid > a' ) ).forEach( function( el ) {
						var s = Snap( el.querySelector( 'svg' ) ), path = s.select( 'path' ),
							pathConfig = {
								from : path.attr( 'd' ),
								to : el.getAttribute( 'data-path-hover' )
							};

						el.addEventListener( 'mouseenter', function() {
							path.animate( { 'path' : pathConfig.to }, speed, easing );
						} );

						el.addEventListener( 'mouseleave', function() {
							path.animate( { 'path' : pathConfig.from }, speed, easing );
						} );
					} );
				}

				init();

			})();
		</script> 
</div>



<div style="padding-top: 60px;"></div>

<section class="section-98 section-sm-100 " style=" position: relative;display: none;"> 
  <link rel="stylesheet" href="css/main_box_slide.css"> 
   
	<div class="app_text" style="">
		<strong>청능언어재활 <br>프로그램 소개</strong>
		<font>Introduction to the Auditory Language Rehabilitation Program</font>
	</div>
  <div id="app">
  </div> 



  <script src='js/react.production.min.js'></script>
	<script src='js/react-dom.production.min.js'></script> 
      <script id="rendered-js" >
		const slideData = [
		{
		  index: 0,
		  headline: '청능언어재활',
		  button: '더보기 +',
		  src: 'images/main_box1.jpg' },

		{
		  index: 1,
		  headline: '아동청능 언어재활',
		  button: '더보기 +',
		  src: 'images/main_box2.jpg' },

		{
		  index: 2,
		  headline: '성인청능 언어재활',
		  button: '더보기 +',
		  src: 'images/main_box3.jpg' },
 ];
 
// =========================
// Slide
// =========================

class Slide extends React.Component {
  constructor(props) {
    super(props);

    this.handleMouseMove = this.handleMouseMove.bind(this);
    this.handleMouseLeave = this.handleMouseLeave.bind(this);
    this.handleSlideClick = this.handleSlideClick.bind(this);
    this.imageLoaded = this.imageLoaded.bind(this);
    this.slide = React.createRef();
  }

  handleMouseMove(event) {
    const el = this.slide.current;
    const r = el.getBoundingClientRect();

    el.style.setProperty('--x', event.clientX - (r.left + Math.floor(r.width / 2)));
    el.style.setProperty('--y', event.clientY - (r.top + Math.floor(r.height / 2)));
  }

  handleMouseLeave(event) {
    this.slide.current.style.setProperty('--x', 0);
    this.slide.current.style.setProperty('--y', 0);
  }

  handleSlideClick(event) {
    this.props.handleSlideClick(this.props.slide.index);
  }

  imageLoaded(event) {
    event.target.style.opacity = 1;
  }

  render() {
    const { src, button, headline, index } = this.props.slide;
    const current = this.props.current;
    let classNames = 'slide';

    if (current === index) classNames += ' slide--current';else
    if (current - 1 === index) classNames += ' slide--previous';else
    if (current + 1 === index) classNames += ' slide--next';

    return /*#__PURE__*/(
      React.createElement("li", {
        ref: this.slide,
        className: classNames,
        onClick: this.handleSlideClick,
        onMouseMove: this.handleMouseMove,
        onMouseLeave: this.handleMouseLeave }, /*#__PURE__*/

      React.createElement("div", { className: "slide__image-wrapper" }, /*#__PURE__*/
      React.createElement("img", {
        className: "slide__image",
        alt: headline,
        src: src,
        onLoad: this.imageLoaded })), /*#__PURE__*/



      React.createElement("article", { className: "slide__content" }, /*#__PURE__*/
      React.createElement("h2", { className: "slide__headline" }, headline), /*#__PURE__*/
      React.createElement("button", { className: "slide__action btn" }, button))));



  }}



// =========================
// Slider control
// =========================

const SliderControl = ({ type, title, handleClick }) => {
  return /*#__PURE__*/(
    React.createElement("button", { className: `btn btn--${type}`, title: title, onClick: handleClick }, /*#__PURE__*/
    React.createElement("svg", { className: "icon", viewBox: "0 0 24 24" }, /*#__PURE__*/
    React.createElement("path", { d: "M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" }))));



};


// =========================
// Slider
// =========================

class Slider extends React.Component {
  constructor(props) {
    super(props);

    this.state = { current: 0 };
    this.handlePreviousClick = this.handlePreviousClick.bind(this);
    this.handleNextClick = this.handleNextClick.bind(this);
    this.handleSlideClick = this.handleSlideClick.bind(this);
  }

  handlePreviousClick() {
    const previous = this.state.current - 1;

    this.setState({
      current: previous < 0 ?
      this.props.slides.length - 1 :
      previous });

  }

  handleNextClick() {
    const next = this.state.current + 1;

    this.setState({
      current: next === this.props.slides.length ?
      0 :
      next });

  }

  handleSlideClick(index) {
    if (this.state.current !== index) {
      this.setState({
        current: index });

    }
  }

  render() {
    const { current, direction } = this.state;
    const { slides, heading } = this.props;
    const headingId = `slider-heading__${heading.replace(/\s+/g, '-').toLowerCase()}`;
    const wrapperTransform = {
      'transform': `translateX(-${current * (100 / slides.length)}%)` };


    return /*#__PURE__*/(
      React.createElement("div", { className: "slider", "aria-labelledby": headingId }, /*#__PURE__*/
      React.createElement("ul", { className: "slider__wrapper", style: wrapperTransform }, /*#__PURE__*/
      React.createElement("h3", { id: headingId, class: "visuallyhidden" }, heading),

      slides.map(slide => {
        return /*#__PURE__*/(
          React.createElement(Slide, {
            key: slide.index,
            slide: slide,
            current: current,
            handleSlideClick: this.handleSlideClick }));


      })), /*#__PURE__*/


      React.createElement("div", { className: "slider__controls" }, /*#__PURE__*/
      React.createElement(SliderControl, {
        type: "previous",
        title: "Go to previous slide",
        handleClick: this.handlePreviousClick }), /*#__PURE__*/


      React.createElement(SliderControl, {
        type: "next",
        title: "Go to next slide",
        handleClick: this.handleNextClick }))));




  }}



ReactDOM.render( /*#__PURE__*/React.createElement(Slider, { heading: "Example Slider", slides: slideData }), document.getElementById('app'));
//# sourceURL=pen.js
    </script> 
      </section>








<style>
@media (max-width:770px) {
.main_con02 ul {width: 100%;}
}
</style>


 
      
      <!-- latest blog posts-->
      <section class="section-98 " style=" padding-top: 2px;padding-bottom: 30px;">
        <div class="shell">
          
          <div class="range range-xs-center  "> 
 
						<!-- 메인 컨텐츠 02-->
						<div class="main_con02"> 
							
							<ul>
								<li class="main_con01_li main_con01_li02">
									<div style="  ">
										<h3>공지사항</h3>	
										<p style="margin-top: 10px;padding: 5px;">
										<script type='text/javascript' src='/_wp/js/lib.js' async></script>
										<table width="100%" border="0" class="main_notice">
											  <tbody>
												<tr>
												  <td width="15%"><span>2022-06-20</span></td>
													<td width="73%" height="30"><font>공지</font><a href="/notice.html?type=view&bsNo=69"><strong>[2017년 해외견학] 일본 동경지역...</strong></a>  <br>  <small>2017년 06월 12일 ~ 16일 4박5일간의 일정으</small></td>
												  <td width="12%" height="30"><i class="xi-eye"></i> 2780</td> 
												</tr>
												<tr>
												  <td width="15%"><span>2022-06-20</span></td>
													<td width="73%" height="30"><font>공지</font> <a href="/notice.html?type=view&bsNo=68"><strong>[2016년 해외견학] 일본 동경지역...</strong> </a> <br>  <small>2016년 06월 20일 ~ 24일 4박5일간의 일정으</small></td>
												  <td width="12%" height="30"><i class="xi-eye"></i> 2381</td> 
												</tr>
												<tr>
												  <td width="15%"><span>2022-06-20</span></td>
													<td width="73%" height="30"><font>공지</font> <a href="/notice.html?type=view&bsNo=67"><strong>봉사활동 - 참아름다운집(제2회 행복...</strong> </a> <br>  <small>2017년 05월 19일
제2회 행복키움 바자회가 참</small></td>
												  <td width="12%" height="30"><i class="xi-eye"></i> 2219</td> 
												</tr>
											  </tbody>
											</table> 
										</p>
									</div>
								</li>
								<li class="main_con01_li main_con01_li03 main_qna">
									<div style="">
										<h3>등록증 및 특허현황</h3>	
										<p style="margin-top: 10px;padding: 5px;">
											<a href="sub3_2_1.html"><strong>보러가기 <i class="xi-long-arrow-right"></i></strong><img src="images/main_banner01.jpg" alt="" style="width: 100%;"></a>
										</p>
									</div>
								</li> 				
							</ul>
						</div> 
						<!-- //메인 컨텐츠 02--> 









          </div>
         
        </div>
      </section>
      <!--Please, add the data attribute data-key="YOUR_API_KEY" in order to insert your own API key for the Google map.-->
      <!--Please note that YOUR_API_KEY should replaced with your key.-->
      <!--Example: <div class="google-map-container" data-key="YOUR_API_KEY">-->
      <!--section>
        
          <div class="google-map"><style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3165.502704653333!2d126.77486541558707!3d37.4960600359184!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357b7d340777612d%3A0x2e6e03ee7d80db49!2z7Ju57ZSM652864ub!5e0!3m2!1sko!2skr!4v1578375007680!5m2!1sko!2skr" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe></div>
          
       
      </section>
      <!-- Page Footer-->


      <footer class="section-relative section-top-41 section-bottom-34 page-footer  context-dark" style="    background: white;
    border-top: 1px solid #ccc;">
        <div class="shell">
          <div class="range range-sm-center text-lg-left">
            <div class="cell-sm-8 cell-md-12">
              <div class="range range-xs-center"> 
				<style>
				.floatleft {float:left; margin-right:15px; padding-right:20px; padding-top: 17px;} 
					.unit-body {font-family:Pretendard,'noto sans kr'}
				.unit-body a {color:#5b5b5b; font-size:14px; letter-spacing: -0.5px;font-family:Pretendard,'noto sans kr'}
				.unit-body .unit-left span {font-size:13px;}
				.unit-body a:hover {color:#d2d2d2}
				@media (max-width:770px) { 
				.floatleft { padding-top: 5px;} 
				.floatleft {float:none;  border-right:0px solid #ddd;}
				} 
				</style>
                <div class="cell-xs-10 text-xs-left cell-md-9 cell-md-push-3 offset-top-50 offset-md-top-0"> 
                  <div class="text-lg-left">
                    <address class="  reveal-sm-inline-block text-left" >
                      <div class="p unit unit-spacing-xxs unit-horizontal floatleft">
                        <div class="unit-left"><span class="icon icon-xxs mdi mdi-phone text-white"></span></div>
                        <div class="unit-body"><a class="text-white-70" href="tel:1644-1076">041-564-4171</a></div>
                      </div>
											<div class="p unit unit-horizontal unit-spacing-xxs floatleft">
                        <div class="unit-left"><span class="icon icon-xxs mdi mdi-fax text-white"></span></div>
                        <div class="unit-body">041-564-4177</div>
                      </div>
                      <div class="p unit unit-horizontal unit-spacing-xxs floatleft">
                        <div class="unit-left"><span class="icon icon-xxs mdi mdi-map-marker text-white"></span></div>
                        <div class="unit-body"><a class="text-white-70" href="#">충청남도 천안시 서북구 4산단로 64</a></div>
                      </div>
                      
                      
                    </address>
                  </div>
                </div>
                <div class="cell-xs-10 offset-top-66 cell-md-3 cell-md-push-1 offset-md-top-0">
                  <div class="footer-brand"><a href="index.html"><img width='250' height='53' class='img-responsive' src='images/logo.png' alt=''/></a></div>
                  <div class="offset-top-30">
                          <!--ul class="list-inline">
                            <li><a class="icon fa fa-facebook icon-xxs icon-circle icon-white" href="#"></a></li>
                            <li><a class="icon fa fa-twitter icon-xxs icon-circle icon-white" href="#"></a></li>
                            <li><a class="icon fa fa-google-plus icon-xxs icon-circle icon-white" href="#"></a></li>
                            <li><a class="icon fa fa-rss icon-xxs icon-circle icon-white" href="#"></a></li>
                          </ul-->
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="shell offset-top-50 offset-md-top-60">
          <p class="text-white-70 text-md-center" style="color:#7d7d7d;"><span>&copy;&nbsp;</span><span class="copyright-year">All Rights Reserved.</span><span>&nbsp;</span><span>(주)에스엠엔지니어링</span><span>.&nbsp;</span>All right reserved<span>.</span></p>
        </div>
      </footer>
    </div>
    <!-- Global Mailform Output-->
    <div class="snackbars" id="form-output-global"></div>
    <!-- Java script-->
    <script src="js/core.min.js"></script>
    <script src="js/script.js"></script>
  </body>
</html>                               

Alan adının whois bilgisi

Domain Name: SMENV.COM
Registry Domain ID: 1817860038_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.ksdom.kr
Registrar URL: http://iteasy.co.kr
Updated Date: 2023-07-31T02:26:00Z
Creation Date: 2013-07-27T01:57:19Z
Registry Expiry Date: 2025-07-27T01:57:19Z
Registrar: ITEASY Inc.
Registrar IANA ID: 1542
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +82.25938320
Domain Status: ok https://icann.org/epp#ok
Name Server: NS.WEB-PLANET.CO.KR
Name Server: NS1.WEB-PLANET.CO.KR
Name Server: NS2.WEB-PLANET.CO.KR
Name Server: NS3.WEB-PLANET.CO.KR
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-30T12:24:27Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass