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.sejungilbo.com/image/logo/favicon.png"> 8<title>ì¸ì¬ë§ < ìë´ë°ì¤í¬ - ì¸ì ì¼ë³´</title> 9<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&family=Roboto:wght@300;400;500;700&display=swap"> 10<link rel="stylesheet" href="https://cdn.sejungilbo.com/css/foundation.min.css"> 11<link rel="stylesheet" href="https://cdn.sejungilbo.com/css/custom.foundation.min.css"> 12<link rel="stylesheet" href="https://cdn.sejungilbo.com/css/webfonts.min.css"> 13<link rel="stylesheet" href="https://cdn.sejungilbo.com/css/font.style.css"> 14<link rel="stylesheet" href="https://cdn.sejungilbo.com/css/media.min.css"> 15<link rel="stylesheet" href="https://cdn.sejungilbo.com/css/autobox.style.min.css"> 16<link rel="stylesheet" href="https://cdn.sejungilbo.com/css/templates.style.min.css"> 17<link rel="stylesheet" href="https://cdn.sejungilbo.com/css/com.style.min.css"> 18<link rel="stylesheet" href="https://cdn.sejungilbo.com/css/style.min.css"> 19<link rel="stylesheet" href="https://cdn.sejungilbo.com/css/design.style.css">
19<script src="https://cdn.sejungilbo.com/script/jquery.min.js"></script>
vendor: 1 bytes, line 19
19
20<script src="https://cdn.sejungilbo.com/script/what-input.js"></script>
vendor: 1 bytes, line 20
20
21<script src="https://cdn.sejungilbo.com/script/foundation.min.js"></script>
vendor: 1 bytes, line 21
21
22<script src="https://cdn.sejungilbo.com/script/common.js"></script>
22 23 24<!--[if lt IE 10]> 25<link rel="stylesheet" href="https://cdn.sejungilbo.com/css/style.ie9.css">
26<script src="https://cdn.sejungilbo.com/script/html5shiv.min.js"></script>
26 27<![endif]--> 28 29<style type="text/css"> 30/* ì¬ì´í¸ 기본 ì */ 31.user-point, #com-nav .menu li.is-accordion-submenu-parent ul.menu.nested li.is-submenu-item.current-page a, .com-type2 .com-subnav-wrapper > .cell > dd > a.current-page {color:#ff9720 !important} 32.user-bg,.button.user-bg,.button.user-bg:hover,.button.user-bg:active,.menu li.is-accordion-submenu-parent[aria-expanded="true"] > a,#com-nav .menu li.nav-only.current-page > a, 33.nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, 34.nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, 35.switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label 36{background-color:#ff9720 !important} 37.user-border {border-color:#ff9720 !important} 38.user-border-bottom {border-bottom-color:#ff9720 !important} 39.nd-checkbox.check-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-checkbox.check-pink input[type="radio"]:checked ~ .nd-checked::before, .nd-radio.radio-pink input[type="checkbox"]:checked ~ .nd-checked::before, .nd-radio.radio-pink input[type="radio"]:checked ~ .nd-checked::before {background-color:#ff9720 !important;border-color:#ff9720 !important} 40@media screen and (max-width: 63.9375em) { 41 .com-type1 .com-subnav-wrapper > .cell > dd > a.current-page {color:#ff9720 !important} 42} 43 44/* site size */ 45.width-1130 {width:1130px} 46.max-width-1130 {max-width:1130px} 47</style> 48</head> 49 50<body class="" > 51<nav class="skip-nav"> 52 <a href="#comNav" onclick="document.getElementById('comNav').tabIndex = -1;document.getElementById('comNav').focus();return false;" class="user-border"><span>주ììë¹ì¤ ë°ë¡ê°ê¸°</span></a> 53 <a href="#com-container" onclick="document.getElementById('com-container').tabIndex = -1;document.getElementById('com-container').focus();return false;" class="user-border"><span>본문 ë°ë¡ê°ê¸°</span></a> 54 <a href="#com-footer" onclick="document.getElementById('com-footer').tabIndex = -1;document.getElementById('com-footer').focus();return false;" class="user-border"><span>매체ì ë³´ ë°ë¡ê°ê¸°</span></a> 55</nav><!--[if lt IE 10]> 56<div id="ie9-guide"> 57 <div class="ie9-wrapper border-box"> 58 <p class="guide-txt"> 59 ì ê¹! íì¬ Internet Explorer 8ì´í ë²ì ì ì´ì©ì¤ì´ìëë¤. ìµì ë¸ë¼ì°ì (Browser) ì¬ì©ì ê¶ì¥ë립ëë¤! 60 </p> 61 62 <div class="guide-right"> 63 <dl class="ie9-down nobr"> 64 <dt><i class="icon ie-logo">ie</i></dt> 65 <dd> 66 <span>ì¸í°ë· ìµì¤íë¡ë¬ 11</span> 67 <a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">ë¤ì´ë¡ë</a> 68 </dd> 69 </dl> 70 71 <dl class="ie9-down"> 72 <dt><i class="icon cr-logo">chrome</i></dt> 73 <dd> 74 <span>êµ¬ê¸ í¬ë¡¬</span> 75 <a href="http://www.google.com/chrome/" target="_blank">ë¤ì´ë¡ë</a> 76 </dd> 77 </dl> 78 79 <dl class="ie9-down"> 80 <dt><i class="icon ff-logo">firefox</i></dt> 81 <dd> 82 <span>모ì§ë¼ íì´ì´íì¤</span> 83 <a href="http://www.mozilla.or.kr/" target="_blank">ë¤ì´ë¡ë</a> 84 </dd> 85 </dl> 86 </div> 87 </div> 88</div> 89<![endif]--><style type="text/css"> 90/********************************************** 91note : company layout (type4) 92**********************************************/ 93/* basic */ 94#com-wrap.com-type4 {overflow:hidden;padding-left:1.25rem;padding-right:1.25rem} 95@media screen and (min-width: 1130px) { 96 #com-wrap.com-type4 {padding-left:0;padding-right:0} 97} 98 99/* header */ 100#com-wrap.com-type4 #com-header {position:relative;height:400px;margin-left:-1.25rem;margin-right:-1.25rem;padding:0 1.25rem;background:url(https://cdn.sejungilbo.com/image/company/company_visual04.jpg) 50% 50% no-repeat;background-size:cover} 101#com-wrap.com-type4 #com-header::before {content:'';position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.4} 102#com-wrap.com-type4 #com-header::after {content:'';position:absolute;z-index:2;left:50%;
102top:6.25rem;bottom:0;width:98%;max-width:1250px;background:none;border-width:1px 1px 0;border-style:solid;border-color:rgba(255,255,255,.4);-ms-transform:translateX(-50%);transform:translateX(-50%)} 103#com-wrap.com-type4 .com-header-wrapper {position:relative;z-index:99} 104#com-wrap.com-type4 .com-header-wrapper::after {content:'';display:table;clear:both} 105#com-wrap.com-type4 .com-logo, #com-wrap.com-type4 .com-nav {float:left} 106#com-wrap.com-type4 .com-logo {width:180px;height:6.25rem;font-size:0;line-height:6.25rem;text-align:left} 107#com-wrap.com-type4 .com-logo > a {display:block} 108#com-wrap.com-type4 .com-nav-btns {float:right;height:6.25rem;font-size:1.75rem;color:#fff} 109@media screen and (min-width: 1130px) { 110 #com-wrap.com-type4 #com-header {margin-left:0;margin-right:0;padding:0} 111} 112@media screen and (max-width: 39.9375em) { 113 #com-wrap.com-type4 #com-header {height:240px} 114 #com-wrap.com-type4 #com-header::after {top:3.875rem;width:100%;border-width:1px 0 0} 115 #com-wrap.com-type4 .com-logo {width:7.5rem;height:3.875rem;line-height:3.875rem} 116 #com-wrap.com-type4 .com-logo img {max-height:1.875rem} 117 #com-wrap.com-type4 .com-nav-btns {height:3.875rem} 118} 119 120/* navigation */ 121#com-wrap.com-type4 .com-nav {width:calc(100% - 180px);padding:0 0 0 3.75rem;font-size:0;text-align:right;white-space:nowrap} 122#com-wrap.com-type4 .com-nav .dropdown.menu > li {display:inline-block;width:180px;text-align:center} 123#com-wrap.com-type4 .com-nav .dropdown.menu > li.is-active {background:#ff9334} 124#com-wrap.com-type4 .com-nav .dropdown.menu > li.is-dropdown-submenu-parent > a {text-decoration:none} 125#com-wrap.com-type4 .com-nav .dropdown.menu > li.is-dropdown-submenu-parent > a::after {content:normal} 126#com-wrap.com-type4 .com-nav .dropdown.menu > li > a {display:block;padding:0 1.25rem;font-size:1.125rem;font-weight:bolder;line-height:6.25rem;letter-spacing:-.05em;color:#fff} 127#com-wrap.com-type4 .com-nav .is-dropdown-submenu {width:100%;min-width:180px;padding:1.25rem 0;background:#ff9334;border:none;text-align:left} 128#com-wrap.com-type4 .com-nav .is-dropdown-submenu > li > a {padding:.625rem 1.125rem;font-size:.875rem;line-height:1.375;letter-spacing:-.05em;color:#fff} 129#com-wrap.com-type4 .com-nav .is-dropdown-submenu > li > a:hover {background-color:rgba(0,0,0,.05)} 130#com-wrap.com-type4 .com-nav .is-dropdown-submenu > li > a.current-page {font-weight:bolder;text-decoration:underline} 131 132/* page titles */ 133#com-wrap.com-type4 .com-page {overflow:hidden;position:relative;height:300px;text-align:center} 134#com-wrap.com-type4 .com-page > .inner {position:absolute;z-index:1;left:0;top:50%;width:100%;-ms-transform:translateY(-50%);transform:translateY(-50%)} 135#com-wrap.com-type4 .com-titles, #com-wrap.com-type4 .com-helper {margin:0;line-height:1.125;color:#fff;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.5)} 136#com-wrap.com-type4 .com-titles {margin-bottom:.625rem;font-size:2.625rem;font-weight:normal} 137#com-wrap.com-type4 .com-helper {font-size:.813rem;font-weight:lighter;line-height:1.375;letter-spacing:.1em;text-transform:uppercase} 138@media screen and (max-width: 39.9375em) { 139 #com-wrap.com-type4 .com-page {height:11.125rem} 140 #com-wrap.com-type4 .com-page > .inner {margin-top:-1.25rem} 141 #com-wrap.com-type4 .com-titles {font-size:1.875rem} 142} 143 144/* for company */ 145#com-wrap.com-type4 .for-company {position:relative;z-index:20;margin:-2.75rem auto 5rem;font-size:0} 146#com-wrap.com-type4 .for-company::after {content:'';display:table;clear:both} 147#com-wrap.com-type4 .for-company > .item {display:block} 148#com-wrap.com-type4 .for-company .root {position:relative} 149#com-wrap.com-type4 .for-company .back-home {overflow:hidden;width:60px;font-size:1.25rem;line-height:3.75rem;color:#fff;background-color:rgba(255,255,255,.25);text-align:center} 150#com-wrap.com-type4 .for-company .selecter {overflow:hidden;position:relative;padding:0 2rem;font-size:1rem;line-height:3.125rem;letter-spacing:-.05em;color:#fff;border-top:1px solid rgba(255,255,255,.15);text-align:left} 151#com-wrap.com-type4 .for-company .back-home + .selecter {border-top:0} 152#com-wrap.com-type4 .for-company .selecter[data-toggle] {width:100%;padding-right:5rem;cursor:pointer} 153#com-wrap.com-type4 .for-company .selecter > i[class^="icon-"] {position:absolute;z-index:1;right:2rem;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%)} 154#com-wrap.com-type4 .for-company .dropdown-pane {width:100%;padding:0 1.25rem;margin:0;list-style:none} 155#com-wrap.com-type4 .for-company .dropdown-pane > li:not(:first-child) {border-top:1px solid rgba(0,0,0,.08)} 156#com-wrap.com-type4 .for-company .dropdown-pane > li > a {display:block;font-size:.813rem;font-weight:lighter;line-height:2.875rem;letter-spacing:-.05em;color:rgba(0,0,0,.65)} 157#com-wrap.com-type4 .for-company .dropdown-pane > li > a:hover {color:#000} 158@media screen and (min-width: 40em) { 159 #com-wrap.com-type4 .for-company {margin-top:-1.875rem} 160 #com-wrap.com-type4 .for-company > .item {float:left} 161 #com-wrap.com-type4 .for-company .selecter {line-height:3.75rem;border-top:0;border-right:1px solid rgba(255,255,255,.15)} 162 #com-wrap.com-type4 .for-company .selecter[data-toggle] {min-width:220px} 163} 164 165/* content */ 166#com-wrap.com-type4 .com-content::after {content:'';display:table;clear:both} 167@media screen and (min-width: 64em) { 168 #com-wrap.com-type4 .com-content {padding-left:1.875rem;padding-right:1.875rem} 169} 170 171/* footer */ 172#com-wrap.com-type4 #com-footer {margin-top:2.5rem;margin-left:-1.25rem;margin-right:-1.25rem;padding:2.5rem 1.25rem 5rem;background-color:#f2f2f2} 173#com-wrap.com-type4 .com-footer-wrapper {display:block;font-size:0;text-align:left} 174#com-wrap.com-type4 .com-footer-wrapper > * {display:block;font-size:.875rem;font-weight:lighter;color:rgba(0,0,0,.85)} 175#com-wrap.com-type4 .com-footer-wrapper > .copy {margin-bottom:1.25rem;font-size:.9375rem;font-weight:bolder;line-height:1.375;color:#000} 176#com-wrap.com-type4 .com-footer-wrapper > em {font-style:normal;line-height:1.625} 177@media screen and (min-width: 64em) { 178 #com-wrap.com-type4 #com-footer {margin-left:0;margin-right:0;padding-left:0;padding-right:0} 179 #com-wrap.com-type4 .com-footer-wrapper {white-space:nowrap} 180 #com-wrap.com-type4 .com-footer-wrapper > * {display:inline-block;margin-left:1.25rem;line-height:1.375;vertical-align:middle} 181 #com-wrap.com-type4 .com-footer-wrapper > .copy {margin-right:1.25rem;margin-bottom:0} 182 #com-wrap.com-type4 .com-footer-wrapper > :first-child {margin-left:0} 183} 184 185/* offcanvas */ 186#com-wrap.com-type4 .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} 187#com-wrap.active .com-offcanvas {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} 188#com-wrap.com-type4 .com-offcanvas-overlap {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.5} 189#com-wrap.active .com-offcanvas-overlap {display:block} 190#com-wrap.com-type4 .com-offcanvas .ci {display:block;max-width:85px;min-height:2.5rem;margin:0 0 2.5rem;font-size:0;line-height:2.5rem} 191#com-wrap.com-type4 .com-offcanvas .ci > img {max-height:2.5rem} 192#com-wrap.com-type4 .com-offcanvas-close {position:absolute;z-index:10;right:1.875rem;top:1.875rem;height:2.5rem;font-size:1.625rem;cursor:pointer} 193#com-wrap.com-type4 .com-offcanvas .menu.vertical:not(.nested) > li:not(:first-child) {margin-top:.625rem} 194#com-wrap.com-type4 .com-offcanvas .menu.vertical:not(.nested) > li > a {padding:0;font-size:1.125rem;font-weight:bolder;letter-spacing:-.05em;line-height:2.5rem} 195#com-wrap.com-type4 .com-offcanvas .menu.vertical:not(.nested) li.is-accordion-submenu-parent[aria-expanded="true"] > a {background:none !important} 196#com-wrap.com-type4 .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%)} 197#com-wrap.com-type4 .com-offcanvas .is-accordion-submenu-parent[aria-expanded="true"] > a::after {content:'\e91a'} 198#com-wrap.com-type4 .com-offcanvas .menu.nested {margin-top:.625rem;margin-bottom:2.5rem;border-left:1px solid rgba(0,0,0,.12)} 199#com-wrap.com-type4 .com-offcanvas .menu.nested > li > a {font-size:.9375rem;font-weight:lighter;color:#333} 200#com-wrap.com-type4 .com-offcanvas .menu.nested > li > a.current-page {font-weight:bolder;color:#ff9720} 201@media screen and (min-width: 40em) { 202 #com-wrap.com-type4 .com-offcanvas {padding:2.5rem} 203 #com-wrap.com-type4 .com-offcanvas-close {right:2.5rem;top:2.5rem} 204} 205</style> 206 207<!-- wrap //--> 208<div id="com-wrap" class="com-type4"> 209 <div class="row expanded"> 210 211 <!-- header //-->
211 212 <header id="com-header"> 213 <h2 class="show-for-sr">ìë¨ìì</h2> 214 <div class="com-header-wrapper float-center max-width-1130"> 215 <h1 class="com-logo"> 216 <a href="https://www.sejungilbo.com" target="_top"> 217 <img src="https://cdn.sejungilbo.com/image/logo/watermark_20201105013102.png" alt="ì¸ì ì¼ë³´" /> 218 </a> 219 </h1> 220 <nav id="comNav" class="com-nav"> 221 <h3 class="show-for-sr">주ìë©ë´</h3> 222 <ul class="dropdown menu show-for-large" data-dropdown-menu> 223 <li> 224 <a href="/com/com-1.html" target="_top">매체ìê°</a> 225 <ul class="menu"> 226 <li><a href="/com/com-1.html" target="_top" class="current-page">ì¸ì¬ë§</a></li> 227 <li><a href="/com/com-3.html" target="_top" class="">ì¤ë¦¬ê°ë ¹</a></li> 228 <li><a href="/com/com-2.html" target="_top" class="">ì°¾ìì¤ìë길</a></li> 229 </ul> 230</li> 231<li> 232 <a href="https://www.sejungilbo.com/com/jb.html" target="_top">ê³ ê°ì¼í°</a> 233 <ul class="menu"> 234 <li><a href="https://www.sejungilbo.com/com/jb.html" target="_top" class="">기ì¬ì ë³´</a></li> 235 <li><a href="https://www.sejungilbo.com/com/ad.html" target="_top" class="">ê´ê³ 문ì</a></li> 236 <li><a href="https://www.sejungilbo.com/com/bp.html" target="_top" class="">ë¶í¸ì ê³ </a></li> 237 <li><a href="https://www.sejungilbo.com/com/tg.html" target="_top" class="">ë ìí¬ê³ </a></li> 238 <li><a href="https://www.sejungilbo.com/com/jh.html" target="_top" class="">ì í´ë¬¸ì</a></li> 239 <li><a href="https://www.sejungilbo.com/com/copy.html" target="_top" class="">ì ìê¶ë¬¸ì</a></li> 240 </ul> 241</li> 242<li> 243 <a href="/com/service.html" target="_top">ì½ê´ ë° ì ì± </a> 244 <ul class="menu"> 245 <li><a href="/com/service.html" target="_top" class="">ì´ì©ì½ê´</a></li> 246 <li><a href="/com/privacy.html" target="_top" class="">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></li> 247 <li><a href="/com/youthpolicy.html" target="_top" class="">ì²ìë ë³´í¸ì ì± </a></li> 248 <li><a href="/com/copyright.html" target="_top" class="">ì ìê¶ë³´í¸ì ì± </a></li> 249 <li><a href="/com/emailno.html" target="_top" class="">ì´ë©ì¼ë¬´ë¨ìì§ê±°ë¶</a></li> 250 </ul> 251</li> 252 </ul> 253 </nav> 254 <button type="button" id="com-nav-btns" class="com-nav-btns hide-for-large" title="ì ì²´ë©ë´"><i class="icon-bars"><span class="show-for-sr">ì ì²´ë©ë´ë²í¼</span></i></button> 255 </div> 256 257 <div class="com-page float-center max-width-1130"> 258 <div class="inner"> 259 <h3 class="com-titles">ì¸ì¬ë§</h3> 260 <p class="com-helper"> 261 Introducation </p> 262 </div> 263 </div> 264 </header> 265 <!-- header //--> 266 267 <!-- section //--> 268 <section id="com-container"> 269 <h2 class="show-for-sr">본문ìì</h2> 270 <div class="com-container-wrapper float-center max-width-1130"> 271 272 <div class="for-company user-bg"> 273 <a href="https://www.sejungilbo.com" target="_top" class="back-home item show-for-medium"><i class="icon-home"><span class="show-for-sr">HOME</span></i></a> 274 <a href="/com/com-1.html" target="_top" class="selecter item">매체ìê°</a> 275 <div class="root item"> 276 <button class="selecter" type="button" data-toggle="site-rooted">ì¸ì¬ë§ <i class="icon-angle-down-thin"><span class="show-for-sr">ë보기</span></i></button> 277 <ul class="dropdown-pane" id="site-rooted" data-dropdown data-auto-focus="true" data-close-on-click="true"> 278 <li><a href="/com/com-1.html" target="_top" class="active">ì¸ì¬ë§</a></li><li><a href="/com/com-3.html" target="_top" class="">ì¤ë¦¬ê°ë ¹</a></li><li><a href="/com/com-2.html" target="_top" class="">ì°¾ìì¤ìë길</a></li> </ul> 279 </div> 280 </div> 281 282 <div class="com-content"> <style type="text/css"> 283.about-us.custom.intro {padding:0px} 284 285/* header */ 286.about-us.custom.intro .heading {margin-bottom:60px;font-size:40px;line-height:40px;letter-spacing:-.05em;text-align:center} 287 288/* content */ 289.about-us.custom.intro .con-item {display:block;width:100%;margin-top:30px;padding-top:30px;font-size:0;border-top:1px solid rgba(0,0,0,.08)} 290.about-us.custom.intro .con-item:first-child {margin-top:0;padding-top:0;border-top:0} 291.about-us.custom.intro .con-item > [class*="item-"] {display:inline-block;vertical-align:middle} 292.about-us.custom.intro .con-item > .item-icon {width:160px} 293.about-us.custom.intro .con-item > .item-text {width:calc(100% - 160px);padding-left:50px} 294.about-us.custom.intro .con-item > .item-text .tit-kr {display:block;margin-top:5px;font-size:22px;font-weight:bolder;letter-spacing:-.05em} 295.about-us.custom.intro .con-item > .item-text p {margin:15px 0 0;font-size:15px;color:rgba(0,0,0,.5);letter-spacing:-.05em} 296 297 298@media screen and (max-width: 39.9375em) { 299 .about-us.custom.intro {padding:0} 300 301 .about-us.custom.intro .con-item > .item-text .tit-kr { font-size: 19px;font-weight: 500;} 302 303 /* header */ 304 .about-us.custom.intro .heading {font-size:26px;line-height:1.35} 305 306 /* content */ 307 .about-us.custom.intro .con-item > [class*="item-"] {display:block} 308 .about-us.custom.intro .con-item > .item-icon {width:100%;text-align:center} 309 .about-us.custom.intro .con-item > .item-text {width:100%;margin-top:15px;padding-left:0;text-align:center} 310}
310 311</style> 312 313<article class="about-us custom intro"> 314 <header class="heading"> 315 <!-- ì¸ì ì¼ë³´ --> 316 ì¸ì ì¼ë³´ë 317 <span class="user-point">ê³µíí ì¸ì</span>ì ê¿ê¿ëë¤. 318 </header> 319 <section class="content"> 320 321 <div class="con-item"> 322 <div class="item-icon"><img src="https://cdn.sejungilbo.com/image/company/com1-01.jpg"></div> 323 <div class="item-text"> 324 325 <strong class="tit-kr">ì¸ì ì¼ë³´ë <span class="user-point">* 䏿£è²§ æ£ä¸å</span>ì ì ì ì ì¶êµ¬í©ëë¤.</strong> 326 <p> 327 ìëë ë°°ê³ íì ë³´ë¬ìì ëì´ ê³µì í 기íì ê³µì í 결과를 ë ê°ë§í©ëë¤. 328ì¸ì ì¼ë³´ë ì¸ê¸ì ëê° ì§ì¸ì ì ì를 ëì´ ë¶ë°°ì ì ìê¹ì§ ì¤íí´ ë´ë âì ìë¡ê³ ê³µíí ì¸ìâì ê¿ê¿ëë¤. 329 330 </p> 331 <p> 332 <span class="user-point">* ë¶íë¹ íë¶ê· (䏿£è²§ æ£ä¸å) : êµë¯¼ë¤ì ê°ëí ê²ë³´ë¤ ê³µííì§ ëª»í¨ì ê±±ì íë¤. </span> 333 </p> 334 </div> 335 </div> 336 337 <div class="con-item"> 338 <div class="item-icon"><img src="https://cdn.sejungilbo.com/image/company/com1-02.jpg"></div> 339 <div class="item-text"> 340 341 <strong class="tit-kr">ì¸ì ì¼ë³´ë <span class="user-point">ì¸ê¸ì ëì êµì¸íì ì ê°ìì</span>를 ììí©ëë¤.</strong> 342 <p> 343 íë² ì 38ì¡°ë â모ë êµë¯¼ì ë²ë¥ ì´ ì íë ë°ì ìíì¬ ë©ì¸ì ì무를 ì§ë¤âë¼ê³ ê·ì íê³ ììµëë¤. ê·¸ë¬ë ê·¸ ì무ë ë무 ê°í¹í ëë ììµëë¤. ê·¸ë¦¬ê³ ì´ë¤ ëë ë무 ë¶ê³µíí ê²½ì°ë ììµëë¤. 344ì못ë ë²ë¥ ê³¼ ê³µì íì§ ëª»í ë² ì§í ëë¬¸ì¼ ê²ì ëë¤. 345ì¸ì ì¼ë³´ë ì못ë ë²ë¥ ì ê°ìì ë¹íì ëì´ ì¸ê¸ë²ë¥ ì ì§íê³¼ì ì¸ êµì¸íì ì ê°ìíë ì¬ê³§ì ì¸ë¡ ì 길ì ê±·ê³ ì í©ëë¤. 346 </p> 347 348 </div> 349 </div> 350 351 <div class="con-item"> 352 <div class="item-icon"><img src="https://cdn.sejungilbo.com/image/company/com1-03.jpg"></div> 353 <div class="item-text"> 354 355 <strong class="tit-kr">ì¸ì ì¼ë³´ë <span class="user-point">ìì ì¸ê¸ì 문 ì¸ë¡ </span>ì íë°©í©ëë¤.</strong> 356 <p> 357 ì¸ì ì¼ë³´ë ì¸ê¸ì ëì êµì¸íì , ì¸ë¬´ë리 ì ê³, ê·¸ë¦¬ê³ ì¸ê¸ì ë©ë¶íë 기ì ê³¼ ë©ì¸ìë¤ì ë´ì¤ë¥¼ ë§ëë ì 문 ì¸ë¡ ì¼ë¡ìì ë ¸ë ¥ì ë¤íê³ ì í©ëë¤. 358ì¸ê¸ì 문 ì¸ë¡ ê³ìì ì¤ë«ëì 몸 ë´ìì¨ ì 문기ìì ìê°ì¼ë¡ ë¹íê³¼ ê°ìë¼ë ì¸ë¡ 본ì°ì 기ë¥ì ëì´ êµ¬íì 물ë¤ì§ ìì ìë¡ì´ ë´ì¤, ìê¹ ìë ë´ì¤, ìë를 ì´ëë ì¸ê¸ë´ì¤ë¥¼ ì§í¥í©ëë¤. 359 </p> 360 </div> 361 </div> 362 363 <div class="con-item"> 364 <div class="item-icon"><img src="https://cdn.sejungilbo.com/image/company/com1-04.jpg"></div> 365 <div class="item-text"> 366 367 <strong class="tit-kr">ì¸ì ì¼ë³´ë ì 문ê°ë¤ê³¼ í¨ê»íë <span class="user-point">íë³µí ì¸ì</span>ì ê¿ê¿ëë¤.</strong> 368 <p> 369 ì¸ì ì¼ë³´ë ì¸ê¸ì 문ê°ì¸ êµì¸ê³µë¬´ì, ê´ì¸ê³µë¬´ì, ì¸ë¬´ì¬, íê³ì¬, ë³í¸ì¬ ë± ì¸ê¸ë¶ì¼ ì¤í¼ëì¸ ë¦¬ëë¤ì ì§íì ì©ê¸°ë¥¼ ë¹ë ¤ ì ì§íê³ ë°ë»í âì¸ì(ç¨ ä¸)ë´ì¤â를 ë§ë¤ê³ ì í©ëë¤. 370ì ë§ëª ì ì¸ê¸ì 문ê°ë¤ì´ ì¸ê¸ì ì를 ìí ê°ììì´ì íìê¾¼ì´ ëë¤ë©´ ì¸ìì ì ìì ê³µíì´ ì´ì ì¨ ì´ ê²ì ëë¤. ê³§ ì°ë¦¬ê° ê¿ê¾¸ë âíë³µí ì¸ìâì¼ ê²ì ëë¤. 371 </p> 372 </div> 373 </div> 374 375 376 377 </section> 378</article> 379 380 381 </div> 382 </div> 383 </section> 384 <!-- section //--> 385 386 <footer id="com-footer"> 387 <h2 class="show-for-sr">íë¨ìì</h2> 388 <div class="com-footer-wrapper float-center max-width-1130"> 389 <h6 class="copy">© ì¸ì ì¼ë³´</h6> 390 <em>ìì¸ ë§í¬êµ¬ ë§ë¦¬ì¬ë¡ 15 (ê³µëë) ì ì¼ë¹ë© 808í¸âëíì´ë©ì¼ : [email protected]</em> 391 <em>ëíì í : 02) 6352-6331 </em> 392 <em>í©ì¤ : 02) 6351-6333</em> 393 </div> 394 </footer> 395 396 <!-- off canvas //--> 397 <nav class="com-offcanvas"> 398 <h4 class="ci"><img src="https://cdn.sejungilbo.com/image/logo/toplogo_20260921095347.png" alt="ì¸ì ì¼ë³´" /></h4> 399 <button class="com-offcanvas-close"><i class="icon-close-thin"><span class="show-for-sr">ì ì²´ ë©ë´ ë«ê¸°</span></i></button> 400 <ul class="vertical menu accordion-menu" data-accordion-menu> 401 <li> 402 <a href="/com/com-1.html" target="_top">매체ìê°</a> 403 <ul class="menu vertical nested is-active"> 404 <li><a href="/com/com-1.html" target="_top" class="current-page">ì¸ì¬ë§</a></li> 405 <li><a href="/com/com-3.html" target="_top" class="">
405ì¤ë¦¬ê°ë ¹</a></li> 406 <li><a href="/com/com-2.html" target="_top" class="">ì°¾ìì¤ìë길</a></li> 407 </ul> 408</li> 409<li> 410 <a href="https://www.sejungilbo.com/com/jb.html" target="_top">ê³ ê°ì¼í°</a> 411 <ul class="menu vertical nested is-active"> 412 <li><a href="https://www.sejungilbo.com/com/jb.html" target="_top" class="">기ì¬ì ë³´</a></li> 413 <li><a href="https://www.sejungilbo.com/com/ad.html" target="_top" class="">ê´ê³ 문ì</a></li> 414 <li><a href="https://www.sejungilbo.com/com/bp.html" target="_top" class="">ë¶í¸ì ê³ </a></li> 415 <li><a href="https://www.sejungilbo.com/com/tg.html" target="_top" class="">ë ìí¬ê³ </a></li> 416 <li><a href="https://www.sejungilbo.com/com/jh.html" target="_top" class="">ì í´ë¬¸ì</a></li> 417 <li><a href="https://www.sejungilbo.com/com/copy.html" target="_top" class="">ì ìê¶ë¬¸ì</a></li> 418 </ul> 419</li> 420<li> 421 <a href="/com/service.html" target="_top">ì½ê´ ë° ì ì± </a> 422 <ul class="menu vertical nested is-active"> 423 <li><a href="/com/service.html" target="_top" class="">ì´ì©ì½ê´</a></li> 424 <li><a href="/com/privacy.html" target="_top" class="">ê°ì¸ì ë³´ì²ë¦¬ë°©ì¹¨</a></li> 425 <li><a href="/com/youthpolicy.html" target="_top" class="">ì²ìë ë³´í¸ì ì± </a></li> 426 <li><a href="/com/copyright.html" target="_top" class="">ì ìê¶ë³´í¸ì ì± </a></li> 427 <li><a href="/com/emailno.html" target="_top" class="">ì´ë©ì¼ë¬´ë¨ìì§ê±°ë¶</a></li> 428 </ul> 429</li> 430 </ul> 431 </nav> 432 <div class="com-offcanvas-overlap"></div> 433 <!--// off canvas --> 434 </div> 435</div> 436
437<script type="text/javascript"> 438(function() { 439 440 // com navigation 441 var $comWrap = $('#com-wrap') 442 , $comOffBtn = $comWrap.find('#com-nav-btns') 443 , $comOffOverlap = $comWrap.find('.com-offcanvas-overlap') 444 , $comOffcanvas = $comWrap.find('.com-offcanvas') 445 , $comOffClose = $comOffcanvas.find('.com-offcanvas-close'); 446 447 // button click 448 $comOffBtn.on({ 449 click: function(){ 450 $comWrap.addClass('active'); 451 $('body, html').css('overflow','hidden'); 452 } 453 }); 454 455 $comOffClose.on({ 456 click: function(){ 457 $comWrap.removeClass('active'); 458 $('body, html').css('overflow','auto'); 459 } 460 }); 461 462 // overlap click 463 $comOffOverlap.on({ 464 click: function(){ 465 $comWrap.removeClass('active'); 466 $('body, html').css('overflow','auto'); 467 } 468 }); 469 470})(); 471</script>
471<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>
472<script type="text/javascript"> 473// back to the top 474$(document).scroll(function(){ 475 var sDocumentHeight = $(document).height() - $(window).height(); 476 if($(document).scrollTop() > 0){ 477 $('#back-to-top').fadeIn(); 478 }else{ 479 $('#back-to-top').fadeOut(); 480 } 481}); 482 483$('#back-to-top').click(function(){ 484 $('html, body').animate( {scrollTop:0}, 100); 485}); 486</script>
486 487 488</body> 489</html> 490
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.