1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> 3 4<head> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 7 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> 8 <!--<meta name='viewport' content='1200, initial-scale=0.3, maximum-scale=1, user-scalable=yes'/>--> 9 <meta name="apple-mobile-web-app-capable" content="yes" /> 10 <meta property="og:type" content="website" /> 11 <meta property="og:site_name" content="ìì´ì°½ì ì¤í ì´ì " /> 12 <meta property="og:title" content="ìì´ì°½ì ì¤í ì´ì " /> 13 <meta property="og:description" content="ìì´ì°½ì ì¤í ì´ì " /> 14 <meta property="og:image" content="../images/inc/image.png" /> 15 <meta property="og:url" content=".." /> 16 <meta name="description" content="ìì´ì°½ì ì¤í ì´ì " /> 17 <meta name="naver-site-verification" content="2e942d810feecafedf81b8f72262d3f8c04d5887" /> 18 <title>ìì´ì°½ì ì¤í ì´ì -ì¼í°ìê°-ìì´ì°½ì ì¤í ì´ì </title> 19 20 <link rel="stylesheet" type="text/css" href="../css/font.css?v=0.0115"> 21 <link rel="stylesheet" type="text/css" href="../css/xeicon.min.css"> 22 <link rel="stylesheet" type="text/css" href="../css/inc.css?v=0.0115"> 23 <link rel="stylesheet" type="text/css" href="../css/board.css?v=0.0115"> 24 <link rel="stylesheet" type="text/css" href="../css/style.css?v=0.0115"> 25 <link rel="stylesheet" type="text/css" href="../js/aos/aos.css?v=0.0115"> 26 <link rel="stylesheet" type="text/css" href="../css/common.css?v=0.0115"> 27 <link rel="stylesheet" type="text/css" href="../css/style_response.css?v=0.0115"> 28 <link rel="stylesheet" type="text/css" href="../css/style_response_j.css?v=0.0115"> 29 <link href="../js/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" /> 30 <link href="../js/pop/popover.css?v=1.5" rel="stylesheet" type="text/css" /> 31 32
32<script src="../js/jquery-1.10.2.min.js?v=0.0115" type="text/javascript"></script>
32 33
33<script src="../js/jquery-ui.min.js?v=0.0115" type="text/javascript"></script>
33 34
34<script src="../js/inc.js?v=0.0115" type="text/javascript"></script>
34 35 <!-- <link href="../js/scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" /> 36
36<script src="../js/scrollbar/jquery.mCustomScrollbar.js" type="text/javascript" defer="defer"></script>
36 --> 37
37<script type="text/javascript" src="../js/aos/aos.js"></script>
37 38 39 <link href="../js/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" /> 40
40<script type="text/javascript" src="../js/fullcalendar/moment.min.js"></script>
40 41
41<script type="text/javascript" src="../js/fullcalendar/fullcalendar.min.js"></script>
41 42
42<script type="text/javascript" src="../js/fullcalendar/ko.js"></script>
42 43
43<script type="text/javascript" src="../js/owl.carousel.js"></script>
43 44
44<script type="text/javascript" src="../js/pop/bootstrap.min.js"></script>
44 45 46 47
47<script type="text/javascript" src="../ISAF/js/layer_pop.js" defer="defer"></script>
47 48
48<script type="text/javascript" src="../ISAF/js/frmCheck.js?v=1.2"></script>
48 49 <link type="text/css" rel="stylesheet" href="../ISAF/js/jquery-ui/css/smoothness/jquery-ui-1.10.3.custom.css" /> 50
50<script type="text/javascript" src="../ISAF/js/jquery-ui/js/jquery-ui-1.10.3.custom.js"></script>
50 51 <link type="text/css" rel="stylesheet" href="../summernote/summernote-lite.css"> 52
52<script type="text/javascript" src="../summernote/summernote-lite.js"></script>
52 53
53<script type="text/javascript" src="../summernote/summernote-ko-KR.js"></script>
53 54
54<script type="text/javascript" src="../summernote/summernote-ext-specialchars.js"></script>
54 55
55<script type="text/javascript" src="../summernote/summernote-image-attributes.js"></script>
55 56
56<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
56 57 58 <!-- <link rel="shortcut icon" href="../images/inc/favicon.ico" /> --> 59 60 <!--
60<script type="text/javascript" src="../smarteditor/js/HuskyEZCreator.js" charset="utf-8"></script>
60 --> 61 62 63</head> 64<iframe name="doquery" style="display: none;"></iframe> 65 66<body class="sub dp1_company dp2_introduction"> 67 <link href='../js/swiper/swiper.css?v=0.0115' rel='stylesheet' type='text/css'>
68<script src='../js/swiper/swiper.js?v=0.0115'></script>
68<!--header--> 69<div id="header"> 70 <div class="wrapHide"></div> 71 <div class="box1 inner flex space"> 72 <h1 class="logo flex vc headH"> 73 <a href="../main/main.php" class="in"><img src="../images/inc/logo.png?v=0.0115"></a> 74 <a href="https://www.seocho.go.kr/site/seocho/main.do" target="blank_" class="in"><img src="../images/inc/logo_seocho.svg"></a> 75 </h1> 76 <div class="gnb_wrap wb ffEN"> 77 <ul class="gnb flex"> 78 <li class="m_company on more actW"> 79 <a href="../sub_company/introduction.php" class="dp1 flex ac link"><span class="in"><i class="tt">ì¼í°ìê°</i><i class="xi arrow"></i></span></a> 80 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company')" class="dp1 flex ac layer "><span class="in"><i class="tt">ì¼í°ìê°</i><i class="xi arrow"></i></span></a> 81 <ul class="dp2 flex more" data-tit="ì¼í°ìê°"> 82 <li class="m2_introduction on actW"> 83 <a href="../sub_company/introduction.php" class="flex ac link"><span class="in"><i class="tt">ìì´ì°½ì ì¤í ì´ì </i><i class="xi arrow"></i></span></a> 84 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company li.m2_introduction')" class="flex ac layer"><span class="in"><i class="tt">ìì´ì°½ì ì¤í ì´ì </i><i class="xi arrow"></i></span></a> 85 </li> 86 <li class="m2_membership actW"> 87 <a href="../sub_company/membership.php" class="flex ac link"><span class="in"><i class="tt">íììë´</i><i class="xi arrow"></i></span></a> 88 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company li.m2_membership')" class="flex ac layer"><span class="in"><i class="tt">íììë´</i><i class="xi arrow"></i></span></a> 89 </li> 90 <li class="m2_location actW"> 91 <a href="../sub_company/location.php" class="flex ac link"><span class="in"><i class="tt">ì¤ìë길</i><i class="xi arrow"></i></span></a> 92 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company li.m2_location')" class="flex ac layer"><span class="in"><i class="tt">ì¤ìë길</i><i class="xi arrow"></i></span></a> 93 </li> 94 </ul> 95 </li> 96 <li class="m_program more actW"> 97 <a href="../sub_program/operate.php" class="dp1 flex ac link"><span class="in"><i class="tt">íë¡ê·¸ë¨</i><i class="xi arrow"></i></span></a> 98 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_program')" class="dp1 flex ac layer "><span class="in"><i class="tt">íë¡ê·¸ë¨</i><i class="xi arrow"></i></span></a> 99 <ul class="dp2 flex " data-tit="íë¡ê·¸ë¨"> 100 <li class="m2_operate actW"> 101 <a href="../sub_program/operate.php" class="flex ac link"><span class="in"><i class="tt">íë¡ê·¸ë¨ ì ì²</i><i class="xi arrow"></i></span></a> 102 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_program li.m2_operate')" class="flex ac layer"><span class="in"><i class="tt">íë¡ê·¸ë¨ ì ì²</i><i class="xi arrow"></i></span></a> 103 </li> 104 </ul> 105 </li> 106 <li class="m_coronation more actW"> 107 <a href="../sub_coronation/welfare.php" class="dp1 flex ac link"><span class="in"><i class="tt">ìì¤ëê´</i><i class="xi arrow"></i></span></a> 108 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_coronation')" class="dp1 flex ac layer "><span class="in"><i class="tt">ìì¤ëê´</i><i class="xi arrow"></i></span></a> 109 <ul class="dp2 flex more" data-tit="ìì¤ëê´"> 110 <li class="m2_welfare actW"> 111 <a href="../sub_coronation/welfare.php" class="flex ac link"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 112 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_coronation li.m2_welfare')" class="flex ac layer"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 113 </li> 114 <li class="m2_submit m_hide actW"> 115 <a href="../sub_coronation/submit.php" class="flex ac link"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 116 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_coronation li.m2_submit')" class="flex ac layer"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 117 </li> 118 </ul> 119 </li> 120 <li class="m_news more actW"> 121 <a href="../sub_news/news.php" class="dp1 flex ac link"><span class="in"><i class="tt">ì¼í°ìì</i><i class="xi arrow"></i></span></a> 122 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news')" class="dp1 flex ac layer "><span class="in"><i class="tt">ì¼í°ìì</i><i class="xi arrow"></i></span></a> 123 <ul class="dp2 flex more" data-tit="ì¼í°ìì"> 124 <li class="m2_news actW"> 125 <a href="../sub_news/news.php" class="flex ac link"><span class="in"><i class="tt">ê³µì§ì¬í</i><i class="xi arrow"></i></span></a> 126 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news li.m2_news')" class="flex ac layer"><span class="in"><i class="tt">ê³µì§ì¬í</i><i class="xi arrow"></i></span></a> 127 </li> 128 <li class="m2_relorg actW"> 129 <a href="../sub_news/relorg.php" class="flex ac link"><span class="in"><i class="tt">ì ê´ê¸°ê´ ìì</i><i class="xi arrow"></i></span></a> 130 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news li.m2_relorg')" class="flex ac layer"><span class="in"><i class="tt">ì ê´ê¸°ê´ ìì</i><i class="xi arrow"></i></span></a> 131 </li> 132 <li class="m2_news2 actW"> 133 <a href="../sub_news/news2.php" class="flex ac link"><span class="in"><i class="tt">ì¼í°ë´ì¤</i><i class="xi arrow"></i></span></a> 134 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news li.m2_news2')" class="flex ac layer"><span class="in"><i class="tt">ì¼í°ë´ì¤</i><i class="xi arrow"></i></span></a> 135 </li> 136 </ul> 137 </li> 138 <li class="m_policy m_hide actW"> 139 <a href="../sub_policy/" class="dp1 flex ac link"><span class="in"><i class="tt">ê°ì¸ë³´í¸ì ì± </i><i class="xi arrow"></i></span></a> 140 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_policy')" class="dp1 flex ac layer "><span class="in"><i class="tt">ê°ì¸ë³´í¸ì ì± </i><i class="xi arrow"></i></span></a> 141 </li> 142 <li class="m_member m_hide actW"> 143 <a href="../sub_member/" class="dp1 flex ac link"><span class="in"><i class="tt">Member</i><i class="xi arrow"></i></span></a> 144 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_member')" class="dp1 flex ac layer "><span class="in"><i class="tt">Member</i><i class="xi arrow"></i></span></a> 145 </li> 146 <li class="m_mypage m_hide more actW"> 147 <a href="../sub_mypage/coronationList.php" class="dp1 flex ac link"><span class="in"><i class="tt">Mypage</i><i class="xi arrow"></i></span></a> 148 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage')" class="dp1 flex ac layer "><span class="in"><i class="tt">Mypage</i><i class="xi arrow"></i></span></a> 149 <ul class="dp2 flex more" data-tit="Mypage"> 150 <li class="m2_coronationList actW"> 151 <a href="../sub_mypage/coronationList.php" class="flex ac link"><span class="in"><i class="tt">ëê´ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 152 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_coronationList')" class="flex ac layer"><span class="in"><i class="tt">ëê´ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 153 </li> 154 <li class="m2_eduList actW"> 155 <a href="../sub_mypage/eduList.php" class="flex ac link"><span class="in"><i class="tt">íë¡ê·¸ë¨ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 156 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_eduList')" class="flex ac layer"><span class="in"><i class="tt">íë¡ê·¸ë¨ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 157 </li> 158 <li class="m2_memberInfo actW"> 159 <a href="../sub_mypage/memberInfo.php" class="flex ac link"><span class="in"><i class="tt">íìì ë³´ìì </i><i class="xi arrow"></i></span></a> 160 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_memberInfo')" class="flex ac layer"><span class="in"><i class="tt">íìì ë³´ìì </i><i class="xi arrow"></i></span></a> 161 </li> 162 <li class="m2_secession actW"> 163 <a href="../sub_mypage/secession.php" class="flex ac link"><span class="in"><i class="tt">íìíí´</i><i class="xi arrow"></i></span></a> 164 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_secession')" class="flex ac layer"><span class="in"><i class="tt">íìíí´</i><i class="xi arrow"></i></span></a> 165 </li> 166 </ul> 167 </li> 168</ul> </div> 169 <div class="side_wrap flex vc hr headH"> 170 <ul class="mem flex vc"> 171 <li><a href="../sub_member/login.php" class="in flex vc"><i class="xi xi-profile"></i><span class="tt">
171ë¡ê·¸ì¸</span></a></li> 172 <li><a href="../sub_member/join.php" class="in flex vc"><span class="tt">íìê°ì </span></a></li> 173 </ul> 174 <div class="all_wrap"> 175 <div class="all"><a href="javascript:void(0);" class="all_btn" onClick="toggleClass(this,'html','allGnbOn')"><i class="ham"></i></a></div> 176 <div class="all_layer"> 177 <div class="all_inner flex wrap"> 178 <div class="all_shape filW moveUpDownAni"><img src="../images/icon/shape1.svg?v=0.0115"></div> 179 <div class="wrap_bg flex col "> 180 <div class="img resize s4 bgfix" style="background-image:url(../images/sub/all_gnb.jpg?v=0.0115);"></div> 181 <div class="cs mgT ffEN">Tel : <a href="javascript:void(0)" onClick="telLink(this)" data-link="070-4185-5491~2">070-4185-5491~2</a></div> 182 </div> 183 <div class="wrap_in flex col "> 184 <div class="wrap_top pcHide"></div> 185 <div class="wrap_middle"><ul class="gnb flex"> 186 <li class="m_company on more actW"> 187 <a href="../sub_company/introduction.php" class="dp1 flex ac link"><span class="in"><i class="tt">ì¼í°ìê°</i><i class="xi arrow"></i></span></a> 188 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company')" class="dp1 flex ac layer "><span class="in"><i class="tt">ì¼í°ìê°</i><i class="xi arrow"></i></span></a> 189 <ul class="dp2 flex more" data-tit="ì¼í°ìê°"> 190 <li class="m2_introduction on actW"> 191 <a href="../sub_company/introduction.php" class="flex ac link"><span class="in"><i class="tt">ìì´ì°½ì ì¤í ì´ì </i><i class="xi arrow"></i></span></a> 192 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company li.m2_introduction')" class="flex ac layer"><span class="in"><i class="tt">ìì´ì°½ì ì¤í ì´ì </i><i class="xi arrow"></i></span></a> 193 </li> 194 <li class="m2_membership actW"> 195 <a href="../sub_company/membership.php" class="flex ac link"><span class="in"><i class="tt">íììë´</i><i class="xi arrow"></i></span></a> 196 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company li.m2_membership')" class="flex ac layer"><span class="in"><i class="tt">íììë´</i><i class="xi arrow"></i></span></a> 197 </li> 198 <li class="m2_location actW"> 199 <a href="../sub_company/location.php" class="flex ac link"><span class="in"><i class="tt">ì¤ìë길</i><i class="xi arrow"></i></span></a> 200 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company li.m2_location')" class="flex ac layer"><span class="in"><i class="tt">ì¤ìë길</i><i class="xi arrow"></i></span></a> 201 </li> 202 </ul> 203 </li> 204 <li class="m_program more actW"> 205 <a href="../sub_program/operate.php" class="dp1 flex ac link"><span class="in"><i class="tt">íë¡ê·¸ë¨</i><i class="xi arrow"></i></span></a> 206 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_program')" class="dp1 flex ac layer "><span class="in"><i class="tt">íë¡ê·¸ë¨</i><i class="xi arrow"></i></span></a> 207 <ul class="dp2 flex " data-tit="íë¡ê·¸ë¨"> 208 <li class="m2_operate actW"> 209 <a href="../sub_program/operate.php" class="flex ac link"><span class="in"><i class="tt">íë¡ê·¸ë¨ ì ì²</i><i class="xi arrow"></i></span></a> 210 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_program li.m2_operate')" class="flex ac layer"><span class="in"><i class="tt">íë¡ê·¸ë¨ ì ì²</i><i class="xi arrow"></i></span></a> 211 </li> 212 </ul> 213 </li> 214 <li class="m_coronation more actW"> 215 <a href="../sub_coronation/welfare.php" class="dp1 flex ac link"><span class="in"><i class="tt">ìì¤ëê´</i><i class="xi arrow"></i></span></a> 216 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_coronation')" class="dp1 flex ac layer "><span class="in"><i class="tt">ìì¤ëê´</i><i class="xi arrow"></i></span></a> 217 <ul class="dp2 flex more" data-tit="ìì¤ëê´"> 218 <li class="m2_welfare actW"> 219 <a href="../sub_coronation/welfare.php" class="flex ac link"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 220 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_coronation li.m2_welfare')" class="flex ac layer"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 221 </li> 222 <li class="m2_submit m_hide actW"> 223 <a href="../sub_coronation/submit.php" class="flex ac link"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 224 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_coronation li.m2_submit')" class="flex ac layer"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 225 </li> 226 </ul> 227 </li> 228 <li class="m_news more actW"> 229 <a href="../sub_news/news.php" class="dp1 flex ac link"><span class="in"><i class="tt">ì¼í°ìì</i><i class="xi arrow"></i></span></a> 230 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news')" class="dp1 flex ac layer "><span class="in"><i class="tt">ì¼í°ìì</i><i class="xi arrow"></i></span></a> 231 <ul class="dp2 flex more" data-tit="ì¼í°ìì"> 232 <li class="m2_news actW"> 233 <a href="../sub_news/news.php" class="flex ac link"><span class="in"><i class="tt">ê³µì§ì¬í</i><i class="xi arrow"></i></span></a> 234 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news li.m2_news')" class="flex ac layer"><span class="in"><i class="tt">ê³µì§ì¬í</i><i class="xi arrow"></i></span></a> 235 </li> 236 <li class="m2_relorg actW"> 237 <a href="../sub_news/relorg.php" class="flex ac link"><span class="in"><i class="tt">ì ê´ê¸°ê´ ìì</i><i class="xi arrow"></i></span></a> 238 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news li.m2_relorg')" class="flex ac layer"><span class="in"><i class="tt">ì ê´ê¸°ê´ ìì</i><i class="xi arrow"></i></span></a> 239 </li> 240 <li class="m2_news2 actW"> 241 <a href="../sub_news/news2.php" class="flex ac link"><span class="in"><i class="tt">ì¼í°ë´ì¤</i><i class="xi arrow"></i></span></a> 242 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news li.m2_news2')" class="flex ac layer"><span class="in"><i class="tt">ì¼í°ë´ì¤</i><i class="xi arrow"></i></span></a> 243 </li> 244 </ul> 245 </li> 246 <li class="m_policy m_hide actW"> 247 <a href="../sub_policy/" class="dp1 flex ac link"><span class="in"><i class="tt">ê°ì¸ë³´í¸ì ì± </i><i class="xi arrow"></i></span></a> 248 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_policy')" class="dp1 flex ac layer "><span class="in"><i class="tt">ê°ì¸ë³´í¸ì ì± </i><i class="xi arrow"></i></span></a> 249 </li> 250 <li class="m_member m_hide actW"> 251 <a href="../sub_member/" class="dp1 flex ac link"><span class="in"><i class="tt">Member</i><i class="xi arrow"></i></span></a> 252 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_member')" class="dp1 flex ac layer "><span class="in"><i class="tt">Member</i><i class="xi arrow"></i></span></a> 253 </li> 254 <li class="m_mypage m_hide more actW"> 255 <a href="../sub_mypage/coronationList.php" class="dp1 flex ac link"><span class="in"><i class="tt">Mypage</i><i class="xi arrow"></i></span></a> 256 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage')" class="dp1 flex ac layer "><span class="in"><i class="tt">Mypage</i><i class="xi arrow"></i></span></a> 257 <ul class="dp2 flex more" data-tit="Mypage"> 258 <li class="m2_coronationList actW"> 259 <a href="../sub_mypage/coronationList.php" class="flex ac link"><span class="in"><i class="tt">ëê´ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 260 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_coronationList')" class="flex ac layer"><span class="in"><i class="tt">ëê´ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 261 </li> 262 <li class="m2_eduList actW"> 263 <a href="../sub_mypage/eduList.php" class="flex ac link"><span class="in"><i class="tt">íë¡ê·¸ë¨ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 264 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_eduList')" class="flex ac layer"><span class="in"><i class="tt">íë¡ê·¸ë¨ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 265 </li> 266 <li class="m2_memberInfo actW"> 267 <a href="../sub_mypage/memberInfo.php" class="flex ac link"><span class="in"><i class="tt">íìì ë³´ìì </i><i class="xi arrow"></i></span></a> 268 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_memberInfo')" class="flex ac layer"><span class="in"><i class="tt">íìì ë³´ìì </i><i class="xi arrow"></i></span></a> 269 </li> 270 <li class="m2_secession actW"> 271 <a href="../sub_mypage/secession.php" class="flex ac link"><span class="in"><i class="tt">íìíí´</i><i class="xi arrow"></i></span></a> 272 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_secession')" class="flex ac layer"><span class="in"><i class="tt">íìíí´</i><i class="xi arrow"></i></span></a> 273 </li> 274 </ul> 275 </li> 276</ul></div> 277 <div class="wrap_bottom mgT"> 278 <div class="sns"> 279 <ul class="sns_st flex"> 280 <li class="in"><a href="https://www.instagram.com/seocho_startupstation/" class="wrap_in flex ac" target="_blank"><span class="in"><i class="xi xi-instagram"></i><i class="tt">Instagram</i></span></a></li> <li class="nv"><a href="https://blog.naver.com/ssstation_" class="wrap_in flex ac" target="_blank"><span class="in"><i class="xi xi-naver"></i><i class="tt">NAVER Blog</i></span></a></li> </ul> </div> 281 </div> 282 </div> 283 </div> 284 </div> 285 </div> 286 </div> 287 </div> 288</div> 289<!--header end--> 290<!-- 291<div id="quick" class=""> 292 <ul class="quick_wrap"> 293 <li class="tit"> 294 <div class="in"><i class="tt t2">Quick<br />Menu</i></div> 295 </li> 296 297 <li class="top"><a href="javascript:goTop();" class="in flex ac fc"> 298 <div><i class="xi xi-angle-up-thin"></i><strong class="tt">TOP</strong></div> 299 </a></li> 300 </ul> 301 <span class="hide_btn"></span> 302</div> 303
304<script> 305 $('.hide_btn').click(function(){ 306 $('#quick').toggleClass('active'); 307 }) 308</script>
308 309--> 310 311<!--contents--> 312<div id="contents" class="fullMH"> 313 <div class="sub_page_top headT"> 314 <div class="sub_page_tit"> 315 <div class="box1 flex col"> 316 <!-- <div class="wrap_tit flex col"> 317 <h2 class="sub_tit"><span class="tt ffEN">ì¼í°ìê°</span></h2> 318 <div class="sub_txt"><span class="tt ffEN"></span></div> 319 </div> --> 320 <ul class="nav mgL flex vc"> 321 <li><a href="../main/main.php" class="xi xi-home flex ac"></a></li> 322 <li><i class="tt">ì¼í°ìê°</i></li> 323 <li><i class="tt">ìì´ì°½ì ì¤í ì´ì </i></li> </ul> 324 <div class="slogan_wrap"> 325 <p class="slogan"><span class="t1">ìì´ì°½ì ì¤í ì´ì ìì 본격ì ì¼ë¡ ì°½ì ì ì¤ë¹íì¸ì!</span></p> 326 </div> 327 </div> 328 </div> 329 <div class="sub_page_bg "> 330 <p class="bg bgfix" style="background-image: url(../images/sub/v_company.jpg?v=0.0115);"></p> 331 </div> 332 <div class="sub_page_menu"> 333 <div class="box1"> 334 <div class="wrap_in dp2on"> 335 <ul class="gnb flex"> 336 <li class="m_company on more actW"> 337 <a href="../sub_company/introduction.php" class="dp1 flex ac link"><span class="in"><i class="tt">ì¼í°ìê°</i><i class="xi arrow"></i></span></a> 338 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company')" class="dp1 flex ac layer "><span class="in"><i class="tt">ì¼í°ìê°</i><i class="xi arrow"></i></span></a> 339 <ul class="dp2 flex more" data-tit="ì¼í°ìê°"> 340 <li class="m2_introduction on actW"> 341 <a href="../sub_company/introduction.php" class="flex ac link"><span class="in"><i class="tt">ìì´ì°½ì ì¤í ì´ì </i><i class="xi arrow"></i></span></a> 342 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company li.m2_introduction')" class="flex ac layer"><span class="in"><i class="tt">ìì´ì°½ì ì¤í ì´ì </i><i class="xi arrow"></i></span></a> 343 </li> 344 <li class="m2_membership actW"> 345 <a href="../sub_company/membership.php" class="flex ac link"><span class="in"><i class="tt">íììë´</i><i class="xi arrow"></i></span></a> 346 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company li.m2_membership')" class="flex ac layer"><span class="in"><i class="tt">íììë´</i><i class="xi arrow"></i></span></a> 347 </li> 348 <li class="m2_location actW"> 349 <a href="../sub_company/location.php" class="flex ac link"><span class="in"><i class="tt">ì¤ìë길</i><i class="xi arrow"></i></span></a> 350 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company li.m2_location')" class="flex ac layer"><span class="in"><i class="tt">ì¤ìë길</i><i class="xi arrow"></i></span></a> 351 </li> 352 </ul> 353 </li> 354 <li class="m_program more actW"> 355 <a href="../sub_program/operate.php" class="dp1 flex ac link"><span class="in"><i class="tt">íë¡ê·¸ë¨</i><i class="xi arrow"></i></span></a> 356 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_program')" class="dp1 flex ac layer "><span class="in"><i class="tt">íë¡ê·¸ë¨</i><i class="xi arrow"></i></span></a> 357 <ul class="dp2 flex " data-tit="íë¡ê·¸ë¨"> 358 <li class="m2_operate actW"> 359 <a href="../sub_program/operate.php" class="flex ac link"><span class="in"><i class="tt">íë¡ê·¸ë¨ ì ì²</i><i class="xi arrow"></i></span></a> 360 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_program li.m2_operate')" class="flex ac layer"><span class="in"><i class="tt">íë¡ê·¸ë¨ ì ì²</i><i class="xi arrow"></i></span></a> 361 </li> 362 </ul> 363 </li> 364 <li class="m_coronation more actW"> 365 <a href="../sub_coronation/welfare.php" class="dp1 flex ac link"><span class="in"><i class="tt">ìì¤ëê´</i><i class="xi arrow"></i></span></a> 366 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_coronation')" class="dp1 flex ac layer "><span class="in"><i class="tt">ìì¤ëê´</i><i class="xi arrow"></i></span></a> 367 <ul class="dp2 flex more" data-tit="ìì¤ëê´"> 368 <li class="m2_welfare actW"> 369 <a href="../sub_coronation/welfare.php" class="flex ac link"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 370 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_coronation li.m2_welfare')" class="flex ac layer"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 371 </li> 372 <li class="m2_submit m_hide actW"> 373 <a href="../sub_coronation/submit.php" class="flex ac link"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 374 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_coronation li.m2_submit')" class="flex ac layer"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 375 </li> 376 </ul> 377 </li> 378 <li class="m_news more actW"> 379 <a href="../sub_news/news.php" class="dp1 flex ac link"><span class="in"><i class="tt">ì¼í°ìì</i><i class="xi arrow"></i></span></a> 380 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news')" class="dp1 flex ac layer "><span class="in"><i class="tt">ì¼í°ìì</i><i class="xi arrow"></i></span></a> 381 <ul class="dp2 flex more" data-tit="ì¼í°ìì"> 382 <li class="m2_news actW"> 383 <a href="../sub_news/news.php" class="flex ac link"><span class="in"><i class="tt">ê³µì§ì¬í</i><i class="xi arrow"></i></span></a> 384 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news li.m2_news')" class="flex ac layer"><span class="in"><i class="tt">ê³µì§ì¬í</i><i class="xi arrow"></i></span></a> 385 </li> 386 <li class="m2_relorg actW"> 387 <a href="../sub_news/relorg.php" class="flex ac link"><span class="in"><i class="tt">ì ê´ê¸°ê´ ìì</i><i class="xi arrow"></i></span></a> 388 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news li.m2_relorg')" class="flex ac layer"><span class="in"><i class="tt">ì ê´ê¸°ê´ ìì</i><i class="xi arrow"></i></span></a> 389 </li> 390 <li class="m2_news2 actW"> 391 <a href="../sub_news/news2.php" class="flex ac link"><span class="in"><i class="tt">ì¼í°ë´ì¤</i><i class="xi arrow"></i></span></a> 392 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news li.m2_news2')" class="flex ac layer"><span class="in"><i class="tt">ì¼í°ë´ì¤</i><i class="xi arrow"></i></span></a> 393 </li> 394 </ul> 395 </li> 396 <li class="m_policy m_hide actW"> 397 <a href="../sub_policy/" class="dp1 flex ac link"><span class="in"><i class="tt">ê°ì¸ë³´í¸ì ì± </i><i class="xi arrow"></i></span></a> 398 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_policy')" class="dp1 flex ac layer "><span class="in"><i class="tt">ê°ì¸ë³´í¸ì ì± </i><i class="xi arrow"></i></span></a> 399 </li> 400 <li class="m_member m_hide actW"> 401 <a href="../sub_member/" class="dp1 flex ac link"><span class="in"><i class="tt">Member</i><i class="xi arrow"></i></span></a> 402 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_member')" class="dp1 flex ac layer "><span class="in"><i class="tt">Member</i><i class="xi arrow"></i></span></a> 403 </li> 404 <li class="m_mypage m_hide more actW"> 405 <a href="../sub_mypage/coronationList.php" class="dp1 flex ac link"><span class="in"><i class="tt">Mypage</i><i class="xi arrow"></i></span></a> 406 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage')" class="dp1 flex ac layer "><span class="in"><i class="tt">Mypage</i><i class="xi arrow"></i></span></a> 407 <ul class="dp2 flex more" data-tit="Mypage"> 408 <li class="m2_coronationList actW"> 409 <a href="../sub_mypage/coronationList.php" class="flex ac link"><span class="in"><i class="tt">ëê´ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 410 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_coronationList')" class="flex ac layer"><span class="in"><i class="tt">ëê´ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 411 </li> 412 <li class="m2_eduList actW"> 413 <a href="../sub_mypage/eduList.php" class="flex ac link"><span class="in"><i class="tt">íë¡ê·¸ë¨ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 414 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_eduList')" class="flex ac layer"><span class="in"><i class="tt">íë¡ê·¸ë¨ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 415 </li> 416 <li class="m2_memberInfo actW"> 417 <a href="../sub_mypage/memberInfo.php" class="flex ac link"><span class="in"><i class="tt">íìì ë³´ìì </i><i class="xi arrow"></i></span></a> 418 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_memberInfo')" class="flex ac layer"><span class="in"><i class="tt">íìì ë³´ìì </i><i class="xi arrow"></i></span></a> 419 </li> 420 <li class="m2_secession actW"> 421 <a href="../sub_mypage/secession.php" class="flex ac link"><span class="in"><i class="tt">íìíí´</i><i class="xi arrow"></i></span></a> 422 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_secession')" class="flex ac layer"><span class="in"><i class="tt">íìíí´</i><i class="xi arrow"></i></span></a> 423 </li> 424 </ul> 425 </li> 426</ul> </div> 427 </div> 428 </div> 429 <div class="page_top_tit"> 430 <div class="tit ac"> 431 <p class="page_tt s10">
432 ìì´ì°½ì ì¤í ì´ì </p> 433 </div> 434 </div> 435 </div> 436 437 <div class="doc"> 438 <div class="box1"> 439 <div class="introSlide_wrap"> 440 <div class="introSlide swiper-container"> 441 <div class="swiper-wrapper"> 442 <div class="swiper-slide el"> 443 <div class="bg bgfix" style="background-image:url(../images/sub/intro_slide01.jpg)"></div> 444 </div> 445 <div class="swiper-slide el"> 446 <div class="bg bgfix" style="background-image:url(../images/temp/temp_img_main_fac01.jpg)"></div> 447 </div> 448 <div class="swiper-slide el"> 449 <div class="bg bgfix" style="background-image:url(../images/temp/temp_img_main_fac03.png)"></div> 450 </div> 451 <div class="swiper-slide el"> 452 <div class="bg bgfix" style="background-image:url(../images/temp/temp_img_main_fac05.png)"></div> 453 </div> 454 </div> 455 </div> 456 <div class="introSlide_control flex vc"> 457 <a class="swiperBtn prev introSlide-prev"></a> 458 <a class="swiperBtn next introSlide-next"></a> 459 </div> 460 </div> 461 <div class="intro_infoW"> 462 <div class="titT"> 463 <p class="tit">ì°½ì ì§ìì¼í°<br>ìì´ì°½ì ì¤í ì´ì </p> 464 </div> 465 <div class="txt_area"> 466 <p class="tt">ì°½ì ì ê¿ê¾¸ê³ (Dream) ì¤ë¹(Ready)íë ì¬ëì´ë¼ë©´ ë구ë(Whoever) ì°½ì ì ì¤í(Do)í ì ìëë¡ íë¡ê·¸ë¨ê³¼ ìì¤ì ì§ìí©ëë¤. 멤ë²ìì ê°ì íê³ , 본격ì ì¼ë¡ ì°½ì ì ì¤ë¹íì¸ì!</p> 467 <p class="tt">멤ë²ìì ê°ì íê³ , 본격ì ì¼ë¡ ì°½ì ì ì¤ë¹íì¸ì!</p> 468 </div> 469 </div> 470 <div class="etc_infoI"> 471 <div class="conB"> 472 <div class="tcon flex space"> 473 <p class="tit">ì´ì©ëì<i class="xi xi-users-o"></i></p> 474 <a href="../sub_company/membership.php" class="meminfo"> 475 <p class="tt">멤ë²ì ì ë ìë´</p> 476 </a> 477 </div> 478 <div class="inner"> 479 <ul class="page_list"> 480 <li>ì°½ì ì ê´ì¬ ìë ì²ìë , ì²ë ë° ëíì</li> 481 <li>ì°½ì ì ì¤ë¹ ì¤ì¸ ìë¹ì°½ì ê°</li> 482 <li>ì¬ì ì ììí ì´ê¸° ì°½ì ê°(ì¤íí¸ì , ììê³µì¸)</li> 483 <li>ìì´êµ¬ë¯¼, ìì´êµ¬ ìì¬(거주) ì§ì¥ì¸ ë° ëíì ì°ë</li> 484 </ul> 485 </div> 486 </div> 487 <div class="conB"> 488 <p class="tit">ì´ììê°<i class="xi xi-time-o s2"></i></p> 489 <div class="inner"> 490 <ul class="page_list"> 491 <li>íì¼ 9:00~19:00</li> 492 <li> í ·ì¼ìì¼ ë° ë²ì ê³µí´ì¼ í´ê´</li> 493 </ul> 494 </div> 495 </div> 496 </div> 497 </div> 498</div> 499 500
501<script type="text/javascript"> 502scrollLoad('headerGnb'); 503documentClick(".jsClick"); 504mouseWheel(); 505aosInit(); 506</script>
506 507</div> 508<!--contents end--> 509 510<!--footer--> 511<div style="border-top:1px solid #ddd;"> 512 <div class="box1"> 513 <div class="memBannerSlider_wrap"> 514 <div class="inner flex wrap"> 515 <div class="tit_wrap flex vc"> 516 <a href="../sub_company/related.php" class="tit flex vc"><span class="tt">ì ê´ ê¸°ê´</span></a> 517 <div class="swiperControl st1 show"> 518 <div class="control swiperPauseWrap flex vc"> 519 <a class="memBannerSlider-prev swiperBtn btn s2 prev"></a> 520 <a class="swiperBtn btn s2 pause"></a> 521 <a class="swiperBtn btn s2 play"></a> 522 <a class="memBannerSlider-next swiperBtn btn s2 next"></a> 523 </div> 524 </div> 525 </div> 526 <div class="memBannerSlider swiper-container"> 527 <div class="swiper-wrapper"> 528 <div class="swiper-slide el"> 529 <a href="https://www.seoul.go.kr/main/index.jsp" target='_self' class="in vm_wrap"> 530 <img src="../uploaddata/banner_img/banner_20250227132303_0.png" /> 531 </a> 532 </div> 533 <div class="swiper-slide el"> 534 <a href="https://www.seocho.go.kr/site/seocho/main.do" target='_self' class="in vm_wrap"> 535 <img src="../uploaddata/banner_img/banner_20240417170153_0.svg" /> 536 </a> 537 </div> 538 <div class="swiper-slide el"> 539 <a href="https://www.mss.go.kr/site/smba/main.do" target='_self' class="in vm_wrap"> 540 <img src="../uploaddata/banner_img/banner_20250227132425_0.png" /> 541 </a> 542 </div> 543 <div class="swiper-slide el"> 544 <a href="https://www.kised.or.kr/" target='_self' class="in vm_wrap"> 545 <img src="../uploaddata/banner_img/banner_20250227132454_0.png" /> 546 </a> 547 </div> 548 <div class="swiper-slide el"> 549 <a href="https://seochoaict.ai/" target='_self' class="in vm_wrap"> 550 <img src="../uploaddata/banner_img/banner_20260915155422_0.png" /> 551 </a> 552 </div> 553 <div class="swiper-slide el"> 554 <a href="https://openknowl.com/" target='_self' class="in vm_wrap"> 555 <img src="../uploaddata/banner_img/banner_20250923103323_0.png" /> 556 </a> 557 </div> 558 <div class="swiper-slide el"> 559 <a href="https://www.startup-plus.kr/" target='_self' class="in vm_wrap"> 560 <img src="../uploaddata/banner_img/banner_20250227132400_0.png" /> 561 </a> 562 </div> 563 </div> 564 </div> 565 </div> 566 </div> 567 </div> 568</div> 569<div id="footer"> 570 <div class="snsQuick"> 571 <div class="snsInner toggleWrap"> 572 <span class="circleAni c1"></span> 573 <span class="circleAni c2"></span> 574 <span class="circleAni c3"></span> 575 <a href="javascript:void(0)" class="btn sns_btn flex ac" onClick="toggleClass(this)"><i class="xi xi-share-alt-o"></i></a> 576 <div class="sns"> 577 <ul class="sns_st flex"> 578 <li class="in"><a href="https://www.instagram.com/seocho_startupstation/" class="wrap_in flex ac" target="_blank"><span class="in"><i class="xi xi-instagram"></i><i class="tt">Instagram</i></span></a></li> <li class="nv"><a href="https://blog.naver.com/ssstation_" class="wrap_in flex ac" target="_blank"><span class="in"><i class="xi xi-naver"></i><i class="tt">NAVER Blog</i></span></a></li> </ul> </div> 579 </div> 580 <a href="javascript:goTop();" class="goTop flex ac"><span class="in"><i class="xi xi-angle-up-thin"></i><i class="tt">TOP</i></span></a> 581 </div> 582 583 <div class="box1 f_inner"> 584 <div class="logo_wrap flex space vc"> 585 <p class="logo"> 586 <a href="../main/main.php"><img src="../images/inc/logoW.png?v=0.0115"></a> 587 <a href="https://www.seocho.go.kr/site/seocho/main.do" target="blank_"></a><img src="../images/inc/logo_seocho.svg"> 588 </p> 589 <ul class="menu_wrap"> 590 <li><a href="../sub_company/introduction.php" class="in"><span class="tt">ì¼í°ìê°</span></a></li> 591 <li><a href="javascript:void(0);" class="in" onclick="layerOpen('../sub_guide/agree.php');"><strong class="tt">ì´ì©ì½ê´</strong></a></li> 592 <li class="point"><a href="javascript:void(0);" class="in" onclick="layerOpen('../sub_guide/privacy.php');"><span class="tt">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</span></a></li> 593 <li><a href="../sub_company/location.php" class="in"><span class="tt">ì¤ìë길</span></a></li> 594 </ul> 595 </div> 596 <div class="info_wrap flex space vt wrap"> 597 <ul class="info"> 598 <li>
598ìì´ì°½ì ì¤í ì´ì (ì´ìì¬ (주)ì¤íë)</li> 599 <li class="br">(06634) ìì¸ì ìì´êµ¬ ìì´ëë¡ 294 3í¸ì êµëì ëí©ì¤ ë´</li> 600 <li>ëíì í : <a href="javascript:void(0)" data-link="070-4185-5491~2" class="dataLink" onClick="telLink(this)">070-4185-5491~2</a></li> 601 <!-- <li>Fax : </li> --> 602 <li>Email : <a href="javascript:void(0)" data-link="[email protected]" class="dataLink" onClick="mailLink(this)">[email protected]</a></li><br> 603 <li>ì¬ì ìë±ë¡ë²í¸ : 105-82-10003</a></li> 604 <li>ê°ì¸ì ë³´ê´ë¦¬ì± ìì : ê¶ëí¸ ì¼í°ì¥</a></li> 605 <li class="br copyright">Copyright © Seocho Start-up Station. All rights reserved.</li> 606 </ul> 607 <div class="sns_wrap cw"> 608 <ul class="sns_st flex"> 609 <li class="in"><a href="https://www.instagram.com/seocho_startupstation/" class="wrap_in flex ac" target="_blank"><span class="in"><i class="xi xi-instagram"></i><i class="tt">Instagram</i></span></a></li> <li class="nv"><a href="https://blog.naver.com/ssstation_" class="wrap_in flex ac" target="_blank"><span class="in"><i class="xi xi-naver"></i><i class="tt">NAVER Blog</i></span></a></li> </ul> </div> 610 </div> 611</div> 612 613 <!-- <div class="f_top "> 614 <div class="box1 flex act space"> 615 <ul class="f_top_list flex ac"> 616 <li class="point"><a href="javascript:void(0);" class="in" onclick="layerOpen('../sub_guide/privacy.php');"><span class="tt">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</span></a></li> 617 <li><a href="javascript:void(0);" class="in" onclick="layerOpen('../sub_guide/agree.php');"><strong class="tt">ì´ì©ì½ê´</strong></a></li> 618 <li><a href="../sub_company/location.php" class="in"><span class="tt">ì¤ìë길</span></a></li> 619 620 </ul> 621 </div> 622 </div> 623 <div class="info_wrap"> 624 <div class="box1 f_after flex vt"> 625 <p class="f_logo"><img src="../images/inc/logoW.png?v=0.0115" alt="" /></p> 626 <ul class="info"> 627 <li class="tit">ìì´ì°½ì ì¤í ì´ì </li> 628 <li class="br">주ì : (06634) ìì¸ì ìì´êµ¬ ìì´ëë¡ 294 3í¸ì êµëì ëí©ì¤ ë´</li> 629 <li>ëíì : </li> 630 <li class="br">ê°ì¸ì ë³´ì± ìì : ê¶ëí¸ ì¼í°ì¥</li> 631 <li>Tel : 070-4185-5491~2</li> 632 <li>Fax : </li> 633 <li>íµì í매ì ì ê³ : </li> 634 <li>ê³ ì ë²í¸ : </li> 635 <li class="">E-Mail : [email protected]</li> 636 <li class="br copyright">Copyright (C) ìì´ì°½ì ì¤í ì´ì . All rights reserved.</li> 637 </ul> 638 <div class="etc_wrap"> 639 <div class="site_wrap"> 640 <a href="javascript:void(0)" onclick="toggleClass(this, '#footer .site_wrap')" class="siteBtn st"><i class="t1">ê´ë ¨ ì¬ì´í¸</i><i class="xi arrow"></i></a> 641 <ul class="site"> 642 <li><a href="https://www.seocho.go.kr/" target="_blank" class="st"><i class="t1">ìì´êµ¬ì²</i><i class="xi arrow"></i></a></li> 643 </ul> 644 </div> 645 </div> 646 </div> 647 </div> --> 648</div>
649<script> 650 var memBannerSlider = new Swiper('.memBannerSlider', { 651 slidesPerView: 6, 652 effect: 'slide', 653 spaceBetween: 5, 654 loop: $('.memBannerSlider .swiper-slide').length > 5, 655 autoplay: { 656 delay: 4000, 657 disableOnInteraction: false 658 }, 659 navigation: { 660 nextEl: '.memBannerSlider-next', 661 prevEl: '.memBannerSlider-prev', 662 }, 663 breakpoints: { 664 1024: { 665 slidesPerView: 5, 666 }, 667 768: { 668 slidesPerView: 5, 669 }, 670 425: { 671 slidesPerView: 3, 672 }, 673 }, 674 }); 675 $(".memBannerSlider_wrap .swiperPauseWrap .pause").click(function() { 676 $(".memBannerSlider_wrap .swiperPauseWrap").addClass("pause"); 677 memBannerSlider.autoplay.stop(); 678 }); 679 $(".memBannerSlider_wrap .swiperPauseWrap .play").click(function() { 680 $(".memBannerSlider_wrap .swiperPauseWrap").removeClass("pause"); 681 memBannerSlider.autoplay.start(); 682 }); 683</script>
vendor: 2 bytes, line 683
683
684<script type="text/javascript"> 685 scrollLoad('headerGnb'); 686 documentClick(".jsClick"); 687</script>
687<!--footer end--> 688</div><!-- l-main end--> 689<div id="LeftNavigation" class="l-nav"> 690 <p class="nav_logo"><img src="../images/inc/logo.png" /></p> 691 <div class="nav_top"> 692 <p class="tt"></p> 693 <a href="#" class="js-toggle-nav nav_close"></a> 694 </div> 695 <ul class="gnb flex"> 696 <li class="m_company on more actW"> 697 <a href="../sub_company/introduction.php" class="dp1 flex ac link"><span class="in"><i class="tt">ì¼í°ìê°</i><i class="xi arrow"></i></span></a> 698 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company')" class="dp1 flex ac layer "><span class="in"><i class="tt">ì¼í°ìê°</i><i class="xi arrow"></i></span></a> 699 <ul class="dp2 flex more" data-tit="ì¼í°ìê°"> 700 <li class="m2_introduction on actW"> 701 <a href="../sub_company/introduction.php" class="flex ac link"><span class="in"><i class="tt">ìì´ì°½ì ì¤í ì´ì </i><i class="xi arrow"></i></span></a> 702 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company li.m2_introduction')" class="flex ac layer"><span class="in"><i class="tt">ìì´ì°½ì ì¤í ì´ì </i><i class="xi arrow"></i></span></a> 703 </li> 704 <li class="m2_membership actW"> 705 <a href="../sub_company/membership.php" class="flex ac link"><span class="in"><i class="tt">íììë´</i><i class="xi arrow"></i></span></a> 706 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company li.m2_membership')" class="flex ac layer"><span class="in"><i class="tt">íììë´</i><i class="xi arrow"></i></span></a> 707 </li> 708 <li class="m2_location actW"> 709 <a href="../sub_company/location.php" class="flex ac link"><span class="in"><i class="tt">ì¤ìë길</i><i class="xi arrow"></i></span></a> 710 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_company li.m2_location')" class="flex ac layer"><span class="in"><i class="tt">ì¤ìë길</i><i class="xi arrow"></i></span></a> 711 </li> 712 </ul> 713 </li> 714 <li class="m_program more actW"> 715 <a href="../sub_program/operate.php" class="dp1 flex ac link"><span class="in"><i class="tt">íë¡ê·¸ë¨</i><i class="xi arrow"></i></span></a> 716 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_program')" class="dp1 flex ac layer "><span class="in"><i class="tt">íë¡ê·¸ë¨</i><i class="xi arrow"></i></span></a> 717 <ul class="dp2 flex " data-tit="íë¡ê·¸ë¨"> 718 <li class="m2_operate actW"> 719 <a href="../sub_program/operate.php" class="flex ac link"><span class="in"><i class="tt">íë¡ê·¸ë¨ ì ì²</i><i class="xi arrow"></i></span></a> 720 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_program li.m2_operate')" class="flex ac layer"><span class="in"><i class="tt">íë¡ê·¸ë¨ ì ì²</i><i class="xi arrow"></i></span></a> 721 </li> 722 </ul> 723 </li> 724 <li class="m_coronation more actW"> 725 <a href="../sub_coronation/welfare.php" class="dp1 flex ac link"><span class="in"><i class="tt">ìì¤ëê´</i><i class="xi arrow"></i></span></a> 726 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_coronation')" class="dp1 flex ac layer "><span class="in"><i class="tt">ìì¤ëê´</i><i class="xi arrow"></i></span></a> 727 <ul class="dp2 flex more" data-tit="ìì¤ëê´"> 728 <li class="m2_welfare actW"> 729 <a href="../sub_coronation/welfare.php" class="flex ac link"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 730 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_coronation li.m2_welfare')" class="flex ac layer"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 731 </li> 732 <li class="m2_submit m_hide actW"> 733 <a href="../sub_coronation/submit.php" class="flex ac link"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 734 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_coronation li.m2_submit')" class="flex ac layer"><span class="in"><i class="tt">ëê´(ìì½) ì ì²</i><i class="xi arrow"></i></span></a> 735 </li> 736 </ul> 737 </li> 738 <li class="m_news more actW"> 739 <a href="../sub_news/news.php" class="dp1 flex ac link"><span class="in"><i class="tt">ì¼í°ìì</i><i class="xi arrow"></i></span></a> 740 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news')" class="dp1 flex ac layer "><span class="in"><i class="tt">ì¼í°ìì</i><i class="xi arrow"></i></span></a> 741 <ul class="dp2 flex more" data-tit="ì¼í°ìì"> 742 <li class="m2_news actW"> 743 <a href="../sub_news/news.php" class="flex ac link"><span class="in"><i class="tt">ê³µì§ì¬í</i><i class="xi arrow"></i></span></a> 744 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news li.m2_news')" class="flex ac layer"><span class="in"><i class="tt">ê³µì§ì¬í</i><i class="xi arrow"></i></span></a> 745 </li> 746 <li class="m2_relorg actW"> 747 <a href="../sub_news/relorg.php" class="flex ac link"><span class="in"><i class="tt">ì ê´ê¸°ê´ ìì</i><i class="xi arrow"></i></span></a> 748 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news li.m2_relorg')" class="flex ac layer"><span class="in"><i class="tt">ì ê´ê¸°ê´ ìì</i><i class="xi arrow"></i></span></a> 749 </li> 750 <li class="m2_news2 actW"> 751 <a href="../sub_news/news2.php" class="flex ac link"><span class="in"><i class="tt">ì¼í°ë´ì¤</i><i class="xi arrow"></i></span></a> 752 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_news li.m2_news2')" class="flex ac layer"><span class="in"><i class="tt">ì¼í°ë´ì¤</i><i class="xi arrow"></i></span></a> 753 </li> 754 </ul> 755 </li> 756 <li class="m_policy m_hide actW"> 757 <a href="../sub_policy/" class="dp1 flex ac link"><span class="in"><i class="tt">ê°ì¸ë³´í¸ì ì± </i><i class="xi arrow"></i></span></a> 758 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_policy')" class="dp1 flex ac layer "><span class="in"><i class="tt">ê°ì¸ë³´í¸ì ì± </i><i class="xi arrow"></i></span></a> 759 </li> 760 <li class="m_member m_hide actW"> 761 <a href="../sub_member/" class="dp1 flex ac link"><span class="in"><i class="tt">Member</i><i class="xi arrow"></i></span></a> 762 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_member')" class="dp1 flex ac layer "><span class="in"><i class="tt">Member</i><i class="xi arrow"></i></span></a> 763 </li> 764 <li class="m_mypage m_hide more actW"> 765 <a href="../sub_mypage/coronationList.php" class="dp1 flex ac link"><span class="in"><i class="tt">Mypage</i><i class="xi arrow"></i></span></a> 766 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage')" class="dp1 flex ac layer "><span class="in"><i class="tt">Mypage</i><i class="xi arrow"></i></span></a> 767 <ul class="dp2 flex more" data-tit="Mypage"> 768 <li class="m2_coronationList actW"> 769 <a href="../sub_mypage/coronationList.php" class="flex ac link"><span class="in"><i class="tt">ëê´ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 770 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_coronationList')" class="flex ac layer"><span class="in"><i class="tt">ëê´ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 771 </li> 772 <li class="m2_eduList actW"> 773 <a href="../sub_mypage/eduList.php" class="flex ac link"><span class="in"><i class="tt">íë¡ê·¸ë¨ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 774 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_eduList')" class="flex ac layer"><span class="in"><i class="tt">íë¡ê·¸ë¨ì ì²ë´ì</i><i class="xi arrow"></i></span></a> 775 </li> 776 <li class="m2_memberInfo actW"> 777 <a href="../sub_mypage/memberInfo.php" class="flex ac link"><span class="in"><i class="tt">íìì ë³´ìì </i><i class="xi arrow"></i></span></a> 778 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_memberInfo')" class="flex ac layer"><span class="in"><i class="tt">íìì ë³´ìì </i><i class="xi arrow"></i></span></a> 779 </li> 780 <li class="m2_secession actW"> 781 <a href="../sub_mypage/secession.php" class="flex ac link"><span class="in"><i class="tt">íìíí´</i><i class="xi arrow"></i></span></a> 782 <a href="javascript:void(0)" onclick="toggleClass(this, 'li.m_mypage li.m2_secession')" class="flex ac layer"><span class="in"><i class="tt">íìíí´</i><i class="xi arrow"></i></span></a> 783 </li> 784 </ul> 785 </li> 786</ul> 787</div>
788<script type="text/javascript"> 789//<![CDATA[ 790(function ( window, document, $, m, ui, undefined ) { 791'use strict'; 792var documentElement = document.documentElement, 793 $win = $( window ), 794 $root = $( document ), 795 $html = $( documentElement ), 796 transitionEnd; 797$(function () { 798 $html.addClass( 'ready' ); 799}); 800if ( !window.ui ) { 801 window.ui = ui; 802} 803if ( ui.prefixed ) { 804 transitionEnd = ui.prefixed.transitionend; 805} 806// ë¤ë¹ê²ì´ì ì¬ì´ëë° 807function openNav() { 808 $html.addClass( 'l-nav-open' ); 809} 810function closeNav() { 811 $( '.l-main' ) 812 .one( transitionEnd, function () { 813 $html.removeClass( 'l-nav-closing' ); 814 }); 815 $html 816 .addClass( 'l-nav-closing' ) 817 .removeClass( 'l-nav-open' ); 818} 819function toggleNav() { 820 if ( $html.hasClass( 'l-nav-open' ) ) { 821 closeNav(); 822 } else { 823 openNav(); 824 } 825} 826$root 827// ë¤ë¹ê²ì´ì ì¬ì´ëë° í ê¸ ë²í¼ 828.on( 'click', '.js-toggle-nav', '#sitemapPhone', function ( e ) { 829 e.preventDefault(); 830 toggleNav(); 831}) 832// ë¤ë¹ê²ì´ì ì¬ì´ëë° ì´ë¦° ìíìì ë©ì¸ ìì í°ì¹ ì ì¬ì´ëë° ë«ê¸° 833.on( 'click touchstart', '.l-nav-open .l-main', function ( e ) { 834 e.preventDefault(); 835 closeNav(); 836}); 837ui.nav = { 838 open: openNav, 839 close: closeNav, 840 toggle: toggleNav 841}; 842}( this, this.document, this.jQuery, this.Modernizr, this.ui || {} )); 843 844// 845$(".l-nav .gnb > li").each(function(){ 846 if($(this).children("ul").hasClass("dp2")){ 847 $(this).children(".dp1").attr("href","javascript:void()").click(function(){ 848 if($(this).next(".dp2").css("display") == "none"){ 849 $(".l-nav .gnb .dp2").slideUp(200) 850 $(this).next(".dp2").slideDown(200) 851 $(".l-nav .gnb .dp1").removeClass("on") 852 $(this).addClass("on") 853 }else{ 854 $(".l-nav .gnb .dp1").removeClass("on") 855 $(this).next(".dp2").slideUp(200) 856 } 857 }) 858 859 }else{ 860 $(this).children(".dp1").addClass("nolink") 861 } 862}) 863 864//]]> 865</script>
865</div><!-- l-wrapper end--> 866
867<script src="https://unpkg.com/split-type"></script>
vendor: 2 bytes, line 867
867
868<script> 869const typeSplit = new SplitType("[txt-split]", { 870 types: "words, chars", 871 tagName: "span" 872}); 873 874//text 875function createScrollTrigger(triggerElement, timeline) { 876 ScrollTrigger.create({ 877 trigger: triggerElement, 878 start: "top bottom", 879 onLeaveBack: () => { 880 timeline.progress(0); 881 timeline.pause(); 882 } 883 }); 884 ScrollTrigger.create({ 885 trigger: triggerElement, 886 start: "top 95%", 887 onEnter: () => timeline.play() 888 }); 889} 890 891$("[txt-slide-up]").each(function (index) { 892 const tl = gsap.timeline({ paused: true }); 893 tl.from( 894 $(this).find(".char"), 895 { yPercent: 100, duration: 0.2, ease: "power1.out", stagger: { amount: 0.6 } } 896 ); 897 createScrollTrigger($(this), tl); 898}); 899$("[txt-slide-down]").each(function (index) { 900 const tl = gsap.timeline({ paused: true }); 901 tl.from( 902 $(this).find(".char"), 903 { yPercent: -120, duration: 0.3, ease: "power1.out", stagger: { amount: 0.7 } } 904 ); 905 createScrollTrigger($(this), tl); 906}); 907$("[txt-fade-in]").each(function (index) { 908 const tl = gsap.timeline({ paused: true }); 909 tl.from( 910 $(this).find(".char"), 911 { opacity: 0, duration: 1, ease: "power1.out", stagger: { amount: 0.8 } } 912 ); 913 createScrollTrigger($(this), tl); 914}); 915$("[txt-fade-up]").each(function (index) { 916 const tl = gsap.timeline({ paused: true }); 917 tl.from( 918 $(this).find(".char"), 919 { opacity: 0, yPercent: 100, duration: 1, ease: "power1.out", stagger: { amount: 0.6 } } 920 ); 921 createScrollTrigger($(this), tl); 922}); 923 924var introSlide = new Swiper('.introSlide', { 925 slidesPerView: 'auto', 926 effect: 'slide', 927 speed: 1000, 928 spaceBetween: 0, 929 loop: $('.introSlide .swiper-slide').length > 1, 930 navigation: { 931 nextEl: '.introSlide-next', 932 prevEl: '.introSlide-prev', 933 }, 934 autoplay: { 935 delay: 5000, 936 disableOnInteraction: false, 937 }, 938 pagination: { 939 el: '.introSlide-pagination', 940 clickable: true, 941 942 } 943}); 944 945// $(".gsFade").each(function (index) { 946// const tl = gsap.timeline({ paused: true }); 947// tl.from( 948// $(this), 949// { opacity: 0, duration: 1, ease: "power1.out"} 950// ); 951// createScrollTrigger($(this), tl); 952// }); 953// $(".gsUp").each(function (index) { 954// const tl = gsap.timeline({ paused: true }); 955// tl.from( 956// $(this), 957// { y: "5em", opacity: 0, duration: 1, ease: "power1.out"} 958// ); 959// createScrollTrigger($(this), tl); 960// }); 961//sub visual 962// $("#contents .sub_page_top").each(function (index) { 963// const obj = $(this); 964// const tl = gsap.timeline({ 965// scrollTrigger: { 966// trigger: obj, 967// start: 'top top', 968// endTrigger: '.sub_page_bg', 969// end: 'bottom 70%', 970// scrub: 1, 971// invalidateOnRefresh: true, 972// } 973// }); 974// tl.to( 975// obj.find(".gsBlank"), 976// { width: "4vw", duration: 100} 977// ) 978// }); 979 980 981// const gsTTleft = gsap.utils.toArray(".gsTTleft"); 982// gsTTleft.forEach((gsTTleft,i)=>{ 983// gsap.set(gsTTleft, { x: "-15vw"}); 984// gsap.to(gsTTleft, { 985// scrollTrigger: { 986// trigger:gsTTleft, 987// toggleActions: "resume pause reset pause", 988// start: "top 80%", 989// end: "top 0%", 990// scrub: 1, 991// }, 992// x: "15vw", duration: 10, 993// }); 994// }); 995 996// const gsTTright = gsap.utils.toArray(".gsTTright"); 997// gsTTright.forEach((gsTTright,i)=>{ 998// gsap.set(gsTTright, { x: "15vw"}); 999// gsap.to(gsTTright, { 1000// scrollTrigger: { 1001// trigger:gsTTright, 1002// toggleActions: "resume pause reset pause", 1003// start: "top 80%", 1004// end: "top 0%", 1005// scrub: 1, 1006// }, 1007// x: "-15vw", duration: 10, 1008// }); 1009// }); 1010 1011// const gsLeft = gsap.utils.toArray(".gsLeft"); 1012// gsLeft.forEach((gsLeft,i)=>{ 1013// gsap.from(gsLeft, { 1014// scrollTrigger: { 1015// trigger:gsLeft, 1016// toggleActions: "resume pause reset pause", 1017// start: "top bottom", 1018// end: "center center", 1019// scrub: 1, 1020// }, 1021// x: "50%", duration: 1, 1022// }); 1023// }); 1024 1025// const gsRight = gsap.utils.toArray(".gsRight"); 1026// gsRight.forEach((gsRight,i)=>{ 1027// gsap.from(gsRight, { 1028// scrollTrigger: { 1029// trigger:gsRight, 1030// toggleActions: "resume pause reset pause", 1031// start: "top bottom", 1032// end: "center center", 1033// scrub: 1, 1034// }, 1035// x: "-50%", duration: 1, 1036// }); 1037// }); 1038 1039// const gsClass = gsap.utils.toArray(".gsClass"); 1040// gsClass.forEach((gsClass,i)=>{ 1041// gsap.to(gsClass, { 1042// scrollTrigger: { 1043// trigger:gsClass, 1044// toggleClass:{targets:gsClass,className:'on'}, 1045// start: "top 80%", 1046// end:"bottom top", 1047// scrub: 1, 1048// }, 1049// }); 1050// }); 1051 1052// aniNum(); 1053mouseWheel(); 1054 1055</script>
vendor: 2 bytes, line 1055
1055
1056<script> 1057</script>
1057 1058
1059<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script>
vendor: 2 bytes, line 1059
1059
1060<script type="text/javascript"> 1061if(!wcs_add) var wcs_add = {}; 1062wcs_add["wa"] = "800c74a404d7f0"; 1063if(window.wcs) { 1064wcs_do(); 1065} 1066</script>
1066 1067<!--íì´ì§end--> 1068</body> 1069</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.