https://www.sbsi.co.kr/business/platform_business.jsp

1
2<!doctype html>
3
4<html lang="ko">
5<head>
6	<meta charset="utf-8">
7	<meta property="og:image" content="https://img.sbs.co.kr/sw16/sbshub/pc/img/share_thum_sbsi_800x420.jpg" />
8	<meta property="og:image:secure_url" content="https://img.sbs.co.kr/sw16/sbshub/pc/img/share_thum_sbsi_800x420.jpg" />
9	<meta property="og:image:type" content="image/jpeg" />
10	<meta property="og:image:width" content="800" />
11	<meta property="og:image:height" content="420" />
12	<link type="text/css" rel="stylesheet" href="https://img.sbs.co.kr/sw16/sbshub/pc/css/sbshub_v2.css" />
13	<title>HOME : 사업소개 : 디지털플랫폼사업</title>
14	

14<script type="text/javascript" src="https://sjmj8n.sbs.co.kr/jquery/1.6.4.min.js"></script>

14
15</head>
16<body>
17<ul id="skip_nav" style="z-index: -1;"><!-- focus 시 "z-index:9999"로 변경해주세요. -->
18	<li><a href="#snb">메인메뉴 바로가기</a></li>
19	<li><a href="#container">본문 바로가기</a></li>
20	<li><a href="#footer">하단메뉴 바로가기</a></li>
21</ul>
22<div class="sbshub_container_w sbshub_sub_wrap"><!-- 업데이트 : 서브페이지의 경우 클래스 추가 -->
23	<!-- 헤더 -->
24	
25<div class="sbshub_header ">
26	<div class="sbshub_logo_w">  <!-- 업데이트 : 마크업 추가 -->
27		<h1 class="sbshub_logo"><a class="sbsi_logo" href="https://www.sbsi.co.kr" ><img src="//img.sbs.co.kr/sw16/sbshub/pc/img/logo_sbsi.jpg" alt="sbsi"></a></h1>
28	</div>
29	<div class="sbshub_gnb_w">
30		<h2 class="blind">메인 메뉴</h2>
31		<ul class="shg_list" id="snb">
32			<!-- 회사소개 -->
33			<!-- 서브메뉴 활성화 시 클래스명 "current" 추가해주세요. 맨아래 퍼블리셔 UI 스크립트 참조 -->
34			<!-- 회사소개 -->
35			<li class="shg_cont_ch "><!-- 서브메뉴 활성화 시 클래스명 "current" 추가해주세요. 맨아래 퍼블리셔 UI 스크립트 참조 -->
36				<a href="./../about/history.jsp" class="shg_link" title="회사소개"> <!-- 업데이트 : 타이틀 변경 -->
37					<strong class="menu_1depth">회사소개</strong>
38					<!--<span class="icn shg_text"><i class="ir">아이앤엠 회사소개</i></span>-->
39					<span class="bdline_r"><i class="blind">&#124;</i></span>
40					<span class="shg_udline"><i class="icn icon_arrow"></i></span>
41				</a>
42				<div class="shg_sub_list_w"  style="display: none;">
43					<ul class="shg_sub_list"> <!-- 업데이트 : 마크업 변경 -->
44
45						<li class="shgs_cont01">
46							<a href="./../about/history.jsp" class="shgs_link"><span class="icn shgs_text"><i class="ir">연혁</i></span></a>
47						</li>
48
49						<li class="shgs_cont02">
50							<a href="./../about/address.jsp" class="shgs_link"><span class="icn shgs_text"><i class="ir">오시는길</i></span></a>
51						</li>
52
53					</ul>
54				</div>
55			</li>
56			<!-- PR -->
57			<!--<li class="shg_cont_pr">-->
58			<li class="shg_cont_si  current ">
59				<a href="./../business/platform_business.jsp" class="shg_link" title="사업소개">
60					<strong class="menu_1depth">사업소개</strong>
61					<span class="bdline_r"><i class="blind">&#124;</i></span>
62					<span class="shg_udline"><i class="icn icon_arrow"></i></span> <!-- 업데이트 : 마크업 추가 -->
63				</a>
64				<div class="shg_sub_list_w">
65					<ul class="shg_sub_list"> <!-- 업데이트 : 마크업 변경 -->
66						<li class="shgs_cont01">
67							<a href="./../business/platform_business.jsp" class="shgs_link"><span class="icn shgs_text"><i class="ir">디지털플랫폼사업</i></span></a>
68						</li>
69						<li class="shgs_cont03">
70							<a href="./../business/news_business.jsp" class="shgs_link"><span class="icn shgs_text"><i class="ir">뉴스서비스</i></span></a>
71						</li>
72						<li class="shgs_cont04">
73							<a href="./../business/portfolio.jsp" class="shgs_link"><span class="icn shgs_text"><i class="ir">포트폴리오</i></span></a>
74						</li>
75					</ul>
76				</div>
77			</li>-
78			<!-- IR -->
79			<!--<li class="shg_cont_ir">-->
80			<li class="shg_cont_pr ">
81				<a href="./../pr/ci.jsp" class="shg_link" title="PR">
82					<strong class="menu_1depth">PR</strong>
83					<!--<span class="icn shg_text"><i class="ir">PR</i></span>-->
84					<span class="bdline_r"><i class="blind">&#124;</i></span>
85					<span class="shg_udline"><i class="icn icon_arrow"></i></span> <!-- 업데이트 : 마크업 추가 -->
86				</a>
87				<div class="shg_sub_list_w">
88					<ul class="shg_sub_list"> <!-- 업데이트 : 마크업 변경 -->
89						<li class="shgs_cont01">
90							<a href="./../pr/ci.jsp" class="shgs_link"><span class="icn shgs_text"><i class="ir">CI</i></span></a>
91						</li>
92						<li class="shgs_cont03">
93							<a href="./../pr/brochure.jsp" class="shgs_link"><span class="icn shgs_text"><i class="ir">그룹 브로슈어</i></span></a>
94						</li>
95
96					</ul>
97				</div>
98			</li>
99			<li class="shg_cont_ir ">
100				<a href="./../ir/inm/publicnotice.jsp" class="shg_link" title="IR">

101					<strong class="menu_1depth">IR</strong>
102					<!--<span class="icn shg_text"><i class="ir">IR</i></span>-->
103					<span class="shg_udline"><i class="icn icon_arrow"></i></span> <!-- 업데이트 : 마크업 추가 -->
104				</a>
105				<div class="shg_sub_list_w">
106					<ul class="shg_sub_list"> <!-- 업데이트 : 마크업 변경 -->
107
108						<li class="shgs_cont01">
109							<a href="./../ir/inm/publicnotice.jsp" class="shgs_link"><span class="icn shgs_text"><i class="ir">공고사항</i></span></a>
110						</li>
111
112					</ul>
113				</div>
114			</li>
115		</ul>
116	</div>
117</div>
118

119<script type="text/javascript">

119
120	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
121		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
122			m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
123	})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
124
125	ga('create', '

125UA-104756746-1

125', 'auto');
126	ga('send', 'pageview');
127

128</script>

128
129	<!-- // end : 헤더 -->
130
131	<div class="sbshub_content">
132		<div class="sbshub_sub_w02"><!-- 퍼블 : 서브페이지 비주얼배경삽입 클래스 -->
133			<div class="sh_sub_inner" id="container">
134				<!-- 서브메뉴 : PR -->
135				
136<div class="shs_left_gnb05"> <!-- 업데이트 : 마크업 추가 및 변경 / IR 메뉴에서는 shs_gnb_cont 의 하위 shsgs_cont 항목에도 current 를 걸어주세요 -->
137	<h3 class="shs_title">사업소개</h3>
138	<ul class="shs_gnb_list">
139		<li class="shs_gnb_cont  current">
140			<a href="./../business/platform_business.jsp" class="shs_gnb_link">
141				<span class="shs_gnb_text01">디지털플랫폼사업</span>
142			</a>
143		</li>
144		<li class="shs_gnb_cont ">
145			<a href="./../business/news_business.jsp" class="shs_gnb_link">
146				<span class="shs_gnb_text03">뉴스서비스</span>
147			</a>
148		</li>
149		<li class="shs_gnb_cont  ">
150			<a href="./../business/portfolio.jsp" class="shs_gnb_link">
151				<span class="shs_gnb_text03">포트폴리오</span>
152			</a>
153		</li>
154	</ul>
155</div>
156
157				<!-- 서브콘텐츠 -->
158				<div class="shs_content_w"><!-- 퍼블 : 페이지별 분기처리할 경우/기본 클래스"shs_content_w" -->
159					<div class="shs_step_w">
160						<ul class="shs_step_list">
161							<li class="shss_cont"><a href="./../index_dev.jsp">HOME</a></li>
162							<li class="shss_cont"><a href="./platform_business.jsp">사업소개<i class="icn shss_arrow"></i></a></li>
163							<li class="shss_cont current"><a href="./n
164							ews_business.jsp">디지털플랫폼사업<i class="icn shss_arrow"></i></a></li>
165
166
167						</ul>
168						<!--<button type="button" class="btn_print" title="해당페이지 인쇄"><span class="bdline_l"><i class="blind">|</i></span>인쇄</button>--> <!-- 업데이트 : 마크업 삭제 -->
169					</div>
170					<div class="shs_cont_w"> <!-- 업데이트 : 마크업 수정 -->
171						<h4 class="shsc_title00_text">디지털플랫폼사업</h4>
172						<ol class="shs_list01">
173							<li>
174								<div class="shs_contBox">
175									<div class="cont">
176										<strong class="shs_title01">1. SBS미디어그룹 웹에이전시</strong>
177										<p class="shs_txt01">SBS 방송 및 라디오, SBS Plus, SBS funE, SBS Life,<br>SBS Sports, SBS Golf, SBS Biz채널을<br>비롯하여 스튜디오S, 스튜디오프리즘 등 주요 계열사의<br>웹에이전시 업무를 수행합니다.</p>
178									</div>
179									<img src="//img.sbs.co.kr/sw16/sbshub/pc/img/img_bis01_01.png" alt="SBS미디어그룹 웹에이전시 이미지">
180								</div>
181							</li>
182							<li>
183								<div class="shs_contBox">
184									<div class="cont">
185										<strong class="shs_title01">2. 온라인 비디오 플랫폼</strong>
186										<p class="shs_txt01">대용량 처리가 가능한 VOD와 Live 플랫폼을 구축하고<br>
187											올림픽, 월드컵 등 빅 이벤트 Live 중계 서비스를<br>
188											제공합니다.<br>
189											이를 바탕으로 방송 템플릿 구축·운영의 풍부한 노하우를<br>
190											보유하고 있습니다.
191										</p>
192									</div>
193									<img src="//img.sbs.co.kr/sw16/sbshub/pc/img/img_bis01_02.png" alt="온라인 비디오 플랫폼 이미지">
194								</div>
195							</li>
196							<li>
197								<div class="shs_contBox">
198									<div class="cont">
199										<strong class="shs_title01">3. 모바일 서비스 플랫폼</strong>
200										<p class="shs_txt01">SBS play 앱, 고릴라(SBS라디오 앱),<br>SBS뉴스 앱, SBS Golf 앱, SBS Biz 앱 등<br>자체 기술력으로 플랫폼을 개발 · 운영합니다.</p>
201									</div>
202									<img src="//img.sbs.co.kr/sw16/sbshub/pc/img/img_bis01_03.png" alt="모바일 서비스 플랫폼 이미지">
203								</div>
204							</li>
205							<li id="cloud_business">
206								<div class="shs_contBox">
207									<div class="cont">
208										<strong class="shs_title01">4. 클라우드 사업</strong>
209										<p class="shs_txt01">아마존의 APN으로서 클라우드 이전 설계·마이그레이션·<br>
210											개발, 보안 관리, 네트워크 설계, 데이터베이스 운영 등<br>
211											클라우드 사업 전반의 기술력으로 SBS 외 평화방송,<br>
212											연합뉴스 등 대규모 방송사의 클라우드 기반 플랫폼 구축을<br>
213											수주하여 성공적으로 론칭했습니다.</p>
214									</div>
215									<img src="//img.sbs.co.kr/sw16/sbshub/pc/img/img_bis01_04.png" alt="클라우드 사업 이미지">
216								</div>
217							</li>
218							<li>
219								<div class="shs_contBox">
220									<div class="cont">
221										<strong class="shs_title01">5. 광고 사업</strong>
222										<p class="shs_txt01">자체 개발한 광고 플랫폼을 통해 스티치 광고를 포함한<br>
223											비디오·오디오·배너 등 다양한 광고 운영과 함께<br>
224											광고 영업 및 대행 업무를 수행합니다.</p>
225									</div>
226									<img src="//img.sbs.co.kr/sw16/sbshub/pc/img/img_bis01_05.png" alt="광고 사업 이미지">
227								</div>
228							</li>
229						</ol>
230					</div>

231				</div>
232				<!-- //end : sub 컨텐츠 -->
233			</div>
234		</div>
235	</div>
236
237	<!-- 푸터 -->
238	

238<script type="text/javascript" src="//static.cloud.sbs.co.kr/common/js/sbs-gnb-app-3.0.0.js"></script>

238
239

240<script type="text/javascript">
241if (!window.sbswebData) {
242	window.sbswebData = {};
243}
244window.sbswebData.langList = {
245		ko: '한국어',
246		en: 'English',
247		ja: 'Japan',
248		'zh-CN': 'China',
249		th: 'Thailand',
250		vi: 'Vietnam',
251		ru: 'Russia',
252		es: 'Spain',
253		pt: 'Portugal',
254		de: 'Deutschland',
255		fr: 'France',
256		ar: 'Saudi Arabia',
257		id: 'Indonesia'
258	};
259
260	function googleTranslateElementInit() {
261		new google.translate.TranslateElement({
262			pageLanguage: 'ko',
263			layout: 4,
264			multilanguagePage: true,
265			autoDisplay: false,
266			includedLanguages: Object.keys(window.sbswebData.langList).toString()
267		}, window.sbswebData.googleTranslateAreaId);
268	}
269  $(document).ready(function() {
270	  return window.SbsGnbApp('', {
271	      env: 'real', // TODO: 추후 이부분은 환경변수로 관리 할 것('local', 'dev', 'real')
272	      platform: 'desktop',
273	      header: {
274	        id: 'header',
275	        render:false,
276	        type: 'simple',
277	        color: 'white',
278	        section: ''
279	      },
280	      footer: {
281	        id: 'footer',
282	        type: 'normal',
283	        color: 'white'
284	      },
285	      use: {
286	        async: true,
287	        logging: false
288	      }
289	    }).then(function (gnbObject) {
290	    	var googleTranslateArea = gnbObject.getTranslate();
291
292		      if (googleTranslateArea && googleTranslateArea.id) {
293		        window.sbswebData.googleTranslateAreaId = googleTranslateArea.id;
294				  $.getScript('//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit');
295		      }
296
297		      return gnbObject;
298	    }).catch(function (error) {
299	      console.error(error);
300	    });
301
302}); 
303</script>

303

304<script type="text/javascript">
305	$(document).ready(function() {
306        $(".shg_sub_list_w").hide();
307		check_flag();
308
309		$(".shg_sub_list_w").css({"height": "0px", "z-index": 15});
310
311		$(".shg_cont_ch").hover(function () {
312			$(".shg_sub_list_w").animate({height: "51px"}, 100, function () {});
313			$("#snb > li").removeClass("current");
314			$(".shg_sub_list_w").hide();
315			$(".shg_cont_ch > .shg_sub_list_w").css("display", "block");
316             $(".sbshub_header").addClass('currnet_line');
317
318		});
319
320        $(".shg_cont_pr").hover(function () {
321
322            $(".shg_sub_list_w").animate({height: "51px"}, 100, function () {});
323            $("#snb > li").removeClass("current");
324            $(".shg_sub_list_w").hide();
325            $(".shg_cont_pr > .shg_sub_list_w").css("display", "block");
326            $(".sbshub_header").addClass('currnet_line');
327
328        });
329
330		$(".shg_cont_si").hover(function () {
331
332			$(".shg_sub_list_w").animate({height: "51px"}, 100, function () {});
333			$("#snb > li").removeClass("current");
334			$(".shg_sub_list_w").hide();
335			$(".shg_cont_si > .shg_sub_list_w").css("display", "block");
336            $(".sbshub_header").addClass('currnet_line');
337		});
338		$(".shg_cont_ir").hover(function () {
339			$(".shg_sub_list_w").animate({height: "51px"}, 100, function () {});
340			$("#snb > li").removeClass("current");
341			$(".shg_sub_list_w").hide();
342			$(".shg_cont_ir > .shg_sub_list_w").css("display", "block");
343            $(".sbshub_header").addClass('currnet_line');
344		});
345		$(".shg_cont_do").hover(function () {
346			$(".shg_sub_list_w").animate({height: "51px"}, 100, function () {});
347			$("#snb > li").removeClass("current");
348			$(".shg_sub_list_w").hide();
349			$(".shg_cont_do > .shg_sub_list_w").css("display", "block");
350            $(".sbshub_header").addClass('currnet_line');
351		});
352		//$("#snb").mouseleave(function (event) {
353		//	$("#snb li .shg_sub_list_w").animate({height: "0px"}, 100, function () {
354		//	});
355		//});
356
357		$("#snb").mouseleave(function(event){
358            $(".shg_sub_list_w").hide();
359			$("#snb li .shg_sub_list_w").animate({ height : "0px"},100, function(){});
360            $(".sbshub_header").removeClass('currnet_line');
361		});
362		//$("#snb").mouseenter(function(event){
363		//	$(".shg_sub_list_w").animate({ height : "49px"},100, function(){});
364		//});
365
366	});
367
368	function check_flag(){
369		var _flag = "0";
370		if(_flag == "1") {
371			$("#shg_cont_ch").addClass("current");	
372		}else if(_flag == "2") {
373			$("#shg_cont_pr").addClass("current");	
374		}else if(_flag == "3") {
375			$("#shg_cont_ir").addClass("current");	
376		}else if(_flag == "4") {
377			$("#shg_cont_do").addClass("current");
378        }else if(_flag == "9") {
379
380            $("#shg_cont_si").addClass("current");
381        }
382	}
383
384</script>

384
385<div id="header" style="display:none">
386</div>
387<div id="footer">
388</div>
389	<!-- // end : 푸터 -->
390</div>
391</body>
392</html>