1<!DOCTYPE html> 2 <html lang="ko"> 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, minimum-scale=1, maximum-scale=3, user-scalable=yes"> 7 <meta name="format-detection" content="telephone=no, address=no, email=no"> 8 9 <!-- Meta Tag --> 10 <link rel="shortcut icon" href="https://www.gcf.or.kr/main/images/favicon.ico"> 11 <meta name="keywords" content="ê³µì°,ì ì,ì¶ì íì¬,êµì¡,ì²´í,문ííë«í¼,ê¹í¬ìí¸í,ê¹í¬ìí¸ë¹ë¦¬ì§"> 12 <meta name="title" content="ê¹í¬ë¬¸íì¬ë¨ - ëí"> 13 <meta name="description" content="ê¹í¬ë¬¸íì¬ë¨ ëí ë리ì§"> 14 15 <!-- Sns --> 16 <meta property="og:type" content="website"> 17 <meta property="og:title" content="ê¹í¬ë¬¸íì¬ë¨ - ëí" > 18 <meta property="og:description" content="ê¹í¬ë¬¸íì¬ë¨ ëí ë리ì§" > 19 <meta property="og:url" content="https://www.gcf.or.kr/main/member/login.do?"> 20 21 <meta property="og:image" content="https://www.gcf.or.kr/main/images/common/kakao_thumnail.png" > 22 <meta property="og:image:width" content="1200" > 23 <meta property="og:image:height" content="630" > 24 <meta property="og:image:type" content="image/jpeg" > 25 <meta property="og:image:alt" content="ê¹í¬ë¬¸íì¬ë¨" > 26 27 <!-- Naver ì¬ì´í¸ ì¸ì¦ --> 28 <meta name="naver-site-verification" content="c3ba31c5281361a3d67432de8dce4e4fac96163d" > 29 30 <!-- Title --> 31 <title>ê¹í¬ë¬¸íì¬ë¨ - ë¡ê·¸ì¸</title> 32 33
33<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
vendor: 2 bytes, line 33
33
34<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" defer></script>
34 35 36<!--
36<script src="https://ssl.daumcdn.net/dmaps/map_js_init/postcode.v2.js?autoload=false" defer></script>
36--> <!--20260512 ìë¹ì¤ ì¢
ë£-->
37<script src="https://t1.kakaocdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
37 38
39<script src="/lib/js/script.document.js" defer></script>
39<script src="/lib/js/script.extends.js" defer></script>
39<script src="/lib/js/script.validation.js" defer></script>
39<script src="/lib/js/script.function.js" defer></script>
39<script> 40 //ContextPath 찾기 41 var fnLoad_contextPath = function() { 42 return ""; 43 } 44 45 var fnLoad_maxFileSize = function(type) { 46 if (type=="beauty") { 47 return "101.00 MB"; 48 } 49 return Number("105906176"); 50 } 51 52</script>
52<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.min.css" media="print" onload="this.media='all'"> 53 54<style> 55 #viewLoading {display:block; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-Index:9999; text-align:center; background:rgba(0, 0, 0, 0.3); } 56 #viewLoading .lds-spinner {display: inline-block; position:fixed; left:50%; top:50%; margin-left:-40px; margin-top:-40px; } 57 #viewLoading .lds-spinner div {transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite; } 58 #viewLoading .lds-spinner div:after {content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: #fff; } 59 #viewLoading .lds-spinner div:nth-child(1) {transform: rotate(0deg); animation-delay: -1.1s; } 60 #viewLoading .lds-spinner div:nth-child(2) {transform: rotate(30deg); animation-delay: -1s; } 61 #viewLoading .lds-spinner div:nth-child(3) {transform: rotate(60deg); animation-delay: -0.9s; } 62 #viewLoading .lds-spinner div:nth-child(4) {transform: rotate(90deg); animation-delay: -0.8s; } 63 #viewLoading .lds-spinner div:nth-child(5) {transform: rotate(120deg); animation-delay: -0.7s; } 64 #viewLoading .lds-spinner div:nth-child(6) {transform: rotate(150deg); animation-delay: -0.6s; } 65 #viewLoading .lds-spinner div:nth-child(7) {transform: rotate(180deg); animation-delay: -0.5s; } 66 #viewLoading .lds-spinner div:nth-child(8) {transform: rotate(210deg); animation-delay: -0.4s; } 67 #viewLoading .lds-spinner div:nth-child(9) {transform: rotate(240deg); animation-delay: -0.3s; } 68 #viewLoading .lds-spinner div:nth-child(10) {transform: rotate(270deg); animation-delay: -0.2s; } 69 #viewLoading .lds-spinner div:nth-child(11) {transform: rotate(300deg); animation-delay: -0.1s; } 70 #viewLoading .lds-spinner div:nth-child(12) {transform: rotate(330deg); animation-delay: 0s; } 71 @keyframes lds-spinner { 72 0% {opacity: 1; } 73 100% {opacity: 0; } 74 } 75</style><!-- Fonts --> 76 <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;700&display=swap" rel="stylesheet"> 77 78 <!-- CSS --> 79 <link rel="stylesheet" type="text/css" href="/main/css/swiper-bundle.min.css" > 80 <link rel="stylesheet" type="text/css" href="/main/css/base.css?v=95383" > 81 <link rel="stylesheet" type="text/css" href="/main/css/layout.css?v=20260703_01?v=95383" > 82 <link rel="stylesheet" type="text/css" href="/main/css/mainpage_new.css?v=95383" > 83 <link rel="stylesheet" type="text/css" href="/main/css/subpage.css?v=20260703_01?v=95383" > 84 <link rel="stylesheet" type="text/css" href="/main/css/subpage_media.css?v=95383" > 85 <link rel="stylesheet" type="text/css" href="/main/css/slick.css" > 86 <link rel="stylesheet" type="text/css" href="/main/css/slick-theme.css" > 87 88 <!-- JS --> 89
89<script src="/main/js/jquery.tools.min.js"></script>
89 90
90<script src="/main/js/jquery.easing.min.js"></script>
90 91
91<script src="/main/js/jquery.easing.compatibility.min.js"></script>
91 92
92<script src="/main/js/jquery.bxslider.min.js"></script>
92 93 94
94<script src="/main/js/jquery.cycle.all.js"></script>
94 95
95<script src="/main/js/slick.min.js"></script>
95 96
96<script src="/main/js/swiper-bundle.min.js"></script>
96 97
97<script src="https://static.matterport.com/showcase-sdk/2.0.1-0-g64e7e88/sdk.js"></script>
97 98
98<script src="/main/js/common.js?v=20260703_01"></script>
98 99
99<script src="/main/js/mainpage_new.js?v=95383"></script>
99 100
100<script src="/main/js/subpage.js?v=95383"></script>
100 101 102 <!--[if (gte IE 6)&(lte IE 9)]> 103
103<script src="/main/js/selectivizr.js" ></script>
103 104 <![endif]--> 105 <!--[if lt IE 7]> 106
106<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script>
106 107 <![endif]--> 108 109 </head> 110 <body> 111 <ul id="skipNavi"> 112 <li><a href="#container" tabindex="1">본문 ë°ë¡ê°ê¸°</a></li> 113 <li><a href="#topmenu_for_left" tabindex="2">ë©ë´ ë°ë¡ê°ê¸°</a></li> 114 </ul> 115 116 <!-- <div id="skipNavi"> 117 <a href="#container">본문 ë°ë¡ê°ê¸°</a> 118 </div> --> 119 120 <!-- header --> 121 <!-- header --> 122<!--260601~ <div id="header">...</div>를 header ìë©í± íê·¸ë¡ ë³ê²½, season ê´ë ¨ í´ëì¤ë ì ê±°--> 123<!--<div id="header" class="header autumn season_header">--> 124<header id="header" class="header"> 125 <!--260601~ season_area, 기존 header_headë ì ê±°--> 126 <!-- 127 <div class="season_area"> 128 <div class="season_bg"></div> 129 <div class="season_obj1 season_obj"></div> 130 <div class="season_obj2 season_obj"></div> 131 <div class="season_obj3 season_obj"></div> 132 <div class="season_obj4 season_obj"></div> 133 <div class="season_obj5 season_obj"></div> 134 </div> 135 --> 136 <div class="header_head"> 137 <div class="wrap"> 138 <ul class="utill_site"> 139 <!-- <li class="resource"> 140 <a href="/main/pst/list.do?pst_id=mem_refer" class="resource_link"><span>íìì ì©ìë£ì¤<b> ë°ë¡ê°ê¸°</b></span></a> 141 </li> --> 142 <li class="lang_box"> 143 <a href="/main/main.do" class="btn_utill btn_lang on" tabindex="4"><span>kor</span></a> <!-- // íì±í on --> 144 <a href="/eng/main.do" class="btn_utill btn_lang"><span>eng</span></a> 145 </li> 146 <li class="utill_site_link utill_site01 site" tabindex="0"> 147 <a href="javascript:;" class="icon_utill">G-Class</a> 148 <div class="site-wrap"> 149 <div class="wrap-inner"> 150 <a href="/gart/main.do" target="_blank" title="G-ART STUDIO ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)">G-ART STUDIO</a> 151 <a href="/gclass/main.do" target="_blank" title="êµì¡Â·ì²´í íµí©ìì½(ìì°½ì´ê¸°)" class="i-blog">êµì¡Â·ì²´í íµí©ìì½</a> 152 <a href="https://sgsg.gcf.or.kr/" target="_blank" title="ìê³³ìê³³ ê¹í¬ ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)">ìê³³ìê³³ ê¹í¬</a> 153<a href="https://archive.gcf.or.kr:28443/" target="_blank" title="ìì¬ë¬¸íìì¹´ì´ë¸ ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)" class="i-blog">ìì¬ë¬¸íìì¹´ì´ë¸</a> 154 </div> 155 </div> 156 </li> 157 <li class="utill_site_link utill_site04 site4" > 158 <a href="https://www.gcf.or.kr/gmac" class="icon_utill" target="_blank">ê¹í¬ë¯¸ëì´ìí¸ì¼í°</a> 159 <div class="site-wrap"> 160 <div class="wrap-inner"> 161 <a href="https://www.gcf.or.kr/gmac" target="_blank" title="ê¹í¬ë¯¸ëì´ìí¸ì¼í° ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)" class="i-blog">ê¹í¬ë¯¸ëì´ìí¸ì¼í°</a> 162 </div> 163 </div> 164 </li> 165 <li class="utill_site_link utill_site02 site2" > 166 <a href="http://aegibong.or.kr/" class="icon_utill" target="_blank">ì 기ë´ííìíê³µì</a> 167 <div class="site-wrap"> 168 <div class="wrap-inner"> 169 <a href="https://aegibong.or.kr/" target="_blank" title="ì 기ë´ííìíê³µì ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)" class="i-blog">ì 기ë´ííìíê³µì</a> 170 </div> 171 </div> 172 </li> 173 <li class="utill_site_link utill_site03 sns" tabindex="0"> 174 <a href="javascript: ;" class="icon_utill">SNS</a> 175 <div class="sns-wrap"> 176 <div class="wrap-inner"> 177 <a href="https://www.facebook.com/gcf.or.kr" title="íì´ì¤ë¶ ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)" target="_blank" class="i-facebook">íì´ì¤ë¶</a> 178 <a href="https://www.instagram.com/gimpoculture/" title="ì¸ì¤íê·¸ë¨ ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)" target="_blank" class="i-instagram">ì¸ì¤íê·¸ë¨</a> 179 <a href="https://www.youtube.com/c/%EA%B9%80%ED%8F%AC%EB%AC%B8%ED%99%94%EC%9E%AC%EB%8B%A8TV" title="ì íë¸ ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)" target="_blank" class="i-youtube">ì íë¸</a> 180 <a href="https://blog.naver.com/gcfculture" title="ë¸ë¡ê·¸ ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)" target="_blank" class="i-blog">ë¸ë¡ê·¸</a> 181 <a href="https://pf.kakao.com/_fTEAK" title="ì¹´ì¹´ì¤í¡ ì±ë ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)" target="_blank" class="i-channel">ì¹´ì¹´ì¤í¡ ì±ë</a> 182 </div> 183 </div> 184 </li> 185 </ul> 186 <ul class="utill_member"> 187 <li> 188 <a href="/main/member/login.do?redirect=L21haW4vbWVtYmVyL2xvZ2luLmRvPw==" title="ë¡ê·¸ì¸ ë°ë¡ê°ê¸°" class="utill_login">ë¡ê·¸ì¸</a> 189 </li> 190 <li> 191 <a href="/main/member/join/step01.do" title="íìê°ì ë°ë¡ê°ê¸°" class="utill_join">íìê°ì </a> 192 </li> 193 <li class="lang_box"> 194 <a href="/main/main.do" class="btn_utill btn_lang on"><span>Kor</span></a> <!-- // íì±í on --> 195 <a href="/eng/main.do" class="btn_utill btn_lang"><span>Eng</span></a> 196 </li> 197 198 </ul> 199 </div> 200 </div> 201 202 <div class="header_head_common"> 203 <ul> 204 <li><a href="/main/main.do" class="on" title="íì¬ ì¬ì´í¸ íì¼ë¡ ê°ê¸°">ê¹í¬ë¬¸íì¬ë¨</a></li> 205 <li><a href="https://gcf.or.kr/gart/main.do" target="_blank" title="G-ART STUDIO ì ì°½ìì ì´ë¦¼">G-ART STUDIO</a></li> 206 <li><a href="https://gcf.or.kr/gclass/main.do" target="_blank" title="êµì¡Â·ì²´í íµí©ìì½ ì ì°½ìì ì´ë¦¼">êµì¡Â·ì²´í íµí©ìì½</a></li> 207 <li><a href="https://sgsg.gcf.or.kr/" target="_blank" title="ìê³³ìê³³ ê¹í¬ ì ì°½ìì ì´ë¦¼">ìê³³ìê³³ ê¹í¬</a></li> 208 <li><a href="https://archive.gcf.or.kr:28443" target="_blank" title="ìì¬ë¬¸í ìì¹´ì´ë¸ ì ì°½ìì ì´ë¦¼">ìì¬ë¬¸í ìì¹´ì´ë¸</a></li> 209 <li><a href="https://www.gcf.or.kr/gmac" target="_blank" title="ê¹í¬ë¯¸ëì´ìí¸ì¼í° ì ì°½ìì ì´ë¦¼">ê¹í¬ë¯¸ëì´ìí¸ì¼í°</a></li> 210 <li><a href="https://aegibong.or.kr/Home/index" target="_blank" title="ì 기ë´ííìíê³µì ì ì°½ìì ì´ë¦¼">ì 기ë´ííìíê³µì</a></li> 211 </ul> 212 </div> 213 214 <div class="header_body"> 215 <h1 class="header_logo"> 216 <a href="/" tabindex="3"> 217 <img src="/main/images/layout/logo_header.png" alt="ê¹í¬ë¬¸íì¬ë¨" > 218 </a> 219 </h1> 220 221 <div class="gnb"> 222 <div class="wrap"> 223 <ul class="gnb_depth1" id="topmenu_for_left"> 224 <li class="mr01"> 225 <a href="/main/exh/schedule/calendar.do" target="_self" title="문í·ìì ·êµì¡Â·ì²´í"> 226 <p>문í·ìì ·êµì¡Â·ì²´í</p> 227 </a> 228 <ul class="sub_menu" id="menu1"> 229 <li class="menu_row"> 230 <a href="/main/exh/schedule/calendar.do" target="_self" title="ì´ë¬ì ì¼ì ">ì´ë¬ì ì¼ì </a> 231 </li> 232 <li class="menu_row"> 233 <a href="/main/exh/list.do?mthd=SHOW" target="_self" title="ê³µì° ìë´">ê³µì° ìë´</a> 234 </li> 235 <li class="menu_row"> 236 <a href="/main/exh/list.do?mthd=EXH" target="_self" title="ì ì ìë´">ì ì ìë´</a> 237 </li> 238 <li class="menu_row"> 239 <a href="/main/exh/list.do?mthd=FEST" target="_self" title="ì¶ì ìë´">ì¶ì ìë´</a> 240 </li> 241 <li class="menu_row"> 242 <a href="/main/exh/list.do?mthd=EVT" target="_self" title="íì¬ ìë´">íì¬ ìë´</a> 243 </li> 244 <li class="menu_row"> 245 <a href="/main/content/view.do?sn=284" target="_self" title="ê´ë ê°ì´ë">ê´ë ê°ì´ë</a> 246 </li> 247 <li class="menu_row"> 248 <a href="/main/content/view.do?sn=11" target="_self" title="ì매 ìë´">ì매 ìë´</a> 249 </li> 250 <li class="menu_row"> 251 <a href="/gclass/main.do" target="_blank" title="êµì¡Â·ì²´í ì ì²">êµì¡Â·ì²´í ì ì² â </a> 252 </li> 253 <li class="menu_row"> 254 <a href="https://www.hanatour.com/all-search?keyword=ê¹í¬ìí¸ë¹ë¦¬ì§&keywordCateg=DS" target="_blank" title="íì¥ ìë° ìì½">íì¥ ìë° ìì½ â </a> 255 </li> 256 </ul> 257 </li> 258 <li class="mr01"> 259 <a href="/main/content/view.do?sn=41" target="_self" title="문í ê³µê°"> 260 <p>문í ê³µê°</p> 261 </a> 262 <ul class="sub_menu" id="menu2"> 263 <li class="menu_row"> 264 <a href="/main/content/view.do?sn=41" target="_self" title="ê³µì°Â·ì¶ì ê³µê°">ê³µì°Â·ì¶ì ê³µê°</a> 265 </li> 266 <li class="menu_row"> 267 <a href="/main/content/view.do?sn=48" target="_self" title="ì ì·미ì ê³µê°">ì ì·미ì ê³µê°</a> 268 </li> 269 <li class="menu_row"> 270 <a href="/main/content/view.do?sn=49" target="_self" title="ìì¬Â·ìí·체í ê³µê°">ìì¬Â·ìí·체í ê³µê°</a> 271 </li> 272 <li class="menu_row"> 273 <a href="/main/content/view.do?sn=46" target="_self" title="ì민 ìíµ ê³µê°">ì민 ìíµ ê³µê°</a> 274 </li> 275 <li class="menu_row"> 276 <a href="/main/content/view.do?sn=37" target="_self" title="ìì¤ ëê´ ìë´">ìì¤ ëê´ ìë´</a> 277 </li> 278 </ul> 279 </li> 280 <li class="mr01"> 281 <a href="/main/content/view.do?sn=306" target="_self" title="íë«í¼Â·ìì ì¸ ì§ì"> 282 <p>íë«í¼Â·ìì ì¸ ì§ì</p> 283 </a> 284 <ul class="sub_menu" id="menu3"> 285 <li class="menu_row"> 286 <a href="/main/content/view.do?sn=306" target="_self" title="ê¹í¬ìì ì¸ ì§ì">ê¹í¬ìì ì¸ ì§ì</a> 287 </li> 288 <li class="menu_row"> 289 <a href="/main/content/view.do?sn=95" target="_self" title="ê¹í¬ ìì¬ìì ìºë¦í°">ê¹í¬ ìì¬ìì ìºë¦í°</a> 290 </li> 291 <li class="menu_row"> 292 <a href="https://gcf.or.kr/gart/main.do" target="_blank" title="G-ART Studio">G-ART Studio â </a> 293 </li> 294 <li class="menu_row"> 295 <a href="https://sgsg.gcf.or.kr/" target="_blank" title="ìê³³ìê³³ ê¹í¬">ìê³³ìê³³ ê¹í¬ â </a> 296 </li> 297 <li class="menu_row"> 298 <a href="https://archive.gcf.or.kr:28443" target="_blank" title="ìì¬ë¬¸í ìì¹´ì´ë¸">ìì¬ë¬¸í ìì¹´ì´ë¸ â </a> 299 </li> 300 </ul> 301 </li> 302 <li class="mr01"> 303 <a href="/main/pst/list.do?pst_id=notice" target="_self" title="ì림/ìíµ"> 304 <p>ì림/ìíµ</p> 305 </a> 306 <ul class="sub_menu" id="menu4"> 307 <li class="menu_row"> 308 <a href="/main/pst/list.do?pst_id=notice" target="_self" title="ê³µì§ì¬í">ê³µì§ì¬í</a> 309 </li> 310 <li class="menu_row"> 311 <a href="/main/pst/list.do?pst_id=recruit" target="_self" title="ê³ ì/ê³µê³ ">ê³ ì/ê³µê³ </a> 312 </li> 313 <li class="menu_row"> 314 <a href="/main/pst/list.do?pst_id=news" target="_self" title="ë³´ëìë£">ë³´ëìë£</a> 315 </li> 316 <li class="menu_row"> 317 <a href="/main/pst/list.do?pst_id=newsletter&TP=recent" target="_self" title="ë´ì¤ë í°">ë´ì¤ë í°</a> 318 </li> 319 <li class="menu_row"> 320 <a href="/main/pst/list.do?pst_id=photo" target="_self" title="미ëì´ ê°¤ë¬ë¦¬">미ëì´ ê°¤ë¬ë¦¬</a> 321 </li> 322 <li class="menu_row"> 323 <a href="/main/pst/list.do?pst_id=publish" target="_self" title="ìë£ì¤">ìë£ì¤</a> 324 </li> 325 <li class="menu_row"> 326 <a href="/main/pst/list.do?pst_id=mem_refer" target="_self" title="íì ì ì© ìë£ì¤">íì ì ì© ìë£ì¤</a> 327 </li> 328 </ul> 329 </li> 330 <li class="mr01"> 331 <a href="/main/content/view.do?sn=51" target="_self" title="ì¬ë¨ìê°"> 332 <p>ì¬ë¨ìê°</p> 333 </a> 334 <ul class="sub_menu" id="menu5"> 335 <li class="menu_row"> 336 <a href="/main/content/view.do?sn=51" target="_self" title="ì¸ì¬ë§">ì¸ì¬ë§</a> 337 </li> 338 <li class="menu_row"> 339 <a href="/main/content/view.do?sn=55" target="_self" title="ì¤ë¦½ ë° ë¹ì ">ì¤ë¦½ ë° ë¹ì </a> 340 </li> 341 <li class="menu_row"> 342 <a href="/main/organ/list.do?vw=chart" target="_self" title="ì¡°ì§ìê°">ì¡°ì§ìê°</a> 343 </li> 344 <li class="menu_row"> 345 <a href="/main/content/view.do?sn=295" target="_self" title="ê²½ìì² í">ê²½ìì² í</a> 346 </li> 347 <li class="menu_row"> 348 <a href="/main/pst/list.do?pst_id=majorplan" target="_self" title="ê²½ìê³µì">ê²½ìê³µì</a> 349 </li> 350 <li class="menu_row"> 351 <a href="/main/content/view.do?sn=60" target="_self" title="ê¸°ê´ ìì§ (CI)">ê¸°ê´ ìì§ (CI)</a> 352 </li> 353 <li class="menu_row"> 354 <a href="/main/content/view.do?sn=282" target="_self" title="문íê³³ê°">문íê³³ê°</a> 355 </li> 356 <li class="menu_row"> 357 <a href="/main/content/view.do?sn=78" target="_self" title="ì¤ìë 길">ì¤ìë 길</a> 358 </li> 359 </ul> 360 </li> 361 </ul> 362 <b class="cm_color1">ê¹í¬ë¬¸íì¬ë¨ ê´ë ¨ ì¬ì´í¸ ë°ë¡ê°ê¸°</b> 363 <ul class="gnb_depth1 mo"> 364 <li class="mr01"> 365 <span class="hidden">íì¬ ì¬ì´í¸</span> 366 <p class="none">ê¹í¬ë¬¸íì¬ë¨</p> 367 </li> 368 <li class="mr01"> 369 <a href="https://gcf.or.kr/gart/main.do" target="_blank" title="ìì°½ì´ë¦¼" class="bg"> 370 <p>G-ART STUDIO</p> 371 </a> 372 </li> 373 <li class="mr01"> 374 <a href="https://gcf.or.kr/gclass/main.do" target="_blank" title="ìì°½ì´ë¦¼" class="bg"> 375 <p>êµì¡Â·ì²´í íµí©ìì½</p> 376 </a> 377 </li> 378 <li class="mr01"> 379 <a href="https://sgsg.gcf.or.kr/" target="_blank" title="ìì°½ì´ë¦¼" class="bg"> 380 <p>ìê³³ìê³³ ê¹í¬</p> 381 </a> 382 </li> 383 <li class="mr01"> 384 <a href="https://archive.gcf.or.kr:28443" target="_blank" title="ìì°½ì´ë¦¼" class="bg"> 385 <p>ìì¬ë¬¸í ìì¹´ì´ë¸</p> 386 </a> 387 </li> 388 <li class="mr01"> 389 <a href="https://www.gcf.or.kr/gmac" target="_blank" title="ìì°½ì´ë¦¼" class="bg"> 390 <p>ê¹í¬ë¯¸ëì´ìí¸ì¼í°</p> 391 </a> 392 </li> 393 <li class="mr01"> 394 <a href="https://aegibong.or.kr/Home/index" target="_blank" title="ìì°½ì´ë¦¼" class="bg"> 395 <p>ì 기ë´ííìíê³µì</p> 396 </a> 397 </li> 398 </ul> 399 </div> 400 <div class="sns mobi-sns"> 401 <div class="sns-wrap"> 402 <a href="https://www.facebook.com/gcf.or.kr" title="íì´ì¤ë¶ ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)" target="_blank" class="i-facebook"> 403 <img src="/main/images/icon/facebook_big_white.png" alt="íì´ì¤ë¶"> 404 </a> 405 <a href="https://www.instagram.com/gimpoculture/" title="ì¸ì¤íê·¸ë¨ ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)" target="_blank" class="i-instagram"> 406 <img src="/main/images/icon/instagram_big_white.png" alt="ì¸ì¤íê·¸ë¨"> 407 </a> 408 <a href="https://www.youtube.com/channel/UC4lZz8-HZFyZnidaDXrWmTA?view_as=subscriber" title="ì íë¸ ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)" target="_blank" class="i-youtube"> 409 <img src="/main/images/icon/youtube_big_white.png" alt="ì íë¸"> 410 </a> 411 <a href="https://blog.naver.com/gcfculture" title="ë¸ë¡ê·¸ ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)" target="_blank" class="i-blog"> 412 <img src="/main/images/icon/blog_big_white.png" alt="ë¸ë¡ê·¸"> 413 </a> 414 <a href="https://pf.kakao.com/_fTEAK" title="ì¹´ì¹´ì¤í¡ ì±ë ë°ë¡ê°ê¸°(ìì°½ì´ê¸°)" target="_blank" class="i-channel"> 415 <img src="/main/images/icon/channel_big_white.png" alt="ì¹´ì¹´ì¤í¡ ì±ë"> 416 </a> 417 </div> 418 </div> 419 <div class="gnb-bg"></div> 420 <div class="mobi-bg"></div> 421 </div> 422 423 <ul class="utill_member"> 424 <li> 425 <a href="/main/member/login.do?redirect=L21haW4vbWVtYmVyL2xvZ2luLmRvPw==" title="ë¡ê·¸ì¸ ë°ë¡ê°ê¸°" class="utill_login">ë¡ê·¸ì¸</a> 426 </li> 427 <li> 428 <a href="/main/member/join/step01.do" title="íìê°ì ë°ë¡ê°ê¸°" class="utill_join">íìê°ì </a> 429 </li> 430 <li class="lang_box"> 431 <a href="/main/main.do" class="btn_utill btn_lang on"><span>Kor</span></a> 432 <a href="/eng/main.do" class="btn_utill btn_lang"><span>Eng</span></a> 433 </li> 434 </ul> 435 <div class="hd_top wrap"> 436 <h1 class="header_logo"> 437 <a href="/" tabindex="3"> 438 <img sr
438c="https://www.gcf.or.kr/main/images/layout/logo_header.png" alt="ê¹í¬ë¬¸íì¬ë¨"> 439 </a> 440 </h1> 441 <div id="gnbButton" class="gnb_button"> 442 <span></span> 443 <span></span> 444 <span></span> 445 </div> 446 <span class="icon"> 447 <span class="icon__bar"></span> 448 </span> 449 <span class="s-hidden">ì¬ì´í¸ë§µ</span> 450 </div> 451 </div> 452</header> 453<!-- //header --> 454 455 <div id="container" class="subpage container" role="main"> 456 <div class="location"> 457 <div class="wrap s-clearfix"> 458 <ul class="location_menu"> 459 <li class="home">í</li> 460 <li >ë¶ê°ë©ë´</li> 461 <li class="current">ë¡ê·¸ì¸</li> 462 </ul> 463 </div> 464 </div> 465 466 <div class="wrap wrap_contents_full sub1610"> 467 <div id="contents" class="contents sub contents_full sub1610 div "> 468 <div class="contents_head"> 469 <div class="contents_title"> 470 <h3>ë¡ê·¸ì¸</h3> 471 <!-- íì´í ì¢ì¸¡ ë©ë´ --> 472 <div class="title_menu"> 473 <a href="javascript:;" class="title_menu_btn" onclick="titleMenuFunc(this);">ë¡ê·¸ì¸</a> 474 <ul class='title_menu_list'> 475 <li class="on"> 476 <a href="/main/member/login.do" >ë¡ê·¸ì¸</a> 477 </li> 478 <li > 479 <a href="/main/member/join/step01.do" >íµí©íìê°ì </a> 480 </li> 481 <li > 482 <a href="/main/member/find_idpw.do" >ìì´ë·ë¹ë°ë²í¸ 찾기</a> 483 </li> 484 <li > 485 <a href="/main/guide/sitemap/view.do" >ì¬ì´í¸ë§µ</a> 486 </li> 487 <li > 488 <a href="/main/guide/policy_prvc/view.do" >ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a> 489 </li> 490 <li > 491 <a href="/main/content/view.do?sn=304" >ììì ë³´ì²ë¦¬ê¸°ê¸° ì´ì·ê´ë¦¬ 방침</a> 492 </li> 493 <li > 494 <a href="/main/content/view.do?sn=84" >ì´ì©ì½ê´</a> 495 </li> 496 <li > 497 <a href="/main/content/view.do?sn=85" >ì´ë©ì¼ë¬´ë¨ìì§ê±°ë¶</a> 498 </li> 499 </ul> 500 </div> 501 <!-- // íì´í ì¢ì¸¡ ë©ë´ --> 502 </div> 503 </div> 504 <div class="contents_body"> 505 <!--SubContent --> 506 <style> 507 #sleep_modal .btn-close{position:absolute; width:50px; height:50px; top:0; right:0; overflow:hidden; text-indent:-99999px; display:block; padding:0;} 508 #sleep_modal .btn-close:before{content:''; width: 30px; height: 2px; position: absolute; left: 50%; top:50%; background: #222; transform: translate(-50%,-50%) rotate(-45deg);} 509 #sleep_modal .btn-close:after{content:''; width: 30px; height: 2px; position: absolute; left: 50%; top:50%; background: #222; transform: translate(-50%,-50%) rotate(45deg);} 510 #sleep_modal .modal_tit {position:absolute; top:0; left:0; width:100%; height: auto; background-color:#2162af; color:#fff; text-align:left; } 511 #sleep_modal .modal_tit span {display:inline-block; padding: 10px; } 512 #sleep_modal .close_btn {position:absolute; z-index:1; top:0; right:5px;} 513 #sleep_modal .close_btn button {color:#fff; font-size: 24px; cursor:pointer;} 514 #sleep_modal .input2 {border:1px solid #999; padding: 5px;} 515 </style> 516 517 <div class="article"> 518 <div class="article_body login_page"> 519 <!-- login_box --> 520 <div class="login_box"> 521 <div class="login_info sub_box col-9 col-md-12 col-xs-12"> 522 <strong class="login_info_txt">ê¼!! íì¸í´ 주ì¸ì.</strong> 523 <p> 524 기존 ê¹í¬ë¬¸íì¬ë¨, G-Art Studio íìì íµí©íì ì íì ìë£í´ì¼ ìë¹ì¤ ì´ì©ì´ ê°ë¥í©ëë¤.<br> 525 ìëì ê°ì ì 차를 íµí´ íµí©íìì¼ë¡ ì ííì¸ì! 526 </p> 527 <div class="login_info_step"> 528 <ul class="login_info_step_list"> 529 <li class="list1"> 530 <div class="login_info_box"> 531 <div class="login_info_box_icon"> 532 <span class="num">01</span> 533 ì½ê´ëì 534 </div> 535 </div> 536 </li> 537 <li class="list2"> 538 <div class="login_info_box"> 539 <div class="login_info_box_icon"> 540 <span class="num">02</span>
541 íìì¸ì¦ 542 </div> 543 </div> 544 </li> 545 <li class="list3"> 546 <div class="login_info_box"> 547 <div class="login_info_box_icon"> 548 <span class="num">03</span> 549 ì íìë£ 550 </div> 551 </div> 552 </li> 553 </ul> 554 </div> 555 <div class="login_info_util"> 556 <div class="util_left"> 557 íµí©íìì¼ë¡ ì ííìë©´ íëì ê³ì (ID,PW)ë¡<br> 558 ê¹í¬ë¬¸íì¬ë¨ì´ ì ê³µíë ë¤ìí ìë¹ì¤ë¥¼ ì´ì©íì¤ ì ììµëë¤. 559 </div> 560 <div class="util_right"><a href="/other/attach/process.file.do?TP=dn&sn=4649&key=8E3FB4E577E268C" class="util_btn"><span class="btn_icon">íµí©íì 매ë´ì¼</span></a></div> 561 </div> 562 </div> 563 <div class="border_bl sub_box col-9 col-md-12 col-xs-12"> 564 <div class="join_box_top"> 565 <p> 566 <img src="../images/layout/logo_header.png" alt="ê¹í¬ë¬¸íì¬ë¨"> 567 <span>ì ì¤ì ê²ì íìí©ëë¤.</span> 568 </p> 569 </div> 570 <div class="join_box_wrap"> 571 <div class="default_join join_box"> 572 <p>íµí©íì ë¡ê·¸ì¸</p> 573 <form id="formLogin" action="process.do" method="post" onsubmit="return fnFormValidation(); " target="hidden_iframe"> 574 <input type="hidden" name="TP" value="login" /> 575 <input type="hidden" name="redirect" value="L21haW4vbWFpbi5kbz8=" /> 576 <input type="hidden" name="access_site" value="" /> 577 578 <fieldset> 579 <legend class="hidden">ë¡ê·¸ì¸ ìì</legend> 580 <ul class="form_sec"> 581 <li class="clearfix"> 582 <label for="mber_id" class="label2">ìì´ë</label> 583 <input type="text" id="mber_id" name="mber_id" value="" maxlength="20" class="input2" placeholder="ìì´ë"> 584 </li> 585 <li class="clearfix"> 586 <label for="mber_pw" class="label2">ë¹ë°ë²í¸</label> 587 <input type="password" id="mber_pw" name="mber_pw" value="" maxlength="20" class="input2" placeholder="ë¹ë°ë²í¸"> 588 </li> 589 </ul> 590 <input type="submit" value="ë¡ê·¸ì¸" class="button_sq bg--main" title="ë¡ê·¸ì¸" /> 591 </fieldset> 592 </form> 593 </div> 594 <div class="sns_join join_box"> 595 <p>SNS ê³ì ì¼ë¡ íµí©íì ë¡ê·¸ì¸</p> 596 <div style="display:flex; align-items:center;"> 597 <button type="button" onclick="fnClick_loginKakao();" class="btn kakao" title="ì¹´ì¹´ì¤ ë¡ê·¸ì¸ ì ì°½ì¼ë¡ ì´ê¸°" style="padding:0.75rem 2rem;" > 598 <img src="../images/subpage/kakao-login-btn.png" alt="ì¹´ì¹´ì¤ ë¡ê·¸ì¸"> 599 </button> 600 </div> 601 602 <div style="display:flex; align-items:center;"> 603 <button type="button" onclick="fnClick_loginNaver();" class="btn naver" title="ë¤ì´ë² ë¡ê·¸ì¸ ì ì°½ì¼ë¡ ì´ê¸°" style="padding:0.75rem 2rem;" > 604 <img src="../images/subpage/naver-login-btn.png" alt="ë¤ì´ë² ë¡ê·¸ì¸"> 605 </button> 606 </div> 607 </div> 608 </div> 609 </div> 610 </div> 611 <!--// login_box --> 612 613 <!-- btn_box --> 614 <div class="btn_box"> 615 <a href="/main/member/join/step01.do" title="íìê°ì ë°ë¡ê°ê¸°" class="btn_signup">íìê°ì </a> 616 <a href="/main/member/find_idpw.do" title="ìì´ë/ë¹ë°ë²í¸ 찾기 ë°ë¡ê°ê¸°" class="btn_find">ìì´ë/ë¹ë°ë²í¸ 찾기</a> 617 </div> 618 <!--// btn_box --> 619 620 </div> 621 </div> 622 623 <form id="formLogin_sns" action="process.do" method="post" target="hidden_iframe"> 624 <input type="hidden" name="TP" value="login-sns" /> 625 <input type="hidden" name="cert_data" value="" /> 626 <input type="hidden" name="redirect" value="L21haW4vbWFpbi5kbz8=" /> 627 <input type="hidden" name="access_site" value="" /> 628 </form> 629 630 <div id="sleep_modal_bg1" class="modal" style="position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; display: none;"> 631 <div id="sleep_modal" style="position:absolute; width:460px; max-width:96%; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; text-align:center; padding:3rem 2rem;"> 632 <p> 633 <b style="display:block; margin-bottom:1.2rem; color:#2162af;"> 634 íìëì 1ë ì´ì ë¡ê·¸ì¸ 기ë¡ì´ íì¸ëì§ ìì <br> 635 ê³ì ì´ í´ë©´ì²ë¦¬ ëììµëë¤. 636 </b> 637 ìë¹ì¤ ì¬ì´ì©ì ìí´, ìë [í´ë©´í´ì ]를 ëë¬ ë³¸ì¸ì¸ì¦ì ì§íí´ì£¼ì기 ë°ëëë¤. <br> 638 </p> 639 <div class="btm_btns" style="margin-top:1.5rem;"> 640 <a href="javascript:; " onclick="fnPopup_drmnc1_proc(); " target="_self" class="btn bg--main">í´ë©´í´ì </a> 641 <a href="javascript:; " onclick="fnPopup_close(this); " class="btn btn-close">ë«ê¸°</a> 642 </div> 643 </div> 644 </div> 645 646 <div id="sleep_modal_bg2" class="modal" style="position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; display: none; ">
647 <div id="modal_gart" style="position:absolute; width:460px; max-width:96%; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; text-align:center; padding:3rem 2rem;"> 648 649 <form id="formLogin_guide" action="/main/member/merge/step01.do" method="post"> 650 651 <input type="hidden" name="site_type" value="" /> 652 <input type="hidden" name="mbr_sn" value="" /> 653 <input type="hidden" name="mbr_key" value="" /> 654 655 <p> 656 기존 ê¹í¬ë¬¸íì¬ë¨ íìê³¼ G-Art Studio ìì ì¸ íìì<br/> 657 기존 IDë¡ íµí©íì ì íì ìë£í´ì£¼ì기 ë°ëëë¤.<br/> 658 </p> 659 <div class="btm_btns" style="margin-top:1.5rem; margin-bottom: 2.75rem;"> 660 <a href="javascript:; " onclick="$('#formLogin_guide').submit(); " class="btn bg--main">íµí©íì ì í</a> 661 </div> 662 </form> 663 </div> 664 </div> 665 666 <div id="loginPswd_modal_bg1" class="modal" style="position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; display: none;"> 667 <div id="sleep_modal" style="position:absolute; width:460px; max-width:96%; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; text-align:center; padding:3rem 2rem;"> 668 <div> 669 <b style="display:block; margin-bottom:1.2rem; color:#2162af;"> 670 ë¹ë°ë²í¸ ë³ê²½ ìë´ 671 </b> 672 </div> 673 <div class="row"> 674 <div>ë§ì§ë§ì¼ë¡ ë¹ë°ë²í¸ ë³ê²½ í 3ê°ìì´ ì§ë¬ìµëë¤.</div> 675 <div style="letter-spacing: -2px; ">íìëì ìì¤í ê°ì¸ì 보를 ë³´í¸í기 ìí´ ë¹ë°ë²í¸ë¥¼ ë³ê²½í´ì£¼ì¸ì.</div> 676 </div> 677 <div class="btm_btns" style="margin-top:1.5rem;"> 678 <a href="/main/myinfo/write.do " class="btn bg--main">ë¹ë°ë²í¸ ë³ê²½</a> 679 <a href="javascript:; " class="btn btn-move bg--main2">ë¤ìì ë³ê²½í기</a> 680 <a href="javascript:; " class="btn btn-move btn-close">ë«ê¸°</a> 681 </div> 682 </div> 683 </div> 684 685
685<script> 686 var formLogin = null; 687 $(document).ready(function(){ 688 formLogin = $("#formLogin"); 689 }); 690 var fnFormValidation = function() { 691 692 return ( 693 true 694 && chk_field(formLogin.find("input[name=mber_id]"), "null", "ìì´ë") 695 && chk_field(formLogin.find("input[name=mber_pw]"), "null", "ë¹ë°ë²í¸") 696 && fnPrevent_check() 697 ); 698 } 699 700 var mbr_data = null; 701 702 var fnPopup_drmnc1 = function(mbr_data) { 703 $("#sleep_modal_bg1").show(); 704 705 this.mbr_data = mbr_data; 706 } 707 708 var fnPopup_gart1 = function(arg1, args2, args3) { 709 $("#sleep_modal_bg2").show(); 710 711 var formLogin_guide = $("#formLogin_guide"); 712 formLogin_guide.find("input[name=mbr_data]").val(args2); 713 formLogin_guide.find("input[name=site_data]").val(args3); 714 } 715 716 var fnPopup_drmnc1_proc = function() { 717 var params = { 718 "TP" : "drmnc" 719 , "mbr_data" : mbr_data 720 }; 721 722 $.ajax({ 723 type : "post", 724 url : "process.json.do", 725 data : params, 726 dataType : "json", 727 success : function(res) { 728 alert(res.message); 729 if (res.status=="OK") { 730 location.reload(); 731 } 732 }, 733 error : function(res) { 734 alert("ì ì í ë¤ì ìëí´ì£¼ì¸ì."); 735 return false; 736 } 737 }); 738 } 739 740 var fnPopup_close = function(_element) { 741 //Bind 742 var _this = $(_element); 743 var _modal = _this.closest(".modal"); 744 745 //Execute 746 _modal.hide(); 747 } 748 749 function fnIntegration (siteType, sn, mbrKey) { 750 751 $('input[name="site_type"]').val(siteType); 752 $('input[name="mbr_sn"]').val(sn); 753 $('input[name="mbr_key"]').val(mbrKey); 754 755 756 $("#sleep_modal_bg2").show(); 757 } 758 759 var fnPopup_loginPswd = function(redirect_uri) { 760 //Def 761 var _modal = $("#loginPswd_modal_bg1"); 762 var _btn = _modal.find(".btn-move"); 763 764 //Set Href 765 _btn.prop("href", redirect_uri); 766 767 //Open Modal 768 _modal.show(); 769 } 770 771 </script>
771 772 773
773<script src="https://developers.kakao.com/sdk/js/kakao.js"></script>
773 774
774<script> 775 Kakao.init('a14721b221df183b4754ecd14268a0b7'); 776 var fnClick_loginKakao = function() { 777 Kakao.Auth.login({ 778 success: function (response) { 779 Kakao.API.request({ 780 url: '/v2/user/me', 781 success: function (response) { 782 fnProcess_kakao(JSON.stringify(response)); 783 }, 784 fail: function (error) { 785 console.log(error) 786 }, 787 }) 788 }, 789 fail: function (error) { 790 console.log(error) 791 }, 792 }) 793 } 794 795 var fnProcess_kakao = function(data) { 796 var params = { 797 "TP" : "kakao" 798 , "cert_data" : data 799 } 800 801 $.ajax({ 802 type : "post", 803 url : "/main/member/process.json.do", 804 data : params, 805 dataType : "json", 806 async: false, 807 success : function(res) { 808 if (res.status=="OK") { 809 var formLogin = $("#formLogin_sns"); 810 811 formLogin.find("input[name=cert_data]").val(res.data); 812 formLogin.submit(); 813 } else { 814 $("#lbl_id_dupl_check").text(res.message); 815 } 816 }, 817 error : function(res) { 818 alert("ì ì í ë¤ì ìëí´ì£¼ì¸ì."); 819 return false; 820 } 821 }); 822 } 823 824 </script>
824 825 826
826<script type="text/javascript" src="https://static.nid.naver.com/js/naverLogin_implicit-1.0.3.js" charset="utf-8"></script>
826 827
827<script> 828 var naver_id_login = new naver_id_login("", "https://www.gcf.or.kr/main/member/process.json.do?TP=naver"); 829 830 var fnClick_loginNaver = function() { 831 var url = "https://nid.naver.com/oauth2.0/authorize?response_type=code&client_id=pEADJ9DvVmiQiIcQ57kU&redirect_uri=https%3A%2F%2Fwww.gcf.or.kr%2Fmain%2Fmember%2Fprocess.json.do%3FTP%3Dnaver&state=B8ifU8Do79tiS8K5taUFg354zNiyH6pFlmB8MUs39y44hxt9vGLjg757UuBf970o324c8a17Xj39aG4e98iPIg2ToGL28z3XFOdYUv4MIR5MdI82nCGDjCPbP93d3BoUS1"; 832 open_popup(url, "popup_naver", 600, 705); 833 } 834 835 var fnClick_recNaver = function(res) { 836 var formLogin = $("#formLogin_sns"); 837 838 formLogin.find("input[name=cert_data]").val(res); 839 formLogin.submit(); 840 } 841 </script>
841 842<!--//SubContent--> 843 </div> 844 </div> 845 </div> 846 </div> 847 <!-- footer --> 848 <!--260601 div id="footer".../div를 footer id="footer".../footerë¡ ë³ê²½--> 849<!--<div id="footer" class="footer">--> 850<footer id="footer" class="footer"> 851 <h2 class="s-hidden">íë¨ ë©ë´ ë° ííì´ì§ ì ë³´</h2> 852 <div class="footer_util"> 853 <div class="wrap s-middle"> 854 <ul class="footer_menu s-clearfix"> 855 <li><a href="/main/guide/policy_prvc/view.do" class="cm_color1">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></li> 856 <li><a href="/main/content/view.do?sn=304">ììì ë³´ì²ë¦¬ê¸°ê¸°ì´ìê´ë¦¬ë°©ì¹¨</a></li> 857 <li><a href="/main/content/view.do?sn=84">ì´ì©ì½ê´</a></li> 858 <li><a href="/main/content/view.do?sn=85">ì´ë©ì¼ë¬´ë¨ìì§ê±°ë¶</a></li> 859 <li><a href="/main/content/view.do?sn=78">ì¤ìë 길</a></li> 860 <li><a href="/main/guide/sitemap/view.do">ì¬ì´í¸ë§µ</a></li> 861 </ul> 862 <div class="footer_family"> 863 <form> 864 <fieldset> 865 <select id="f_select" class="familySite select" title="ì ê´ê¸°ê´ ì¬ì´í¸ 목ë¡"> 866 <option value="" selected>ì ê´ê¸°ê´ì¬ì´í¸</option> 867 <option value="http://www.gimpo.go.kr/">ê¹í¬ìì²</option> 868 <option value="http://www.guc.or.kr">ê¹í¬ëìê´ë¦¬ê³µì¬</option> 869 <option value="http://www.fgy.or.kr/">ê¹í¬ìì²ìë ì¬ë¨</option> 870 <option value="http://www.bestgcf.or.kr/">ê¹í¬ë³µì§ì¬ë¨</option> 871 <option value="http://www.ggpolice.go.kr/gimpo/">ê¹í¬ê²½ì°°ì</option> 872 <option value="https://119.gg.go.kr/gimpo">ê¹í¬ìë°©ì</option> 873 <option value="http://www.gpoe.kr/">경기ëê¹í¬êµì¡ì§ìì²</option> 874 <option value="https://gimpocci.net/">ê¹í¬ìê³µíìì</option> 875 </select> 876 <a href="javascript: ;" class="ft_btn" onclick="move_family_site();" title="ì ê´ê¸°ê´ ì¬ì´í¸ ìì°½ì¼ë¡ ì´ë¦¼">ì´ë</a> 877 </fieldset> 878
878<script> 879 function move_family_site(){ 880 if(document.getElementById('f_select').value != "") 881 window.open(document.getElementById('f_select').value); 882 } 883 </script>
883 884 </form> 885 </div> 886 </div> 887 </div> 888 <div class="footer_contents"> 889 <div class="wrap s-middle"> 890 <div> 891 <div class="logo"> 892 <img src="/main/images/common/logo_foot.svg" alt="ê¹í¬ë¬¸íì¬ë¨"> 893 </div> 894 <ul class="foot_sns"> 895 <a href="https://pf.kakao.com/_fTEAK" target="_blank"> 896 <i class="cm_icon icon_kakao">ì¹´ì¹´ì¤í¡ì±ë</i> 897 </a> 898 <a href="https://blog.naver.com/gcfculture" target="_blank"> 899 <i class="cm_icon icon_blog">ë¸ë¡ê·¸</i> 900 </a> 901 <a href="https://www.youtube.com/channel/UC4lZz8-HZFyZnidaDXrWmTA" target="_blank"> 902 <i class="cm_icon icon_youtube">ì íë¸</i> 903 </a> 904 <a href="https://www.instagram.com/gimpoculture/" target="_blank"> 905 <i class="cm_icon icon_instargram">ì¸ì¤íê·¸ë¨</i> 906 </a> 907 <a href="https://www.facebook.com/gcf.or.kr" target="_blank"> 908 <i class="cm_icon icon_facebook">íì´ì¤ë¶</i> 909 </a> 910 </ul> 911 </div> 912 <div class="information"> 913 <address>(10110) 경기ë ê¹í¬ì ëë¬¸ë¡ 26 ê¹í¬ìí¸í</address> 914 <ul class="informaiton_list s-clearfix"> 915 <li><span>ëíì í :</span> 031-999-3927</li> 916 <li><span>í©ì¤ :</span> 031-996-5655</li> 917 <li><span>ê³ ì ë²í¸ :</span> 463-82-00037</li> 918 </ul> 919 <p class="copyright"> 920 <small>Copyright(C) Gimpo Cultural Foundation all rights reserved.</small> 921 </p> 922 </div> 923 <div class="information space"> 924 <span class="cm_color3">ëê´ë¬¸ì</span> 925 <ul class="informaiton_list space s-clearfix"> 926 <li><span class="mr-10">ê¹í¬ìí¸í ê³µì°ì¥</span> 031-999-3962</li> 927 <li><span class="mr-10">ê¹í¬ìí¸ë¹ë¦¬ì§ ìí¸ì¼í° ê³µì°ì¥</span> 031-999-3962</li> 928 <li><span class="mr-10">ê¹í¬ìí¸í ê°¤ë¬ë¦¬/ì¸ë¯¸ëì¤</span> 031-999-3974</li> 929 <li><span class="mr-10">íµì§ëë 문íì¼í°</span> 031-999-3986</li> 930 <li><span class="mr-10">ìê³¶ìí문íì¼í°</span> 031-999-3987</li> 931 </ul> 932 </div> 933 <div class="mark_area"> 934 </div> 935 </div> 936 </div> 937</footer> 938 939<div id="quick" class="sideQuick clearfix" tabindex="0"> 940 <p class="tit on"> 941 <span><img src="/main/images/icon/quick_bg.jpg" alt=""></span> 942 </p> 943 <ul class="clearfix"> 944 <li class="q01"> 945 <a href="/main/content/view.do?sn=37"><span>ëê´ ìë´</span></a> 946 </li> 947 <li class="q02"> 948 <a href="/main/exh/list.do?mthd=SHOW"><span>ê³µì° ì매</span></a> 949 </li> 950 <li class="q03"> 951 <a href="/gclass/edu/list.do" target="_blank"><span>êµì¡ì ì²</span></a> 952 </li> 953 <li class="q05"> 954 <a href="/main/content/view.do?sn=43"><span>ìë°ìì½</span></a> 955 </li> 956 <li class="q04"> 957 <a href="/main/content/view.do?sn=78"><span>ì¤ìë길</span></a> 958 </li> 959 </ul> 960</div> 961 962<div id="top"> 963 <a href="#"> 964 <!-- <img src="/main/images/icon/top_arrow_white.png" alt="" class="white"> --> 965 <!-- <img src="/main/images/icon/top_arrow_black.png" alt="" class="white"> --> 966 <img src="/main/images/icon/top_arrow_black.png " alt=""><span>TOP</span> 967 </a> 968</div> 969 970<div id="newsletter_modal_bg" style="display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999;" > 971 <div id="newsletter_modal" style="position:absolute; width:460px; max-width:96%; left:50%; top:50%; transform:translate(-50%, -50%); background:#fff; text-align:center; padding:3rem 2rem;"> 972 <div class=""> 973 <img src="/main/images/icon/icon_newsletter_chk.png" alt=""> 974 <p style="margin-top:1rem;">ê¹í¬ë¬¸íì¬ë¨ <span style="color:#2162af">ë´ì¤ë í° êµ¬ë ì ì²</span>ì´ ìë£ëììµëë¤.</p> 975 </div> 976 <div class="btm_btns" style="margin-top:1.5rem;"> 977 <a href="javascript: ;" onclick="$('#newsletter_modal_bg').fadeOut(); " class="btn bg--main">íì¸</a> 978 </div> 979 </div> 980</div> 981 982 983<link rel="stylesheet" type="text/css" href="/main/css/event.css?v=95383" > 984
985<script> 986 var tshnt_evt_sn = "0"; 987 var tshnt_evt_dtl_sn = "0"; 988 var founded_dtl_cnt = "0"; 989 var full_dtl_cnt = "0"; 990 var founded_dtl_sn_list_txt = ""; 991 var cntFlag = ""; 992 993 // 보물찾기 ì´ë²¤í¸ ì¤í¬ë¦½í¸ 994 $(document).ready(function(){ 995 // pc 모ë°ì¼ë³ ìì¹ xì¶ ë³ëì²ë¦¬ ëë¤ 996 var ww = $(window).width(); 997 if (ww > 1200) { 998 var eventX = Math.floor(Math.random()*1024); 999 eventX = eventX - 512; 1000 } else { 1001 var eventX = Math.floor(Math.random()*220); 1002 eventX = eventX - 110; 1003 } 1004 1005 // yì¶ ìì¹ ëë¤ 1006 var eventY = Math.floor(Math.random()*700); 1007 eventY = eventY - 350; 1008 1009 params = { 1010 "this_url" : window.location.href, 1011 "TP" : "url_check" 1012 }; 1013 1014 $.ajax({ 1015 type : "post", 1016 url : "/other/evt/tshnt_evt/process.json.do", 1017 data : params, 1018 dataType : "json", 1019 success : function(data) { 1020 if (data.status == "OK") { 1021 1022 1023 tshnt_evt_dtl_sn = data.data.tshnt_evt_dtl_sn; 1024 tshnt_evt_sn = data.data.tshnt_evt_sn; 1025 1026 founded_dtl_cnt = data.data.founded_dtl_cnt; 1027 full_dtl_cnt = data.data.full_dtl_cnt; 1028 founded_dtl_sn_list_txt = data.data.founded_dtl_sn_list_txt; 1029 if(founded_dtl_cnt == full_dtl_cnt-1){ 1030 cntFlag = "1"; 1031 } 1032 1033 var eventHtml = ""; 1034 //Btn 1035 eventHtml += "<div class=\"eventBtn event1\" onclick=\"fnInsertOn();\" style=\"margin-left:"+eventX+"px;margin-top:"+eventY+"px; background-image: url(/other/evt/tshnt_evt/process.file.do?TP=icn_img&tshnt_evt_dtl_sn="+tshnt_evt_dtl_sn+"); background-repeat: no-repeat; \"></div>"; 1036 1037 1038 //Ing 1039 eventHtml += "<div class=\"cm_modal modal_gcf_event ev1\">" 1040 eventHtml += " <div class=\"modal_inner\">" 1041 eventHtml += " <div class=\"modal_contents\">"; 1042 eventHtml += " <a href=\"javascript:;\" class=\"modal_close\" onclick=\"modalClose(this)\">ë«ê¸°</a>"; 1043 eventHtml += " <div class=\"modal_body\">"; 1044 eventHtml += " <div class=\"modal_cont\">"; 1045 eventHtml += " <div class=\"event_bnr\">"; 1046 eventHtml += " <div class=\"event_title\">"; 1047 eventHtml += " <img src=\"/main/images/event/bnr03_title.png\" alt=\"ì! GCF ì°¾ìë¤! \">"; 1048 eventHtml += " </div>"; 1049 eventHtml += " <div class=\"event_img\">"; 1050 1051 1052 if(founded_dtl_sn_list_txt.indexOf('1') != -1 || tshnt_evt_dtl_sn == '1') { 1053 eventHtml += " <div class=\"stemp1 event_stemp on\">"; 1054 } else { 1055 eventHtml += " <div class=\"stemp1 event_stemp\">"; 1056 } 1057 eventHtml += " <span class=\"stemp_text\">G ì¤í¬í</span>"; 1058 eventHtml += " <span class=\"stemp_label\">ë°ê²¬</span>"; 1059 eventHtml += " </div>"; 1060 1061 if(founded_dtl_sn_list_txt.indexOf('2') != -1 || tshnt_evt_dtl_sn == '2') { 1062 eventHtml += " <div class=\"stemp2 event_stemp on\">"; 1063 } else { 1064 eventHtml += " <div class=\"stemp2 event_stemp\">"; 1065 } 1066 eventHtml += " <span class=\"stemp_text\">C ì¤í¬í</span>"; 1067 eventHtml += " <span class=\"stemp_label\">ë°ê²¬</span>"; 1068 eventHtml += " </div>"; 1069 1070 if(founded_dtl_sn_list_txt.indexOf('4') != -1 || tshnt_evt_dtl_sn == '4') { 1071 eventHtml += " <div class=\"stemp3 event_stemp on\">"; 1072 } else { 1073 eventHtml += " <div class=\"stemp3 event_stemp\">"; 1074 } 1075 eventHtml += " <span class=\"stemp_text\">F ì¤í¬í</span>"; 1076 eventHtml += " <span class=\"stemp_label\">ë°ê²¬</span>"; 1077 eventHtml += " </div>"; 1078 eventHtml += " </div>"; 1079 eventHtml += " <div class=\"event_text\">"; 1080 eventHtml += " ì! ê¹í¬ë¬¸íì¬ë¨ ë¡ê³ 를 ì°¾ìì£¼ì ¨êµ°ì!<br>"; 1081 eventHtml += " ë¨ì <b>"+(full_dtl_cnt - founded_dtl_cnt -1)+"ê°</b>ì ë¡ê³ ë ì°¾ìì ê¼ ê¹í¬ë¥¼ ìì±í´ì£¼ì¸ì!<br>"; 1082 eventHtml += " ë¡ê³ ìì± íì <b>ë§ì¡±ë ì¡°ì¬ë ì°¸ì¬íì ë¤ë©´ ì ë¬¼ì´ ì르르!</b>"; 1083 eventHtml += " <!-- D:// ì¤í¬í 3ê° ì°¾ìì ë -->"; 1084 eventHtml += " <!-- <b>ê¹í¬ë¬¸íì¬ë¨ ë¡ê³ ! ìì±!</b><br>"; 1085 eventHtml += " ê¹í¬ 찾기ì ëì°¸í´ì£¼ì ì ê°ì¬í´ì. <br>"; 1086 eventHtml += " <b>ìë [ì모 íë¬ê°ê¸°]</b> ë²í¼ì íµí´ ì´ë²¤í¸ì ì°¸ì¬í´ì£¼ì¸ì!"; 1087 eventHtml += " <p>ì¶ì²¨ì íµí´ ì 물ì ë립ëë¤!</p> -->"; 1088 eventHtml += " </div>"; 1089 eventHtml += " </div>"; 1090 eventHtml += " <div class=\"btn_area\">"; 1091 eventHtml += " <a href=\"javascript:;\" onclick=\"modalClose(this)\" class=\"btn_event\">ê¹í¬ ì°¾ì¼ë¬ê°ê¸°</a>"; 1092 eventHtml += " <a href=\"/main/survey/list.do\" class=\"btn_event\">íí© íì¸í기</a>"; 1093 eventHtml += " </div>"; 1094 eventHtml += " <!-- // ëª¨ë¬ ë´ì© ë -->"; 1095 eventHtml += " </div>"; 1096 eventHtml += " </div>"; 1097 eventHtml += " </div>"; 1098 eventHtml += " </div>"; 1099 eventHtml += "</div>"; 1100 1101 //Comp 1102 eventHtml += "<div class=\"cm_modal modal_gcf_event ev2\">" 1103 eventHtml += " <div class=\"modal_inner\">" 1104 1105 eventHtml += " <div class=\"modal_contents\">"; 1106 eventHtml += " <a href=\"javascript:;\" class=\"modal_close\" onclick=\"modalClose(this)\">ë«ê¸°</a>"; 1107 eventHtml += " <div class=\"modal_body\">"; 1108 eventHtml += " <div class=\"modal_cont\">"; 1109 eventHtml += " <div class=\"event_bnr\">"; 1110 eventHtml += " <div class=\"event_title\">"; 1111 eventHtml += " <img src=\"/main/images/event/bnr03_title.png\" alt=\"ì! GCF ì°¾ìë¤! \">"; 1112 eventHtml += " </div>"; 1113 eventHtml += " <div class=\"event_img\">"; 1114 eventHtml += " <div class=\"stemp1 event_stemp on\">"; 1115 eventHtml += " <span class=\"stemp_text\">G ì¤í¬í</span>"; 1116 eventHtml += " <span class=\"stemp_label\">ë°ê²¬</span>"; 1117 eventHtml += " </div>"; 1118 eventHtml += " <div class=\"stemp2 event_stemp on\">"; 1119 eventHtml += " <span class=\"stemp_text\">C ì¤í¬í</span>"; 1120 eventHtml += " <span class=\"stemp_label\">ë°ê²¬</span>"; 1121 eventHtml += " </div>"; 1122 eventHtml += " <div class=\"stemp3 event_stemp on\">"; 1123 eventHtml += " <span class=\"stemp_text\">F ì¤í¬í</span>"; 1124 eventHtml += " <span class=\"stemp_label\">ë°ê²¬</span>"; 1125 eventHtml += " </div>"; 1126 eventHtml += " </div>"; 1127 eventHtml += " <div class=\"event_text\">"; 1128 eventHtml += " <b>ê¹í¬ë¬¸íì¬ë¨ ë¡ê³ ! ìì±!</b><br>"; 1129 eventHtml += " ê¹í¬ 찾기ì ëì°¸í´ì£¼ì ì ê°ì¬í´ì. <br>"; 1130 eventHtml += " <b>ìë [ì모 íë¬ê°ê¸°]</b> ë²í¼ì íµí´ ì´ë²¤í¸ì ì°¸ì¬í´ì£¼ì¸ì!"; 1131 eventHtml += " <p>ì¶ì²¨ì íµí´ ì 물ì ë립ëë¤!</p>"; 1132 eventHtml += " </div>"; 1133 eventHtml += " </div>"; 1134 eventHtml += " <div class=\"btn_area\">"; 1135 eventHtml += " <a href=\"/main/survey/list.do\" class=\"btn_event\">ì모 íë¬ê°ê¸°</a>"; 1136 eventHtml += " </div>"; 1137 eventHtml += " <!-- // ëª¨ë¬ ë´ì© ë -->"; 1138 eventHtml += " </div>"; 1139 eventHtml += " </div>"; 1140 eventHtml += " </div>"; 1141 eventHtml += " </div>"; 1142 eventHtml += "</div>"; 1143 1144 var el_event = $(eventHtml); 1145 //Style 1146 el_event.find(".eventcon").css("cursor", "pointer"); 1147 el_event.find(".eventcon").css("background-repeat", "no-repeat"); 1148 1149 //Event 1150 if (cntFlag == '1') { 1151 el_event.find(".eventimg1").on("click", function(){ 1152 $(this).closest('.eventPop').hide(); 1153 fnPopClose1();
1154 }); 1155 } else { 1156 el_event.find(".eventimg1").on("click", function(){ 1157 $(this).closest('.eventPop').fadeOut(); 1158 fnPopClose(); 1159 }); 1160 } 1161 1162 el_event.find(".eventimg2").on("click", function(){ 1163 $(this).closest('.eventPop').fadeOut(); 1164 fnPopClose(); 1165 }); 1166 1167 $("body").append(el_event); 1168 } 1169 }, 1170 error : function(data) { 1171 return false; 1172 } 1173 }); 1174 }); 1175 1176 function fnInsertOn(){ 1177 params = { 1178 "this_url" : window.location.href, 1179 "TP" : "insert", 1180 "tshnt_evt_dtl_sn" : tshnt_evt_dtl_sn, 1181 }; 1182 1183 $.ajax({ 1184 type : "post", 1185 url : "/other/evt/tshnt_evt/process.json.do", 1186 data : params, 1187 dataType : "json", 1188 success : function(data) { 1189 if (data.status == "OK") { 1190 $(".eventBtn").fadeOut(400); 1191 $("html").addClass("modal-open"); 1192 1193 if(cntFlag == "1") { 1194 $(".ev2").addClass("show"); 1195 } else { 1196 $(".ev1").addClass("show"); 1197 } 1198 1199 } 1200 }, 1201 error : function(data) { 1202 return false; 1203 } 1204 }); 1205 } 1206 function fnPopClose(){ 1207 $("html").removeClass("modal-open"); 1208 $(".ev1").removeClass("show"); 1209 } 1210 function fnPopClose1(){ 1211 fnPopClose(); 1212 1213 1214 $("html").addClass("modal-open"); 1215 $(".ev2").addClass("show"); 1216 } 1217 function fnPopClose2(){ 1218 $("html").removeClass("modal-open"); 1219 $(".ev2").removeClass("show"); 1220 } 1221</script>
1221<!-- //footer --> 1222 1223 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 67 bytes, lines 1223-1224
1223 1224 <script async src="https://www.googletagmanager.com/gtag/js?id=
1224G-WNHV83GYNZ
vendor: 15 bytes, lines 1224-1225
1224"></script> 1225
1225<script> 1226
vendor: 136 bytes, lines 1226-1229
1226window.dataLayer = window.dataLayer || []; 1227 function gtag(){dataLayer.push(arguments);} 1228 gtag('js', new Date()); 1229 gtag('config', '
1229G-WNHV83GYNZ
vendor: 7 bytes, lines 1229-1230
1229'); 1230
1230</script>
1230 1231 1232 <iframe name="hidden_iframe" id="hidden_iframe" title="ì¨ê²¨ì§ íë ì" src="about:blank" style="display: none; " ></iframe> 1233 </body> 1234</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.