CINXE.COM

인사말 < 안내데스크 - 앳스타일

<!doctype html> <html class="no-js" lang="ko" dir="ltr"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="shortcut icon" href="https://cdn.atstar1.com/image/logo/favicon.ico"> <title>인사말 < 안내데스크 - 앳스타일</title> <link rel="stylesheet" href="https://cdn.atstar1.com/css/foundation.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/custom.foundation.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/webfonts.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/font.style.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/media.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/autobox.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/templates.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/com.style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/fontWgt/style.min.css"> <link rel="stylesheet" href="https://cdn.atstar1.com/css/design.style.css"><script src="https://cdn.atstar1.com/script/jquery.min.js"></script> <script src="https://cdn.atstar1.com/script/what-input.js"></script> <script src="https://cdn.atstar1.com/script/foundation.min.js"></script> <script src="https://cdn.atstar1.com/script/common.js"></script> <!--[if lt IE 10]> <link rel="stylesheet" href="https://cdn.atstar1.com/css/style.ie9.css"> <script src="https://cdn.atstar1.com/script/html5shiv.min.js"></script> <![endif]--> <style type="text/css"> /* 사이트 기본 색 */ .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:#000 !important} .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, .nd-switch.user-bg input[type="checkbox"]:checked + label,.nd-switch.user-bg input[type="radio"]:checked + label, .nd-switch.user-bg input[type="checkbox"]:checked + label::before,.nd-switch.user-bg input[type="radio"]:checked + label::before, .switch-group.user-bg > .nd-switch input[type="checkbox"]:checked + label,.switch-group.user-bg > .nd-switch input[type="radio"]:checked + label {background-color:#000 !important} .user-border {border-color:#000 !important} .user-border-bottom {border-bottom-color:#000 !important} .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:#000 !important;border-color:#000 !important} @media screen and (max-width: 63.9375em) { .com-type1 .com-subnav-wrapper > .cell > dd > a.current-page {color:#000 !important} } /* site size */ .width-1200 {width:1200px} .max-width-1200 {max-width:1200px} </style> </head> <body class="" > <nav class="skip-nav"> <a href="#comNav" onclick="document.getElementById('comNav').tabIndex = -1;document.getElementById('comNav').focus();return false;" class="user-border"><span>주요서비스 바로가기</span></a> <a href="#com-container" onclick="document.getElementById('com-container').tabIndex = -1;document.getElementById('com-container').focus();return false;" class="user-border"><span>본문 바로가기</span></a> <a href="#com-footer" onclick="document.getElementById('com-footer').tabIndex = -1;document.getElementById('com-footer').focus();return false;" class="user-border"><span>매체정보 바로가기</span></a> </nav><!--[if lt IE 10]> <div id="ie9-guide"> <div class="ie9-wrapper border-box"> <p class="guide-txt"> 잠깐! 현재 Internet Explorer 8이하 버전을 이용중이십니다. 최신 브라우저(Browser) 사용을 권장드립니다! </p> <div class="guide-right"> <dl class="ie9-down nobr"> <dt><i class="icon ie-logo">ie</i></dt> <dd> <span>인터넷 익스플로러 11</span> <a href="http://windows.microsoft.com/ko-kr/internet-explorer/download-ie" target="_blank">다운로드</a> </dd> </dl> <dl class="ie9-down"> <dt><i class="icon cr-logo">chrome</i></dt> <dd> <span>구글 크롬</span> <a href="http://www.google.com/chrome/" target="_blank">다운로드</a> </dd> </dl> <dl class="ie9-down"> <dt><i class="icon ff-logo">firefox</i></dt> <dd> <span>모질라 파이어폭스</span> <a href="http://www.mozilla.or.kr/" target="_blank">다운로드</a> </dd> </dl> </div> </div> </div> <![endif]--><style type="text/css"> /********************************************** note : company layout (type8) **********************************************/ /* basic */ #com-wrap.com-type8 {overflow:hidden;max-width:100%;height:100%;min-height:100vh;background-color:#f8f8f8} #com-wrap.com-type8::before {content:'';overflow:hidden;position:absolute;z-index:10;right:0;top:0;width:96px;height:96px;background-image:url(/image/company/com_type8_bgparts3.svg);background-position:0 -96px;background-repeat:no-repeat;background-size:192px 192px} @media screen and (min-width: 64em) { #com-wrap.com-type8::before {width:325px;height:325px;background-position:0 -325px;background-size:650px 650px} #com-wrap.com-type8 > .row {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;min-height:100vh} } /* header */ #com-wrap.com-type8 #com-header {padding:2.813rem 1.25rem 1.5rem;background-color:#fff} #com-wrap.com-type8 #com-header::after {content:'';position:absolute;right:0;bottom:-60px;width:150px;height:250px;background:url(/image/company/com_type8_bgparts1.svg) 0 0 no-repeat;background-size:250px auto} #com-wrap.com-type8 .com-logo {display:block;max-width:165px;margin:0 auto;font-size:0} #com-wrap.com-type8 .com-logo > a {display:block} #com-wrap.com-type8 .com-nav-btns {position:absolute;z-index:10;left:1.25rem;top:2.813rem;height:2.5rem;font-size:1.75rem} #com-wrap.active .com-nav-btns > .icon-bars::before {content:"\e9af"} #com-wrap.com-type8 .com-page-info {display:block;position:relative;z-index:99;margin-top:7.5rem;text-align:left} #com-wrap.com-type8 .com-titles {overflow:initial;position:relative;margin:0 auto;font-size:48px;text-align:inherit;transition:font .3s ease-in-out} #com-wrap.com-type8 .com-titles::after {content:'';display:block;width:128px;height:15px;background:url(/image/company/com_type8_bgparts2.svg) 0 0 no-repeat} #com-wrap.com-type8 .breadcrumbs.for-compay {margin:1rem 0 0} #com-wrap.com-type8 .breadcrumbs.for-compay li {font-size:.9375rem} @media screen and (min-width: 64em) { #com-wrap.com-type8 #com-header {width:385px;padding:3.75rem 1.875rem 3.75rem 6.25rem} #com-wrap.com-type8 #com-header::before {content:'';position:absolute;z-index:1;left:265px;top:50%;width:52px;height:185px;background:url(/image/company/com_type8_bgparts4.svg) no-repeat} #com-wrap.com-type8 #com-header::after {left:0;top:165px;width:350px;height:462px;background-position:-120px 0;background-size:463px auto} #com-wrap.com-type8 .com-logo {margin:0} #com-wrap.com-type8 .com-page-info {margin-top:180px} #com-wrap.com-type8 .com-titles::after {position:absolute;z-index:1;left:100%;top:0} } @media screen and (min-width: 100em) { #com-wrap.com-type8 .com-titles {font-size:62px} } @media screen and (max-width: 63.9375em) { #com-wrap.com-type8 #com-header {position:relative} #com-wrap.active #com-header {overflow-x:hidden;overflow-y:auto;max-height:100vh} #com-wrap.com-type8 .com-logo {line-height:2.5rem;text-align:center} #com-wrap.com-type8 .com-logo img {max-height:2.5rem} #com-wrap.active .com-page-info {display:none !important} } /* navigation */ #com-wrap.com-type8 .com-nav {display:block} #com-wrap.com-type8 .com-nav .menu.large-horizontal > li > a {padding:0;font-size:1.563rem;font-weight:bolder;letter-spacing:-.025em;white-space:nowrap} @media screen and (min-width: 64em) { #com-wrap.com-type8 .com-nav {position:absolute;z-index:990;right:6.25rem;top:2.625rem} #com-wrap.com-type8 .com-nav .menu.large-horizontal > li {width:165px;text-align:center;white-space:nowrap} #com-wrap.com-type8 .com-nav .menu.large-horizontal > li > a {font-size:1.25rem;line-height:70px;border-width:1px 1px 0;border-style:solid;border-color:transparent;text-decoration:none} #com-wrap.com-type8 .com-nav .menu.large-horizontal > li.is-active > a {background-color:#fff;border-color:#707070} #com-wrap.com-type8 .com-nav .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {content:normal !important} #com-wrap.com-type8 .com-nav .is-dropdown-submenu {width:165px;min-width:auto;padding:0 1.25rem 1rem;border-top-width:0;border-color:#707070} #com-wrap.com-type8 .com-nav .menu.subs > li:not(:first-child) {border-top:1px solid rgba(0,0,0,.05)} #com-wrap.com-type8 .com-nav .menu.subs > li > a {overflow:hidden;padding:0;font-size:.875rem;font-weight:lighter;line-height:40px;color:rgba(0,0,0,.75);text-overflow:hidden;white-space:nowrap} #com-wrap.com-type8 .com-nav .menu.subs > li > a:hover {color:rgba(0,0,0,.95)} } @media screen and (max-width: 63.9375em) { #com-wrap.com-type8 .com-nav {display:none;margin-top:3.75rem;padding-left:1.25rem} #com-wrap.active .com-nav {display:block} #com-wrap.com-type8 .com-nav .menu.large-horizontal > li {margin-bottom:3.125rem} #com-wrap.com-type8 .com-nav .menu.large-horizontal > li > a {margin-bottom:1.25rem} #com-wrap.com-type8 .com-nav .menu li.is-accordion-submenu-parent[aria-expanded="true"] > a {background:none !important} #com-wrap.com-type8 .com-nav .is-accordion-submenu-parent > a::after {content:normal !important} #com-wrap.com-type8 .com-nav .menu.subs {padding:0 0 0 1.875rem;border-left:1px solid #f16d9a} #com-wrap.com-type8 .com-nav .menu.large-horizontal > li:nth-child(2) > .menu.subs {border-left-color:#96e4ec} #com-wrap.com-type8 .com-nav .menu.large-horizontal > li:nth-child(3) > .menu.subs {border-left-color:#90ffbe} #com-wrap.com-type8 .com-nav .menu.subs > li > a {display:block;width:auto;padding:0;font-size:1.25rem;font-weight:lighter;line-height:2.813rem} } /* container */ #com-wrap.com-type8 #com-container {padding:3.75rem 1.25rem} #com-wrap.com-type8 .com-content {position:relative;z-index:10;max-width:800px;margin:0 auto} #com-wrap.com-type8 .com-content::after {content:'';display:table;clear:both} @media screen and (min-width: 64em) { #com-wrap.com-type8 #com-container {position:relative;width:calc(100% - 385px);padding:280px 100px 180px} } /* footer */ #com-wrap.com-type8 #com-footer > .copy {margin-bottom:1.375rem;font-size:.875rem;font-weight:bolder;line-height:1.375;letter-spacing:-.025em;color:#000} #com-wrap.com-type8 #com-footer > em {display:block;margin-bottom:.375rem;font-size:.813rem;font-weight:lighter;font-style:normal;line-height:1.25;letter-spacing:0;color:rgba(0,0,0,.6)} #com-wrap.com-type8 #com-footer > :last-child {margin-bottom:0} @media screen and (min-width: 64em) { #com-wrap.com-type8 #com-footer {position:absolute;z-index:99;right:100%;bottom:80px;width:385px;padding:0 1.875rem 0 6.25rem} } @media screen and (max-width: 63.9375em) { #com-wrap.com-type8 #com-footer {margin-top:3.75rem;padding-top:1.875rem;border-top:1px solid #000} } /* type8 page custom */ #com-wrap.com-type8 .about-us {margin-top:0;margin-bottom:0} #com-wrap.com-type8 .privacy-list {margin-bottom:3.75rem;border-width:1px;border-color:rgba(0,0,0,.35);background-color:#fff} #com-wrap.com-type8 table.unstriped tbody, #com-wrap.com-type8 table.unstriped tbody tr {background:none} </style> <!-- wrap //--> <div id="com-wrap" class="com-type8"> <div class="row expanded"> <!-- header //--> <header id="com-header"> <h2 class="show-for-sr">상단영역</h2> <h1 class="com-logo"> <a href="http://www.atstar1.com" target="_top"> <img src="https://cdn.atstar1.com/image/logo/toplogo_20240729053134.png" alt="앳스타일" /> </a> </h1> <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> <nav id="comNav" class="com-nav"> <h3 class="show-for-sr">주요메뉴</h3> <ul id="responNav" class="vertical large-horizontal menu" data-responsive-menu="accordion large-dropdown"> <li> <a href="/com/com-1.html" target="_top">매체소개</a> <ul class="vertical menu subs is-active"> <li><a href="/com/com-1.html" target="_top" class="current-page">인사말</a></li> <li><a href="/com/com-2.html" target="_top" class="">찾아오시는길</a></li> </ul> </li> <li> <a href="http://www.atstar1.com/com/jb.html" target="_top">고객센터</a> <ul class="vertical menu subs is-active"> <li><a href="http://www.atstar1.com/com/jb.html" target="_top" class="">기사제보</a></li> <li><a href="http://www.atstar1.com/com/kd.html" target="_top" class="">구독신청</a></li> <li><a href="http://www.atstar1.com/com/ad.html" target="_top" class="">광고문의</a></li> <li><a href="http://www.atstar1.com/com/bp.html" target="_top" class="">불편신고</a></li> <li><a href="http://www.atstar1.com/com/tg.html" target="_top" class="">독자투고</a></li> <li><a href="http://www.atstar1.com/com/jh.html" target="_top" class="">제휴문의</a></li> <li><a href="http://www.atstar1.com/com/copy.html" target="_top" class="">저작권문의</a></li> </ul> </li> <li> <a href="/com/service.html" target="_top">약관 및 정책</a> <ul class="vertical menu subs is-active"> <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> </nav> <article class="com-page-info"> <h3 class="com-titles">인사말</h3> <ul id="actBtm" class="breadcrumbs for-compay"> <li class="show-for-sr"><h4>페이지 경로</h4></li> <li><a href="http://www.atstar1.com"><i class="icon-home"></i><span class="show-for-sr">HOME</span></a></li> <li><a href="/com/com-1.html">안내데스크</a></li> <li class="disabled"><strong class="user-point">인사말</strong></li> </ul> </article> </header> <!-- header //--> <!-- section //--> <section id="com-container"> <h2 class="show-for-sr">본문영역</h2> <div class="com-content"> <div class="about-us skin-4"> <h4 class="header"> <strong>심층적 팩트</strong> 찾아 분석하고 <strong>현장중심의 뉴스</strong>를 제공하는<br> <strong class="user-point">앳스타일</strong>가 되겠습니다. </h4> <section class="container"> <article class="promise"> <span class="item img-1"><em>독자와 함께 숨쉬는<br> 바른 언론 매체</em></span> <span class="item img-2"><em>권력과 자본에<br> 굴하지 않은 언론</em></span> <span class="item img-3"><em>늘 깨어있는<br> 언론</em></span> </article> <article class="content"> <p> 앳스타일는 정도를 걷는 언론으로서,<br> 사회적 책임을 성실히 수행하고 그 책무를 다하겠습니다.<br> 사람과 사회의 보편적 가치를 추가하고,<br> 행복한 미래를 함께 만들어가기위해 노력하겠습니다. </p> <p> 인터넷에는 이미 수 많은 정보가 넘쳐 나지만,<br> 정작 독자에게 도움이 되는 가치 있는 정보는 부족합니다.<br> 정보에 담긴 가치를 분석하고 통찰력있는 분석을 통해 독자의 이해를 돕겠습니다. </p> <p> 앳스타일는 단순보도를 지양하며,<br> 차별화된 콘텐츠와 새로운 시도로 여러분의 요구에 부응하도록 노력할 것입니다. </p> <p> 현실에 안주하지 않고 스스로 부단히 채찍질하겠습니다.<br> 정도를 벗어나지 않는 참 언론의 모습을 지켜나갈 것을 약속드립니다.<br> 앳스타일는 독자와 늘 같이 호흡하고 고민하는 친구가 될 것을 약속 드립니다. </p> <p> 독자의 알 권리를 충족시켜 드리고<br> 언제든 독자와 함께 호흡할 수 있는 미디어가 되겠습니다.<br> 독자가 언제든 이웃처럼 친숙하게 느끼고 다가갈 수 있도록 노력하겠습니다. </p> <p> 앳스타일는 여러분들의 관심과 사랑으로 성장합니다.<br> 앞으로 다양한 방법으로 독자와 소통의 창을 넓혀 나가겠습니다. </p> <p><strong>여러분의 참여를 적극 환영합니다.</strong></p> </article> </section> </div> </div> <footer id="com-footer"> <h2 class="show-for-sr">하단영역</h2> <h6 class="copy">&copy; 앳스타일</h6> <em>서울특별시 강남구 학동로336, 6층(논현동, 메이트리빌딩) </em> <em>대표전화 : 02-544-7200</em> </footer> </section> <!-- section //--> </div> </div> <script type="text/javascript"> (function() { // com navigation var $comWrap = $('#com-wrap') , $comNavBtn = $comWrap.find('#com-nav-btns'); // button click $comNavBtn.on({ click: function(){ if($comWrap.hasClass('active')){ $('body, html').removeAttr('style','overflow'); }else{ $('body, html').css('overflow','hidden'); } $comWrap.toggleClass('active'); } }); })(); </script><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> <script type="text/javascript"> // back to the top $(document).scroll(function(){ var sDocumentHeight = $(document).height() - $(window).height(); if($(document).scrollTop() > 0){ $('#back-to-top').fadeIn(); }else{ $('#back-to-top').fadeOut(); } }); $('#back-to-top').click(function(){ $('html, body').animate( {scrollTop:0}, 100); }); </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10