PageSourceSearch

https://www.hellodd.com/com/com-1.html

html hellodd.com collected 2026-10-01 11:59:25 UTC 58,947 bytes, 1,104 lines download raw bytes

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> 현장에서 매일 국내&middot;외로 <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>필독서&middot;신문&middot;집체교육을 <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>신념으로 과학&middot;산업에<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만 뷰&middot;25만 명 방문&middot;방문당 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>네이버&middot;다음카카오 뉴스 제공, SNS 릴리즈, 유튜브 게시</li>
572								<li><strong>700여곳 기관단체사 홍보&middot;광고 사업(누적) </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>등 대덕넷이 직접 기획&middot;제작하여 읽을거리, 볼거리가 풍부해집니다.
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 온&middot;오프라인 매체 홍보</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;"><!--&copy; 헬로디디--><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.