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_visual04.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="">매체소개</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="user-point">약관 및 정책</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/service.html" target="_top" class="">이용약관</a><a href="/com/privacy.html" target="_top" class="">개인정보처리방침</a><a href="/com/youthpolicy.html" target="_top" class="active">청소년보호정책</a><a href="/com/copyright.html" target="_top" class="">저작권보호정책</a><a href="/com/emailno.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>  <article class="user-com-about privacy"> <div class="privacy-list"> <header class="privacy-list-header clearfix"> '통일뉴스'(이하 ‘회사’라 함)는 각종 청소년유해정보로부터 청소년을 보호하고자 관련법률에 따라 19세미만의 청소년들이 유해정보에 접근할 수 없도록 청소년보호정책을 마련하여 시행하고 있습니다. 또한 회사는 청소년의 건전한 성장을 저해하는 음란, 불법 등의 유해정보와 비윤리적, 반사회적 행위에 대해서는 엄격하게 제재하기 위하여 다음과 같이 활동하고 있습니다. </header> <hr /> <div class="row expanded medium-collapse large-uncollapse small-up-1"> <ul class="privacy-list-groups no-bullet columns"> <li><a href="#y1">1조 <strong>유해정보로부터 청소년보호계획 수립 및 업무담당자 교육시행</strong></a></li> <li><a href="#y2">2조 <strong>유해정보에 대한 청소년접근제한 및 관리조치</strong></a></li> <li><a href="#y3">3조 <strong>유해정보로 인한 피해상담 및 고충처리</strong></a></li> <li><a href="#y4">4조 <strong>청소년보호책임자 및 담당자 연락법</strong></a></li> <li><a href="#y5">5조 <strong>부칙</strong></a></li> </ul> </div> </div>  <div id="y1" class="privacy-group"> <h4 class="privacy-group-title">제 1 조 유해정보로부터 청소년보호계획 수립 및 업무담당자 교육시행</h4> <p class="privacy-group-summary"> 회사는 청소년이 아무런 제한장치 없이 청소년 유해정보에 노출되지 않도록 청소년유해매체물에 대해서는 별도의 인증장치를 마련, 적용하며 청소년 유해정보가 노출되지 않기 위한 예방차원의 조치를 강구하고 있으며 해당 담당자에 대한 청소년보호교육을 실시합니다. </p> </div> <hr />  <div id="y2" class="privacy-group"> <h4 class="privacy-group-title">제 2 조 유해정보에 대한 청소년접근제한 및 관리조치</h4> <p class="privacy-group-summary"> 회사는 청소년이 아무런 제한장치 없이 청소년 유해정보에 노출되지 않도록 청소년유해매체물에 대해서는 별도의 인증장치를 마련, 적용하며 청소년 유해정보가 노출되지 않기 위한 예방차원의 조치를 강구합니다. </p> </div> <hr />  <div id="y3" class="privacy-group"> <h4 class="privacy-group-title">제 3 조 유해정보로 인한 피해상담 및 고충처리</h4> <p class="privacy-group-summary"> 회사는 청소년 유해정보로 인한 피해상담 및 고충처리를 위한 전문인력을 배치하여 그 피해가 확산되지 않도록 하고 있습니다. </p> <p class="privacy-group-summary"> 이용자 분들께서는 하단에 명시한 회사는 <strong>"청소년보호 책임자 및 담당자의 소속, 성명 및 연락처"</strong> 사항을 참고하여 전화나 이메일을 통하여 피해상담 및 고충처리를 요청할 수 있습니다. </p> </div> <hr />  <div id="y4" class="privacy-group"> <h4 class="privacy-group-title">제 4 조 청소년보호책임자 및 담당자 연락법</h4> <p class="privacy-group-summary"> 회사는 청소년 보호에 대한 의견수렴 및 불만처리를 담당하는 청소년 보호 책임자 및 담당자를 운영하고 있습니다. 이와 관련하여 문의사항이 있으시면 신속하고 성실하게 답변하여 드리겠습니다. </p> <div class="clearfix"> <h6><strong>청소년 보호 책임자</strong></h6> <table class="hover unstriped"> <tbody> <tr> <th class="text-center">성명(직위)</th> <td>이계환</td> </tr> <tr> <th class="text-center">전화번호</th> <td>02-6272-0182 </td> </tr> <tr> <th class="text-center">E-mail</th> <td>tongil@tongilnews.com</td> </tr> </tbody> </table> </div> </div> <hr />  <div id="y5" class="privacy-group"> <h4 class="privacy-group-title">제 5 조 부칙</h4> <p class="privacy-group-summary"> 청소년보호정책 시행일자 : 2000-10-31 </p> </div> </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="">인사말</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="current-page">청소년보호정책</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>