1<!doctype html> 2<html class="no-js" lang="ko" dir="ltr"> 3<head> 4<meta charset="utf-8"> 5<meta http-equiv="x-ua-compatible" content="ie=edge"> 6<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 7<link rel="shortcut icon" href="https://cdn.ulsanpress.net/image/logo/favicon.ico"> 8<title>기ì¬ì ë³´ < ìë´ë°ì¤í¬ - ì¸ì°ì 문</title> 9<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap"> 10<link rel="stylesheet" href="https://cdn.ulsanpress.net/css/foundation.min.css"> 11<link rel="stylesheet" href="https://cdn.ulsanpress.net/css/custom.foundation.min.css"> 12<link rel="stylesheet" href="https://cdn.ulsanpress.net/css/webfonts.min.css"> 13<link rel="stylesheet" href="https://cdn.ulsanpress.net/css/font.style.css"> 14<link rel="stylesheet" href="https://cdn.ulsanpress.net/css/media.min.css"> 15<link rel="stylesheet" href="https://cdn.ulsanpress.net/css/autobox.style.min.css"> 16<link rel="stylesheet" href="https://cdn.ulsanpress.net/css/templates.style.min.css"> 17<link rel="stylesheet" href="https://cdn.ulsanpress.net/css/com.style.min.css"> 18<link rel="stylesheet" href="https://cdn.ulsanpress.net/css/style.min.css"> 19<link rel="stylesheet" href="https://cdn.ulsanpress.net/css/design.style.css">
19<script src="https://cdn.ulsanpress.net/script/jquery.min.js"></script>
vendor: 2 bytes, line 19
19
20<script src="https://cdn.ulsanpress.net/script/what-input.js"></script>
vendor: 2 bytes, line 20
20
21<script src="https://cdn.ulsanpress.net/script/foundation.min.js"></script>
vendor: 2 bytes, line 21
21
22<script src="https://cdn.ulsanpress.net/script/common.js"></script>
22 23 24<!--[if lt IE 10]> 25<link rel="stylesheet" href="https://cdn.ulsanpress.net/css/style.ie9.css">
26<script src="https://cdn.ulsanpress.net/script/html5shiv.min.js"></script>
26 27<![endif]--> 28 29<style type="text/css"> 30/* ì¬ì´í¸ 기본 ì */ 31.user-point, #com-nav .menu li.is-accordion-submenu-parent ul.menu.nested li.is-submenu-item.current-page a, .com-type2 .com-subnav-wrapper > .cell > dd > a.current-page {color:#eb212e !important} 32.user-bg,.button.user-bg,.button.user-bg:hover,.button.user-bg:active,.menu li.is-accordion-submenu-parent[aria-expanded="true"] > a,#com-nav .menu li.nav-only.current-page > a, 33.nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, 34.nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, 35.switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label 36{background-color:#eb212e !important} 37.user-border {border-color:#eb212e !important} 38.user-border-bottom {border-bottom-color:#eb212e !important} 39.nd-checkbox.check-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-checkbox.check-pink input[type="radio"]:checked ~ .nd-checked::before, .nd-radio.radio-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-radio.radio-pink input[type="radio"]:checked ~ .nd-checked::before {background-color:#eb212e !important;border-color:#eb212e !important} 40@media screen and (max-width: 63.9375em) { 41 .com-type1 .com-subnav-wrapper > .cell > dd > a.current-page {color:#eb212e !important} 42} 43 44/* site size */ 45.width-1100 {width:1100px} 46.max-width-1100 {max-width:1100px} 47</style> 48</head> 49 50<body class="" > 51<nav class="skip-nav"> 52 <a href="#comNav" onclick="document.getElementById('comNav').tabIndex = -1;document.getElementById('comNav').focus();return false;" class="user-border"><span>주ììë¹ì¤ ë°ë¡ê°ê¸°</span></a> 53 <a href="#com-container" onclick="document.getElementById('com-container').tabIndex = -1;document.getElementById('com-container').focus();return false;" class="user-border"><span>본문 ë°ë¡ê°ê¸°</span></a> 54 <a href="#com-footer" onclick="document.getElementById('com-footer').tabIndex = -1;document.getElementById('com-footer').focus();return false;" class="user-border"><span>매체ì ë³´ ë°ë¡ê°ê¸°</span></a> 55</nav><!--[if lt IE 10]> 56<div id="ie9-guide"> 57 <div class="ie9-wrapper border-box"> 58 <p class="guide-txt"> 59 ì ê¹! íì¬ Internet Explorer 8ì´í ë²ì ì ì´ì©ì¤ì´ìëë¤. ìµì ë¸ë¼ì°ì (Browser) ì¬ì©ì ê¶ì¥ë립ëë¤! 60 </p> 61 62 <div class="guide-right"> 63 <dl class="ie9-down nobr"> 64 <dt><i class="icon ie-logo">ie</i></dt> 65 <dd> 66 <span>ì¸í°ë· ìµì¤íë¡ë¬ 11</span> 67 <a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">ë¤ì´ë¡ë</a> 68 </dd> 69 </dl> 70 71 <dl class="ie9-down"> 72 <dt><i class="icon cr-logo">chrome</i></dt> 73 <dd> 74 <span>êµ¬ê¸ í¬ë¡¬</span> 75 <a href="http://www.google.com/chrome/" target="_blank">ë¤ì´ë¡ë</a> 76 </dd> 77 </dl> 78 79 <dl class="ie9-down"> 80 <dt><i class="icon ff-logo">firefox</i></dt> 81 <dd> 82 <span>모ì§ë¼ íì´ì´íì¤</span> 83 <a href="http://www.mozilla.or.kr/" target="_blank">ë¤ì´ë¡ë</a> 84 </dd> 85 </dl> 86 </div> 87 </div> 88</div> 89<![endif]--><style type="text/css"> 90/********************************************** 91note : company layout (type10) 92**********************************************/ 93#com-wrap {padding:3.75rem 1.25rem 0} 94@media screen and (max-width: 63.9375em) { 95 #com-wrap {padding-top:1.875rem} 96} 97 98/* header */ 99#com-header {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:.75rem} 100#com-header .com-logo {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0;font-size:0;text-align:left} 101#com-header .com-logo a {display:inline-block;max-width:180px} 102#com-header .com-nav-btns {-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%;margin-left:1.875rem;padding:0;font-size:1.5rem;line-height:1} 103#com-header .com-nav-btns.active > i[class^="icon-"]::before {content:"\e921"} 104@media screen and (max-width: 63.9375em) { 105 #com-header .com-logo a {max-width:125px} 106} 107 108/* container */ 109#com-container {position:relative} 110#com-container .com-article {margin-bottom:5rem} 111@media screen and (min-width: 64em) { 112 #com-container {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} 113 #com-container .com-aside {-ms-flex:0 0 220px;flex:0 0 220px;max-width:220px;margin-right:5rem} 114 #com-container .com-article {-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%;min-width:0} 115} 116
117/* navigation */ 118#com-container .com-nav {padding:1.625rem;margin-bottom:2.5rem;background-color:#222} 119#com-container .com-nav .menu.nested {margin-left:.75rem;margin-bottom:1.25rem} 120#com-container .com-nav .menu li {font-size:.875rem;font-weight:300;letter-spacing:-.05em;color:rgba(255,255,255,.6)} 121#com-container .com-nav .menu li.is-accordion-submenu-parent {font-size:1.125rem;font-weight:500;color:#fff} 122#com-container .com-nav .menu li a {padding:.375rem 0;color:inherit} 123#com-container .com-nav .menu li.is-accordion-submenu-parent > a {padding-top:.625rem;padding-bottom:.625rem} 124#com-container .com-nav .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a {background:none !important} 125#com-container .com-nav .menu li a.current-page {color:#ffee58} 126#com-container .com-nav .menu li.is-accordion-submenu-parent > a::after {content:normal;display:none} 127#com-container .com-nav .menu li a[href*="reply"]{display:none} 128@media screen and (min-width: 64em) { 129 #com-container .com-nav {display:block !important;min-height:420px} 130} 131@media screen and (max-width: 63.9375em) { 132 #com-container .com-nav {display:none;position:absolute;z-index:990;left:0;top:0;width:100%} 133} 134 135/* aside footer */ 136#com-container .aside-footer {display:block} 137#com-container .aside-footer .lists {display:block;padding:0;margin:0;list-style:none} 138#com-container .aside-footer .lists li {font-size:.75rem;line-height:1.2;letter-spacing:-.05em;color:#999} 139#com-container .aside-footer .lists > :not(:first-child) {margin-top:.5rem} 140#com-container .aside-footer .lists li a {color:inherit;text-decoration:none} 141#com-container .aside-footer .copy {display:block;margin-top:1.5rem;font-size:.8125rem;font-weight:400;line-height:1.2;letter-spacing:-.05em;color:#999} 142 143/* rooted */ 144#com-container .rooted {overflow:hidden;margin-bottom:5rem} 145#com-container .rooted .flat-list {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:flex-end;justify-content:flex-end;-ms-align-items:center;align-items:center;padding:0;margin:0 -.9375rem;list-style:none} 146#com-container .rooted .flat-list li {-ms-flex:0 0 auto;flex:0 0 auto;display:block;position:relative;width:auto;max-width:100%;padding:0 .9375rem;font-size:.75rem;line-height:1;letter-spacing:-.05em;color:#888;white-space:nowrap} 147#com-container .rooted .flat-list > :last-child {color:#000} 148#com-container .rooted .flat-list > :not(:last-child)::before {content:"\e940";display:block;position:absolute;z-index:1;right:-.4375rem;top:0;font:14px/1 fontello;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} 149#com-container .rooted .flat-list li a {color:inherit} 150 151/* titles */ 152#com-container .com-titles {display:block;margin-bottom:3.75rem;font-size:2.625rem;line-height:1.2;letter-spacing:-.05em;white-space:nowrap;text-align:left} 153 154/* footer */ 155#com-footer {display:block;overflow:hidden;margin:5rem auto 0;padding:1.875rem 0 3.125rem;border-top:1px solid #e3e3e3} 156#com-footer .wrapper {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-align-items:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0 -.625rem} 157#com-footer .wrapper > * {-ms-flex:0 0 auto;flex:0 0 auto;display:block;width:auto;max-width:100%;padding:0 .625rem;line-height:1.8} 158#com-footer .wrapper > em {font-size:.75rem;font-style:normal;letter-spacing:-.025em;color:#999} 159#com-footer .wrapper > .copy {margin-bottom:0;font-size:.8125rem;font-weight:500;color:#888} 160</style> 161 162<!-- wrap //--> 163<div id="com-wrap"> 164 <div class="row max-width-1100"> 165 166 <!-- header //--> 167 <header id="com-header"> 168 <h1 class="com-logo"> 169 <a href="https://www.ulsanpress.net" target="_top"> 170 <img src="https://cdn.ulsanpress.net/image/logo/toplogo_20230209014524.png" alt="ì¸ì°ì 문" /> 171 </a> 172 </h1> 173 <button type="button" id="com-nav-btns" class="com-nav-btns hide-for-large" title="ì ì²´ë©ë´"><i class="icon-bars"></i><span class="show-for-sr">ì ì²´ë©ë´ë²í¼</span></button>
174 </header> 175 <!-- header //--> 176 177 <!-- section //--> 178 <section id="com-container"> 179 <aside class="com-aside"> 180 <!-- navigation //--> 181 <nav id="comNav" class="com-nav"> 182 <ul class="menu vertical" data-accordion-menu data-multi-open="false"> 183 <li> 184 <a href="/com/com-1.html" target="_top">íì¬ìê°</a> 185 <ul class="menu vertical nested"> 186 <li><a href="/com/com-1.html" target="_top">ëíì´ì¬ ì¸ì¬ë§</a></li> 187 <li><a href="/com/com-3.html" target="_top">ë¹ì </a></li> 188 <li><a href="/com/com-4.html" target="_top">걸ì´ì¨ 길</a></li> 189 <li><a href="/com/com-5.html" target="_top">ì¡°ì§ë</a></li> 190 <li><a href="/com/com-6.html" target="_top">ì íë²í¸ ìë´</a></li> 191 <li><a href="/com/com-7.html" target="_top">ì°¾ìì¤ìë길</a></li> 192 <li><a href="/com/reply.html" target="_top">ëê¸ ì´ìê·ì¹</a></li> 193 </ul> 194</li> 195<li> 196 <a href="https://www.ulsanpress.net/com/jb.html" target="_top">ê³ ê°ì¼í°</a> 197 <ul class="menu vertical nested is-active"> 198 <li><a href="https://www.ulsanpress.net/com/jb.html" target="_top" class="current-page">기ì¬ì ë³´</a></li> 199 <li><a href="https://www.ulsanpress.net/com/kd.html" target="_top">구ë ì ì²</a></li> 200 <li><a href="https://www.ulsanpress.net/com/ad.html" target="_top">ê´ê³ 문ì</a></li> 201 <li><a href="https://www.ulsanpress.net/com/bp.html" target="_top">ë¶í¸ì ê³ </a></li> 202 <li><a href="https://www.ulsanpress.net/com/tg.html" target="_top">ë ìí¬ê³ </a></li> 203 <li><a href="https://www.ulsanpress.net/com/jh.html" target="_top">ì í´ë¬¸ì</a></li> 204 <li><a href="https://www.ulsanpress.net/com/copy.html" target="_top">ì ìê¶ë¬¸ì</a></li> 205 </ul> 206</li> 207<li> 208 <a href="/com/com-9.html" target="_top">ë ìê¶ìµììí</a> 209 <ul class="menu vertical nested"> 210 <li><a href="/com/com-9.html" target="_top">ë ìê¶ìµììí</a></li> 211 <li><a href="/com/com-10.html" target="_top">ë ìê¶ìµììí ì´ìê·ì </a></li> 212 </ul> 213</li> 214<li> 215 <a href="/com/service.html" target="_top">ì½ê´ ë° ì ì± </a> 216 <ul class="menu vertical nested"> 217 <li><a href="/com/service.html" target="_top">ì´ì©ì½ê´</a></li> 218 <li><a href="/com/privacy.html" target="_top">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></li> 219 <li><a href="/com/youthpolicy.html" target="_top">ì²ìë ë³´í¸ì ì± </a></li> 220 <li><a href="/com/copyright.html" target="_top">ì ìê¶ë³´í¸ì ì± </a></li> 221 <li><a href="/com/emailno.html" target="_top">ì´ë©ì¼ë¬´ë¨ìì§ê±°ë¶</a></li> 222 </ul> 223</li> 224<li> 225 <a href="/com/com-8.html" target="_top">ì±ì©ì ë³´</a> 226 <ul class="menu vertical nested"> 227 <li><a href="/com/com-8.html" target="_top">ì±ì©ì ë³´</a></li> 228 </ul> 229</li> 230<li> 231 <a href="https://www.ulsanpress.net/com/com-12.html" target="_top">í¸ì§ê·ì½ ë° ì¤ë¦¬ê°ë ¹</a> 232 <ul class="menu vertical nested"> 233 <li><a href="https://www.ulsanpress.net/com/com-12.html" target="_top">í¸ì§ê·ì½</a></li> 234 <li><a href="https://www.ulsanpress.net/com/com-13.html" target="_top">ì·¨ì¬ì ì ì¤ë¦¬ê°ë ¹</a></li> 235 <li><a href="https://www.ulsanpress.net/com/com-14.html" target="_top">ì 문ê´ê³ ·í매 ì¤ë¦¬ê°ë ¹</a></li> 236 <li><a href="https://www.ulsanpress.net/com/com-15.html" target="_top">ì 문ê´ê³ ·í매 ì¤ë¦¬ ì¤ì²ìê°</a></li> 237 <li><a href="https://www.ulsanpress.net/com/com-16.html" target="_top">ìì´ë³´ë ì¤ë¦¬ê°ë ¹</a></li> 238 <li><a href="https://www.ulsanpress.net/com/com-17.html" target="_top">ìì´ë³´ë를 ìí ì¤ì²ìê°</a></li> 239 <li><a href="https://www.ulsanpress.net/com/com-18.html" target="_top">ì¬ë ë³´ëì¤ì¹</a></li> 240 <li><a href="https://www.ulsanpress.net/com/com-19.html" target="_top">ì ê±°ì¬ë¡ ì¡°ì¬ ë³´ëì¤ì¹</a></li> 241 </ul> 242</li> 243<li> 244 <a href="/com/com-11.html" target="_top">ê³ ì¶©ì²ë¦¬ì¸</a> 245 <ul class="menu vertical nested"> 246 <li><a href="/com/com-11.html" target="_top">ê³ ì¶©ì²ë¦¬ì¸</a></li> 247 <li><a href="/com/com-11-2.html" target="_top">ê³ ì¶©ì²ë¦¬ì¸ ê·ì½</a></li> 248 </ul> 249</li> 250 </ul> 251 </nav> 252 <!--// navigation --> 253 254 <!-- footer //--> 255 <footer class="aside-footer show-for-large"> 256 <ul class="lists"> 257 <li>ì¸ì°ê´ìì ë¨êµ¬ ëì§ë¡ 86 (ë¬ë 873-6 ì¼í¸ë¹ë© 6층)</li> 258 <li>ëíì í : 052-273-4300</li> 259 <li>í©ì¤ : 052-273-3512</li> 260 </ul> 261 <div class="copy">© ì¸ì°ì 문</div> 262 </footer> 263 <!--// footer --> 264 </aside> 265 266 <!-- content //--> 267 <article class="com-article"> 268 269 <div class="rooted"> 270 <ul id="actBtm" class="flat-list"> 271 <li><a href="https://www.ulsanpress.net"><i class="icon-home"></i><span class="show-for-sr">HOME</span></a></li> 272 <li><a href="/com/com-1.html">ìë´ë°ì¤í¬</a></li> 273 <li class="disabled">기ì¬ì ë³´</li> 274 </ul> 275 </div> 276 277 <h2 class="com-titles">기ì¬ì ë³´</h2> 278
278<script>var $eventDateEnd = '';</script>
278 279 280<style type="text/css"> 281@charset "UTF-8"; 282/********************************************** 283note : default theme 284**********************************************/ 285/* 286* layout 287*/ 288#event-wrap::after,#event-wrap .event-header,#event-wrap .event-container::after,#event-wrap .event-titles::after,#event-wrap .event-msg::after,#event-wrap .event-content::after {content:'';display:table;clear:both} 289 290/* 291* 기본ìì 292*/ 293#event-wrap.default-theme .event-titles {position:relative;overflow:hidden;padding:0 0 1.063rem;margin-bottom:1.25rem;font-size:2rem;font-weight:700;letter-spacing:-0.08rem;text-align:center} 294#event-wrap.default-theme .event-titles::before {content:'';position:absolute;z-index:1;width:44px;border-bottom:1px solid #dddee1;left:50%;bottom:0;transform:translateX(-50%)} 295#event-wrap.default-theme .event-msg {} 296 297/* 298* ê°ì¸ì ë³´ì½ê´ 299*/ 300#event-wrap.default-theme .event-agree-titles {margin-bottom:1rem;font-size:1.125rem;line-height:1;letter-spacing:-.05em;text-align:left} 301#event-wrap.default-theme .event-agree-text {height:140px;padding:1.25rem;font-size:.9rem;line-height:1.65em;border-color:rgba(0,0,0,.1);box-shadow:none} 302#event-wrap.default-theme .event-agree-text[readonly] {background:#fff} 303 304/* 305* captcha 306*/ 307#event-wrap.default-theme .img_ecaptcha {width:100%;max-width:200px;min-width:80px;max-height:40px} 308</style> 309<style type="text/css"> 310 /* header */ 311 .event-header {border-bottom-color:#145599 !important} 312 .nd-checkbox.check-primary input[type="checkbox"]:checked ~ .nd-checked::before, .nd-checkbox.check-primary input[type="radio"]:checked ~ .nd-checked::before, .nd-radio.radio-primary input[type="checkbox"]:checked ~ .nd-checked::before, .nd-radio.radio-primary input[type="radio"]:checked ~ .nd-checked::before {border-color:#145599} 313 .nd-checkbox.check-primary input[type="checkbox"]:checked ~ .nd-checked::before, .nd-checkbox.check-primary input[type="radio"]:checked ~ .nd-checked::before, .nd-radio.radio-primary input[type="checkbox"]:checked ~ .nd-checked::before, .nd-radio.radio-primary input[type="radio"]:checked ~ .nd-checked::before, 314 .button.user-bg,.button-primary,.event-header.type-bg 315 {background-color:#145599 !important} 316</style>
317<script src="https://cdn.ulsanpress.net/script/md5.js"></script>
317 318 319 <div id="event-wrap" class="default-theme"> 320 <form name="eventReqForm" id="eventReqForm" method="POST" action="/eventConfig/eventUserReq.php" onsubmit="return eventReqForm_submit(this);" enctype="multipart/form-data"> 321 322 323 324 <section id="event-container"> 325 <!--<div class="event-titles">기ì¬ì ë³´</div>--> 326 <div class="event-msg"></div> 327 <div class="event-content"> 328 <input type="hidden" name="event_idxno" value="4" /> 329 <input type="hidden" name="eventcode" value="event4" /> 330 <input type="hidden" name="attend" value="" /> 331 <input type="hidden" name="overlap_target" value="N" /> 332 <input type="hidden" name="view_checkin" value="N" /> 333 334 335 336<div class="event-agree"> 337 <h3 class="event-agree-titles">ê°ì¸ì ë³´ë³´í¸ë¥¼ ìí ì´ì©ì ëìì¬í <small class="show-for-sr">(íì)</small></h3> 338 <label class="show-for-sr" for="agreetext">ì½ê´ë´ì©</label><textarea name="agreetext" id="agreetext" class="event-agree-text" title="ì½ê´ë´ì©" readonly>기ì¬ì ë³´ ë±ì í¬ë§íë 기ì ë° ê°ì¸ì ëìì¼ë¡ ìëì ê°ì´ ê°ì¸ì 보를 ìì§íê³ ììµëë¤. 339 3401. ìì§ ê°ì¸ì ë³´ í목 : íì¬ëª , ì´ë¦, ì´ë©ì¼, ì íë²í¸ 3412. ê°ì¸ì ë³´ì ìì§ ë° ì´ì©ëª©ì : ì ì²ì ë°ë¥¸ 본ì¸íì¸ ë° ìíí ìì¬ìíµ ê²½ë¡ íë³´ 3423. ê°ì¸ì ë³´ì ì´ì©ê¸°ê° : 모ë ê²í ê° ìë£ë í 3ê°ìê° ì´ì©ìì ì¡°í를 ìíì¬ ë³´ê´íë©°, ì´í í´ë¹ì 보를 ì§ì²´ ìì´ í기í©ëë¤. 3434. ê°ì¸ì ë³´ ìì§ ëì ê±°ë¶ê¶ : ê°ì¸ì ë³´ ìì§ ëìì ê±°ë¶í ì ìì¼ë©° ëìíì§ ìë ê²½ì° ì견 ì ìê° ë¶ê°ë¥í©ëë¤. 3445. ê·¸ ë°ì ì¬íì ê°ì¸ì ë³´ì·¨ê¸ë°©ì¹¨ì ì¤ìí©ëë¤.</textarea> 345 <label class="nd-checkbox check-primary text-center" for="useagree"> 346 <input type="checkbox" id="useagree" name="useagree" title="ì ë³´ëì"> 347 <span class="nd-checked size-15">ê°ì¸ì ë³´ë³´í¸ë¥¼ ìí ì´ì©ì ëìì¬íì íì¸íììµëë¤.</span> 348 </label> 349</div> 350 351<hr> 352 353 354<fieldset id="fieldset_name" class="row expanded small-collapse medium-uncollapse"> 355 <div class="medium-3 large-2 columns"> 356 <label class="medium-middle" for="name"><strong class="key-point">ì´ë¦</strong> <small class="show-for-sr">(íì)</small></label> 357 </div> 358 <div class="medium-9 large-10 columns"> 359 <input type="text" name="name" id="name" placeholder="í길ë" title="ì´ë¦"> 360 </div> 361</fieldset> 362 363 364<fieldset id="fieldset_email" class="row expanded small-collapse medium-uncollapse"> 365 <div class="medium-3 large-2 columns"> 366 <label class="medium-middle" for="email"><strong class="key-point">ì´ë©ì¼</strong> <small class="show-for-sr">(íì)</small></label> 367 </div> 368 <div class="medium-9 large-10 columns"> 369 <input type="text" name="email" id="email" placeholder="[email protected]" title="ì´ë©ì¼"> 370 </div> 371</fieldset> 372 373 374<fieldset id="fieldset_tel" class="row expanded small-collapse medium-uncollapse"> 375 <div class="medium-3 large-2 columns"> 376 <label class="medium-middle" for="tel"><strong class="key-point">ì°ë½ì²</strong> <small class="show-for-sr">(íì)</small></label> 377 </div> 378 <div class="medium-9 large-10 columns"> 379 <input type="text" name="tel" id="tel" placeholder="010-1234-4567" title="ì°ë½ì²"> 380 </div> 381</fieldset> 382 383 384<fieldset id="fieldset_subject" class="row expanded small-collapse medium-uncollapse"> 385 <div class="medium-3 large-2 columns"> 386 <label class="medium-middle" for="subject"><strong class="key-point">ì 목</strong> <small class="show-for-sr">(íì)</small></label> 387 </div> 388 <div class="medium-9 large-10 columns"> 389 <input type="text" name="subject" id="subject" placeholder="ì 목ì ì ë ¥í´ì£¼ì¸ì." title="ì 목"> 390 </div> 391</fieldset> 392 393 394<fieldset id="fieldset_maintext" class="row expanded small-collapse medium-uncollapse"> 395 <div class="medium-3 large-2 columns"> 396 <label class="medium-middle" for="maintext"><strong class="key-point">ë´ì©</strong> <small class="show-for-sr">(íì)</small></label> 397 </div> 398 <div class="medium-9 large-10 columns"> 399 <textarea rows="3" name="maintext" id="maintext" placeholder="ë´ì©ì ì ë ¥í´ì£¼ì¸ì" title="ë´ì©"></textarea> 400 </div> 401</fieldset> 402 403 404<fieldset id="fieldset_etc_text_reqcompany" class="row expanded small-collapse medium-uncollapse"> 405 <div class="medium-3 large-2 columns"> 406 <label class="medium-middle" for="reqcompany"><strong>íì¬ëª </strong></label> 407 </div> 408 <div class="medium-9 large-10 columns"> 409 <input type="text" name="reqcompany" id="reqcompany" title="íì¬ëª "> 410 </div> 411</fieldset> 412 413 414<fieldset id="fieldset_upfile_0" class="row expanded small-collapse medium-uncollapse"> 415 <div class="medium-3 large-2 columns"> 416 <label class="medium-middle" for="upfile_0"><strong>íì¼ì²¨ë¶1</strong></label> 417 </div> 418 <div class="medium-9 large-10 columns"> 419 <input type="file" name="upfile[0]" id="upfile_0" title="íì¼ì²¨ë¶1"><span class="dis-block help-text marbtm-16">â» 2Mbì´íì íì¼ë§ ì ë¡ë ê°ë¥í©ëë¤.</span> 420 </div> 421</fieldset> 422 423 424<fieldset id="fieldset_echapcha" class="row expanded small-collapse medium-uncollapse"> 425 <div class="medium-3 large-2 columns"> 426 <label class="medium-middle"><strong class="key-point">ë±ë¡ë°©ì§</strong> <small class="show-for-sr">(íì)</small></label> 427 </div> 428 <div class="medium-9 large-10 columns"> 429 <div class="input-group marbtm-5"> 430 <div id="captcha_container"></div> 431 <input type="hidden" name="ecaptcha" id="ecaptcha" title="ë±ë¡ë°©ì§"> 432 </div> 433 </div> 434</fieldset> 435 436 <hr /> 437 438 <div class="clearfix text-center" id="confirmBtn"> 439 <div class="button-group small-expanded"> 440 <button type="submit" name="write" class="button user-bg small-expanded"><i class="icon-check"></i> íì¸</button> 441 <button type="reset" class="button nd-white"><i class="icon-refresh"></i> ì·¨ì</button>
442 </div> 443 </div> 444</div> 445 </section> 446 447 448 </form> 449 450 <!-- ì¤í¬ë¦½í¸ìì -->
vendor: 114 bytes, lines 450-451
450 451<script src="https://www.google.com/recaptcha/api.js?onload=loadCaptcha&render=explicit" async defer></script>
452<script> 453 454 455 var loadCaptcha = function() { 456 grecaptcha.render('captcha_container', { 457 'sitekey' : '6LdVrzgkAAAAAAXdYoxZraNoMlTqsXjl9wTKad7n', 458 'callback' : function(response) { 459 $("#ecaptcha").val( response ); 460 } 461 }); 462 }; 463 464 function chkgrecaptcha() { 465 if (typeof(grecaptcha) != 'undefined') { 466 if (grecaptcha.getResponse() == "") { 467 alert("ìëë±ë¡ë°©ì§ë¥¼ íì¸í´ 주ì¸ì."); 468 return false; 469 } 470 } 471 472 return true; 473 } 474 475 function eventReqForm_submit(f){ 476 477 /* ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨ ëì */ 478 if(!f.useagree.checked){ 479 alert("ê°ì¸ì ë³´ë³´í¸ë¥¼ ìí ì´ì©ì ëìì¬íì ì½ì´ë³´ìê³ ëìí´ì£¼ì¸ì."); 480 f.useagree.focus(); 481 return false; 482 } 483 484 /* 기본í목ì ì */ 485 //ì´ë¦ 486 if(f.name){ 487 if(f.name.value == ""){ 488 alert('ì´ë¦ì ì ë ¥í´ì£¼ì¸ì.'); 489 f.name.focus(); 490 return false; 491 } 492 } 493 494 495 //ì´ë©ì¼ 496 if(f.email){ 497 if(f.email.value == ""){ 498 alert('ì´ë©ì¼ì ì ë ¥í´ì£¼ì¸ì.'); 499 f.email.focus(); 500 return false; 501 }else{ 502 var regex=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/; 503 if(regex.test(f.email.value) === false) { 504 alert("ì못ë ì´ë©ì¼ íìì ëë¤."); 505 f.email.focus(); 506 return false; 507 } 508 } 509 } 510 511 if(f.birth){ 512 if(f.birth.value != ""){ 513 var regExp = /^[0-9]+$/; 514 if(regExp.test(f.birth.value) === false) { 515 alert("ìë ìì¼ì ì«ìë§ ì ë ¥í´ì£¼ì¸ì. ì)19900101"); 516 f.birth.focus(); 517 return false; 518 } 519 } 520 } 521 522 //ì°ë½ì² 523 if(f.tel){ 524 if(f.tel.value == ""){ 525 alert('ì°ë½ì²ë¥¼ ì ë ¥í´ì£¼ì¸ì.'); 526 f.tel.focus(); 527 return false; 528 }else{ 529 var regExp = /^(01[016789]{1}|02|0[3-9]{1}[0-9]{1})-?[0-9]{3,4}-?[0-9]{4}$/; 530 if(regExp.test(f.tel.value) === false) { 531 alert("ì못ë ì íë²í¸ì ëë¤. ì«ì, - 를 í¬í¨í ì«ìë§ ì ë ¥íì¸ì. \nì) 050-XXXX-XXXX"); 532 f.tel.focus(); 533 return false; 534 } 535 } 536 } 537 538 if(f.zip && f.addr1){ 539 if(f.zip.value != ""){ 540 var regExp = /^[0-9]+$/; 541 if(regExp.test(f.zip.value) === false) { 542 alert("ì°í¸ë²í¸ë ì«ìë§ ì ë ¥í´ì£¼ì¸ì. ì)15234 ëë 301150"); 543 f.zip.focus(); 544 return false; 545 } 546 } 547 } 548 549 550 //ì 목 551 if(f.subject){ 552 if(f.subject.value == ""){ 553 alert('ì 목ì ì ë ¥í´ì£¼ì¸ì.'); 554 f.subject.focus(); 555 return false; 556 } 557 } 558 559 //ë´ì© 560 if(f.maintext){ 561 if(f.maintext.value == ""){ 562 alert('ë´ì©ì ì ë ¥í´ì£¼ì¸ì.'); 563 f.maintext.focus(); 564 return false; 565 } 566 } 567 568 569 570 571 572 if($('#password1').length>0){ 573 if($('#password1').val() == ''){ 574 alert('ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì.'); 575 $('#password1').focus(); 576 return false; 577 } 578 } 579 580 if($('#password2').length>0){ 581 if($('#password2').val() == ''){ 582 alert('ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì.'); 583 $('#password2').focus(); 584 return false; 585 } 586 } 587 588 if($('#password1').length>0 && $('#password2').length>0) { 589 if($('#password1').val() != $('#password2').val()){ 590 alert('ëì¼í ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì.'); 591 $('#password2').val(''); 592 $('#password2').focus(); 593 return false; 594 } 595 } 596 597 if($('#email_check').length>0) { 598 if($('#email_check').val() != 'pass') { 599 alert('ì´ë©ì¼ ì¤ë³µê²ì¬ë¥¼ ë°ëì íì ì¼ í©ëë¤.'); 600 return false; 601 } 602 } 603 604 605 /*í¼ ë´ë¶ js ì¶ê° ì¤í¬ë¦½í¸*/ 606 607 /* ìº¡ì± */ 608 609 if(chkgrecaptcha() === false) { 610 return false; 611 } 612 613 614 return true; 615 } 616</script>
616 617<!-- ì¤í¬ë¦½í¸ìì //--> 618 </div> 619 620
621<script> 622 623//ì°í¸ë²í¸ì°¾ê¸° 624 625$("#btn_zip_search, #zip, #addr1").on('click', function(){ 626 627var zipcode_win = window.open("/library/findAddress/findAddress.html?obj_form=eventReqForm&obj_addcode1=zip&obj_address1=addr1&obj_address2=addr2","zipcode","width=600,height=310,scrollbars=yes"); 628 629zipcode_win.focus(); 630 631}); 632 633</script>
633 634
635<script> 636 637</script>
637 638 </article> 639 <!--// content --> 640 641 </section> 642 <!--// section --> 643 644 <footer id="com-footer" class="hide-for-large"> 645 <div class="wrapper"> 646 <em>ì¸ì°ê´ìì ë¨êµ¬ ëì§ë¡ 86 (ë¬ë 873-6 ì¼í¸ë¹ë© 6층)</em> 647 <em>ëíì í : 052-273-4300</em> 648 <em>í©ì¤ : 052-273-3512</em> 649 <div class="copy">© ì¸ì°ì 문</div> 650 </div> 651 </footer> 652 </div> 653</div> 654
655<script type="text/javascript"> 656(function() { 657 658 // com navigation 659 var $comWrap = $('#com-wrap') 660 , $comNavBtn = $comWrap.find('#com-nav-btns') 661 , $comNavCont = $comWrap.find('#comNav'); 662 663 $comNavBtn.on({ 664 click: function(e) { 665 if($comNavCont.css('display') == "none") { 666 $(this).addClass('active'); 667 } else { 668 $(this).removeClass('active'); 669 } 670 $comNavCont.slideToggle('300'); 671 } 672 }); 673 674})(); 675</script>
675<button type="button" id="back-to-top" class="back-to-top" title="ìë¡"><i class="icon-arrow-top"><span class="show-for-sr">ìë¡</span></i></button>
676<script type="text/javascript"> 677// back to the top 678$(document).scroll(function(){ 679 var sDocumentHeight = $(document).height() - $(window).height(); 680 if($(document).scrollTop() > 0){ 681 $('#back-to-top').fadeIn(); 682 }else{ 683 $('#back-to-top').fadeOut(); 684 } 685}); 686 687$('#back-to-top').click(function(){ 688 $('html, body').animate( {scrollTop:0}, 100); 689}); 690</script>
690 691 692</body> 693</html> 694
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.