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"> <title>인사말 < 안내데스크 - 통일뉴스</title> <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"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/foundation.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/custom.foundation.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/webfonts.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/font.style.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/media.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/autobox.style.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/templates.style.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/com.style.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/style.min.css"> <link rel="stylesheet" href="https://cdn.tongilnews.com/css/design.style.css"><script src="https://cdn.tongilnews.com/script/jquery.min.js"></script> <script src="https://cdn.tongilnews.com/script/what-input.js"></script> <script src="https://cdn.tongilnews.com/script/foundation.min.js"></script> <script src="https://cdn.tongilnews.com/script/common.js"></script>  <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:#2c7eca !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:#2c7eca !important} .user-border {border-color:#2c7eca !important} .user-border-bottom {border-bottom-color:#2c7eca !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:#2c7eca !important;border-color:#2c7eca !important} @media screen and (max-width: 63.9375em) { .com-type1 .com-subnav-wrapper > .cell > dd > a.current-page {color:#2c7eca !important} } /* site size */ .width-1080 {width:1080px} .max-width-1080 {max-width:1080px} </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><style type="text/css"> /********************************************** note : company layout (type3) **********************************************/ /* basic */ #com-wrap.com-type3 {overflow:hidden;padding-left:1.25rem;padding-right:1.25rem} @media screen and (min-width: 1080px) { #com-wrap.com-type3 {padding-left:0;padding-right:0} } /* header */ #com-wrap.com-type3 #com-header {padding:1.875rem 0 .9375rem} #com-wrap.com-type3 .com-header-wrapper {display:block;margin:0 auto;font-size:0;text-align:left;white-space:nowrap} #com-wrap.com-type3 .com-header-wrapper > .item {display:inline-block;vertical-align:middle} #com-wrap.com-type3 .com-logo, #com-wrap.com-type3 .com-etc {width:135px} #com-wrap.com-type3 .com-logo {margin:0;font-size:inherit} #com-wrap.com-type3 .com-logo > a {display:block} #com-wrap.com-type3 .com-etc {text-align:right} /* navigation */ #com-wrap.com-type3 .com-nav {width:calc(100% - 270px);padding:0 2.375rem} #com-wrap.com-type3 .com-nav > .menu {display:block;font-size:0;white-space:nowrap;text-align:center} #com-wrap.com-type3 .com-nav > .menu li {display:block;font-size:1.063rem;;line-height:1.375;letter-spacing:-.025em;text-align:center;vertical-align:middle} #com-wrap.com-type3 .com-nav > .menu li:first-child:nth-last-child(2), #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%} #com-wrap.com-type3 .com-nav > .menu li:first-child:nth-last-child(3), #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%} #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%} #com-wrap.com-type3 .com-nav > .menu li:first-child:nth-last-child(5), #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%} #com-wrap.com-type3 .com-nav > .menu li:first-child:nth-last-child(6), #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%} #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%} #com-wrap.com-type3 .com-nav > .menu li:first-child:nth-last-child(8), #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%} #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} #com-wrap.com-type3 .com-nav > .menu li a.user-point {font-weight:bolder} #com-wrap.com-type3 .com-nav > .menu li a:hover {color:#000} /* all section */ #com-wrap.com-type3 .com-nav-btns {display:inline-block;width:35px;height:35px;cursor:pointer} #com-wrap.com-type3 .com-nav-btns > .icon {display:block;float:right;position:relative;width:16px;height:2px;background-color:#000} #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} #com-wrap.com-type3 .com-nav-btns > .icon::before {top:-8px} #com-wrap.com-type3 .com-nav-btns > .icon::after {bottom:-8px} /* container */ #com-wrap.com-type3 .com-container-wrapper {display:block;margin:0 auto} #com-wrap.com-type3 .com-container-wrapper::after {content:'';display:table;clear:both} /* visual */ #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(https://cdn.tongilnews.com/image/company/company_visual03.jpg) 50% 50% no-repeat;background-size:cover;transition:height .3s} #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} #com-wrap.com-type3 .com-titles {position:absolute;z-index:5;left:0;top:50%;width:100%;margin:0;padding:0;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} @media screen and (min-width: 1080px) { #com-wrap.com-type3 .com-visual {margin-left:0;margin-right:0} } @media screen and (max-width: 63.9375em) { #com-wrap.com-type3 .com-visual {height:165px} #com-wrap.com-type3 .com-titles {font-size:2.5rem;font-weight:normal} } /* side nav */ #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} #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} #com-wrap.com-type3 .this-sub, #com-wrap.com-type3 .this-sub > a {display:block} #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} #com-wrap.com-type3 .this-sub > a.active {font-weight:bolder;color:#2c7eca} #com-wrap.com-type3 .this-sub > a:first-child {border-top:0} /* content */ @media screen and (min-width: 64em) { #com-wrap.com-type3 .com-content {float:left;width:calc(100% - 195px);padding-left:3.125rem} } /* footer */ #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)} #com-wrap.com-type3 .com-footer-wrapper {display:block;margin:2.5rem auto 5rem;font-size:0;text-align:left} #com-wrap.com-type3 .com-footer-wrapper > * {display:block;font-size:.875rem;font-weight:lighter;color:rgba(0,0,0,.85)} #com-wrap.com-type3 .com-footer-wrapper > .copy {margin-bottom:1.25rem;font-size:.9375rem;font-weight:bolder;line-height:1.375;color:#000} #com-wrap.com-type3 .com-footer-wrapper > em {font-style:normal;line-height:1.625} @media screen and (min-width: 64em) { #com-wrap.com-type3 #com-footer {margin-left:0;margin-right:0;padding:0} #com-wrap.com-type3 .com-footer-wrapper {white-space:nowrap} #com-wrap.com-type3 .com-footer-wrapper > * {display:inline-block;margin-left:1.25rem;line-height:1.375;vertical-align:middle} #com-wrap.com-type3 .com-footer-wrapper > .copy {margin-right:1.25rem;margin-bottom:0} #com-wrap.com-type3 .com-footer-wrapper > :first-child {margin-left:0} } /* offcanvas */ #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} #com-wrap.active .com-offcanvas {-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)} #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} #com-wrap.active .com-offcanvas-overlap {display:block} #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} #com-wrap.com-type3 .com-offcanvas .ci > img {max-height:2.5rem} #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} #com-wrap.com-type3 .com-offcanvas .menu.vertical:not(.nested) > li:not(:first-child) {margin-top:.625rem} #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} #com-wrap.com-type3 .com-offcanvas .menu.vertical:not(.nested) li.is-accordion-submenu-parent[aria-expanded="true"] > a {background:none !important} #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%)} #com-wrap.com-type3 .com-offcanvas .is-accordion-submenu-parent[aria-expanded="true"] > a::after {content:'\e91a'} #com-wrap.com-type3 .com-offcanvas .menu.nested {margin-top:.625rem;margin-bottom:2.5rem;border-left:1px solid rgba(0,0,0,.12)} #com-wrap.com-type3 .com-offcanvas .menu.nested > li > a {font-size:.9375rem;font-weight:lighter;color:#333} #com-wrap.com-type3 .com-offcanvas .menu.nested > li > a.current-page {font-weight:bolder;color:#2c7eca} @media screen and (min-width: 40em) { #com-wrap.com-type3 .com-offcanvas {padding:2.5rem} #com-wrap.com-type3 .com-offcanvas-close {right:2.5rem;top:2.5rem} } </style>  <div id="com-wrap" class="com-type3"> <div class="row expanded">  <header id="com-header"> <h2 class="show-for-sr">상단영역</h2> <div class="com-header-wrapper max-width-1080"> <h1 class="com-logo item"> <a href="http://www.tongilnews.com" target="_top"> <img src="https://cdn.tongilnews.com/image/logo/toplogo_20201012045929.png" alt="통일뉴스" /> </a> </h1> <nav id="comNav" class="com-nav item"> <h3 class="show-for-sr">주요메뉴</h3> <ul class="menu show-for-large"> <li><a href="/com/com-1.html" target="_top" class="user-point">매체소개</a></li><li><a href="https://www.tongilnews.com/com/jb.html" target="_top" class="">고객센터</a></li><li><a href="/com/service.html" target="_top" class="">약관 및 정책</a></li> </ul> </nav> <article class="com-etc item"> <button type="button" id="com-nav-btns" class="com-nav-btns" title="전체메뉴"><i class="icon"><span class="show-for-sr">전체메뉴버튼</span></i></button> </article> </div> </header>   <section id="com-container"> <h2 class="show-for-sr">본문영역</h2> <div class="com-visual"> <h3 class="com-titles">인사말</h3> </div> <div class="com-container-wrapper max-width-1080"> <nav class="for-company show-for-large"> <h4 class="this-first-title">매체소개</h4> <div class="this-sub"> <a href="/com/com-1.html" target="_top" class="active">인사말</a><a href="/com/com-2.html" target="_top" class="">찾아오시는길</a><a href="/com/com-3.html" target="_top" class="">후원하기</a><a href="/com/com-4.html" target="_top" class="">해외후원</a> </div> </nav> <div class="com-content"> <ul class="breadcrumbs for-compay"> <li class="show-for-sr"><h4>페이지 경로</h4></li> <li><a href="http://www.tongilnews.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> <style type="text/css"> .about-us.skin-custom.com-intro {padding:0 25px} .about-us {margin:0} /* header */ .about-us.skin-custom.com-intro .heading {margin-bottom:60px;font-size:24px;line-height:32px;letter-spacing:-.05em} /* content */ .about-us.skin-custom.com-intro .con-item {display:block;width:100%;margin-top:30px;padding-top:0px;font-size:0;border-top:0px solid rgba(0,0,0,.08)} .about-us.skin-custom.com-intro .con-item:first-child {margin-top:0;padding-top:0;border-top:0} .about-us.skin-custom.com-intro .con-item > [class*="item-"] {display:inline-block;vertical-align:middle} .about-us.skin-custom.com-intro .con-item > .item-text {width:100%} .about-us.skin-custom.com-intro .con-item > .item-text .tit-en {display:block;font-size:18px;font-weight:bolder;letter-spacing:-.02em} .about-us.skin-custom.com-intro .con-item > .item-text .tit-kr {display:block;margin-top:5px;font-size:22px;font-weight:bolder;letter-spacing:-.05em} .about-us.skin-custom.com-intro .con-item > .item-text p {margin:15px 0 0;font-size:15px;color:rgba(0,0,0,.5);letter-spacing:-.05em} .about-us.skin-custom.com-intro .con-item.full-img img {width:100%;padding-top:0px;text-align:center} .about-us.skin-custom.com-intro .con-item2 {display:block;width:100%;margin-top:10px;padding-top:20px;padding-bottom:20px;font-size:0;border-top:0px solid rgba(0,0,0,.08);background-color:#f4f4f4} .about-us.skin-custom.com-intro .con-item2:first-child {margin-top:0;padding-top:0;border-top:0} .about-us.skin-custom.com-intro .con-item2 > [class*="item-"] {display:inline-block;vertical-align:middle} .about-us.skin-custom.com-intro .con-item2 > .item-icon {width:160px;font-size:20px;font-weight:bolder;letter-spacing:-.02em;text-align:center} .about-us.skin-custom.com-intro .con-item2 > .item-text {width:calc(100% - 160px);padding-left:50px;vertical-align:middle} .about-us.skin-custom.com-intro .con-item2 > .item-text .tit-en {display:block;font-size:16px;font-weight:bolder;letter-spacing:-.02em} .about-us.skin-custom.com-intro .con-item2 > .item-text .tit-kr {display:block;margin-top:5px;font-size:22px;font-weight:bolder;letter-spacing:-.05em} .about-us.skin-custom.com-intro .con-item2 > .item-text p {margin:5px 0 0;font-size:15px;color:rgba(0,0,0,.5);letter-spacing:-.05em} @media screen and (max-width: 39.9375em) { .about-us.skin-custom.com-intro {padding:0} /* header */ .about-us.skin-custom.com-intro .heading {font-size:20px;line-height:1.35} /* content */ .about-us.skin-custom.com-intro .con-item > [class*="item-"] {display:block} .about-us.skin-custom.com-intro .con-item > .item-text {width:100%;margin-top:15px;padding-left:0;text-align:left} .about-us.skin-custom.com-intro .con-item2 > [class*="item-"] {display:block} .about-us.skin-custom.com-intro .con-item2 > .item-icon {width:100%;text-align:center} .about-us.skin-custom.com-intro .con-item2 > .item-text {width:100%;margin-top:15px;padding-left:0;text-align:center;padding-left:20px} } </style> <article class="about-us skin-custom com-intro"> <section class="content"> <div class="con-item"> <div class="item-text"> <span class="tit-kr">통일뉴스는...</span> </div> </div> <div class="con-item"> <div class="item-text"> <span class="tit-en user-point">통일뉴스는 국내 유일의 인터넷 통일전문 정론지입니다.</span> <p> 6.15 공동선언으로 통일시대가 활짝 열렸습니다. 2000년 10월 창간된 통일뉴스는 변화된 한반도 정세와 남북관계 소식을 가장 빠르고 바르게 전하는 6.15시대 인터넷 참언론입니다. </p> </div> </div> <hr> <div class="con-item"> <div class="item-text"> <span class="tit-en user-point">통일뉴스는 남과 북, 해외가 함께 하는 민족언론입니다.</span> <p> 남·북·해외의 민간 및 당국간 공동행사와 남측의 통일운동 현장에는 늘 통일뉴스가 함께 있어 왔습니다. 통일뉴스는 민족화해의 소식을 전하고 특히 해외동포에게는 고국소식을 전하는 민족의 언론입니다. </p> </div> </div> <hr> <div class="con-item"> <div class="item-text"> <span class="tit-en user-point">통일뉴스는 기존 언론을 뒤엎는 대안언론입니다.</span> <p> 분단시대 때 기존언론은 정보와 이데올로기를 독점하며 수구·우익세력의 이익을 추구해왔습니다. 그러나 21세기에 들어와 정보 독점이 불가능해졌습니다. 통일뉴스는 남·북·해외 동포간의 열린 통일네트워크를 지향하면서 민족문제와 통일문제에 대해 새로운 정보를 제공하는 대안언론입니다. </p> </div> </div> <hr> <div class="con-item"> <div class="item-text"> <span class="tit-kr">통일뉴스 사람들...</span> </div> </div> <div class="con-item2"> <div class="item-icon user-point">상임고문</div> <div class="item-text"> <p> 강만길 (친일박민족행위진상규명위원회 위원장)</p> <p>김민하 (통일고문회의 고문, 전 민주평통 수석부위원장)</p> <p>노중선 (통일자료실 대표)</p> <p>이활웅 (재미 자유기고가)</p> </div> </div> <div class="con-item2"> <div class="item-icon user-point">대표이사</div> <div class="item-text"> <p>이계환</p> </div> </div> <div class="con-item2"> <div class="item-icon user-point">편집국장</div> <div class="item-text"> <p>김치관</p> </div> </div> </section> </article> </div> </div> </section>  <footer id="com-footer"> <h2 class="show-for-sr">하단영역</h2> <div class="com-footer-wrapper max-width-1080"> <h6 class="copy">© 통일뉴스</h6> <em>서울시 종로구 새문안로5길 11-7. 수진빌딩 301호(당주동) </em> <em>대표전화 : 02-6272-0182 </em> </div> </footer>  <nav class="com-offcanvas"> <h4 class="ci"><img src="https://cdn.tongilnews.com/image/logo/toplogo_20201012045929.png" alt="통일뉴스" /></h4> <button class="com-offcanvas-close"><i class="icon-close-thin"><span class="show-for-sr">전체 메뉴 닫기</span></i></button> <ul class="vertical menu accordion-menu" data-accordion-menu> <li> <a href="/com/com-1.html" target="_top">매체소개</a> <ul class="menu vertical nested 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> <li><a href="/com/com-3.html" target="_top" class="">후원하기</a></li> <li><a href="/com/com-4.html" target="_top" class="">해외후원</a></li> </ul> </li> <li> <a href="https://www.tongilnews.com/com/jb.html" target="_top">고객센터</a> <ul class="menu vertical nested is-active"> <li><a href="https://www.tongilnews.com/com/jb.html" target="_top" class="">기사제보</a></li> <li><a href="https://www.tongilnews.com/com/kd.html" target="_top" class="">구독신청</a></li> <li><a href="https://www.tongilnews.com/com/ad.html" target="_top" class="">광고문의</a></li> <li><a href="https://www.tongilnews.com/com/bp.html" target="_top" class="">불편신고</a></li> <li><a href="https://www.tongilnews.com/com/tg.html" target="_top" class="">독자투고</a></li> <li><a href="https://www.tongilnews.com/com/jh.html" target="_top" class="">제휴문의</a></li> <li><a href="https://www.tongilnews.com/com/copy.html" target="_top" class="">저작권문의</a></li> </ul> </li> <li> <a href="/com/service.html" target="_top">약관 및 정책</a> <ul class="menu vertical nested 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> <div class="com-offcanvas-overlap"></div>  </div> </div> <script type="text/javascript"> (function() { // com navigation var $comWrap = $('#com-wrap') , $comOffBtn = $comWrap.find('#com-nav-btns') , $comOffOverlap = $comWrap.find('.com-offcanvas-overlap') , $comOffcanvas = $comWrap.find('.com-offcanvas') , $comOffClose = $comOffcanvas.find('.com-offcanvas-close'); // button click $comOffBtn.on({ click: function(){ $comWrap.addClass('active'); $('body, html').css('overflow','hidden'); } }); $comOffClose.on({ click: function(){ $comWrap.removeClass('active'); $('body, html').css('overflow','auto'); } }); // overlap click $comOffOverlap.on({ click: function(){ $comWrap.removeClass('active'); $('body, html').css('overflow','auto'); } }); })(); </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>