1<!doctype html> 2<html> 3<head> 4 <!-- meta --> 5 <title>(ì¬)ëí민êµêµê°ëíì ìí</title> 6 <meta content="IE=edge" http-equiv="X-UA-Compatible"> 7 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.5, minimum-scale=0.8" name="viewport"> 8 <meta http-equiv="Content-Type" content="text/html;" charset="utf-8"> 9 10 <meta name="description" content="(ì¬)ëí민êµêµê°ëíì ìíë ì¤í¬ì¸ ì¸ì íí©ì ë모íê³ ì¤í¬ì¸ ë´ì¬ì ë¤ìí ì¬ì íëì íµí´ íìì ê¶ìµì ì¦ì§íë©° ëíë¯¼êµ ì¤í¬ì¸ ë°ì ì 기ì¬í©ëë¤."> 11 <link rel="canonical" href="https://www.kanstm.com/"> 12 <meta name="keywords" content="ëí민êµêµê°ëíì ìí, êµê°ëí ì ìí, ì¤í¬ì¸ ë´ì¬, ì¬ë¥ê¸°ë¶, íì ê¶ìµ, ì ì ë³µì§, ì¤í¬ì¸ ìì¹´ë°ë¯¸, ì¤í¬ì¸ ë§ì¼í , ì¤í¬ì¸ 매ëì§ë¨¼í¸, ì²ìë ì¤í¬ì¸ êµì¤, ì¥í기ê¸, íì, 기ë¶, ëíë¯¼êµ ì¤í¬ì¸ ë°ì "> 13 14 <!-- Open Graph --> 15 <meta property="og:site_name" content="(ì¬)ëí민êµêµê°ëíì ìí"> 16 <meta property="og:type" content="website"> 17 <meta property="og:url" content="https://www.kanstm.com/"> 18 <meta property="og:title" content="(ì¬)ëí민êµêµê°ëíì ìí"> 19 <meta property="og:description" content="(ì¬)ëí민êµêµê°ëíì ìíë ì¤í¬ì¸ ì¸ì íí©ì ë모íê³ ì¤í¬ì¸ ë´ì¬ì ë¤ìí ì¬ì íëì íµí´ íìì ê¶ìµì ì¦ì§íë©° ëíë¯¼êµ ì¤í¬ì¸ ë°ì ì 기ì¬í©ëë¤."> 20 <meta property="og:locale" content="ko_KR"> 21 <meta property="og:image" content="https://www.kanstm.com/inc/img/common/url-img.jpg"> 22 <meta property="og:image:alt" content="(ì¬)ëí민êµêµê°ëíì ìí"> 23 24 <!-- Twitter --> 25 <meta name="twitter:card" content="summary_large_image"> 26 <meta name="twitter:title" content="(ì¬)ëí민êµêµê°ëíì ìí"> 27 <meta name="twitter:description" content="ì¤í¬ì¸ ì¸ì íí©ê³¼ ë´ì¬, íì ê¶ìµ ì¦ì§ì¼ë¡ ëíë¯¼êµ ì¤í¬ì¸ ë°ì ì 기ì¬í©ëë¤."> 28 <meta name="twitter:image" content="https://www.kanstm.com/inc/img/common/url-img.jpg"> 29 30 <!-- JSON-LD (Organization) --> 31
31<script type="application/ld+json"> 32 { 33 "@context": "https://schema.org", 34 "@graph": [ 35 { 36 "@type": "Organization", 37 "name": "(ì¬)ëí민êµêµê°ëíì ìí", 38 "url": "https://www.kanstm.com/", 39 "logo": "https://www.kanstm.com/inc/img/common/logo_color.svg", 40 "sameAs": [ 41 "https://www.facebook.com/kanstm/", 42 "https://twitter.com/kanstm", 43 "https://www.youtube.com/channel/UCGtsVtrG_seByZRYAMuk5PA" 44 ], 45 "description": "(ì¬)ëí민êµêµê°ëíì ìíë ì¤í¬ì¸ ì¸ì íí©ì ë모íê³ ì¤í¬ì¸ ë´ì¬ì ë¤ìí ì¬ì íëì íµí´ íìì ê¶ìµì ì¦ì§íë©° ëíë¯¼êµ ì¤í¬ì¸ ë°ì ì 기ì¬í©ëë¤." 46 }, 47 { 48 "@type": "WebSite", 49 "name": "(ì¬)ëí민êµêµê°ëíì ìí", 50 "url": "https://www.kanstm.com/", 51 "inLanguage": "ko-KR", 52 "potentialAction": { 53 "@type": "SearchAction", 54 "target": "https://www.kanstm.com/search?q={query}", 55 "query-input": "required name=query" 56 } 57 } 58 ] 59 } 60 </script>
60 61 62 63 <link rel="canonical" href="index.htm"> 64 <link rel="shortcut icon" type="image/x-icon" href=""> 65 <link rel="icon" type="image/x-icon" href="favicon.ico"> 66 <link rel="stylesheet" as="style" crossorigin="" href="/inc/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.min.css"> 67 <!--
67<script crossorigin="anonymous" src="/926e1327e5.js"></script>
67 --> 68 <link crossorigin="anonymous" href="/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" rel="stylesheet"> 69 <link href="/inc/css/reset.css" rel="stylesheet"> 70 <link href="/inc/css/font.css" rel="stylesheet"> 71 <link href="/inc/css/animate.css" rel="stylesheet"> 72 <link href="/inc/css/swiper.min.css" rel="stylesheet"> 73 <link href="//cdn.jsdelivr.net/npm/[email protected]/xeicon.min.css" rel="stylesheet"> 74 <link href="/inc/css/common.css" rel="stylesheet"> 75 <link href="/inc/css/sub.css" rel="stylesheet"> 76 <link href="/inc/css/sub2.css" rel="stylesheet"> 77 <link href="/inc/css/main.css" rel="stylesheet"> 78 79 <link href="/inc/css/foreign.css" rel="stylesheet"> 80
80<script src="/recaptcha/api.js" async="" defer=""></script>
80 81
81<script src="/inc/js/jquery-3.6.0.min.js"></script>
81 82
82<script src="/inc/ui/1.13.0/jquery-ui.min.js"></script>
82 83 84 <link rel="apple-touch-icon" sizes="57x57" href="/assets/favicon/apple-icon-57x57.png"> 85 <link rel="apple-touch-icon" sizes="60x60" href="/assets/favicon/apple-icon-60x60.png"> 86 <link rel="apple-touch-icon" sizes="72x72" href="/assets/favicon/apple-icon-72x72.png"> 87 <link rel="apple-touch-icon" sizes="76x76" href="/assets/favicon/apple-icon-76x76.png"> 88 <link rel="apple-touch-icon" sizes="114x114" href="/assets/favicon/apple-icon-114x114.png"> 89 <link rel="apple-touch-icon" sizes="120x120" href="/assets/favicon/apple-icon-120x120.png"> 90 <link rel="apple-touch-icon" sizes="144x144" href="/assets/favicon/apple-icon-144x144.png"> 91 <link rel="apple-touch-icon" sizes="152x152" href="/assets/favicon/apple-icon-152x152.png"> 92 <link rel="apple-touch-icon" sizes="180x180" href="/assets/favicon/apple-icon-180x180.png"> 93 <link rel="icon" type="image/png" sizes="192x192" href="/assets/favicon/android-icon-192x192.png"> 94 <link rel="icon" type="image/png" sizes="32x32" href="/assets/favicon/favicon-32x32.png"> 95 <link rel="icon" type="image/png" sizes="96x96" href="/assets/favicon/favicon-96x96.png"> 96 <link rel="icon" type="image/png" sizes="16x16" href="/assets/favicon/favicon-16x16.png"> 97 <link rel="manifest" href="/assets/favicon/manifest.json"> 98 <meta name="msapplication-TileColor" content="#ffffff"> 99 <meta name="msapplication-TileImage" content="/assets/favicon/ms-icon-144x144.png"> 100 <meta name="theme-color" content="#ffffff"> 101 102 103 <!-- touchPunch íë¬ê·¸ì¸ ë¡ë --> 104
104<script src="/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
104 105 <link rel="stylesheet" href="/inc/ui/1.13.0/themes/base/jquery-ui.css"> 106 <link href="/inc/npm/[email protected]/slick/slick.css" rel="stylesheet" type="text/css"> 107
107<script src="/inc/npm/[email protected]/slick/slick.min.js" type="text/javascript"></script>
107 108
108<script src="/inc/js/wow.js" type="text/javascript"></script>
108 109
109<script src="/inc/js/swiper.js" type="text/javascript"></script>
109 110
110<script src="/inc/js/progressbar.min.js" type="text/javascript"></script>
110 111
111<script src="/inc/js/jquery.marquee.min.js" type="text/javascript"></script>
111 112
112<script src="/inc/js/masonry.js" type="text/javascript"></script>
112 113
113<script src="/inc/js/imageload.js" type="text/javascript"></script>
113 114
114<script src="/inc/js/gsap.js" type="text/javascript"></script>
114 115
115<script src="/inc/js/ScrollTrigger.js" type="text/javascript"></script>
115 116
116<script src="@studio-freight/[email protected]/dist/lenis.min.js"></script>
116 117
117<script defer="" src="/inc/js/basic.js" type="text/javascript"></script>
117 118 <link href="/inc/css/nice-select.css" rel="stylesheet"> 119
119<script src="/inc/js/jquery.nice-select.min.js"></script>
119 120
120<script src="/ajax/libs/jquery-bar-rating/1.2.2/jquery.barrating.min.js"></script>
120 121 122 123 <link href="https://fonts.googleapis.com" rel="preconnect"> 124 <link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect"> 125
125<script type="text/javascript" src="/inc/js/common.js" charset="utf-8"></script>
125 126
126<script type="text/javascript" src="/inc/js/community.js" charset="utf-8"></script>
126 127
127<script type="text/javascript" src="/inc/js/jquery.validate.js"></script>
127 128
128<script type="text/javascript" src="/inc/js/jquery.form.js"></script>
128 129 <link rel="stylesheet" href="/ui/1.13.0/themes/base/jquery-ui.css"> 130
130<script type="text/javascript" src="//developers.kakao.com/sdk/js/kakao.min.js"></script>
130 <!-- meta //--> 131</head> 132 133<body class="hdScroll sub kor" id="bodyCont"> 134 <div class="page_wrap basic"></div> 135 136 <!-- header --> 137 <header id="header"> 138 <div class="h_in"> 139 <h1 class="logo"> 140 <a href="/index.html"> 141 <img src="/inc/img/common/logo_foreign.svg" class="foreign" alt=""> 142 <img src="/inc/img/common/logo_color.svg" class="kor" alt=""> 143 </a> 144 </h1> 145 <nav class="nav"> 146 <ul class="depth1"> 147 <li class=""> <a href="/contents/about/greeting.html"><span>ííìê°</span></a> 148 <ul class="depth2"> 149 <li class=""> <a href="/contents/about/greeting.html"><span>ì¸ì¬ë§</span></a> </li> 150 <li class=""> <a href="/contents/about/mission-vision.html"><span>ì¤ë¦½ëª©ì ë° ë¹ì </span></a> </li> 151 <li class=""> <a href="/contents/about/history.html"><span>ì°í</span></a> </li> 152 <li class=""> <a href="/contents/about/organization.html"><span>ì¡°ì§ë</span></a> </li> 153 <li class=""> <a href="/contents/about/ci.html"><span>CIìê°</span></a> </li> 154 <li class=""> <a href="/contents/about/contact.html"><span>ì¤ìë 길</span></a> </li> 155 </ul> 156 </li> 157 <li class=""> <a href="/contents/business/social-good.html"><span>주ìì¬ì </span></a> 158 <ul class="depth2"> 159 <li class=""> <a href="/contents/business/social-good.html"><span>ì¤í¬ì¸ ì¬íê³µí ì¬ì </span></a> </li> 160 <li class=""> <a href="/contents/business/academy.html"><span>ì¤í¬ì¸ ìì¹´ë°ë¯¸</span></a> </li> 161 <li class=""> <a href="/contents/business/management.html"><span>ì¤í¬ì¸ 매ëì§ë¨¼í¸</span></a> </li> 162 <li class=""> <a href="/contents/business/marketing.html"><span>ì¤í¬ì¸ ë§ì¼í </span></a> </li> 163 <li class=""> <a href="/contents/business/contents.html"><span>ì¤í¬ì¸ ì½í ì¸ </span></a> </li> 164 </ul> 165 </li> 166 <li class=""> <a href="/contents/news/notice.html"><span>ííì´ì</span></a> 167 <ul class="depth2"> 168 <li class=""> <a href="/contents/news/notice.html"><span>ê³µì§ì¬í</span></a> </li> 169 <li class=""> <a href="/contents/news/press.html"><span>ë³´ëìë£</span></a> </li> 170 <li class=""> <a href="/contents/news/gallery.html"><span>ê°¤ë¬ë¦¬</span></a> </li> 171 172 </ul> 173 </li> 174 <li class=""> <a href="#"><span>íìë°©ë²</span></a> 175 <ul class="depth2"> 176 <li class=""> <a href="/contents/support/how-to.html"><span>íìë°©ë²</span></a> </li> 177 <li class=""> <a href="/contents/support/inquiry.html"><span>íì문ì</span></a> </li> 178 </ul> 179 </li> 180 </ul> 181 <div class="gnb_bg"></div> 182 </nav> 183 <div class="right_btn"> 184 <div id="google_translate_element"></div> 185 186 <div class="share_wrap"> 187 <div class="share_btn"> 188 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewbox="0 0 448 512"> 189 <path d="M448 128c0 53-43 96-96 96c-28.9 0-54.8-12.8-72.4-33l-89.7 44.9c1.4 6.5 2.1 13.2 2.1 20.1s-.7 13.6-2.1 20.1L279.6 321c17.6-20.2 43.5-33 72.4-33c53 0 96 43 96 96s-43 96-96 96s-96-43-96-96c0-6.9 .7-13.6 2.1-20.1L168.4 319c-17.6 20.2-43.5 33-72.4 33c-53 0-96-43-96-96s43-96 96-96c28.9 0 54.8 12.8 72.4 33l89.7-44.9c-1.4-6.5-2.1-13.2-2.1-20.1c0-53 43-96 96-96s96 43 96 96zM96 304a48 48 0 1 0 0-96 48 48 0 1 0 0 96zM400 128a48 48 0 1 0 -96 0 48 48 0 1 0 96 0zM352 432a48 48 0 1 0 0-96 48 48 0 1 0 0 96z"></path> 190 </svg> 191 </div> 192 <div class="sns_box"> 193 <div class="sns_btn facebook" onclick="shareFacebook();"> 194 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewbox="0 0 5.2 10.01"> 195 <path class="cls-1" d="M1.55,3.66V2.23A2.62,2.62,0,0,1,2.18.6,1.87,1.87,0,0,1,3.45,0,11.39,11.39,0,0,1,5.2.08V1.67h-1a1,1,0,0,0-.63.21.68.68,0,0,0-.15.37,1.13,1.13,0,0,0,0,.26V3.66H5.14L4.92,5.43H3.39V10H1.55V5.43H0V3.66Z"> </path> 196 </svg> 197 </div> 198 <div class="sns_btn x" onclick="shareX();"> 199 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewbox="0 0 512 512"> 200 <path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"> </path> 201 </svg> 202 </div> 203 <div class="sns_btn blog" onclick="shareNaverBlog();"> 204 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewbox="0 0 10.8 10"> 205 <path class="st0" d="M2.4,3.7C2.2,3.7,2,3.9,2,4.1s0.2,0.3,0.4,0.3s0.3-0.2,0.3-0.3
205C2.8,3.9,2.6,3.7,2.4,3.7L2.4,3.7z"> </path> 206 <path class="st0" d="M6.1,3.7c-0.2,0-0.4,0.2-0.4,0.4s0.2,0.4,0.4,0.4s0.4-0.2,0.4-0.4S6.3,3.7,6.1,3.7L6.1,3.7z"> </path> 207 <path class="st0" d="M9.4,0H1.5C0.6,0,0,0.6,0,1.5v4.7C0,7,0.6,7.6,1.4,7.6l0,0h2.8l1,2.3c0,0,0.1,0.2,0.2,0.2l0,0c0.2,0,0.2-0.2,0.2-0.2l0.9-2.3h2.8c0.8,0,1.4-0.6,1.4-1.4l0,0V1.5C10.8,0.6,10.2,0,9.4,0z M3.4,4.2C3.4,4.6,3,5,2.5,5C2.3,5,2.1,5,2,4.8V5H1.3V2.3l0,0H2v1C2.2,3,2.6,3,2.6,3C3.1,3.1,3.5,3.6,3.4,4.2C3.4,4.1,3.4,4.1,3.4,4.2L3.4,4.2z M4.5,3.2V5H3.9V3.2c0-0.2-0.3-0.3-0.3-0.3V2.2c0.5,0,0.9,0.3,0.9,0.8C4.5,3.1,4.5,3.1,4.5,3.2L4.5,3.2z M6,5.1c-0.6,0-1-0.4-1-1l0,0c0-0.6,0.4-1,1-1c0,0,0,0,0.1,0c0.6,0,1,0.4,1.1,0.9c0,0,0,0,0,0.1C7.1,4.6,6.7,5.1,6,5.1C6.1,5.1,6.1,5.1,6,5.1L6,5.1z M9.5,5.1C9.5,5.6,9.1,6,8.6,6c0,0,0,0-0.1,0H8.3V5.4h0.2c0,0,0.4,0,0.4-0.6c0,0-0.1,0.2-0.6,0.2C7.8,5,7.4,4.7,7.4,4.2V3.9c0-0.5,0.4-0.8,0.9-0.9c0.2,0,0.4,0.1,0.6,0.2V3.1h0.6L9.5,5.1z"> </path> 208 <path class="st0" d="M8.5,3.7c-0.2,0-0.4,0.2-0.4,0.4s0.2,0.4,0.4,0.4s0.4-0.2,0.4-0.4S8.7,3.7,8.5,3.7z"> </path> 209 </svg> 210 </div> 211 <div class="sns_btn kakao" onclick="shareKakao();"> 212 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10.7 9.83" height="1em"> 213 <polygon points="3.92 4.51 4.56 4.51 4.25 3.55 3.92 4.51"></polygon> 214 <path d="M5.35,0C2.4,0,0,1.89,0,4.23a4.15,4.15,0,0,0,2.54,3.6c-.11.42-.41,1.51-.47,1.75s.11.29.23.21l2.06-1.4a6.41,6.41,0,0,0,1,.07c3,0,5.35-1.89,5.35-4.23S8.31,0,5.35,0ZM2.74,5.32c0,.26-.57.25-.57,0V3.45H1.62a.27.27,0,0,1,0-.53H3.29a.27.27,0,0,1,0,.54H2.74Zm2.11.07C4.71,5,4.75,5,4.75,5h-1l-.11.38c-.12.27-.62,0-.51-.22s.66-1.78.79-2.08a.32.32,0,0,1,.31-.17.39.39,0,0,1,.36.17c.1.21.64,1.68.79,2.09S5,5.67,4.85,5.39Zm2,.13H5.79c-.27,0-.22-.31-.22-.31s0-1.54,0-2a.27.27,0,0,1,.3-.25.27.27,0,0,1,.3.25V5h.73C7.15,5,7.15,5.52,6.89,5.52Zm1.78,0-.73-1-.16.13v.75c0,.22-.57.22-.57,0s0-2,0-2.25.14-.17.29-.17.27.05.27.16c0,.28,0,.8,0,.8L8.72,3c.12-.12.49.26.37.38s-.73.77-.73.77l.77,1C9.28,5.32,8.82,5.67,8.67,5.47Z"></path> 215 </svg> 216 </div> 217 <div class="sns_btn link" onclick="shareLink();"> 218 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512" height="1em"> 219 <path d="M304 24c0 13.3 10.7 24 24 24l102.1 0L207 271c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l223-223L464 184c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160c0-13.3-10.7-24-24-24L328 0c-13.3 0-24 10.7-24 24zM72 32C32.2 32 0 64.2 0 104L0 440c0 39.8 32.2 72 72 72l336 0c39.8 0 72-32.2 72-72l0-128c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 128c0 13.3-10.7 24-24 24L72 464c-13.3 0-24-10.7-24-24l0-336c0-13.3 10.7-24 24-24l128 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L72 32z"> </path> 220 </svg> 221 </div> 222 </div> 223 </div> 224 <button type="button" class="ham_btn"> 225 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewbox="0 0 448 512"> 226 <path d="M0 88C0 74.7 10.7 64 24 64l400 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L24 112C10.7 112 0 101.3 0 88zM0 248c0-13.3 10.7-24 24-24l400 0c13.3 0 24 10.7 24 24s-10.7 24-24 24L24 272c-13.3 0-24-10.7-24-24zM448 408c0 13.3-10.7 24-24 24L24 432c-13.3 0-24-10.7-24-24s10.7-24 24-24l400 0c13.3 0 24 10.7 24 24z"></path> 227 </svg> 228 </button> 229 </div> 230 </div> 231 <div class="sitemap"> 232 <div class="cont"> 233 <div class="top"> 234 <p class="en_tit notranslate">Site Map</p> 235 <div class="sitemap_logo"> <img src="/inc/img/common/logo_w.svg" alt=""> </div> 236 <div class="close_btn"> <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewbox="0 0 384 512"> <path d="M324.5 411.1c6.2 6.2 16.4 6.2 22.6 0s6.2-16.4 0-22.6L214.6 256 347.1 123.5c6.2-6.2 6.2-16.4 0-22.6s-16.4-6.2-22.6 0L192 233.4 59.5 100.9c-6.2-6.2-16.4-6.2-22.6 0s-6.2 16.4 0 22.6L169.4 256 36.9 388.5c-6.2 6.2-6.2 16.4 0 22.6s16.4 6.2 22.6 0L192 278.6 324.5 411.1z"> </path> </svg> </div> 237 </div> 238 <ul class="list"> 239 <li class="depth1"> <a href="/contents/about/greeting.html"><span>ííìê°</span></a> 240 <ul class="depth2"> 241 <li class=""> <a href="/contents/about/greeting.html"><span>ì¸ì¬ë§</span></a> </li> 242 <li class=""> <a href="/contents/about/mission-vision.html"><span>ì¤ë¦½ëª©ì ë° ë¹ì </span></a> </li> 243 <li class=""> <a href="/contents/about/history.html"><span>ì°í</span></a> </li> 244 <li class=""> <a href="/contents/about/organization.html"><span>ì¡°ì§ë</span></a> </li> 245 <li class=""> <a href="/contents/about/ci.html"><span>CIìê°</span></a> </li> 246 <li class=""> <a href="/contents/about/contact.html"><span>ì¤ìë 길</span></a> </li> 247 </ul> 248 </li> 249 <li class="depth1"> <a href="#"><span>주ìì¬ì </span></a> 250 <ul class="depth2"> 251 <li class=""> <a href="/contents/business/social-good.html"><span>ì¤í¬ì¸ ì¬íê³µí ì¬ì </span></a> </li> 252 <li class=""> <a href="/contents/business/academy.html"><span>ì¤í¬ì¸ ìì¹´ë°ë¯¸</span></a> </li> 253 <li class=""> <a href="/contents/business/management.html"><span>ì¤í¬ì¸ 매ëì§ë¨¼í¸</span></a> </li> 254 <li class=""> <a href="/contents/business/marketing.html"><span>ì¤í¬ì¸ ë§ì¼í </span></a> </li> 255 <li class=""> <a href="/contents/business/contents.html"><span>
255ì¤í¬ì¸ ì½í ì¸ </span></a> </li> 256 </ul> 257 </li> 258 <li class="depth1"> <a href="/contents/news/notice.html"><span>ííì´ì</span></a> 259 <ul class="depth2"> 260 <li class=""> <a href="/contents/news/notice.html"><span>ê³µì§ì¬í</span></a> </li> 261 <li class=""> <a href="/contents/news/press.html"><span>ë³´ëìë£</span></a> </li> 262 <li class=""> <a href="/contents/news/gallery.html"><span>íí ê°¤ë¬ë¦¬</span></a> </li> 263 </ul> 264 </li> 265 <li class="depth1"> <a href="/contents/support/inquiry.html"><span>íìë°©ë²</span></a> 266 <ul class="depth2"> 267 <li class=""> <a href="/contents/support/how-to.html"><span>íìë°©ë²</span></a> </li> 268 <li class=""> <a href="/contents/support/inquiry.html"><span>íì문ì</span></a> </li> 269 </ul> 270 </li> 271 </ul> 272 </div> 273 </div> 274
274<script> 275 var screenWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; 276 277 // ê³µì í기 278 $('#header .share_wrap .share_btn').click(function() { 279 $(this).closest('.share_wrap').toggleClass('open'); 280 }); 281 282 // í¤ë í½ì¤ 283 $(window).scroll(function() { 284 if ($(this).scrollTop() > 200) { 285 $('#header').addClass('fixed') 286 } else { 287 $('#header').removeClass('fixed') 288 } 289 }); 290 291 // 모ë°ì¼ ë©ë´ ëì 292 $('#header .right_btn .ham_btn').click(function() { 293 $('#header .sitemap').addClass('on'); 294 $('html').addClass('scroll_none') 295 }); 296 $('#header .sitemap .close_btn').click(function() { 297 $('#header .sitemap').removeClass('on') 298 $('html').removeClass('scroll_none'); 299 $('#header .sitemap .depth1 li > a .depth2').slideUp(100); 300 }); 301 $('#header .sitemap .depth1 li > a').click(function(event) { 302 $(this).parents('li').siblings().children('a').removeClass('on'); 303 if ($(this).attr('class') == 'on') { 304 $(this).removeClass('on'); 305 } else { 306 $(this).addClass('on'); 307 } 308 }); 309 310 function handleMenuInteraction() { 311 if (window.innerWidth <= 1240) { 312 // 1240px ì´íììë§ ëì 313 var activeLi = $('.header .depth1 > li.active'); 314 activeLi.children('.depth2').slideDown(); 315 activeLi.children('.depth2').addClass('on'); 316 317 // ë©ë´ í´ë¦ ì´ë²¤í¸ ì¤ì 318 $('#header .sitemap .depth1 > a').off('click').on('click', function(event) { 319 event.preventDefault(); 320 $(this).parents('li').siblings().children('.depth2').slideUp(300); 321 $(this).siblings('.depth2').slideToggle(300); 322 $(this).parents('li').siblings().children('a').removeClass('on'); 323 $(this).toggleClass('on'); 324 }); 325 326 // (ìì ë¨) ì¬ì´í¸ë§µ ì¸ì´ ëë¡ë¤ì´ í ê¸ 327 } else { 328 // 1240px ì´ê³¼ìì ì´ê¸°í 329 $('#header .sitemap .depth1 > a').off('click'); 330 $('.header .depth1 > li .depth2').removeAttr('style').removeClass('on'); 331 $('.header .depth1 > li > a').removeClass('on'); 332 333 // (ìì ë¨) ì¬ì´í¸ë§µ ì¸ì´ ëë¡ë¤ì´ ì´ê¸°í 334 } 335 } 336 337 // ì´ê¸° ì¤í 338 handleMenuInteraction(); 339 340 // ìëì° ë¦¬ì¬ì´ì¦ ì ì¡°ê±´ íì¸ 341 $(window).resize(function() { 342 handleMenuInteraction(); 343 }); 344 345 var previousScroll; 346 var windowScroll = window.pageYOffset || document.documentElement.scrollTop; 347 $("#header").removeClass("down") 348 $(window).scroll(function() { 349 var currentScroll = $(this).scrollTop(); 350 if (currentScroll > previousScroll) { 351 $("#header").addClass("down") 352 } else { 353 $("#header").removeClass("down") 354 } 355 previousScroll = currentScroll; 356 }); 357 358 $('#header').mouseenter(function() { 359 if (document.documentElement.clientWidth > 1185) { 360 $('#header').addClass('on'); 361 } 362 }).mouseleave(function() { 363 $('#header').removeClass('on'); 364 }) 365 366 $('.gnb_bg').css('width', $('body').innerWidth()); 367 $(window).resize(function() { 368 $('.gnb_bg').css('width', $('body').innerWidth()); 369 }); 370 371 function shareFacebook() { 372 var sendUrl = "https://kanstm.com"; 373 window.open("http://www.facebook.com/sharer/sharer.php?u=" + sendUrl, "íì´ì¤ë¶ ê³µì í기", "width=430, height=560, resizable=1, scrollbars=no, status=0, titlebar=0, toolbar=0, left=300, top=200"); 374 } 375 376 function shareX() { 377 var sendUrl = "https://kanstm.com"; 378 window.open("https://twitter.com/intent/tweet?&url=" + sendUrl, "í¸ìí° ê³µì í기", "width=430, height=560, resizable=1, scrollbars=no, status=0, titlebar=0, toolbar=0, left=300, top=200"); 379 } 380 381 function shareNaverBlog() { 382 var url = encodeURI(encodeURIComponent("https://kanstm.com")); 383 var title = encodeURI(document.title); 384 var shareURL = "https://share.naver.com/web/shareView.nhn?url=" + url + "&title=" + title; 385 window.open(shareURL, "ë¤ì´ë² ë¸ë¡ê·¸ ê³µì í기", "width=430, height=560, resizable=1, scrollbars=no, status=0, titlebar=0, toolbar=0, left=300, top=200"); 386 } 387 388 function shareLink() { 389 var t = document.createElement("textarea"); 390 document.body.appendChild(t); 391 t.value = 'https://kanstm.com'; 392 t.select(); 393 document.execCommand('copy'); 394 document.body.removeChild(t); 395 alert('í´ë¦½ë³´ëì ë³µì¬ëììµëë¤'); 396 } 397 </script>
397 398 399 400 </header> <!-- header // --> 401 402 403 <div class="modal"> 404 <div class="modal_wrap"> 405 <div class="scroll_box" id="modalView"></div> 406 </div> 407 </div> 408 <div class="over_modal"> 409 <div class="modal_wrap"> 410 <div class="scroll_box" id="modalOverView"></div> 411 </div> 412 </div> 413 414 <div id="container"> 415 <div id="sub"> 416 <div class="sub_top "> 417 <div class="in2"> 418 <div class="sub_navi_wrap"> 419 <div class="sub_navi"> 420 <div class="home"> 421 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 576 512"> 422 <path d="M303.5 13.7L288 .5 272.5 13.7l-264 224 31.1 36.6L64 253.5 64 488l0 24 24 0 400 0 24 0 0-24 0-234.5 24.5 20.8 31.1-36.6-264-224zM112 464l0-251.2L288 63.5 464 212.8 464 464l-80 0 0-168 0-24-24 0-144 0-24 0 0 24 0 168-80 0zm128 0l0-144 96 0 0 144-96 0z"></path> 423 </svg> 424 </div> 425 <div><span>ííì´ì</span></div> 426 <select onchange="if(this.value) location.href=(this.value);"> 427 <option value="/contents/news/notice.html" selected><span>ê³µì§ì¬í</span></option> 428 <option value="/contents/news/press.html"><span>ë³´ëìë£</span></option> 429 <option value="/contents/news/gallery.html" ><span>ê°¤ë¬ë¦¬</span></option> 430 </select> 431 </div> 432 </div> 433 434 <!-- ìë¸ ë´ë¹ selectë§ ì¤íì¼ë§ --> 435
435<script> 436 $('.sub_navi select').niceSelect(); 437 </script>
437 438 439 <div class="sub_page_tit"> 440 <h2>ê³µì§ì¬í</h2> 441 </div> 442 </div> 443 </div> 444 445 <div class="sub_contents"> 446 <div id="dart"> 447 <div class="in2"> 448 <div class="dart_list"> 449 <div class="list_head"> 450 <div class="num pc_only">ë²í¸</div> 451 <div class="tit">ì 목</div> 452 <div class="date">ë±ë¡ì¼</div> 453 </div> 454 455 <div class="list_body"> 456 <a href="/contents/news/notice-detail.html?no=12"> 457 <div class="num pc_only">1</div> 458 <div class="tit">(ì¬)ëí민êµêµê°ëíì ìí 2019ë ë 기ë¶ê¸ì¬ì©ê²°ê³¼ë³´ê³ </div> 459 <div class="date">2026-02-10</div> 460 </a> 461 <a href="/contents/news/notice-detail.html?no=11"> 462 <div class="num pc_only">2</div> 463 <div class="tit">(ì¬)ëí민êµêµê°ëíì ìí 2024ë ë 기ë¶ê¸ì¬ì©ê²°ê³¼ë³´ê³ </div> 464 <div class="date">2025-05-06</div> 465 </a> 466 <a href="/contents/news/notice-detail.html?no=10"> 467 <div class="num pc_only">3</div> 468 <div class="tit">(ì¬)ëí민êµêµê°ëíì ìí 2023ë ë 기ë¶ê¸ì¬ì©ê²°ê³¼ë³´ê³ </div> 469 <div class="date">2024-04-30</div> 470 </a> 471 <a href="/contents/news/notice-detail.html?no=8"> 472 <div class="num pc_only">4</div> 473 <div class="tit">(ì¬)ëí민êµêµê°ëíì ìí 2022ë ë 기ë¶ê¸ì¬ì©ê²°ê³¼ë³´ê³ </div> 474 <div class="date">2023-05-17</div> 475 </a> 476 <a href="/contents/news/notice-detail.html?no=9"> 477 <div class="num pc_only">5</div> 478 <div class="tit">(ì¬)ëí민êµêµê°ëíì ìí 2021ë ë 기ë¶ê¸ì¬ì©ê²°ê³¼ë³´ê³ </div> 479 <div class="date">2022-05-06</div> 480 </a> 481 <a href="/contents/news/notice-detail.html?no=7"> 482 <div class="num pc_only">6</div> 483 <div class="tit">ëíë¯¼êµ êµê°ëí를 ìí êµê°ëí ì¹´ë</div> 484 <div class="date">2022-04-15</div> 485 </a> 486 <a href="/contents/news/notice-detail.html?no=6"> 487 <div class="num pc_only">7</div> 488 <div class="tit">(ì¬)ëí민êµêµê°ëíì ìí 2020ë ë 기ë¶ê¸ ì¬ì©ê²°ê³¼ë³´ê³ </div> 489 <div class="date">2021-03-31</div> 490 </a> 491 <a href="/contents/news/notice-detail.html?no=2"> 492 <div class="num pc_only">8</div> 493 <div class="tit">(ì¬)ëí민êµêµê°ëíì ìí 2018ë ë 기ë¶ê¸ ì¬ì© ê²°ê³¼ ë³´ê³ </div> 494 <div class="date">2018-05-29</div> 495 </a> 496 <a href="/contents/news/notice-detail.html?no=3"> 497 <div class="num pc_only">9</div> 498 <div class="tit">(ì¬)ëí민êµêµê°ëíì ìí 2017ë ë 기ë¶ê¸ ì¬ì© ê²°ê³¼ ë³´ê³ </div> 499 <div class="date">2018-05-27</div> 500 </a> 501 <a href="/contents/news/notice-detail.html?no=4"> 502 <div class="num pc_only">10</div> 503 <div class="tit">(ì¬)ëí민êµêµê°ëíì ìí 2016ë ë 기ë¶ê¸ ì¬ì© ê²°ê³¼ ë³´ê³ </div> 504 <div class="date">2017-05-27</div> 505 </a> 506 507 </div> 508 </div> 509 510 <!-- paging --> 511 <ul class="pagination"><ul class="num_list"><li> 512 <a class="active" href="#none">1</a> 513 </li><li> 514 <a class="" href="?&page=2">2</a> 515 </li></ul><a class="next" href="?&page=2"></a><a class="last" href="?&page=2"></a></ul> <!-- paging --> 516 517 </div> 518 </div> 519 </div> 520 </div> 521 </div> 522 <!-- //container --> 523 524 <!-- footer --> 525 <footer id="footer"> 526 <div class="fix_btn_box"> 527 <div class="top_btn_box"> 528 <button class="top_btn"> 529 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewbox="0 0 384 512"> 530 <path d="M209 50.2l-17-17-17 17L21.4 203.8l-17 17 33.9 33.9 17-17L168 125.1 168 456l0 24 48 0 0-24 0-330.8L328.6 237.8l17 17 33.9-33.9-17-17L209 50.2z"></path> 531 </svg> 532 </button> 533 </div> 534 </div> 535 <div class="footer_wrap"> 536 <div class="in"> 537 <div class="contact"> 538 <div class="txt_box"> 539 <p class="eng">Contact us</p> 540 <p class="txt">íí©Â·ë´ì¬ë¡ ê¶ìµì ì§í¤ê³ <br class="pc_only"><br class="mo_only">
540 ëíë¯¼êµ ì¤í¬ì¸ 를 ì±ì¥ìíµëë¤. </p> 541 </div> 542 <div class="arr_box"> 543 <!-- <a href="/contents/support/inquiry.html" class="arr"> 544 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512"> 545 <path class="fa-secondary" opacity=".4" d=""></path> 546 <path class="fa-primary" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"></path> 547 </svg> 548 </a> --> 549 </div> 550 551 </div> 552 553 554 <div class="util"> 555 <div class="right"> 556 <a href="/contents/about/contact.html" class="more_btn"> 557 ì¤ìë 길 558 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewbox="0 0 448 512"> 559 <path class="fa-primary" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"></path> 560 </svg> 561 </a> 562 <a href="/contents/support/inquiry.html" class="more_btn"> 563 íì문ì 564 <svg xmlns="http://www.w3.org/2000/svg" height="1em" viewbox="0 0 448 512"> 565 <path class="fa-primary" d="M429.8 273l17-17-17-17L276.2 85.4l-17-17-33.9 33.9 17 17L354.9 232 24 232 0 232l0 48 24 0 330.9 0L242.2 392.6l-17 17 33.9 33.9 17-17L429.8 273z"></path> 566 </svg> 567 </a> 568 569 <div class="footer_banners"> 570 <a href="https://www.seoul.go.kr/" class="f_banner_item" target="_blank"> 571 <img src="/inc/img/common/seoul-bn.jpg" alt="ìì¸í¹ë³ì"> 572 </a> 573 <a href="https://www.nts.go.kr/" class="f_banner_item" target="_blank"> 574 <img src="/inc/img/common/hometax-bn.jpg" alt="êµì¸ì²"> 575 </a> 576 <a href="https://www.acrc.go.kr/" class="f_banner_item" target="_blank"> 577 <img src="/inc/img/common/kk-bn.jpg" alt="êµë¯¼ê¶ìµììí"> 578 </a> 579 </div> 580 </div> 581 </div> 582 583 584 585 586 <div class="f_info"> 587 <div class="f_logo"> <img src="/inc/img/common/logo_w.svg" alt="" class="kor"> <img src="inc/img/common/logo_foreign_w.svg" alt="" class="foreign"> </div> 588 <div class="f_txt"> 589 <div class="txt_wrap"> 590 <div class="call"> 591 <p>Contact</p> <span class="num">02.421.2012</span> </div> 592 <div class="addr"> 593 <div> 594 <p>Address</p> <span>ìì¸ì ì¡í구 ë°©ì´ë 88(ì¬ë¦¼í½ë¡ 424) ì¬ë¦¼í½ê³µì 벨ë¡ë롬 Bë 100í¸</span> </div> 595 <div> 596 <p>Bank</p> <span>íëìí 252-910023-02904 (ì¬)ëí민êµêµê°ëíì ìí</span> </div> 597 <div> 598 <p>Fax</p> <span>02-421-2013</span> </div> 599 </div> 600 </div> 601 </div> 602 <p class="copyright">© 2025 KANSTM All Rights Reserved </p> 603 </div> 604 </div> 605 </div> 606 607 608 <div class="msg_layer" id=""> 609 <div class="modal_wrap"> 610 <div class="scroll_box"> 611 <div class="modal_cont"> 612 <div class="close_btn"> <i class="fa-regular fa-xmark"></i> </div> 613 </div> 614 </div> 615 </div> 616 </div> 617
617<script> 618 $('.chk_up').on('click', function() { 619 event.preventDefault() 620 $('.msg_layer').addClass('open'); 621 $('html').addClass('scroll_none'); 622 }) 623 $('.msg_layer .close_btn').on('click', function() { 624 $('.msg_layer').removeClass('open'); 625 $('html').removeClass('scroll_none'); 626 }) 627 // .msg_layer ìì를 ì í 628 const msgLayer = document.querySelector('.msg_layer'); 629 // msgLayerì í´ë¦ ì´ë²¤í¸ 리ì¤ë ì¶ê° 630 msgLayer.addEventListener('click', function(event) { 631 // í´ë¦í ììê° .modal_cont ìì í¬í¨ëì´ ìì§ ìì ê²½ì° 632 if(!event.target.closest('.modal_cont')) { 633 // .msg_layerìì open í´ëì¤ ì ê±° 634 msgLayer.classList.remove('open'); 635 document.documentElement.classList.remove('scroll_none'); 636 } 637 }); 638 contObserver('#footer .contact', 0.5, false); 639 </script>
639 640 641 642 </footer></body> 643</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.