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.hellodd.com/image/logo/favicon_20200520053109.ico"> 8<title>매체ìê° < ìë´ë°ì¤í¬ - í¬ë¡ëë</title> 9<link rel="stylesheet" href="https://cdn.hellodd.com/css/foundation.min.css"> 10<link rel="stylesheet" href="https://cdn.hellodd.com/css/custom.foundation.min.css"> 11<link rel="stylesheet" href="https://cdn.hellodd.com/css/webfonts.min.css"> 12<link rel="stylesheet" href="https://cdn.hellodd.com/css/style.min.css"> 13<link rel="stylesheet" href="https://cdn.hellodd.com/css/com.style.min.css"> 14<link rel="stylesheet" href="https://cdn.hellodd.com/css/design.style.css">
15<script src="https://cdn.hellodd.com/script/jquery.min.js"></script>
vendor: 1 bytes, line 15
15
16<script src="https://cdn.hellodd.com/script/what-input.js"></script>
vendor: 1 bytes, line 16
16
17<script src="https://cdn.hellodd.com/script/foundation.min.js"></script>
vendor: 1 bytes, line 17
17
18<script src="https://cdn.hellodd.com/script/common.js"></script>
vendor: 1 bytes, line 18
18
19<script src="https://cdn.hellodd.com/script/jquery.ajax-cross-origin.min.js"></script>
19 20 21<!--[if lt IE 10]> 22<link rel="stylesheet" href="https://cdn.hellodd.com/css/style.ie9.css">
23<script src="https://cdn.hellodd.com/script/html5shiv.min.js"></script>
23 24<![endif]--> 25 26<style type="text/css"> 27/* ì¬ì´í¸ 기본 ì */ 28.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:#f7a25b !important} 29.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, 30.nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, 31.nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, 32.switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label 33{background-color:#f7a25b !important} 34.user-border {border-color:#f7a25b !important} 35.user-border-bottom {border-bottom-color:#f7a25b !important} 36.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:#f7a25b !important;border-color:#f7a25b !important} 37@media screen and (max-width: 63.9375em) { 38 .com-type1 .com-subnav-wrapper > .cell > dd > a.current-page {color:#f7a25b !important} 39} 40 41/* site size */ 42.width-1080 {width:1080px} 43.max-width-1080 {max-width:1080px} 44</style> 45</head> 46 47<body class="" > 48<nav class="skip-nav"> 49 <a href="#comNav" onclick="document.getElementById('comNav').tabIndex = -1;document.getElementById('comNav').focus();return false;" class="user-border"><span>주ììë¹ì¤ ë°ë¡ê°ê¸°</span></a> 50 <a href="#com-container" onclick="document.getElementById('com-container').tabIndex = -1;document.getElementById('com-container').focus();return false;" class="user-border"><span>본문 ë°ë¡ê°ê¸°</span></a> 51 <a href="#com-footer" onclick="document.getElementById('com-footer').tabIndex = -1;document.getElementById('com-footer').focus();return false;" class="user-border"><span>매체ì ë³´ ë°ë¡ê°ê¸°</span></a> 52</nav><!--[if lt IE 10]> 53<div id="ie9-guide"> 54 <div class="ie9-wrapper border-box"> 55 <p class="guide-txt"> 56 ì ê¹! íì¬ Internet Explorer 8ì´í ë²ì ì ì´ì©ì¤ì´ìëë¤. ìµì ë¸ë¼ì°ì (Browser) ì¬ì©ì ê¶ì¥ë립ëë¤! 57 </p> 58 59 <div class="guide-right"> 60 <dl class="ie9-down nobr"> 61 <dt><i class="icon ie-logo">ie</i></dt> 62 <dd> 63 <span>ì¸í°ë· ìµì¤íë¡ë¬ 11</span> 64 <a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">ë¤ì´ë¡ë</a> 65 </dd> 66 </dl> 67 68 <dl class="ie9-down"> 69 <dt><i class="icon cr-logo">chrome</i></dt> 70 <dd> 71 <span>êµ¬ê¸ í¬ë¡¬</span> 72 <a href="http://www.google.com/chrome/" target="_blank">ë¤ì´ë¡ë</a> 73 </dd> 74 </dl> 75 76 <dl class="ie9-down"> 77 <dt><i class="icon ff-logo">firefox</i></dt> 78 <dd> 79 <span>모ì§ë¼ íì´ì´íì¤</span> 80 <a href="http://www.mozilla.or.kr/" target="_blank">ë¤ì´ë¡ë</a> 81 </dd> 82 </dl> 83 </div> 84 </div> 85</div> 86<![endif]--><style type="text/css"> 87/********************************************** 88note : company layout (type3) 89**********************************************/ 90/* basic */ 91#com-wrap.com-type3 {overflow:hidden;padding-left:1.25rem;padding-right:1.25rem} 92@media screen and (min-width: 1080px) { 93 #com-wrap.com-type3 {padding-left:0;padding-right:0} 94} 95 96/* header */ 97#com-wrap.com-type3 #com-header {position:relative;padding:1.875rem 0 .9375rem} 98#com-wrap.com-type3 .com-header-wrapper {display:block;margin:0 auto;font-size:0;text-align:left;white-space:nowrap} 99#com-wrap.com-type3 .com-header-wrapper > .item {display:inline-block;vertical-align:middle} 100#com-wrap.com-type3 .com-logo, #com-wrap.com-type3 .com-etc {width:135px} 101#com-wrap.com-type3 .com-logo {margin:0;font-size:inherit} 102#com-wrap.com-type3 .com-logo > a {display:block} 103#com-wrap.com-type3 .com-etc {text-align:right} 104
105/* navigation */ 106#com-wrap.com-type3 .com-nav {width:calc(100% - 270px);padding:0 2.375rem} 107#com-wrap.com-type3 .com-nav > .menu {display:block;font-size:0;white-space:nowrap;text-align:center} 108#com-wrap.com-type3 .com-nav > .menu > li {position:relative;display:block;font-size:1.063rem;;line-height:1.375;letter-spacing:-.025em;text-align:center;vertical-align:middle} 109#com-wrap.com-type3 .com-nav > .menu > li:first-child:nth-last-child(2), 110#com-wrap.com-type3 .com-nav > .menu > li:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ li {display:inline-block;width:50%} 111#com-wrap.com-type3 .com-nav > .menu > li:first-child:nth-last-child(3), 112#com-wrap.com-type3 .com-nav > .menu > li:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ li {display:inline-block;width:33.33333%} 113#com-wrap.com-type3 .com-nav > .menu > li:first-child:nth-last-child(4), #com-wrap.com-type3 .com-nav > .menu li:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ li {display:inline-block;width:25%} 114#com-wrap.com-type3 .com-nav > .menu > li:first-child:nth-last-child(5), 115#com-wrap.com-type3 .com-nav > .menu > li:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ li {display:inline-block;width:20%} 116#com-wrap.com-type3 .com-nav > .menu > li:first-child:nth-last-child(6), 117#com-wrap.com-type3 .com-nav > .menu > li:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ li {display:inline-block;width:16.66667%} 118#com-wrap.com-type3 .com-nav > .menu > li:first-child:nth-last-child(7), #com-wrap.com-type3 .com-nav > .menu li:first-child:nth-last-child(7):first-child:nth-last-child(7) ~ li {display:inline-block;width:14.28571%} 119#com-wrap.com-type3 .com-nav > .menu > li:first-child:nth-last-child(8), 120#com-wrap.com-type3 .com-nav > .menu > li:first-child:nth-last-child(8):first-child:nth-last-child(8) ~ li {display:inline-block;width:12.5%} 121#com-wrap.com-type3 .com-nav > .menu > li > a {display:block;overflow:hidden;padding:.75rem .625rem;font-size:inherit;font-weight:normal;color:#333;text-overflow:ellipsis;white-space:nowrap} 122#com-wrap.com-type3 .com-nav > .menu > li a.user-point {font-weight:bolder} 123#com-wrap.com-type3 .com-nav > .menu > li a:hover {color:#000} 124 125/* all section */ 126#com-wrap.com-type3 .com-nav-btns {display:inline-block;width:35px;height:35px;cursor:pointer} 127#com-wrap.com-type3 .com-nav-btns > .icon {display:block;float:right;position:relative;width:16px;height:2px;background-color:#000} 128#com-wrap.com-type3 .com-nav-btns > .icon::before, #com-wrap.com-type3 .com-nav-btns > .icon::after {content:'';overflow:hidden;position:absolute;z-index:1;left:-6px;right:0;height:0;border-top:2px solid #000} 129#com-wrap.com-type3 .com-nav-btns > .icon::before {top:-8px} 130#com-wrap.com-type3 .com-nav-btns > .icon::after {bottom:-8px} 131 132/* navigation - sub menu */ 133#com-wrap.com-type3 .com-nav > .menu li .sub-nav {display:none;position:absolute;z-index:6;top:100%;left:50%;background-color:#fff;border:1px solid rgba(0,0,0,.12);transform:translateX(-50%);-ms-transform:translateX(-50%)} 134#com-wrap.com-type3 .com-nav > .menu li:hover .sub-nav {display:block} 135#com-wrap.com-type3 .com-nav > .menu li .sub-nav > li {display:block !important;width:100% !important} 136#com-wrap.com-type3 .com-nav > .menu li .sub-nav > li > a {padding:0 30px;font-size:14px;line-height:40px} 137 138/* container */ 139#com-wrap.com-type3 .com-container-wrapper {display:block;margin:0 auto} 140#com-wrap.com-type3 .com-container-wrapper::after {content:'';display:table;clear:both} 141 142/* visual */ 143#com-wrap.com-type3 .com-visual {display:block;overflow:hidden;position:relative;height:250px;margin-left:-1.25rem;margin-right:-1.25rem;margin-bottom:3.125rem;background:url(/image/company/company_visual03.jpg) 50% 50% no-repeat;background-size:cover;transition:height .3s} 144#com-wrap.com-type3 .com-visual::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.5} 145#com-wrap.com-type3 .com-titles {position:absolute;z-index:5;left:0;top:50%;width:100%;margin:0;padding:0;font-family:'Gmarket Sans';font-size:45px;font-weight:bolder;color:#fff;text-shadow:0 2px 1px rgba(0,0,0,.5);-ms-transform:translateY(-50%);transform:translateY(-50%);transition:font .3s} 146@media screen and (min-width: 1080px) { 147 #com-wrap.com-type3 .com-visual {margin-left:0;margin-right:0} 148} 149@media screen and (max-width: 63.9375em) { 150 #com-wrap.com-type3 .com-visual {height:165px} 151 #com-wrap.com-type3 .com-titles {font-size:2.5rem;font-weight:normal} 152} 153 154/* side nav */ 155#com-wrap.com-type3 .for-company {overflow:hidden;float:left;position:relative;z-index:10;width:195px;margin-top:-6.25rem;padding:1.375rem 1.25rem;background-color:#fff;border:1px solid #000;border-radius:.25rem;text-align:left} 156#com-wrap.com-type3 .this-first-title {display:block;margin-bottom:1.25rem;font-size:1.4375rem;font-weight:bolder;line-height:1.125;letter-spacing:-.075em} 157#com-wrap.com-type3 .this-sub, #com-wrap.com-type3 .this-sub > a {display:block} 158#com-wrap.com-type3 .this-sub > a {overflow:hidden;padding:0 .375rem;font-size:.875rem;line-height:45px;letter-spacing:-.025em;border-top:1px solid rgba(0,0,0,.08);white-space:nowrap;text-overflow:ellipsis} 159#com-wrap.com-type3 .this-sub > a.active {font-weight:bolder;color:#f7a25b} 160#com-wrap.com-type3 .this-sub > a:first-child {border-top:0} 161 162/* content */ 163@media screen and (min-width: 64em) { 164 #com-wrap.com-type3 .com-content {float:left;width:100%} 165} 166 167/* footer */ 168#com-wrap.com-type3 #com-footer {margin-top:2.5rem;margin-left:-1.25rem;margin-right:-1.25rem;padding:0 1.25rem;border-top:1px solid rgba(0,0,0,.5)} 169#com-wrap.com-type3 .com-footer-wrapper {display:block;margin:2.5rem auto 5rem;font-size:0;text-align:left} 170#com-wrap.com-type3 .com-footer-wrapper > * {display:block;font-size:.875rem;font-weight:lighter;color:rgba(0,0,0,.85)} 171#com-wrap.com-type3 .com-footer-wrapper > .copy {margin-bottom:1.25rem;font-size:.9375rem;font-weight:bolder;line-height:1.375;color:#000} 172#com-wrap.com-type3 .com-footer-wrapper > em {font-style:normal;line-height:1.625} 173@media screen and (min-width: 64em) { 174 #com-wrap.com-type3 #com-footer {margin-left:0;margin-right:0;padding:0} 175 #com-wrap.com-type3 .com-footer-wrapper {white-space:nowrap} 176 #com-wrap.com-type3 .com-footer-wrapper > * {display:inline-block;margin-left:1.25rem;line-height:1.375;vertical-align:middle} 177 #com-wrap.com-type3 .com-footer-wrapper > .copy {margin-right:1.25rem;margin-bottom:0} 178 #com-wrap.com-type3 .com-footer-wrapper > :first-child {margin-left:0} 179} 180 181/* offcanvas */ 182#com-wrap.com-type3 .com-offcanvas {overflow-x:hidden;overflow-y:auto;position:fixed;z-index:1004;right:0;top:0;width:80%;max-width:350px;height:100%;padding:1.875rem;background-color:#fff;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);-webkit-transition:transform .3s ease-in-out;-ms-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out} 183#com-wrap.active .com-offcanvas {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 184#com-wrap.com-type3 .com-offcanvas-overlap {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.5} 185#com-wrap.active .com-offcanvas-overlap {display:block} 186#com-wrap.com-type3 .com-offcanvas .ci {display:block;max-width:85px;min-height:2.5rem;margin:0 0 2.5rem;font-size:0;line-height:2.5rem} 187#com-wrap.com-type3 .com-offcanvas .ci > img {max-height:2.5rem} 188#com-wrap.com-type3 .com-offcanvas-close {position:absolute;z-index:10;right:1.875rem;top:1.875rem;height:2.5rem;font-size:1.625rem;cursor:pointer} 189#com-wrap.com-type3 .com-offcanvas .menu.vertical:not(.nested) > li:not(:first-child) {margin-top:.625rem} 190#com-wrap.com-type3 .com-offcanvas .menu.vertical:not(.nested) > li > a {padding:0;font-size:1.125rem;font-weight:bolder;letter-spacing:-.05em;line-height:2.5rem} 191#com-wrap.com-type3 .com-offcanvas .menu.vertical:not(.nested) li.is-accordion-submenu-parent[aria-expanded="true"] > a {background:none !important} 192#com-wrap.com-type3 .com-offcanvas .is-accordion-submenu-parent > a::after {content:'\e913';right:0;width:auto;height:auto;border:none;margin-top:0;font:12px/1 fontello;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-transform:translateY(-50%);transform:translateY(-50%)} 193#com-wrap.com-type3 .com-offcanvas .is-accordion-submenu-parent[aria-expanded="true"] > a::after {content:'\e91a'} 194#com-wrap.com-type3 .com-offcanvas .menu.nested {margin-top:.625rem;margin-bottom:2.5rem;border-left:1px solid rgba(0,0,0,.12)} 195#com-wrap.com-type3 .com-offcanvas .menu.nested > li > a {font-size:.9375rem;font-weight:lighter;color:#333} 196#com-wrap.com-type3 .com-offcanvas .menu.nested > li > a.current-page {font-weight:bolder;color:#f7a25b} 197@media screen and (min-width: 40em) { 198 #com-wrap.com-type3 .com-offcanvas {padding:2.5rem} 199 #com-wrap.com-type3 .com-offcanvas-close {right:2.5rem;top:2.5rem} 200} 201 202 203/********************************************** 204note : company custom style 205name : ê¹ì§ì 206date : 2020-10-23 207**********************************************/ 208#com-container[class*="about-"] * {font-family:'Gmarket Sans'} 209.color-black {color:#000 !important} 210.color-blue {color:#2e6bde !important} 211.color-yellow {color:#ffcb3a !important} 212.color-orange {color:#fc9629 !important} 213 214/************************************************** 215note : ìë¨ìì 216**************************************************/ 217/* visual */ 218#com-container.skin-custom .com-visual {height:290px} 219#com-container.skin-custom .com-visual::before {display:none} 220#com-container.skin-custom .com-visual.intro-visual-1 {background:url('https://cdn.hellodd.com/com/image/com-visual-01.png') 50% 50% no-repeat} 221#com-container.skin-custom .com-visual.intro-visual-2 {background:url('https://cdn.hellodd.com/com/image/com-visual-02.png') 50% 50% no-repeat} 222#com-container.skin-custom .com-visual.intro-visual-3 {background:url('https://cdn.hellodd.com/com/image/com-visual-03.png') 50% 50% no-repeat} 223#com-container.skin-custom .com-visual.intro-visual-4 {background:url('https://cdn.hellodd.com/com/image/com-visual-04.png') 50% 50% no-repeat} 224#com-container.skin-custom .com-visual.intro-visual-5 {background:url('https://cdn.hellodd.com/com/image/com-visual-05.png') 50% 50% no-repeat} 225#com-container.skin-custom .com-visual.intro-visual-6 {background:url('https://cdn.hellodd.com/com/image/com-visual-06-210323.png') 50% 50% no-repeat} 226#com-container.skin-custom .com-visual.intro-visual-7 {background:url('https://cdn.hellodd.com/com/image/com-visual-07.png') 50% 50% no-repeat} 227 228@media screen and (max-width: 69.9375em) { 229 #com-container.skin-custom .com-visual.intro-visual-3::before {display:block} 230} 231 232@media screen and (max-width: 39.9375em) { 233 #com-container.skin-custom .com-visual {height:200px} 234} 235 236/* title */
237#com-container.skin-custom .com-titles {left:50%;font-size:0;letter-spacing:-.05em;text-shadow:none;text-align:left;transform:translate3d(-50%, -50%, 0)} 238#com-container.skin-custom .com-titles::after {content:'';display:table;clear:both} 239#com-container.skin-custom .com-titles > [class*="tit-"] {display:inline-block;vertical-align:bottom} 240#com-container.skin-custom .com-titles .tit-text {margin-left:20px;font-size:45px;line-height:1} 241#com-container.skin-custom .com-titles .tit-text span {color:#000} 242 243@media screen and (max-width: 69.9375em) { 244 #com-container.skin-custom .com-titles {text-align:center} 245} 246@media screen and (max-width: 39.9375em) { 247 #com-container.skin-custom .com-titles .tit-text {font-size:26px} 248 #com-container.skin-custom .com-titles .tit-mark {width:30px} 249} 250</style> 251 252<!-- wrap //--> 253<div id="com-wrap" class="com-type3"> 254 <div class="row expanded"> 255 256 <!-- header //--> 257 <header id="com-header"> 258 <h2 class="show-for-sr">ìë¨ìì</h2> 259 <div class="com-header-wrapper max-width-1080"> 260 <h1 class="com-logo item"> 261 <a href="http://www.hellodd.com" target="_top"> 262 <img src="https://cdn.hellodd.com/image/logo/toplogo_20200803043552.png" alt="í¬ë¡ëë" /> 263 </a> 264 </h1> 265 <nav id="comNav" class="com-nav item"> 266 <h3 class="show-for-sr">주ìë©ë´</h3> 267 <ul class="menu show-for-large"> 268 <li><a href="/com/com-1.html" target="_top" class="user-point">매체ìê°</a><ul class="no-bullet sub-nav"><li><a href="/com/com-1.html" target="_top" class="current-page">매체ìê°</a></li><li><a href="/com/com-3.html" target="_top" class="">CEO ë©ìì§</a></li><li><a href="/com/com-6.html" target="_top" class="">ìë°ì 구ë ë£</a></li><li><a href="/com/com-4.html" target="_top" class="">ê´ê³ ìë´</a></li><li><a href="/com/com-5.html" target="_top" class="">ì°í</a></li><li><a href="/com/com-2.html" target="_top" class="">ì°¾ìì¤ìë길</a></li></ul></li><li><a href="http://www.hellodd.com/com/jb.html" target="_top" class="">ê³ ê°ì¼í°</a><ul class="no-bullet sub-nav"><li><a href="http://www.hellodd.com/com/jb.html" target="_top" class="">기ì¬ì ë³´</a></li><li><a href="https://page.stibee.com/subscriptions/160888?groupIds=220459" target="_top" class="">ë´ì¤ë í° êµ¬ë ì ì²</a></li><li><a href="http://www.hellodd.com/com/bp.html" target="_top" class="">í¸ì§ììê² íë§ë</a></li><li><a href="http://www.hellodd.com/com/tg.html" target="_top" class="">ë ìí¬ê³ </a></li><li><a href="http://www.hellodd.com/com/jh.html" target="_top" class="">íì 문ì</a></li><li><a href="http://www.hellodd.com/com/copy.html" target="_top" class="">ì ìê¶ë¬¸ì</a></li><li><a href="https://page.stibee.com/subscribers/auth/160888" target="_top" class="">ë´ì¤ë í° êµ¬ë í´ì§</a></li><li><a href="http://www.hellodd.com/com/jj.html" target="_top" class="">ì¤ë³´ì ì ë³´ë ìì²</a></li></ul></li><li><a href="/com/cfethics.html" target="_top" class="">ì½ê´ ë° ì ì± </a><ul class="no-bullet sub-nav"><li><a href="/com/cfethics.html" target="_top" class="">ì¤ë¦¬ê°ë ¹</a></li><li><a href="/com/service.html" target="_top" class="">ì´ì©ì½ê´</a></li><li><a href="/com/privacy.html" target="_top" class="">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></li><li><a href="/com/youthpolicy.html" target="_top" class="">ì²ìë ë³´í¸ì ì± </a></li><li><a href="/com/copyright.html" target="_top" class="">ì ìê¶ë³´í¸ì ì± </a></li><li><a href="/com/emailno.html" target="_top" class="">ì´ë©ì¼ë¬´ë¨ìì§ê±°ë¶</a></li></ul></li> </ul> 269 </nav> 270 <article class="com-etc item"> 271 <button type="button" id="com-nav-btns" class="com-nav-btns" title="ì ì²´ë©ë´"><i class="icon"><span class="show-for-sr">ì ì²´ë©ë´ë²í¼</span></i></button> 272 </article> 273 </div> 274 </header> 275 <!-- header //--> 276 277 278<style type="text/css"> 279#com-container.about-intro * {font-family:'Gmarket Sans';} 280 281/************************************************** 282note : 본문ìì 283**************************************************/ 284#com-container.about-intro .about-us {max-width:900px;margin-left:auto;margin-right:auto;letter-spacing:-.05em} 285#com-container.about-intro .com-item {display:block;width:100%;margin-top:80px} 286#com-container.about-intro .com-item:first-child {margin-top:0} 287#com-container.about-intro .com-item .item-title {margin-bottom:40px;font-weight:700} 288 289@media screen and (max-width: 69.9375em) { 290 #com-container.about-intro .com-item .item-title {text-align:center} 291}
291 292@media screen and (max-width: 39.9375em) { 293 #com-container.about-intro .com-item .item-title {font-size:24px} 294} 295 296/* 매체 í¹ì§ */ 297#com-container.about-intro .character-list {font-size:0} 298#com-container.about-intro .character-list .list-item {position:relative;display:inline-block;vertical-align:top;width:220px;margin-top:30px;margin-left:120px} 299#com-container.about-intro .character-list .list-item:nth-child(-n + 3) {margin-top:0} 300#com-container.about-intro .character-list .list-item:nth-child(3n + 1) {margin-left:0} 301#com-container.about-intro .character-list .list-item .c-list-img {position:relative;margin-bottom:25px;text-align:center} 302#com-container.about-intro .character-list .list-item .c-list-img::before {content:'';position:absolute;z-index:1;top:50%;right:100%;width:120px;border-top:1px solid rgba(0,0,0,.12)} 303#com-container.about-intro .character-list .list-item:nth-child(3n + 1) .c-list-img::before {display:none} 304#com-container.about-intro .character-list .list-item .c-list-img strong {position:absolute;left:50%;bottom:calc(50% + 15px);display:block;width:100%;font-size:20px;line-height:1.25;transform:translateX(-50%);-ms-transform:translateX(-50%)} 305#com-container.about-intro .character-list .list-item:nth-child(even) .c-list-img strong {bottom:50%} 306#com-container.about-intro .character-list .list-item p {margin:0;font-size:17px;text-align:center} 307 308@media screen and (max-width: 69.9375em) { 309 #com-container.about-intro .character-list {text-align:center} 310 #com-container.about-intro .character-list .list-item {width:50%;margin-left:0;padding:0 50px;} 311 #com-container.about-intro .character-list .list-item:nth-child(3) {margin-top:30px} 312 #com-container.about-intro .character-list .list-item:nth-child(2n + 1) {margin-left:0} 313 #com-container.about-intro .character-list .list-item .c-list-img::before {display:none} 314} 315 316@media screen and (max-width: 69.9375em) { 317 #com-container.about-intro .character-list .list-item {width:100%;padding:0 20px} 318 #com-container.about-intro .character-list .list-item:nth-child(2) {margin-top:30px} 319} 320 321/* 매체 íì */ 322#com-container.about-intro .power-list {font-size:0} 323#com-container.about-intro .power-list .list-item {display:inline-block;vertical-align:top;width:calc(50% - 15px);margin-left:30px} 324#com-container.about-intro .power-list .list-item:nth-child(odd) {margin-left:0} 325#com-container.about-intro .power-list .list-item > strong {display:block;width:100%;font-size:24px;color:#2e6bde;line-height:70px;text-align:center;border:2px solid #2e6bde;border-radius:40px} 326#com-container.about-intro .power-list .list-item:nth-child(odd) > strong {color:#fff;background-color:#2e6bde;border-color:transparent} 327#com-container.about-intro .power-list .list-item > ul {position:relative;margin:0;padding:30px 0 15px 50px} 328#com-container.about-intro .power-list .list-item > ul::before {content:'';position:absolute;z-index:1;left:30px;top:0;bottom:0;border-left:1px solid #2e6bde} 329#com-container.about-intro .power-list .list-item > ul > li {position:relative;display:block;padding-left:10px;font-size:15px;font-weight:300} 330#com-container.about-intro .power-list .list-item > ul > li::before {content:'';position:absolute;z-index:1;top:50%;left:0;width:2px;height:2px;background-color:#333;transform:translateY(-50%);-ms-transform:translateY(-50%)} 331#com-container.about-intro .power-list .list-item > ul > li.dot-line-2::before {top:25%} 332 333 334@media screen and (max-width: 39.9375em) { 335 #com-container.about-intro .power-list .list-item {width:100%;margin-left:0} 336 #com-container.about-intro .power-list .list-item > ul {padding:20px} 337 #com-container.about-intro .power-list .list-item > ul::before {display:none} 338} 339 340/* ì¬ì ë¶ì¼ */ 341#com-container.about-intro .power-list.for-area .list-item:nth-child(odd) > strong {color:#2e6bde;background-color:#fff;border-color:#2e6bde} 342#com-container.about-intro .power-list.for-area .list-item:nth-child(even) > strong {color:#fff;background-color:#2e6bde;border-color:transparent} 343#com-container.about-intro .power-list.for-area .list-item > ul::after {content:'';position:absolute;z-index:1;left:26px;bottom:0;width:9px;height:9px;background-color:#2e6bde;border-radius:50%} 344 345#com-container.about-intro .business-list {margin-top:50px;font-size:0} 346#com-container.about-intro .business-list .list-item {display:inline-block;vertical-align:top;width:calc(50% - 15px);min-height:130px;margin:30px 0 0 30px;padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.35)} 347#com-container.about-intro .business-list .list-item:nth-child(-n + 2) {margin-top:0} 348#com-container.about-intro .business-list .list-item:nth-child(odd) {margin-left:0} 349#com-container.about-intro .business-list .list-item > strong {display:block;width:100%;margin-bottom:10px;font-size:20px} 350#com-container.about-intro .business-list .list-item > [class*="b-list-"] {display:inline-block;vertical-align:middle} 351#com-container.about-intro .business-list .list-item > .b-list-img {width:90px;text-align:center} 352#com-container.about-intro .business-list .list-item > .b-list-img > img {display:inline-block} 353#com-container.about-intro .business-list .list-item > .b-list-con {width:calc(100% - 90px);margin:0;padding-left:15px;font-size:14px;word-break:keep-all;} 354 355@media screen and (max-width: 69.9375em) { 356 #com-container.about-intro .business-list .list-item {width:100%;margin:30px 0 0} 357 #com-container.about-intro .business-list .list-item:nth-child(2) {margin-top:30px} 358} 359 360@media screen and (max-width: 39.9375em) { 361 #com-container.about-intro .power-list.for-area .list-item > ul::after {display:none} 362} 363 364/* ì¬ì 문ì */ 365#com-container.about-intro .business-inquire p {margin-bottom:5px;font-size:17px;color:rgba(0,0,0,.65)} 366#com-container.about-intro .business-inquire .mail-icon {display:inline-block;width:24px;height:24px;margin-right:5px;color:#fff;line-height:26px;background-color:#333;border-radius:50%;text-align:center} 367 368@media screen and (max-width: 69.9375em) { 369 #com-container.about-intro .business-inquire {text-align:center} 370}
370 371 372/* ì¬ì ì¤ì */ 373#com-container.about-intro .about-us.for-performance {width:780px} 374#com-container.about-intro .performance-list {} 375#com-container.about-intro .performance-list .list-item {display:block;width:100%;margin-top:80px} 376#com-container.about-intro .performance-list .list-item:first-child {margin-top:0} 377#com-container.about-intro .performance-list .list-item .list-title {display:block;margin-bottom:30px} 378#com-container.about-intro .performance-list .list-item .list-title .title-con {display:inline-block;width:350px;font-size:0;line-height:70px;text-align:center;border:2px solid #2e6bde;border-radius:40px} 379#com-container.about-intro .performance-list .list-item:nth-child(odd) .list-title .title-con {color:#fff;background-color:#2e6bde;border-color:transparent} 380#com-container.about-intro .performance-list .list-item .list-title .title-con img, 381#com-container.about-intro .performance-list .list-item .list-title .title-con strong {display:inline-block;vertical-align:middle} 382#com-container.about-intro .performance-list .list-item .list-title .title-con strong {margin-left:15px;font-size:20px} 383#com-container.about-intro .performance-list .list-item .p-con {width:370px} 384#com-container.about-intro .performance-list .list-item .p-img {width:calc(100% - 370px)} 385#com-container.about-intro .performance-list .list-item ul li {display:block;width:100%;margin-bottom:10px;padding-bottom:10px;font-size:0;border-bottom:1px solid rgba(0,0,0,.35)} 386#com-container.about-intro .performance-list .list-item .days, #com-container.about-intro .performance-list .list-item .sums {display:inline-block;vertical-align:top;font-size:15px} 387#com-container.about-intro .performance-list .list-item .days {width:60px;font-weight:700} 388#com-container.about-intro .performance-list .list-item:nth-child(even) .days {width:60px} 389#com-container.about-intro .performance-list .list-item .sums {width:calc(100% - 60px);font-weight:400} 390#com-container.about-intro .performance-list .list-item:nth-child(even) .sums {width:calc(100% - 60px)} 391 392@media screen and (max-width: 69.9375em) { 393 #com-container.about-intro .about-us.for-performance {width:auto} 394 #com-container.about-intro .performance-list .list-item .list-title {text-align:center} 395 #com-container.about-intro .performance-list .list-item .p-con {display:block;width:100%} 396 #com-container.about-intro .performance-list .list-item .p-img {display:none} 397 #com-container.about-intro .performance-list .list-item ul {margin:0;padding:0 100px} 398 #com-container.about-intro .performance-list .list-item .days {width:130px} 399 #com-container.about-intro .performance-list .list-item .sums {width:calc(100% - 130px)} 400} 401 402@media screen and (max-width: 39.9375em) { 403 #com-container.about-intro .performance-list .list-item .list-title .title-con {width:100%} 404 #com-container.about-intro .performance-list .list-item ul {padding:0 20px} 405 #com-container.about-intro .performance-list .list-item ul li {margin-bottom:15px;padding-bottom:15px} 406 #com-container.about-intro .performance-list .list-item .days, 407 #com-container.about-intro .performance-list .list-item .sums {width:100% !important} 408 #com-container.about-intro .performance-list .list-item .days {margin-bottom:5px} 409} 410</style> 411 412<!-- section //--> 413<section id="com-container" class="about-intro skin-custom"> 414 <h2 class="show-for-sr">본문ìì</h2> 415 416 <!-- ëëë·(í¬ë¡ëë) ì? //--> 417 <div class="com-visual intro-visual-1"> 418 <h3 class="com-titles max-width-1080"> 419 <img src="https://cdn.hellodd.com/com/image/com-title-mark-w.png" class="tit-mark"> 420 <strong class="tit-text"><span class="">ëëë·(í¬ë¡ëë)</span> ì?</strong> 421 </h3> 422</div> 423<div class="com-container-wrapper max-width-1080"> 424 <div class="com-content"> 425 <!-- 426 <ul class="breadcrumbs for-compay"> 427 <li class="show-for-sr"><h4>íì´ì§ ê²½ë¡</h4></li> 428 <li><a href="http://www.hellodd.com"><i class="icon-home"></i><span class="show-for-sr">HOME</span></a></li> 429 <li><a href="/com/com-1.html">ìë´ë°ì¤í¬</a></li> 430 <li class="disabled"><strong class="user-point">매체ìê°</strong></li> 431 </ul> 432 --> 433 434 <!-- 본문ìì //--> 435 <article class="about-us"> 436 <section class="content"> 437 438 <!-- ëëë·(í¬ë¡ëë) 매체 í¹ì§ //--> 439 <div class="com-item"> 440 <h3 class="item-title"><span class="color-blue">ëëë·(í¬ë¡ëë)</span> 매체 í¹ì§</h3> 441 <div class="character-list"> 442 <div class="list-item"> 443 <div class="c-list-img"> 444 <img src="https://cdn.hellodd.com/com/image/com-intro-character-01.png"> 445 <strong class="color-blue">í길 ì¸ë¡ </strong> 446 </div> 447 <p> 448 2000ë ë ì¤ë¦½ ì´í <br>23ë ëì ê³¼íì°ì <br> íì¥ìì ë§¤ì¼ êµë´·ì¸ë¡ <br>ê³¼íë´ì¤ë¥¼ ë°ì íê³ <br> ììµëë¤. <br><br> 449 ëëë·ì ê³¼íì°ì í ê¸¸ë§ <br>걸ì´ì¨ ì¸ë¡ ì¬ì ëë¤. 450 </p> 451 </div> 452 <div class="list-item"> 453 <div class="c-list-img"> 454 <img src="https://cdn.hellodd.com/com/image/com-intro-character-02.png"> 455 <strong>íìµíë©°<br>ì±ì¥íë ì¸ë¡ </strong> 456 </div> 457 <p> 458 ê³¼í, ìì¬, ìì ë± <br>ë¤ìí ë¶ë¥ì <br>íë ì·ì 문·ì§ì²´êµì¡ì <br>ì¤ìí©ëë¤. <br><br> 459 꾸ì¤í ê°ë³Â·ê³µëì²´ ì 문íìµì ì¶êµ¬íê³ ììµëë¤. 460 </p> 461 </div> 462 <div class="list-item"> 463 <div class="c-list-img"> 464 <img src="https://cdn.hellodd.com/com/image/com-intro-character-03.png"> 465 <strong class="color-blue">í´ë¦° ì¸ë¡ </strong> 466 </div> 467 <p> 468 ëëë·ì ìê·¹ì ì¸<br>ì ì ì ê´ê³ 0%를 <br>ì ì§íê³ ììµëë¤. <br><br> 469 âê´ê³ ë ì ë³´âë¼ë <br>ì ë ì¼ë¡ ê³¼í·ì°ì ì<br> ì미 ìë ì ë³´ë§<br>ì ê³µíë í´ë¦°ì¸ë¡ ì ëë¤. 470 </p> 471 </div> 472 <div class="list-item"> 473 <div class="c-list-img"> 474 <img src="https://cdn.hellodd.com/com/image/com-intro-character-04.png"> 475 <strong>íì¥ìì<br>ììë°ë ì¸ë¡ </strong> 476 </div> 477 <p> 478 ê³¼ííì¥ ì¸ë¡ ì ëííì¬ <br>ê³¼í기ì ì¡ì±ê³¼ ê³¼í문í <br>íì°ì 기ì¬íê³ ì í©ëë¤. 479 </p> 480 </div> 481 <div class="list-item"> 482 <div class="c-list-img"> 483 <img src="https://cdn.hellodd.com/com/image/com-intro-character-05.png"> 484 <strong class="color-blue">
484ì립 ì¸ë¡ </strong> 485 </div> 486 <p> 487 25%ì í´ë¦° ê´ê³ , <br>75%ì ê³¼í문í창조ì¬ì <br> ë 립ì ì¸ ì ë리ì¦ì<br> ì§í¥í©ëë¤. 488 </p> 489 </div> 490 <div class="list-item"> 491 <div class="c-list-img"> 492 <img src="https://cdn.hellodd.com/com/image/com-intro-character-06.png"> 493 <strong>ì¸ë ¤í¼ì§ë<br>ê³¼íì 목ì리</strong> 494 </div> 495 <p> 496 ì§ë°©ìì ì¤ìê³¼ í´ì¸ë¡ <br>ë°ì í©ëë¤. íêµê³¼íì <br>ì ë ¥ì ì¸ê³ì ì립ëë¤. 497 </p> 498 </div> 499 </div> 500 </div> 501 <!--// ëëë·(í¬ë¡ëë) 매체 í¹ì§ --> 502 503 <!-- ëëë·(í¬ë¡ëë) 매체 íì //--> 504 <div class="com-item"> 505 <h3 class="item-title"><span class="color-blue">ëëë·(í¬ë¡ëë)</span> 매체 íì</h3> 506 <div class="power-list"> 507 <div class="list-item"> 508 <strong>ê³¼íì°ì ì 문</strong> 509 <ul> 510 <li>Since 2000. ëëë¨ì§ íì¥ì´ì ë°êµ´ ì¸ê³ ì í </li> 511 <li><strong>ìíê· 50ë§ ë·°·25ë§ ëª ë°©ë¬¸·ë°©ë¬¸ë¹ 2.5Pë·°</strong></li> 512 <li><strong>40,000ëª ì¤í¼ëì¸ ë¦¬ëê¸ ì´ë©ì¼ ë ìë³´ì </strong></li> 513 <li>ì°ì 59%, ê³¼í 17%, êµì¡ 16%, ê·¸ ì¸ 8%</li> 514 <li>ìì¸ê²½ê¸° 40%, ëì ëë 33%, ì êµ 20%, í´ì¸ 7%</li> 515 </ul> 516 </div> 517 <div class="list-item"> 518 <strong>íê¸ë ¥</strong> 519 <ul> 520 <li><strong>ë¤ì´ë²</strong> ë´ì¤ ì¤í ë, <strong>ë¤ìì¹´ì¹´ì¤</strong> ê³µì ë´ì¤ì ê³µì¬</li> 521 <li>ë ìëì ë°ì¼ë¦¬ ë´ì¤ë í° ë°ì¡</li> 522 <li class="dot-line-2">íì´ì¤ë¶, ì íë¸, ë¤ì´ë² í¬ì¤í¸, ë¤ì´ë² ê³¼í, ë¤ì´ë² ë¸ë¡ê·¸ë± 미ëì´ ë¦´ë¦¬ì¦</li> 523 <li><strong>ëíë¯¼êµ ê³¼í문íëì¤ë§¤ì²´ ëì</strong>(íêµê³¼íì°½ìì¬ë¨)</li> 524 </ul> 525 </div> 526 </div> 527 </div> 528 <!--// ëëë·(í¬ë¡ëë) 매체 í¹ì§ --> 529 530 </section> 531 </article> 532 <!--// 본문ìì --> 533 534 </div> 535</div> <!--// ëëë·(í¬ë¡ëë) ì? --> 536 537 <!-- ëëë·ì ì¤ëë ì´ì¬í //--> 538 <div class="com-visual intro-visual-2"> 539 <h3 class="com-titles max-width-1080"> 540 <img src="https://cdn.hellodd.com/com/image/com-title-mark-y.png" class="tit-mark"> 541 <strong class="tit-text"><span class="color-yellow">ëëë·</span>ì ì¤ëë ì´ì¬í</strong> 542 </h3> 543</div> 544<div class="com-container-wrapper max-width-1080"> 545 <div class="com-content"> 546 547 <!-- 본문ìì //--> 548 <article class="about-us"> 549 <section class="content"> 550 551 <!-- ëëë· ì¬ì ë¶ì¼ //--> 552 <div class="com-item"> 553 <h3 class="item-title"><span class="color-blue">ëëë·</span> ì¬ì ë¶ì¼</h3> 554 <div class="power-list for-area"> 555 <div class="list-item"> 556 <strong>ê³¼í문í íì° íë¡ì í¸</strong> 557 <ul> 558 <li>êµë´ë¯¼ê°ìµë âê³¼íë§ìì¶ì â 주ìµ(12íì°¨) </li> 559 <li>ì¬ì´ì¸ì¤ì¬ë¨D, ì§ê³ ì¹ë ê³¼íí´ì¤ 주ìµ</li> 560 <li>ë¯¼ê° ìµë AI ëì¤í ì¶ì AI week Festival ê°ìµ(4íì°¨)</li> 561 <li>ëëí¹êµ¬ âëëì´ë¦°í¬ë¼â, ë¶ì¼ë³ 기ì ì¬ì íí¬ë¼ 주ê´</li> 562 <li><strong style="letter-spacing:-.075rem;">ë©íë²ì¤ íì© íì¬, ì¨ë¼ì¸ ì¬í¬ì§ì ë± ê³¼í íì¬ ì£¼ê´ ë° ìí</strong></li> 563 </ul> 564 </div> 565 <div class="list-item"> 566 <strong>ì¨ë¼ì¸ íµí© ë§ì¼í </strong> 567 <ul> 568 <li>êµê° ëí ì°êµ¬ê¸°ê´ íë³´ ì¨ë¼ì¸ ììì§, ë¤ì´ë² ê³¼íí¬ì¤í¸ ë± </li> 569 <li>HelloDD.com íµí ê¸°ì¬ ë³´ë, ë°°ë ë± ê´ê³ </li> 570 <li>40,000ì¬ëª ë ìëì ë°ì¼ë¦¬ ë´ì¤ë í° ë°ì¡</li> 571 <li>ë¤ì´ë²·ë¤ìì¹´ì¹´ì¤ ë´ì¤ ì ê³µ, SNS 릴리ì¦, ì íë¸ ê²ì</li> 572 <li><strong>700ì¬ê³³ 기ê´ë¨ì²´ì¬ íë³´·ê´ê³ ì¬ì (ëì ) </strong></li> 573 </ul> 574 </div> 575 </div> 576 577 <div class="business-list"> 578 <div class="list-item"> 579 <strong>ê³¼í기ì ì¸ <span class="color-blue">í¬ë¼ ë° ì¢ë´í</span></strong> 580 <div class="b-list-img"> 581 <img src="https://cdn.hellodd.com/com/image/com-intro-business-icon-01.png"> 582 </div> 583 <p class="b-list-con"> 584 ê³¼í기ì ì 매ê°ë¡ ê±´ì¤ì ì¸ êµê° 미ë를 창조í기ìí ìíµì ì¥, ì¤í¼ëì¸ ë¦¬ëë¤ì êµë¥, ì ë³´ê³µì íì±íì ì¥ì¼ë¡ ê°ìµë©ëë¤. 585 </p> 586 </div> 587 <div class="list-item"> 588 <strong><span class="color-blue">ë´ì¤ë í°</span>(ì¸ë¡ íë³´)</strong> 589 <div class="b-list-img"> 590 <img src="https://cdn.hellodd.com/com/image/com-intro-business-icon-02.png"> 591 </div> 592 <p class="b-list-con"> 593 주기ì ì¼ë¡ ë°ì¡ëë ê¸°ê´ ì ì© íë³´ì±ë, <strong>ë´ì¤ë í°</strong>ë± ê³¼íì°ì ê³ ê¸°ê´ê³¼ ì´ê³µê³ ëíì ëííë íë³´ì±ëë¡ íì©ëê³ ììµëë¤. 594 </p> 595 </div> 596 <div class="list-item"> 597 <strong><span class="color-blue">ì°íì°</span> êµë¥í</strong> 598 <div class="b-list-img"> 599 <img src="https://cdn.hellodd.com/com/image/com-intro-business-icon-03.png"> 600 </div> 601 <p class="b-list-con"> 602 ìë¡ì´ ë¹ì¦ëì¤ ì°½ì¶ì ìí 기ì ëí¥ ì¤ì§ì ì ë³´êµë¥ì ì¥ì¼ë¡ 구ì¶, ëì í¸ìë를 ì»ê³ ììµëë¤. 603 </p> 604 </div> 605 <div class="list-item"> 606 <strong><span class="color-blue">SNS</span>, ë¤ì´ë² ê³¼íí¬ì¤í¸, ì¹´ëë´ì¤</strong> 607 <div class="b-list-img"> 608 <img src="https://cdn.hellodd.com/com/image/com-intro-business-icon-04.png"> 609 </div> 610 <p class="b-list-con"> 611 기ê´ì ëë´ì¸ ìíµì±ëë¡ íì©ì¤ì¸ <strong>SNS, ë¤ì´ë² ê³¼íí¬ì¤í¸, ì¹´ëë´ì¤</strong>ë± ëëë·ì´ ì§ì 기í·ì ìíì¬ ì½ì거리, ë³¼ê±°ë¦¬ê° íë¶í´ì§ëë¤. 612 </p> 613 </div> 614 <div class="list-item"> 615 <strong>ê³¼íí ë§<span class="color-blue">íì¬</span></strong> 616 <div class="b-list-img"> 617 <img src="https://cdn.hellodd.com/com/image/com-intro-business-icon-05.png"> 618 </div> 619 <p class="b-list-con"> 620 ì§ì ê³µëì²´ íì±í를 ìí âì¶ì â, ë¤ìí ê³¼íì²´í, 문íê³µì° ë±ì´ ì´ìë©ëë¤. 621 </p> 622 </div> 623 <div class="list-item"> 624 <strong><span class="color-blue">ì¶í 미ëì´</span>(ì 기ê°í물)</strong> 625 <div class="b-list-img"> 626 <img src="https://cdn.hellodd.com/com/image/com-intro-business-icon-06.png"> 627 </div> 628 <p class="b-list-con"> 629 ìë³, ë¶ê¸°ë³ë¡ ë°íëë <strong>ì 기ììì§</strong>, ë¤ìí ììì ì§ë©´ì ë´ì ë ììê² ì ë¬í©ëë¤. 630 </p> 631 </div> 632 </div> 633 634 </div> 635 <!--// ëëë· ì¬ì ë¶ì¼ --> 636 637 <!-- ì¬ì 문ì //--> 638 <div class="com-item business-inquire"> 639 <h3 class="item-title"><span class="color-blue">ì¬ì </span> 문ì</h3> 640 <p> 641 <strong class="color-blue">미ëì´íí¸</strong>(ë´ì¤ë í°, SNS, ì¶í미ëì´) <strong class="color-blue">ê³¼í문ííì°íë¡ì í¸</strong>(ê³¼í기ì ì¸ í¬ë¼, ì¢ë´í, ì°íì° êµë¥í, ê³¼íí ë§íì¬) 642 </p> 643 <a href="mailto:[email protected]"><span class="mail-icon"><i class="icon-mail-o"></i></span> [email protected]</a> 644 </div> 645 <!--// ì¬ì 문ì --> 646 647 </section> 648 </article> 649 <!--// 본문ìì --> 650 651 </div> 652</div> <!--// ëëë·ì ì¤ëë ì´ì¬í --> 653 654 <!-- ëëë·ì´ ê·¸ëì í ì¼ //--> 655 <div class="com-visual intro-visual-3"> 656 <h3 class="com-titles max-width-1080"> 657 <img src="https://cdn.hellodd.com/com/image/com-title-mark-y.png" class="tit-mark"> 658 <strong class="tit-text"><span class="color-yellow">ëëë·</span>ì´ ê·¸ëì í ì¼</strong> 659 </h3> 660</div> 661<div class="com-container-wrapper max-width-1080"> 662 <div class="com-content"> 663 664 <!-- 본문ìì //--> 665 <article class="about-us for-performance"> 666 <section class="content"> 667 668 <!-- ëëë· ì¬ì ì¤ì //--> 669 <div class="com-item"> 670 <h3 class="item-title"><span class="color-blue">ëëë·</span> ì¬ì ì¤ì </h3> 671 <div class="performance-list"> 672 673 <!-- ì¨ë¼ì¸ íµí© ë§ì¼í //--> 674 <div class="list-item"> 675 <h3 class="list-title"> 676 <div class="title-con"> 677 <img src="https://cdn.hellodd.com/com/image/com-intro-performance-icon-01.png"> 678 <strong>ì¨ë¼ì¸ íµí© ë§ì¼í </strong> 679 </div> 680 </h3> 681 <div class="auto-valign"> 682 <div class="list-left for-top p-con"> 683 <ul> 684 <!-- ì¶ê° // --> 685 <li> 686 <span class="days">23.10</span> 687 <span class="sums">êµ/ì문 POSTECH ì¨ë¼ì¸ ë´ì¤ë í° ì ì</span> 688 </li> 689 <li> 690 <span class="days">23.09</span> 691 <span class="sums">KISTI ì°êµ¬ì±ê³¼ ì¨ë¼ì¸ ë´ì¤ë í° ì ì</span> 692 </li> 693 <li> 694 <span class="days">23.08</span> 695 <span class="sums">êµê°ê³¼íëì ëì íë ¥ì§ìë¨ ì¨ë¼ì¸ ë´ì¤ë í° ì ì ë° ë°ì¡</span> 696 </li> 697 <li> 698 <span class="days">23.07</span> 699 <span class="sums">KIST ì¨ë¼ì¸ íµí© ì¹ì§ ì½í ì¸ ì ì</span> 700 </li> 701 <li> 702 <span class="days">23.06</span> 703 <span class="sums">ëì ì 4ë íµì¬ì ëµì°ì ë´ì¤ë í° ì ì·ë°ì¡</span> 704 </li> 705 <li> 706 <span class="days">23.04</span> 707 <span class="sums">2023ë íêµê³¼í기ì í림ì ì¨Â·ì¤íë¼ì¸ ì 기ê°í물 ì ì ë° ë°°í¬</span> 708 </li> 709 <li> 710 <span class="days">23.03</span> 711 <span class="sums">2023 íêµíìíì°êµ¬ì ì¨ë¼ì¸ íë³´ ì¬ì </span> 712 </li> 713 <li> 714 <span class="days">23.03</span> 715 <span class="sums">íêµê³¼í기ì ì°êµ¬ì(KIST) ì ì± ê³ ê° ë´ì¤ë í° ëìì¸ ë° ì½ë©</span> 716 </li> 717 <li> 718 <span class="days">22.10</span> 719 <span class="sums">êµ/ì문 POSTECH ì¨ë¼ì¸ ë´ì¤ë í° ì ì</span> 720 </li> 721 <li> 722 <span class="days">22.09</span> 723 <span class="sums">KISTI ì°êµ¬ì±ê³¼ ì¨ë¼ì¸ ë´ì¤ë í° ì ì</span> 724 </li> 725 <li> 726 <span class="days">22.06</span> 727 <span class="sums">ì°êµ¬ê¸°ë° íì© ì´ì§ì ìí i-tubeíë³´ ì ëµì립 ë° ì¶ì§</span> 728 </li> 729 <li> 730 <span class="days">22.05</span> 731 <span class="sums">2022 íêµíìíì°êµ¬ì ì¨ë¼ì¸ íë³´ì¬ì </span> 732 </li> 733 <li> 734 <span class="days">22.05</span> 735 <span class="sums">KIST ì¨ë¼ì¸ ì¹ì§ KISToday ì½í ì¸ ì ì ë° ë°ì¡</span> 736 </li> 737 <li> 738 <span class="days">22.04 </span> 739 <span class="sums">êµê°ê³¼íëì ëì íë ¥ì§ìë¨ ì¨ë¼ì¸ ë´ì¤ë í° ì ì ë° ë°ì¡</span> 740 </li> 741 <li> 742 <span class="days">22.01</span> 743 <span class="sums">ìì¬ í´ë¬ì¤í° ì ì± ì´ì ë°êµ´</span> 744 </li> 745 <!-- // ì¶ê° --> 746 <li> 747 <span class="days">21.08</span> 748 <span class="sums">KISTI ì°êµ¬ì±ê³¼ ì¨ë¼ì¸ ë´ì¤ë í° ì ì</span> 749 </li> 750 <li> 751 <span class="days">21.07</span> 752 <span class="sums">ëë ¸ì¡°í© íë³´ìì ë° ê¸°ì¬ë³´ë</span> 753 </li> 754 <li> 755 <span class="days">21.07</span> 756 <span class="sums">TPë°ì´ì¤ í¬ì¤ì¼ì´ ììì§</span> 757 </li> 758 <li> 759 <span class="days">21.06</span> 760 <span class="sums">I-Tube íë³´ ì ëµ ì립 ë° ì¶ì§</span> 761 </li> 762 <li> 763 <span class="days">21.06</span> 764 <span class="sums">POSTECH êµÂ·ì문 ë´ì¤ë í° ì ì</span> 765 </li> 766 <li> 767 <span class="days">21.05</span> 768 <span class="sums">ì¶©ë¨ì¸ì¢ ì§ìíê°ë¨ ì°ìì¬ë¡ë°êµ´</span> 769 </li> 770 <li> 771 <span class="days">21.05</span> 772 <span class="sums">KRISS ì¸ê³ì¸¡ì ì ë 기ë íì¬ íë³´</span> 773 </li> 774 <li> 775 <span class="days">21.04</span> 776 <span class="sums">KIST ì¨Â·ì¤íë¼ì¸ íë³´</span> 777 </li> 778 <li> 779 <span class="days">21.03</span> 780 <span class="sums">POSTECH ì½ë¡ë ë´ì¤ë í° ì ì</span> 781 </li> 782 <li> 783 <span class="days">21.03</span> 784 <span class="sums">ì§ì ì°½ì ·ìì ¤í¬ì ìíê³ ì¡°ì¬ì°êµ¬</span> 785 </li> 786 <li> 787 <span class="days">20.08</span> 788 <span class="sums">KISTI ì°êµ¬ì±ê³¼ ì¨ë¼ì¸ ë´ì¤ë í° ì ì</span> 789 </li> 790 <li> 791 <span class="days">20.06</span> 792 <span class="sums">êµ/ì문 POSTECH ì¨ë¼ì¸ ë´ì¤ë í° ì ì</span> 793 </li> 794 <li> 795 <span class="days">20.05</span> 796 <span class="sums"> 797 2020ë SETCOOP ë´ì¤ë í° ì ì ì©ì<br> 798 êµê°ê³¼íëì ëì íë ¥ì§ìë¨<br> 799 ì¨ë¼ì¸ ë´ì¤ë í° ì ì ë° ë°ì¡ ì©ì 800 </span> 801 </li> 802 <li> 803 <span class="days">20.04</span> 804 <span class="sums">KIST 쨷ì¤íë¼ì¸ 매체 íë³´</span> 805 </li> 806 <li> 807 <span class="days">20.02</span> 808 <span class="sums">ì¶ì²ê¸°ì ë§¤ê±°ì§ ë° ë´ì¤ë í° ì ì ì¬ì </span> 809 </li> 810 </ul> 811 </div> 812 <div class="list-right for-top text-right p-img"> 813 <img src="https://cdn.hellodd.com/com/image/com-intro-performance-img-01-1_240131.png"> 814 </div> 815 </div> 816 </div> 817 <!--// ì¨ë¼ì¸ íµí© ë§ì¼í --> 818 819 <!-- ê³¼í문í íì° íë¡ì í¸ //--> 820 <div class="list-item"> 821 <h3 class="list-title text-right"> 822 <div class="title-con"> 823 <img src="https://cdn.hellodd.com/com/image/com-intro-performance-icon-02.png"> 824 <strong>ê³¼í문í íì° íë¡ì í¸</strong> 825 </div> 826 </h3> 827 <div class="auto-valign"> 828 <div class="list-left for-top text-left p-img"> 829 <img src="https://cdn.hellodd.com/com/image/com-intro-performance-img-02-2_240131.png"> 830 </div> 831 <div class="list-right for-top p-con"> 832 <ul> 833 <!-- ì¶ê° // --> 834 <li> 835 <span class="days">23.12</span> 836 <span class="sums">2023 ì 2í KRISO ê³¼í문íì ë </span> 837 </li> 838 <li> 839 <span class="days">23.11</span> 840 <span class="sums">2023ë ì§ìì£¼ë ¥ì°ì ì°ì기ì ì´ì ì¤ëª í</span> 841 </li> 842 <li> 843 <span class="days">23.10</span> 844 <span class="sums">2023 ì¶©ì²ê¶ ì¸ê³µì§ë¥ 주ê°<br> 845 2023 ê¸ë¡ë² ê³¼í기ì HRD í¬ë¼ <br> 846 2023 ì 1í KRISO ê³¼í문íì ë </span> 847 </li> 848 <li> 849 <span class="days">23.08</span> 850 <span class="sums">2023 íì 주체 ë¤í¸ìí¬</span> 851 </li> 852 <li> 853 <span class="days">23.05</span> 854 <span class="sums">2023 Hello! ê³¼íë§ìì¶ì </span> 855 </li> 856 <li> 857 <span class="days">23.04</span> 858 <span class="sums">2023 ê³¼í ì´ì¸ë¦¼ë§ë¹ 걷기ëí <br> 859 ì¶ì°ì°-기ì ì¤ì¬ê¸°ì ê° ê¸°ì êµë¥ë¥¼ ìí <br> 860 ì¤íí´í´ë½</span> 861 </li> 862 <li> 863 <span class="days">23.03</span> 864 <span class="sums">ìê°: ì¬ì´ì¸ì¤ ì¬ë¨D</span> 865 </li> 866 <li> 867 <span class="days">22.12</span> 868 <span class="s
868ums">ì°êµ¬íì íìí ì¶ë²</span> 869 </li> 870 <li> 871 <span class="days">22.11</span> 872 <span class="sums">ESG ë° ë©íë²ì¤ ë¶ì¼ ì¨ë¼ì¸ ì¸ë¯¸ë</span> 873 </li> 874 <li> 875 <span class="days">22.10</span> 876 <span class="sums">UCLG ì¤ë§í¸ìí° ì¸ë¯¸ë <br> ì¶©ì²ê¶ ì¸ê³µì§ë¥ 주ê°</span> 877 </li> 878 <li> 879 <span class="days">22.09</span> 880 <span class="sums">ëëí¹êµ¬ íì 기ì ë¤í¸ìí¬</span> 881 </li> 882 <li> 883 <span class="days">22.08</span> 884 <span class="sums">2022 Hello! ê³¼íë§ìì¶ì </span> 885 </li> 886 <li> 887 <span class="days">22.07</span> 888 <span class="sums">ë-ì»´í¨í° BCIê¸°ë° íì ì¸ì 기ì ê²½ì§ëí <br> 2022 AI íì¤í°ë²</span> 889 </li> 890 <li> 891 <span class="days">22.04 </span> 892 <span class="sums">ì°ì ì²´-ì°êµ¬ì êµë¥íì±í ì¤íí´ í¬ì´</span> 893 </li> 894 <li> 895 <span class="days">22.03</span> 896 <span class="sums">ëë¡ ìì¨ë¹í ê²½ì§ëí </span> 897 </li> 898 <li> 899 <span class="days">22.02 </span> 900 <span class="sums">ë¹ ë°ì´í° íë«í¼ ë° ì¼í° 구ì¶ì¬ì </span> 901 </li> 902 <li> 903 <span class="days"></span> 904 <span class="sums">ìê° : ì¬ì´ì¸ì¤ ì¬ë¨D / ì§ê³ ì¹ë ê³¼íí´ì¤</span> 905 </li> 906 <!-- // ì¶ê° --> 907 <li> 908 <span class="days">21.11</span> 909 <span class="sums">2021 ê³¼í ì´ì¸ë¦¼ë§ë¹ 걷기ëí</span> 910 </li> 911 <li> 912 <span class="days">21.10</span> 913 <span class="sums">2021ë ì¶©ì²ê¶ ì¸ê³µì§ë¥ ì£¼ê° íì¬ ììì½í ì¸ ì ì </span> 914 </li> 915 <li> 916 <span class="days">21.10</span> 917 <span class="sums">X-STEM ì¬ì´ì¸ì¤íì¤í°ë²</span> 918 </li> 919 <li> 920 <span class="days">21.10</span> 921 <span class="sums">ì 11í Hello! ê³¼íë§ìì¶ì </span> 922 </li> 923 <li> 924 <span class="days">21.09</span> 925 <span class="sums">2021 AI FESTIVAL</span> 926 </li> 927 <li> 928 <span class="days">21.08</span> 929 <span class="sums">ê³¼íì°ì ì íë¸ ì´ì</span> 930 </li> 931 <li> 932 <span class="days">21.06</span> 933 <span class="sums">ì íë¸ í í¬ì¼ ãììë ¥ ì²êµ, ê³¼íê´ Liveã</span> 934 </li> 935 <li> 936 <span class="days">21.05</span> 937 <span class="sums">2021ë íì 기ì ë¤í¸ìí¬ ì´ì ì¬ì </span> 938 </li> 939 <li> 940 <span class="days">21.05</span> 941 <span class="sums">2021 KRISO ê³¼íëì´í° 기í ë° íì¬ ì´ì</span> 942 </li> 943 <li> 944 <span class="days">21.03</span> 945 <span class="sums">2021ë ë ì¬ì´ì¸ì¤ ì¬ë¨D íì¬ ì´ì</span> 946 </li> 947 <li> 948 <span class="days">20.12</span> 949 <span class="sums">2020ë ëëí¹êµ¬ 기ì ì¬ì í ë¤í¸ìí¬ ì´ì</span> 950 </li> 951 <li> 952 <span class="days">20.10</span> 953 <span class="sums">X-STEM ì¬ì´ì¸ì¤íì¤í°ë²</span> 954 </li> 955 <li> 956 <span class="days">20.09</span> 957 <span class="sums">2020 AI íì¤í°ë²</span> 958 </li> 959 <li> 960 <span class="days">20.08</span> 961 <span class="sums"> 962 2020ë WISET ê³¼í기ì ê°ì°í 963 </span> 964 </li> 965 <li> 966 <span class="days">20.08</span> 967 <span class="sums"> 968 2020 ì¸íí¸ ê³¼í ì´ì¸ë¦¼ë§ë¹ 걷기ëí 969 </span> 970 </li> 971 </ul> 972 </div> 973 </div> 974 </div> 975 <!--// ê³¼í문í íì° íë¡ì í¸ --> 976 977 </div> 978 </div> 979 <!--// ëëë· ì¬ì ì¤ì --> 980 981 </section> 982 </article> 983 <!--// 본문ìì --> 984 985 </div> 986</div> <!--// ëëë·ì´ ê·¸ëì í ì¼ --> 987 988</section> 989<!-- section //--> 990 991 992 <footer id="com-footer"> 993 <h2 class="show-for-sr">íë¨ìì</h2> 994 <div class="com-footer-wrapper max-width-1080"> 995 <h6 class="copy" style="width:90px;"><!--© í¬ë¡ëë--><img src="https://cdn.hellodd.com/image/logo/downlogo_20200723045022.png" alt="í¬ë¡ëë" /></h6> 996 <em>ëì ê´ìì ì ì±êµ¬ ëëëë¡ 582, 401í¸</em> 997 <em>ëíì í : 042-861-5005</em> 998 <em>í©ì¤ : 042-861-5059</em> 999 </div> 1000 </footer> 1001 1002 <!-- off canvas //--> 1003 <nav class="com-offcanvas"> 1004 <h4 class="ci"><img src="https://cdn.hellodd.com/image/logo/toplogo_20200803043552.png" alt="í¬ë¡ëë" /></h4> 1005 <button class="com-offcanvas-close"><i class="icon-close-thin"><span class="show-for-sr">ì ì²´ ë©ë´ ë«ê¸°</span></i></button> 1006 <ul class="vertical menu accordion-menu" data-accordion-menu> 1007 <li> 1008 <a href="/com/com-1.html" target="_top">매체ìê°</a> 1009 <ul class="menu vertical nested is-active"> 1010 <li><a href="/com/com-1.html" target="_top" class="current-page">매체ìê°</a></li> 1011 <li><a href="/com/com-3.html" target="_top" class="">CEO ë©ìì§</a></li> 1012 <li><a href="/com/com-6.html" target="_top" class="">ìë°ì 구ë ë£</a></li> 1013 <li><a href="/com/com-4.html" target="_top" class="">ê´ê³ ìë´</a></li> 1014 <li><a href="/com/com-5.html" target="_top" class="">ì°í</a></li> 1015 <li><a href="/com/com-2.html" target="_top" class="">ì°¾ìì¤ìë길</a></li> 1016 </ul> 1017</li> 1018<li> 1019 <a href="http://www.hellodd.com/com/jb.html" target="_top">ê³ ê°ì¼í°</a> 1020 <ul class="menu vertical nested is-active"> 1021 <li><a href="http://www.hellodd.com/com/jb.html" target="_top" class="">기ì¬ì ë³´</a></li> 1022 <li><a href="https://page.stibee.com/subscriptions/160888?groupIds=220459" target="_top" class="">ë´ì¤ë í° êµ¬ë ì ì²</a></li> 1023 <li><a href="http://www.hellodd.com/com/bp.html" target="_top" class="">í¸ì§ììê² íë§ë</a></li> 1024 <li><a href="http://www.hellodd.com/com/tg.html" target="_top" class="">ë ìí¬ê³ </a></li> 1025 <li><a href="http://www.hellodd.com/com/jh.html" target="_top" class="">íì 문ì</a></li> 1026 <li><a href="http://www.hellodd.com/com/copy.html" target="_top" class="">ì ìê¶ë¬¸ì</a></li> 1027 <li><a href="https://page.stibee.com/subscribers/auth/160888" target="_top" class="">
1027ë´ì¤ë í° êµ¬ë í´ì§</a></li> 1028 <li><a href="http://www.hellodd.com/com/jj.html" target="_top" class="">ì¤ë³´ì ì ë³´ë ìì²</a></li> 1029 </ul> 1030</li> 1031<li> 1032 <a href="/com/cfethics.html" target="_top">ì½ê´ ë° ì ì± </a> 1033 <ul class="menu vertical nested is-active"> 1034 <li><a href="/com/cfethics.html" target="_top" class="">ì¤ë¦¬ê°ë ¹</a></li> 1035 <li><a href="/com/service.html" target="_top" class="">ì´ì©ì½ê´</a></li> 1036 <li><a href="/com/privacy.html" target="_top" class="">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></li> 1037 <li><a href="/com/youthpolicy.html" target="_top" class="">ì²ìë ë³´í¸ì ì± </a></li> 1038 <li><a href="/com/copyright.html" target="_top" class="">ì ìê¶ë³´í¸ì ì± </a></li> 1039 <li><a href="/com/emailno.html" target="_top" class="">ì´ë©ì¼ë¬´ë¨ìì§ê±°ë¶</a></li> 1040 </ul> 1041</li> 1042 </ul> 1043 </nav> 1044 <div class="com-offcanvas-overlap"></div> 1045 <!--// off canvas --> 1046 </div> 1047</div> 1048
1049<script type="text/javascript"> 1050(function() { 1051 1052 // com navigation 1053 var $comWrap = $('#com-wrap') 1054 , $comOffBtn = $comWrap.find('#com-nav-btns') 1055 , $comOffOverlap = $comWrap.find('.com-offcanvas-overlap') 1056 , $comOffcanvas = $comWrap.find('.com-offcanvas') 1057 , $comOffClose = $comOffcanvas.find('.com-offcanvas-close'); 1058 1059 // button click 1060 $comOffBtn.on({ 1061 click: function(){ 1062 $comWrap.addClass('active'); 1063 $('body, html').css('overflow','hidden'); 1064 } 1065 }); 1066 1067 $comOffClose.on({ 1068 click: function(){ 1069 $comWrap.removeClass('active'); 1070 $('body, html').css('overflow','auto'); 1071 } 1072 }); 1073 1074 // overlap click 1075 $comOffOverlap.on({ 1076 click: function(){ 1077 $comWrap.removeClass('active'); 1078 $('body, html').css('overflow','auto'); 1079 } 1080 }); 1081 1082})(); 1083</script>
1083 1084<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>
1085<script type="text/javascript"> 1086// back to the top 1087$(document).scroll(function(){ 1088 var sDocumentHeight = $(document).height() - $(window).height(); 1089 if($(document).scrollTop() > 0){ 1090 $('#back-to-top').fadeIn(); 1091 }else{ 1092 $('#back-to-top').fadeOut(); 1093 } 1094}); 1095 1096$('#back-to-top').click(function(){ 1097 $('html, body').animate( {scrollTop:0}, 100); 1098}); 1099</script>
1099 1100 1101 1102</body> 1103</html> 1104
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.