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.esgeconomy.com/image/logo/favicon.png"> 8<title>기ì¬ì ë³´ < ìë´ë°ì¤í¬ - ESGê²½ì </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.esgeconomy.com/css/foundation.min.css"> 11<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/custom.foundation.min.css"> 12<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/webfonts.min.css"> 13<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/font.style.css"> 14<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/media.min.css"> 15<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/autobox.style.min.css"> 16<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/templates.style.min.css"> 17<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/com.style.min.css"> 18<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/style.min.css"> 19<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/design.style.css">
19<script src="https://cdn.esgeconomy.com/script/jquery.min.js"></script>
vendor: 1 bytes, line 19
19
20<script src="https://cdn.esgeconomy.com/script/what-input.js"></script>
vendor: 1 bytes, line 20
20
21<script src="https://cdn.esgeconomy.com/script/foundation.min.js"></script>
vendor: 1 bytes, line 21
21
22<script src="https://cdn.esgeconomy.com/script/common.js"></script>
22 23 24<!--[if lt IE 10]> 25<link rel="stylesheet" href="https://cdn.esgeconomy.com/css/style.ie9.css">
26<script src="https://cdn.esgeconomy.com/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:#000 !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:#000 !important} 37.user-border {border-color:#000 !important} 38.user-border-bottom {border-bottom-color:#000 !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:#000 !important;border-color:#000 !important} 40@media screen and (max-width: 63.9375em) { 41 .com-type1 .com-subnav-wrapper > .cell > dd > a.current-page {color:#000 !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 (type2) 92**********************************************/ 93/* header */ 94.com-type2 > .row {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkik-flex-flow:wrap row;-ms-flex-flow:wrap row;-moz-flex-flow:wrap row;flex-flow:wrap row} 95.com-type2 #com-header {width:320px;border-right:1px solid rgba(0,0,0,.12);text-align:center;transition:width .3s ease-in-out} 96.com-type2 .com-header-wrapper {max-width:none} 97.com-type2 .com-logo {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;justify-content:center;-webkit-align-items:center;-ms-align-items:center;-moz-align-items:center;align-items:center;height:180px;padding:1.25rem;border-bottom:1px solid rgba(0,0,0,.08)} 98.com-type2 .com-logo > a {display:block}
99.com-type2 .com-etc, .com-type2 .all-section {display:none} 100@media screen and (max-width: 63.9375em) { 101 .com-type2 > .row {-webkit-flex-flow:nowrap column;-ms-flex-flow:nowrap column;-moz-flex-flow:nowrap column;flex-flow:nowrap column} 102 .com-type2 #com-header {position:relative;width:auto;border-right:0;border-bottom:1px solid rgba(0,0,0,.08)} 103 .com-type2 #com-header::after {content:'';display:table;clear:both} 104 .com-type2 .com-logo {float:left;height:80px;font-size:0;border-bottom:0} 105 .com-type2 .com-logo img {max-height:40px} 106 .com-type2 .com-etc {display:block;float:right} 107 .com-type2 .com-nav-btns {height:80px;padding:0 1.25rem;font-size:1.5rem} 108} 109 110/* navgation */ 111.com-type2 .com-nav .menu {display:none} 112.com-type2 .com-subnav-wrapper {max-width:none} 113.com-type2 .com-subnav-wrapper > .cell {display:block;margin-bottom:0;border-right:1px solid rgba(255,255,255,.1)} 114.com-type2 .com-subnav-wrapper > .cell > dt, .com-type2 .com-subnav-wrapper > .cell > dd, .com-type2 .com-subnav-wrapper > .cell a {display:block} 115.com-type2 .com-subnav-wrapper > .cell > dt {display:block !important;position:relative;margin-bottom:0;font-size:1.125rem;font-weight:bolder} 116.com-type2 .com-subnav-wrapper > .cell > dt::before {content:'';overflow:hidden;position:absolute;z-index:1;left:50%;bottom:-1px;width:40px;height:0;border-top:2px solid #222;-ms-transform:translateX(-50%);transform:translateX(-50%)} 117.com-type2 .com-subnav-wrapper > .cell > dd {font-size:.875rem;font-weight:noraml;background-color:#f7f7f7} 118.com-type2 .com-subnav-wrapper > .cell > dd:first-of-type {padding-top:1rem} 119.com-type2 .com-subnav-wrapper > .cell > dd:last-of-type {padding-bottom:1rem} 120.com-type2 .com-subnav-wrapper > .cell a {font-size:inherit;font-weight:inherit} 121.com-type2 .com-subnav-wrapper > .cell > dt > a {line-height:62px;letter-spacing:-.075em;color:#222} 122.com-type2 .com-subnav-wrapper > .cell > dd > a {line-height:36px;letter-spacing:-.05em;color:rgba(0,0,0,.6)} 123.com-type2 .com-subnav-wrapper > .cell > dd > a.current-page {font-weight:bolder;color:#5684ff;text-decoration:underline} 124.com-type2 .subnav-overlap {display:none;overflow:hidden;width:0;height:0} 125@media screen and (min-width: 64em) { 126 .com-type2 .com-subnav {display:block !important} 127} 128@media screen and (max-width: 63.9375em) { 129 .com-type2 .com-subnav {display:none;overflow-x:hidden;overflow-y:auto;position:fixed;z-index:1001;left:0;top:80px;bottom:0;width:100%;font-size:0;background-color:#fff} 130 .com-type2 .subnav-overlap {position:fixed;z-index:1;left:0;top:80px;bottom:0;width:100%;height:auto;background-color:rgba(10,10,10,.5)} 131} 132 133/* container */ 134.com-type2 #com-container {width:calc(100% - 320px);padding:3.875rem 1.25rem;transition:width .3s ease-in-out} 135.com-type2 .com-container-wrapper {max-width:780px;margin:0 auto} 136.com-type2 .com-container-wrapper::after {content:'';display:table;clear:both} 137.com-type2 .com-content, #user-wrap .com-content {display:block} 138.com-type2 .sticky-container.for-company {display:none !important} 139@media screen and (max-width: 63.9375em) { 140 .com-type2 #com-container {width:auto} 141} 142 143/* footer */ 144.com-type2 #com-footer {width:100%;padding:1.875rem 1.25rem;background-color:#515151} 145.com-type2 .com-footer-wrapper {margin:0 auto;font-size:0;text-align:center} 146.com-type2 .com-footer-wrapper > * {display:inline-block;vertical-align:middle} 147.com-type2 .com-footer-wrapper > *:not(:last-child) {margin:0 1.125rem 0 0} 148.com-type2 .com-footer-wrapper > .copy, .com-type2 .com-footer-wrapper > em {font-size:.875rem;font-style:normal;line-height:1.375} 149.com-type2 .com-footer-wrapper > .copy {margin-right:1.875rem;font-weight:bolder;color:#fff} 150.com-type2 .com-footer-wrapper > em {font-weight:normal;letter-spacing:-.025em;color:rgba(255,255,255,.6)} 151@media screen and (max-width: 39.9375em) { 152 .com-type2 #com-footer {padding-bottom:3.25rem} 153 .com-type2 .com-footer-wrapper {text-align:left} 154 .com-type2 .com-footer-wrapper > * {display:block} 155 .com-type2 .com-footer-wrapper > *:not(:last-child) {margin:0 0 .25rem} 156 .com-type2 .com-footer-wrapper > .copy {margin-bottom:1rem} 157} 158</style> 159 160<!-- wrap //--> 161<div id="com-wrap" class="com-type2"> 162 <div class="row expanded"> 163 164 <!-- header //-->
164 165 <header id="com-header"> 166 <h2 class="show-for-sr">ìë¨ìì</h2> 167 <div class="com-header-wrapper max-width-1100"> 168 <h1 class="com-logo item"> 169 <a href="https://www.esgeconomy.com" target="_top"> 170 <img src="https://cdn.esgeconomy.com/image/logo/toplogo_20201116093648.png" alt="ESGê²½ì " /> 171 </a> 172 </h1> 173 <nav id="comNav" class="com-nav item"> 174 <h3 class="show-for-sr">주ìë©ë´</h3> 175 <ul class="menu show-for-large"> 176 <li><a href="/com/com-1.html" target="_top" class="">매체ìê°</a></li><li><a href="https://www.esgeconomy.com/com/jb.html" target="_top" class="user-point">ê³ ê°ì¼í°</a></li><li><a href="/com/service.html" target="_top" class="">ì½ê´ ë° ì ì± </a></li> </ul> 177 <div class="com-subnav"> 178 <h4 class="show-for-sr">ì ì²´ë©ë´</h4> 179 <div class="com-subnav-wrapper max-width-1100"> 180 <dl class="cell"> <dt class="hide-for-large"><a href="/com/com-1.html" target="_top">매체ìê°</a></dt> <dd><a href="/com/com-1.html" target="_top" class="">ì¸ì¬ë§</a></dd> <dd><a href="/com/com-2.html" target="_top" class="">ì°¾ìì¤ìë길</a></dd></dl><dl class="cell"> <dt class="hide-for-large"><a href="https://www.esgeconomy.com/com/jb.html" target="_top">ê³ ê°ì¼í°</a></dt> <dd><a href="https://www.esgeconomy.com/com/jb.html" target="_top" class="current-page">기ì¬ì ë³´</a></dd> <dd><a href="https://www.esgeconomy.com/subscribe/" target="_top" class="">구ë ì ì²</a></dd> <dd><a href="https://www.esgeconomy.com/com/ad.html" target="_top" class="">ê´ê³ 문ì</a></dd> <dd><a href="https://www.esgeconomy.com/com/bp.html" target="_top" class="">ë¶í¸ì ê³ </a></dd> <dd><a href="https://www.esgeconomy.com/com/tg.html" target="_top" class="">ë ìí¬ê³ </a></dd> <dd><a href="https://www.esgeconomy.com/com/jh.html" target="_top" class="">ì í´ë¬¸ì</a></dd> <dd><a href="https://www.esgeconomy.com/com/copy.html" target="_top" class="">ì ìê¶ë¬¸ì</a></dd></dl><dl class="cell"> <dt class="hide-for-large"><a href="/com/service.html" target="_top">ì½ê´ ë° ì ì± </a></dt> <dd><a href="/com/service.html" target="_top" class="">ì´ì©ì½ê´</a></dd> <dd><a href="/com/com-3.html" target="_top" class="">ì¤ë¦¬ê°ë ¹</a></dd> <dd><a href="/com/privacy.html" target="_top" class="">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></dd> <dd><a href="/com/youthpolicy.html" target="_top" class="">ì²ìë ë³´í¸ì ì± </a></dd> <dd><a href="/com/copyright.html" target="_top" class="">ì ìê¶ë³´í¸ì ì± </a></dd> <dd><a href="/com/emailno.html" target="_top" class="">ì´ë©ì¼ë¬´ë¨ìì§ê±°ë¶</a></dd></dl> </div> 181 </div> 182 <div class="subnav-overlap hide-for-large"></div> 183 </nav> 184 <article class="com-etc item"> 185 <a href="/news/articleList.html?view_type=sm" target="_blank" class="all-section show-for-large"><i class="icon-th"></i> <span class="show-for-sr">ë´ì¤ </span>ì 체기ì¬<span class="show-for-sr"> ë°ë¡ê°ê¸°</span></a> 186 <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> 187 </article> 188 </div> 189 </header> 190 <!-- header //--> 191 192 <!-- section //--> 193 <section id="com-container"> 194 <h2 class="show-for-sr">본문ìì</h2> 195 <div class="com-container-wrapper max-width-1100"> 196 197 <div class="for-company"> 198 <nav id="tab-subnav"> 199 <a href="https://www.esgeconomy.com/com/jb.html" target="_top" class="active">기ì¬ì ë³´</a><a href="https://www.esgeconomy.com/subscribe/" target="_top" class="">구ë ì ì²</a><a href="https://www.esgeconomy.com/com/ad.html" target="_top" class="">ê´ê³ 문ì</a><a href="https://www.esgeconomy.com/com/bp.html" target="_top" class="">ë¶í¸ì ê³ </a><a href="https://www.esgeconomy.com/com/tg.html" target="_top" class="">ë ìí¬ê³ </a><a href="https://www.esgeconomy.com/com/jh.html" target="_top" class="">ì í´ë¬¸ì</a><a href="https://www.esgeconomy.com/com/copy.html" target="_top" class="">ì ìê¶ë¬¸ì</a> </nav> 200 </div> 201 202 <ul id="actBtm" class="breadcrumbs for-compay"> 203 <li class="show-for-sr"><h4>íì´ì§ ê²½ë¡</h4></li> 204 <li><a href="https://www.esgeconomy.com"><i class="icon-home"></i><span class="show-for-sr">HOME</span></a></li> 205 <li><a href="/com/com-1.html">ìë´ë°ì¤í¬</a></li> 206 <li class="disabled"><strong class="user-point">기ì¬ì ë³´</strong></li> 207 </ul> 208 209 <div class="com-content"> 210 <h3 class="com-titles">기ì¬ì ë³´</h3>
210<script>var $eventDateEnd = '';</script>
210 211 212<style type="text/css"> 213@charset "UTF-8"; 214/********************************************** 215note : default theme 216**********************************************/ 217/* 218layout 219*/ 220#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} 221 222/* 223기본ìì 224*/ 225#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} 226#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%)} 227#event-wrap.default-theme .event-msg {} 228 229/* 230ê°ì¸ì ë³´ì½ê´ 231*/ 232#event-wrap.default-theme .event-agree {} 233#event-wrap.default-theme .event-agree-titles {margin-bottom:1rem;font-size:1.125rem;line-height:1;letter-spacing:-.05em;text-align:left} 234#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} 235#event-wrap.default-theme .event-agree-text[readonly] {background:#fff} 236 237/* 238captcha 239*/ 240#event-wrap.default-theme .img_ecaptcha {width:100%;max-width:200px;min-width:80px;max-height:40px} 241</style> 242<style type="text/css"> 243 /* header */ 244 .event-header {border-bottom-color:#145599 !important} 245 .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} 246 .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, 247 .button.user-bg,.button-primary,.event-header.type-bg 248 {background-color:#145599 !important} 249</style>
250<script src="https://cdn.esgeconomy.com/script/md5.js"></script>
250 251 252 253<div id="event-wrap" class="default-theme"> 254 255 256 <section id="event-container"> 257 <div class="event-msg"></div> 258 <div class="event-content"> 259<!-- í¼ìì --> 260<form name="eventReqForm" id="eventReqForm" method="POST" action="/eventConfig/eventUserReq.php" onsubmit="return eventReqForm_submit(this);" enctype="multipart/form-data"> 261 262 <input type="hidden" name="event_idxno" value="4" /> 263 <input type="hidden" name="eventcode" value="event4" /> 264 <input type="hidden" name="attend" value="" /> 265 <input type="hidden" name="overlap_target" value="N" /> 266 <input type="hidden" name="view_checkin" value="N" /> 267 268 269 270<div class="event-agree"> 271 <h3 class="event-agree-titles">ê°ì¸ì ë³´ë³´í¸ë¥¼ ìí ì´ì©ì ëìì¬í <small class="show-for-sr">(íì)</small></h3> 272 <label class="show-for-sr" for="agreetext">ì½ê´ë´ì©</label><textarea name="agreetext" id="agreetext" class="event-agree-text" title="ì½ê´ë´ì©" readonly>기ì¬ì ë³´ ë±ì í¬ë§íë 기ì ë° ê°ì¸ì ëìì¼ë¡ ìëì ê°ì´ ê°ì¸ì 보를 ìì§íê³ ììµëë¤. 273 2741. ìì§ ê°ì¸ì ë³´ í목 : ì´ë¦, ì´ë©ì¼, ì íë²í¸, íì¬ëª 2752. ê°ì¸ì ë³´ì ìì§ ë° ì´ì©ëª©ì : ì ì²ì ë°ë¥¸ 본ì¸íì¸ ë° ìíí ìì¬ìíµ ê²½ë¡ íë³´ 2763. ê°ì¸ì ë³´ì ì´ì©ê¸°ê° : 모ë ê²í ê° ìë£ë í 3ê°ìê° ì´ì©ìì ì¡°í를 ìíì¬ ë³´ê´íë©°, ì´í í´ë¹ì 보를 ì§ì²´ ìì´ í기í©ëë¤. 2774. ê°ì¸ì ë³´ ìì§ ëì ê±°ë¶ê¶ : ê°ì¸ì ë³´ ìì§ ëìì ê±°ë¶í ì ìì¼ë©° ëìíì§ ìë ê²½ì° ì견 ì ìê° ë¶ê°ë¥í©ëë¤. 2785. ê·¸ ë°ì ì¬íì ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨ì ì¤ìí©ëë¤.</textarea> 279 <label class="nd-checkbox check-primary text-center" for="useagree"> 280 <input type="checkbox" id="useagree" name="useagree" title="ì ë³´ëì"> 281 <span class="nd-checked size-15">ê°ì¸ì ë³´ë³´í¸ë¥¼ ìí ì´ì©ì ëìì¬íì íì¸íììµëë¤.</span> 282 </label> 283</div> 284 285<hr> 286 287 288<fieldset id="fieldset_name" class="row expanded small-collapse medium-uncollapse"> 289 <div class="medium-3 large-2 columns"> 290 <label class="medium-middle" for="name"><strong class="key-point">ì´ë¦</strong> <small class="show-for-sr">(íì)</small></label> 291 </div> 292 <div class="medium-9 large-10 columns"> 293 <input type="text" name="name" id="name" placeholder="í길ë" title="ì´ë¦"> 294 </div> 295</fieldset> 296 297 298<fieldset id="fieldset_email" class="row expanded small-collapse medium-uncollapse"> 299 <div class="medium-3 large-2 columns"> 300 <label class="medium-middle" for="email"><strong class="key-point">ì´ë©ì¼</strong> <small class="show-for-sr">(íì)</small></label> 301 </div> 302 <div class="medium-9 large-10 columns"> 303 <input type="text" name="email" id="email" placeholder="[email protected]" title="ì´ë©ì¼"> 304 </div> 305</fieldset> 306 307 308<fieldset id="fieldset_tel" class="row expanded small-collapse medium-uncollapse"> 309 <div class="medium-3 large-2 columns"> 310 <label class="medium-middle" for="tel"><strong class="key-point">ì°ë½ì²</strong> <small class="show-for-sr">(íì)</small></label> 311 </div> 312 <div class="medium-9 large-10 columns"> 313 <input type="text" name="tel" id="tel" placeholder="010-1234-4567" title="ì°ë½ì²"> 314 </div> 315</fieldset> 316 317 318<fieldset id="fieldset_subject" class="row expanded small-collapse medium-uncollapse"> 319 <div class="medium-3 large-2 columns"> 320 <label class="medium-middle" for="subject"><strong class="key-point">ì 목</strong> <small class="show-for-sr">(íì)</small></label> 321 </div> 322 <div class="medium-9 large-10 columns"> 323 <input type="text" name="subject" id="subject" placeholder="ì 목ì ì ë ¥í´ì£¼ì¸ì." title="ì 목"> 324 </div> 325</fieldset> 326 327 328<fieldset id="fieldset_maintext" class="row expanded small-collapse medium-uncollapse"> 329 <div class="medium-3 large-2 columns"> 330 <label class="medium-middle" for="maintext"><strong class="key-point">ë´ì©</strong> <small class="show-for-sr">(íì)</small></label> 331 </div> 332 <div class="medium-9 large-10 columns"> 333 <textarea rows="3" name="maintext" id="maintext" placeholder="ë´ì©ì ì ë ¥í´ì£¼ì¸ì" title="ë´ì©"></textarea> 334 </div> 335</fieldset> 336 337 338<fieldset id="fieldset_etc_text_reqcompany" class="row expanded small-collapse medium-uncollapse"> 339 <div class="medium-3 large-2 columns"> 340 <label class="medium-middle" for="reqcompany"><strong>íì¬ëª </strong></label> 341 </div> 342 <div class="medium-9 large-10 columns"> 343 <input type="text" name="reqcompany" id="reqcompany" title="íì¬ëª "> 344 </div> 345</fieldset> 346 347 348<fieldset id="fieldset_upfile_0" class="row expanded small-collapse medium-uncollapse"> 349 <div class="medium-3 large-2 columns"> 350 <label class="medium-middle" for="upfile_0"><strong>íì¼ì²¨ë¶1</strong></label> 351 </div> 352 <div class="medium-9 large-10 columns"> 353 <input type="file" name="upfile[0]" id="upfile_0" title="íì¼ì²¨ë¶1"><span class="dis-block help-text marbtm-16">â» 2Mbì´íì íì¼ë§ ì ë¡ë ê°ë¥í©ëë¤.</span> 354 </div> 355</fieldset> 356 357 358<fieldset id="fieldset_echapcha" class="row expanded small-collapse medium-uncollapse"> 359 <div class="medium-3 large-2 columns"> 360 <label class="medium-middle"><strong class="key-point">ë±ë¡ë°©ì§</strong> <small class="show-for-sr">(íì)</small></label> 361 </div> 362 <div class="medium-9 large-10 columns"> 363 <div class="input-group marbtm-5"> 364 <div id="captcha_container"></div> 365 <input type="hidden" name="ecaptcha" id="ecaptcha" title="ë±ë¡ë°©ì§"> 366 </div> 367 </div> 368</fieldset> 369 370 <hr /> 371 372 <div class="clearfix text-center" id="confirmBtn"> 373 <div class="button-group small-expanded"> 374 <button type="submit" name="write" class="button user-bg small-expanded"><i class="icon-check"></i> íì¸</button> 375 <button type="reset" class="button nd-white"><i class="icon-refresh"></i> ì·¨ì</button>
376 </div> 377 </div> 378</form> 379<!-- í¼ìì //--> 380 381 382 383<!-- ì¤í¬ë¦½í¸ìì -->
vendor: 114 bytes, lines 383-384
383 384<script src="https://www.google.com/recaptcha/api.js?onload=loadCaptcha&render=explicit" async defer></script>
385<script> 386 387 388 var loadCaptcha = function() { 389 grecaptcha.render('captcha_container', { 390 'sitekey' : '6Lf729gZAAAAALU8VtS5tra2GY0oUEx8R8d3WWzO', 391 'callback' : function(response) { 392 $("#ecaptcha").val( response ); 393 } 394 }); 395 }; 396 397 function chkgrecaptcha() { 398 if (typeof(grecaptcha) != 'undefined') { 399 if (grecaptcha.getResponse() == "") { 400 alert("ìëë±ë¡ë°©ì§ë¥¼ íì¸í´ 주ì¸ì."); 401 return false; 402 } 403 } 404 405 return true; 406 } 407 408 function eventReqForm_submit(f){ 409 410 /* ê°ì¸ì ë³´ ì²ë¦¬ë°©ì¹¨ ëì */ 411 if(!f.useagree.checked){ 412 alert("ê°ì¸ì ë³´ë³´í¸ë¥¼ ìí ì´ì©ì ëìì¬íì ì½ì´ë³´ìê³ ëìí´ì£¼ì¸ì."); 413 f.useagree.focus(); 414 return false; 415 } 416 417 /* 기본í목ì ì */ 418 //ì´ë¦ 419 if(f.name){ 420 if(f.name.value == ""){ 421 alert('ì´ë¦ì ì ë ¥í´ì£¼ì¸ì.'); 422 f.name.focus(); 423 return false; 424 } 425 } 426 427 428 //ì´ë©ì¼ 429 if(f.email){ 430 if(f.email.value == ""){ 431 alert('ì´ë©ì¼ì ì ë ¥í´ì£¼ì¸ì.'); 432 f.email.focus(); 433 return false; 434 }else{ 435 var regex=/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/; 436 if(regex.test(f.email.value) === false) { 437 alert("ì못ë ì´ë©ì¼ íìì ëë¤."); 438 f.email.focus(); 439 return false; 440 } 441 } 442 } 443 444 if(f.birth){ 445 if(f.birth.value != ""){ 446 var regExp = /^[0-9]+$/; 447 if(regExp.test(f.birth.value) === false) { 448 alert("ìë ìì¼ì ì«ìë§ ì ë ¥í´ì£¼ì¸ì. ì)19900101"); 449 f.birth.focus(); 450 return false; 451 } 452 } 453 } 454 455 //ì°ë½ì² 456 if(f.tel){ 457 if(f.tel.value == ""){ 458 alert('ì°ë½ì²ë¥¼ ì ë ¥í´ì£¼ì¸ì.'); 459 f.tel.focus(); 460 return false; 461 }else{ 462 var regExp = /^(01[016789]{1}|02|0[3-9]{1}[0-9]{1})-?[0-9]{3,4}-?[0-9]{4}$/; 463 if(regExp.test(f.tel.value) === false) { 464 alert("ì못ë ì íë²í¸ì ëë¤. ì«ì, - 를 í¬í¨í ì«ìë§ ì ë ¥íì¸ì. \nì) 050-XXXX-XXXX"); 465 f.tel.focus(); 466 return false; 467 } 468 } 469 } 470 471 if(f.zip && f.addr1){ 472 if(f.zip.value != ""){ 473 var regExp = /^[0-9]+$/; 474 if(regExp.test(f.zip.value) === false) { 475 alert("ì°í¸ë²í¸ë ì«ìë§ ì ë ¥í´ì£¼ì¸ì. ì)15234 ëë 301150"); 476 f.zip.focus(); 477 return false; 478 } 479 } 480 } 481 482 483 //ì 목 484 if(f.subject){ 485 if(f.subject.value == ""){ 486 alert('ì 목ì ì ë ¥í´ì£¼ì¸ì.'); 487 f.subject.focus(); 488 return false; 489 } 490 } 491 492 //ë´ì© 493 if(f.maintext){ 494 if(f.maintext.value == ""){ 495 alert('ë´ì©ì ì ë ¥í´ì£¼ì¸ì.'); 496 f.maintext.focus(); 497 return false; 498 } 499 } 500 501 502 503 504 505 if($('#password1').length>0){ 506 if($('#password1').val() == ''){ 507 alert('ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì.'); 508 $('#password1').focus(); 509 return false; 510 } 511 } 512 513 if($('#password2').length>0){ 514 if($('#password2').val() == ''){ 515 alert('ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì.'); 516 $('#password2').focus(); 517 return false; 518 } 519 } 520 521 if($('#password1').length>0 && $('#password2').length>0) { 522 if($('#password1').val() != $('#password2').val()){ 523 alert('ëì¼í ë¹ë°ë²í¸ë¥¼ ì ë ¥í´ì£¼ì¸ì.'); 524 $('#password2').val(''); 525 $('#password2').focus(); 526 return false; 527 } 528 } 529 530 if($('#email_check').length>0) { 531 if($('#email_check').val() != 'pass') { 532 alert('ì´ë©ì¼ ì¤ë³µê²ì¬ë¥¼ ë°ëì íì ì¼ í©ëë¤.'); 533 return false; 534 } 535 } 536 537 /* ìº¡ì± */ 538 539 if(chkgrecaptcha() === false) { 540 return false; 541 } 542 543 544 return true; 545 } 546</script>
546 547<!-- ì¤í¬ë¦½í¸ìì //--></div> 548 </section> 549 550 551</div> 552 553
554<script> 555 556//ì°í¸ë²í¸ì°¾ê¸° 557 558$("#btn_zip_search, #zip, #addr1").on('click', function(){ 559 560var 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"); 561 562zipcode_win.focus(); 563 564}); 565 566</script>
566 567
568<script> 569 570</script>
570 571 </div> 572 </div> 573 </section> 574 <!-- section //--> 575 576 <footer id="com-footer"> 577 <h2 class="show-for-sr">íë¨ìì</h2> 578 <div class="com-footer-wrapper max-width-1100"> 579 <h6 class="copy">© ESGê²½ì </h6> 580 <em>ìì¸í¹ë³ì ìë문구 ììë¬¸ë¡ 27, ì¶©ì 리ìì¨ 207í¸</em> 581 <em>ëíì í : 02-737-3988</em> 582 <em>í©ì¤ : 02-737-3987</em> 583 </div> 584 </footer> 585 </div> 586</div> 587
588<script type="text/javascript"> 589(function() { 590 591 // com navigation 592 var $comWrap = $('#com-wrap') 593 , $comHeader = $comWrap.find('#com-header') 594 , $comNav = $comHeader.find('.com-nav') 595 , $comSubNav = $comHeader.find('.com-subnav') 596 , $comSubOverlap = $comHeader.find('.subnav-overlap') 597 , $comNavBtn = $comHeader.find('#com-nav-btns'); 598 599 // button click 600 $comNavBtn.on({ 601 click: function(){ 602 if($comSubNav.css('display') == "block"){ 603 $comSubNav.slideUp('fast'); 604 $comSubOverlap.hide(); 605 $(this).find('.icon-close-thin').addClass('icon-bars').removeClass('icon-close-thin'); 606 $('body, html').css('overflow','initial'); 607 }else{ 608 $comSubNav.slideDown('600'); 609 $comSubOverlap.show(); 610 $(this).find('.icon-bars').addClass('icon-close-thin').removeClass('icon-bars'); 611 $('body, html').css('overflow','hidden'); 612 } 613 } 614 }); 615 616 // overlap click 617 $comSubOverlap.on('click', function(){ 618 $comSubNav.slideUp('fast'); 619 $comSubOverlap.hide(); 620 $comNavBtn.find('.icon-close-thin').addClass('icon-bars').removeClass('icon-close-thin'); 621 $('body, html').css('overflow','initial'); 622 }); 623 624 // window resizing 625 if($comWrap.hasClass('com-type1')) { 626 $(window).resize(function(){ 627 var $winWidth = $(window).width(); 628 if($winWidth > 1024) { 629 630 $comNav.off().on({ 631 mouseenter: function(){ 632 $comSubNav.stop().slideDown('600'); 633 }, 634 mouseleave: function(){ 635 $comSubNav.stop().slideUp('fast'); 636 $comSubOverlap.hide(); 637 $comNavBtn.find('.icon-close-thin').addClass('icon-bars').removeClass('icon-close-thin'); 638 } 639 }); 640 641 } else { 642 $comNav.off(); 643 } 644 }); 645 $(window).trigger("resize"); 646 } 647 648})(); 649</script>
649<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>
650<script type="text/javascript"> 651// back to the top 652$(document).scroll(function(){ 653 var sDocumentHeight = $(document).height() - $(window).height(); 654 if($(document).scrollTop() > 0){ 655 $('#back-to-top').fadeIn(); 656 }else{ 657 $('#back-to-top').fadeOut(); 658 } 659}); 660 661$('#back-to-top').click(function(){ 662 $('html, body').animate( {scrollTop:0}, 100); 663}); 664</script>
664 665 666</body> 667</html> 668
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.