1<!doctype html> 2<html class="no-js" lang="ko" dir="ltr"> 3<head> 4<meta charset="utf-8"> 5<meta http-equiv="x-ua-compatible" content="ie=edge"> 6<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> 7<link rel="shortcut icon" href="https://cdn.ize.co.kr/image/logo/favicon.ico"> 8<title>매체ìê° < ìë´ë°ì¤í¬ - ìì´ì¦(ize)</title> 9<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap"> 10<link rel="stylesheet" href="https://cdn.ize.co.kr/css/foundation.min.css"> 11<link rel="stylesheet" href="https://cdn.ize.co.kr/css/custom.foundation.min.css"> 12<link rel="stylesheet" href="https://cdn.ize.co.kr/css/webfonts.min.css"> 13<link rel="stylesheet" href="https://cdn.ize.co.kr/css/font.style.css"> 14<link rel="stylesheet" href="https://cdn.ize.co.kr/css/media.min.css"> 15<link rel="stylesheet" href="https://cdn.ize.co.kr/css/autobox.style.min.css"> 16<link rel="stylesheet" href="https://cdn.ize.co.kr/css/templates.style.min.css"> 17<link rel="stylesheet" href="https://cdn.ize.co.kr/css/com.style.min.css"> 18<link rel="stylesheet" href="https://cdn.ize.co.kr/css/style.min.css"> 19<link rel="stylesheet" href="https://cdn.ize.co.kr/css/design.style.css">
19<script src="https://cdn.ize.co.kr/script/jquery.min.js"></script>
vendor: 1 bytes, line 19
19
20<script src="https://cdn.ize.co.kr/script/what-input.js"></script>
vendor: 1 bytes, line 20
20
21<script src="https://cdn.ize.co.kr/script/foundation.min.js"></script>
vendor: 1 bytes, line 21
21
22<script src="https://cdn.ize.co.kr/script/common.js"></script>
22 23 24<!--[if lt IE 10]> 25<link rel="stylesheet" href="https://cdn.ize.co.kr/css/style.ie9.css">
26<script src="https://cdn.ize.co.kr/script/html5shiv.min.js"></script>
26 27<![endif]--> 28 29<style type="text/css"> 30/* ì¬ì´í¸ 기본 ì */ 31.user-point, #com-nav .menu li.is-accordion-submenu-parent ul.menu.nested li.is-submenu-item.current-page a, .com-type2 .com-subnav-wrapper > .cell > dd > a.current-page {color:#e6342a !important} 32.user-bg,.button.user-bg,.button.user-bg:hover,.button.user-bg:active,.menu li.is-accordion-submenu-parent[aria-expanded="true"] > a,#com-nav .menu li.nav-only.current-page > a, 33.nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, 34.nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, 35.switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label 36{background-color:#e6342a !important} 37.user-border {border-color:#e6342a !important} 38.user-border-bottom {border-bottom-color:#e6342a !important} 39.nd-checkbox.check-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-checkbox.check-pink input[type="radio"]:checked ~ .nd-checked::before, .nd-radio.radio-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-radio.radio-pink input[type="radio"]:checked ~ .nd-checked::before {background-color:#e6342a !important;border-color:#e6342a !important} 40@media screen and (max-width: 63.9375em) { 41 .com-type1 .com-subnav-wrapper > .cell > dd > a.current-page {color:#e6342a !important} 42} 43 44/* site size */ 45.width-1080 {width:1080px} 46.max-width-1080 {max-width:1080px} 47</style> 48</head> 49 50<body class="" > 51<nav class="skip-nav"> 52 <a href="#comNav" onclick="document.getElementById('comNav').tabIndex = -1;document.getElementById('comNav').focus();return false;" class="user-border"><span>주ììë¹ì¤ ë°ë¡ê°ê¸°</span></a> 53 <a href="#com-container" onclick="document.getElementById('com-container').tabIndex = -1;document.getElementById('com-container').focus();return false;" class="user-border"><span>본문 ë°ë¡ê°ê¸°</span></a> 54 <a href="#com-footer" onclick="document.getElementById('com-footer').tabIndex = -1;document.getElementById('com-footer').focus();return false;" class="user-border"><span>매체ì ë³´ ë°ë¡ê°ê¸°</span></a> 55</nav><!--[if lt IE 10]> 56<div id="ie9-guide"> 57 <div class="ie9-wrapper border-box"> 58 <p class="guide-txt"> 59 ì ê¹! íì¬ Internet Explorer 8ì´í ë²ì ì ì´ì©ì¤ì´ìëë¤. ìµì ë¸ë¼ì°ì (Browser) ì¬ì©ì ê¶ì¥ë립ëë¤! 60 </p> 61 62 <div class="guide-right"> 63 <dl class="ie9-down nobr"> 64 <dt><i class="icon ie-logo">ie</i></dt> 65 <dd> 66 <span>ì¸í°ë· ìµì¤íë¡ë¬ 11</span> 67 <a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">ë¤ì´ë¡ë</a> 68 </dd> 69 </dl> 70 71 <dl class="ie9-down"> 72 <dt><i class="icon cr-logo">chrome</i></dt> 73 <dd> 74 <span>êµ¬ê¸ í¬ë¡¬</span> 75 <a href="http://www.google.com/chrome/" target="_blank">ë¤ì´ë¡ë</a> 76 </dd> 77 </dl> 78 79 <dl class="ie9-down"> 80 <dt><i class="icon ff-logo">firefox</i></dt> 81 <dd> 82 <span>모ì§ë¼ íì´ì´íì¤</span> 83 <a href="http://www.mozilla.or.kr/" target="_blank">ë¤ì´ë¡ë</a> 84 </dd> 85 </dl> 86 </div> 87 </div> 88</div> 89<![endif]--><style type="text/css"> 90/********************************************** 91note : company layout (type8) 92**********************************************/ 93/* basic */ 94#com-wrap.com-type8 {overflow:hidden;max-width:100%;height:100%;min-height:100vh;background-color:#f8f8f8} 95#com-wrap.com-type8::before {content:'';overflow:hidden;position:absolute;z-index:10;right:0;top:0;width:96px;height:96px;background-image:url(/image/company/com_type8_bgparts3.svg);background-position:0 -96px;background-repeat:no-repeat;background-size:192px 192px} 96@media screen and (min-width: 64em) { 97 #com-wrap.com-type8::before {width:325px;height:325px;background-position:0 -325px;background-size:650px 650px} 98 #com-wrap.com-type8 > .row {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;min-height:100vh} 99} 100 101/* header */ 102#com-wrap.com-type8 #com-header {padding:2.813rem 1.25rem 1.5rem;background-color:#fff} 103#com-wrap.com-type8 #com-header::after {content:'';position:absolute;right:0;bottom:-60px;width:150px;height:250px;background:url(/image/company/com_type8_bgparts1.svg) 0 0 no-repeat;background-size:250px auto} 104#com-wrap.com-type8 .com-logo {display:block;max-width:165px;margin:0 auto;font-size:0} 105#com-wrap.com-type8 .com-logo > a {display:block} 106#com-wrap.com-type8 .com-nav-btns {position:absolute;z-index:10;left:1.25rem;top:2.813rem;height:2.5rem;font-size:1.75rem} 107#com-wrap.active .com-nav-btns > .icon-bars::before {content:"\e9af"} 108#com-wrap.com-type8 .com-page-info {display:block;position:relative;z-index:99;margin-top:7.5rem;text-align:left} 109#com-wrap.com-type8 .com-titles {overflow:initial;position:relative;margin:0 auto;font-size:48px;text-align:inherit;transition:font .3s ease-in-out} 110#com-wrap.com-type8 .com-titles::after {content:'';display:block;width:128px;height:15px;background:url(/image/company/com_type8_bgparts2.svg) 0 0 no-repeat} 111#com-wrap.com-type8 .breadcrumbs.for-compay {margin:1rem 0 0} 112#com-wrap.com-type8 .breadcrumbs.for-compay li {font-size:.9375rem} 113@media screen and (min-width: 64em) { 114 #com-wrap.com-type8 #com-header {width:385px;padding:3.75rem 1.875rem 3.75rem 6.25rem} 115 #com-wrap.com-type8 #com-header::before {content:'';position:absolute;z-index:1;left:265px;top:50%;width:52px;height:185px;background:url(/image/company/com_type8_bgparts4.svg) no-repeat} 116 #com-wrap.com-type8 #com-header::after {left:0;top:165px;width:350px;height:462px;background-position:-120px 0;background-size:463px auto} 117 #com-wrap.com-type8 .com-logo {margin:0} 118 #com-wrap.com-type8 .com-page-info {margin-top:180px} 119 #com-wrap.com-type8 .com-titles::after {position:absolute;z-index:1;left:100%;top:0} 120} 121@media screen and (min-width: 100em) { 122 #com-wrap.com-type8 .com-titles {font-size:62px} 123} 124@media screen and (max-width: 63.9375em) { 125 #com-wrap.com-type8 #com-header {position:relative} 126 #com-wrap.active #com-header {overflow-x:hidden;overflow-y:auto;max-height:100vh} 127 #com-wrap.com-type8 .com-logo {line-height:2.5rem;text-align:center} 128 #com-wrap.com-type8 .com-logo img {max-height:2.5rem} 129 #com-wrap.active .com-page-info {display:none !important} 130} 131
132/* navigation */ 133#com-wrap.com-type8 .com-nav {display:block} 134#com-wrap.com-type8 .com-nav .menu.large-horizontal > li > a {padding:0;font-size:1.563rem;font-weight:bolder;letter-spacing:-.025em;white-space:nowrap} 135@media screen and (min-width: 64em) { 136 #com-wrap.com-type8 .com-nav {position:absolute;z-index:990;right:6.25rem;top:2.625rem} 137 #com-wrap.com-type8 .com-nav .menu.large-horizontal > li {width:165px;text-align:center;white-space:nowrap} 138 #com-wrap.com-type8 .com-nav .menu.large-horizontal > li > a {font-size:1.25rem;line-height:70px;border-width:1px 1px 0;border-style:solid;border-color:transparent;text-decoration:none} 139 #com-wrap.com-type8 .com-nav .menu.large-horizontal > li.is-active > a {background-color:#fff;border-color:#707070} 140 #com-wrap.com-type8 .com-nav .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {content:normal !important} 141 #com-wrap.com-type8 .com-nav .is-dropdown-submenu {width:165px;min-width:auto;padding:0 1.25rem 1rem;border-top-width:0;border-color:#707070} 142 #com-wrap.com-type8 .com-nav .menu.subs > li:not(:first-child) {border-top:1px solid rgba(0,0,0,.05)} 143 #com-wrap.com-type8 .com-nav .menu.subs > li > a {overflow:hidden;padding:0;font-size:.875rem;font-weight:lighter;line-height:40px;color:rgba(0,0,0,.75);text-overflow:hidden;white-space:nowrap} 144 #com-wrap.com-type8 .com-nav .menu.subs > li > a:hover {color:rgba(0,0,0,.95)} 145} 146@media screen and (max-width: 63.9375em) { 147 #com-wrap.com-type8 .com-nav {display:none;margin-top:3.75rem;padding-left:1.25rem} 148 #com-wrap.active .com-nav {display:block} 149 #com-wrap.com-type8 .com-nav .menu.large-horizontal > li {margin-bottom:3.125rem} 150 #com-wrap.com-type8 .com-nav .menu.large-horizontal > li > a {margin-bottom:1.25rem} 151 #com-wrap.com-type8 .com-nav .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a {background:none !important} 152 #com-wrap.com-type8 .com-nav .is-accordion-submenu-parent > a::after {content:normal !important} 153 #com-wrap.com-type8 .com-nav .menu.subs {padding:0 0 0 1.875rem;border-left:1px solid #f16d9a} 154 #com-wrap.com-type8 .com-nav .menu.large-horizontal > li:nth-child(2) > .menu.subs {border-left-color:#96e4ec} 155 #com-wrap.com-type8 .com-nav .menu.large-horizontal > li:nth-child(3) > .menu.subs {border-left-color:#90ffbe} 156 #com-wrap.com-type8 .com-nav .menu.subs > li > a {display:block;width:auto;padding:0;font-size:1.25rem;font-weight:lighter;line-height:2.813rem} 157} 158 159/* container */ 160#com-wrap.com-type8 #com-container {padding:3.75rem 1.25rem} 161#com-wrap.com-type8 .com-content {position:relative;z-index:10;max-width:800px;margin:0 auto} 162#com-wrap.com-type8 .com-content::after {content:'';display:table;clear:both} 163@media screen and (min-width: 64em) { 164 #com-wrap.com-type8 #com-container {position:relative;width:calc(100% - 385px);padding:280px 100px 180px} 165} 166 167/* footer */ 168#com-wrap.com-type8 #com-footer > .copy {margin-bottom:1.375rem;font-size:.875rem;font-weight:bolder;line-height:1.375;letter-spacing:-.025em;color:#000} 169#com-wrap.com-type8 #com-footer > em {display:block;margin-bottom:.375rem;font-size:.813rem;font-weight:lighter;font-style:normal;line-height:1.25;letter-spacing:0;color:rgba(0,0,0,.6)} 170#com-wrap.com-type8 #com-footer > :last-child {margin-bottom:0} 171@media screen and (min-width: 64em) { 172 #com-wrap.com-type8 #com-footer {position:absolute;z-index:99;right:100%;bottom:80px;width:385px;padding:0 1.875rem 0 6.25rem} 173} 174@media screen and (max-width: 63.9375em) { 175 #com-wrap.com-type8 #com-footer {margin-top:3.75rem;padding-top:1.875rem;border-top:1px solid #000} 176} 177 178/* type8 page custom */ 179#com-wrap.com-type8 .about-us {margin-top:0;margin-bottom:0} 180#com-wrap.com-type8 .privacy-list {margin-bottom:3.75rem;border-width:1px;border-color:rgba(0,0,0,.35);background-color:#fff} 181#com-wrap.com-type8 table.unstriped tbody, #com-wrap.com-type8 table.unstriped tbody tr {background:none} 182</style> 183 184<!-- wrap //--> 185<div id="com-wrap" class="com-type8"> 186 <div class="row expanded"> 187 188 <!-- header //-->
188 189 <header id="com-header"> 190 <h2 class="show-for-sr">ìë¨ìì</h2> 191 <h1 class="com-logo"> 192 <a href="https://www.ize.co.kr" target="_top"> 193 <img src="https://cdn.ize.co.kr/image/logo/toplogo_20240219013050.png" alt="ìì´ì¦(ize)" /> 194 </a> 195 </h1> 196 <!-- <button type="button" id="com-nav-btns" class="com-nav-btns hide-for-large" title="ì ì²´ë©ë´"><i class="icon-bars"><span class="show-for-sr">ì ì²´ë©ë´ë²í¼</span></i></button> --> 197 <!-- <nav id="comNav" class="com-nav"> 198 <h3 class="show-for-sr">주ìë©ë´</h3> 199 <ul id="responNav" class="vertical large-horizontal menu" data-responsive-menu="accordion large-dropdown"> 200 <li> 201 <a href="/com/com-1.html" target="_top">매체ìê°</a> 202 <ul class="vertical menu subs is-active"> 203 <li><a href="/com/com-1.html" target="_top" class="current-page">매체ìê°</a></li> 204 <li><a href="/com/com-2.html" target="_top" class="">ì°¾ìì¤ìë길</a></li> 205 </ul> 206</li> 207<li> 208 <a href="https://www.ize.co.kr/com/dj.html" target="_top">ê³ ê°ì¼í°</a> 209 <ul class="vertical menu subs is-active"> 210 <li><a href="https://www.ize.co.kr/com/dj.html" target="_top" class="">ë ì문ì</a></li> 211 <li><a href="https://www.ize.co.kr/com/kd.html" target="_top" class="">구ë ì ì²</a></li> 212 <li><a href="https://www.ize.co.kr/com/ad.html" target="_top" class="">ê´ê³ 문ì</a></li> 213 <li><a href="https://www.ize.co.kr/com/bp.html" target="_top" class="">ë¶í¸ì ê³ </a></li> 214 <li><a href="https://www.ize.co.kr/com/tg.html" target="_top" class="">ë ìí¬ê³ </a></li> 215 <li><a href="https://www.ize.co.kr/com/jh.html" target="_top" class="">ì í´ë¬¸ì</a></li> 216 <li><a href="https://www.ize.co.kr/com/copy.html" target="_top" class="">ì ìê¶ë¬¸ì</a></li> 217 </ul> 218</li> 219<li> 220 <a href="/com/service.html" target="_top">ì½ê´ ë° ì ì± </a> 221 <ul class="vertical menu subs is-active"> 222 <li><a href="/com/service.html" target="_top" class="">ì´ì©ì½ê´</a></li> 223 <li><a href="/com/youthpolicy.html" target="_top" class="">ì²ìë ë³´í¸ì ì± </a></li> 224 <li><a href="/com/copyright.html" target="_top" class="">ì ìê¶ë³´í¸ì ì± </a></li> 225 </ul> 226</li> 227 </ul> 228 </nav> --> 229 230 <article class="com-page-info"> 231 <h3 class="com-titles">매체ìê°</h3> 232 <!-- <ul id="actBtm" class="breadcrumbs for-compay"> 233 <li class="show-for-sr"><h4>íì´ì§ ê²½ë¡</h4></li> 234 <li><a href="https://www.ize.co.kr"><i class="icon-home"></i><span class="show-for-sr">HOME</span></a></li> 235 <li><a href="/com/com-1.html">ìë´ë°ì¤í¬</a></li> 236 <li class="disabled"><strong class="user-point">매체ìê°</strong></li> 237 </ul> --> 238 </article> 239 </header> 240 <!-- header //--> 241 242 <!-- section //--> 243 <section id="com-container"> 244 <h2 class="show-for-sr">본문ìì</h2> 245 <div class="com-content"> <style type="text/css"> 246.about-us.com-1 {color:#555;letter-spacing:-.05em;text-align:justify} 247.about-us.com-1 .com-img {height:380px} 248.about-us.com-1 .com-header {margin-bottom:2rem;text-align:center;line-height:1.25} 249.about-us.com-1 .com-header strong {display:block;margin-bottom:1rem;font-size:28px;letter-spacing:-.07em;} 250.about-us.com-1 .com-header .com-point {font-size:17px;color:#750600 } 251</style> 252<div class="about-us com-1"> 253 <img src="https://cdn.ize.co.kr/com/image/com-1.jpg" class="com-img dis-block float-center marbtm-50"> 254 255 <section> 256 <header class="com-header"> 257 <strong><span class="user-point">ì§ìíí´ì</span>를 ìí ìë´ì, <span class="auto-fontA">[ize] ìì´ì¦</span></strong> 258 <span class="com-point">-ize[alz] : "...ì¼ë¡ ëë¤, ëê² ë§ë¤ë¤, ...ì ê°ìì§ê² íë¤"</span> 259 </header> 260 261 <p>ize'ì ì¬ì ì ì ìì ëë¤. ì§ë 2013ë 7ì 15ì¼ ì°½ê°í 문í ì¹ ë§¤ê±°ì§ [ize]ë ì´ ë»ì ì¸ì ììì ì¤ííê³ ì í©ëë¤.</p> 262 <p>ìì , ìí, TV ë± ìí°í ì¸ë¨¼í¸ ë¶ì¼ë¶í° ì± ê³¼ ê³µì°, ê·¸ë¦¬ê³ ììê¹ì§, ì°ë¦¬ê° '문í'ë¼ ë¶ë¥´ë ìì ììì ë³´ê³ , ë£ê³ , ì²´ííê³ , ëë¼ë 모ë ê²ë¤ì ëí´ ì½ê³ , ì¬ë¯¸ìê², ê·¸ë¦¬ê³ ì미를 ì ë¬íë '~ize'를 íê² ìµëë¤. [ize]를 ì½ë ê²ì´ 곧 ì¬ëì´ íë³µíê² ì´ìê°ëë°, íìí ì§ìê³¼ ê°ì±ì ì»ë ê²ì´ ë ì ìëë¡ ë ¸ë ¥íê² ìµëë¤.</p> 263 </section> 264</div> 265 266 267 </div> 268 <footer id="com-footer"> 269 <h2 class="show-for-sr">íë¨ìì</h2> 270 271 <h6 class="copy">© ìì´ì¦(ize)</h6> 272 <em>ìì¸í¹ë³ì ì¢ ë¡êµ¬ ì²ê³ì²ë¡ 11 (ì²ê³ íêµë¹ë©) </em> 273 <em>ëíì í : 02-767-6843 · 02-724-0958</em> 274 </footer> 275 </section> 276 <!-- section //--> 277 278 </div> 279</div> 280
281<script type="text/javascript"> 282(function() { 283 284 // com navigation 285 var $comWrap = $('#com-wrap') 286 , $comNavBtn = $comWrap.find('#com-nav-btns'); 287 288 // button click 289 $comNavBtn.on({ 290 click: function(){ 291 if($comWrap.hasClass('active')){ 292 $('body, html').removeAttr('style','overflow'); 293 }else{ 294 $('body, html').css('overflow','hidden'); 295 } 296 $comWrap.toggleClass('active'); 297 } 298 }); 299 300})(); 301</script>
301<button type="button" id="back-to-top" class="back-to-top" title="ìë¡"><i class="icon-arrow-top"><span class="show-for-sr">ìë¡</span></i></button>
302<script type="text/javascript"> 303// back to the top 304$(document).scroll(function(){ 305 var sDocumentHeight = $(document).height() - $(window).height(); 306 if($(document).scrollTop() > 0){ 307 $('#back-to-top').fadeIn(); 308 }else{ 309 $('#back-to-top').fadeOut(); 310 } 311}); 312 313$('#back-to-top').click(function(){ 314 $('html, body').animate( {scrollTop:0}, 100); 315}); 316</script>
316 317 318</body> 319</html> 320
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.