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="">인사말</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="current-page">이용약관</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="user-com-about privacy"> <div class="privacy-list"> <div class="row expanded medium-collapse large-uncollapse small-up-1 large-up-2"> <ul class="privacy-list-groups no-bullet columns"> <li><a href="#a1">1조 <strong>목적</strong></a></li> <li><a href="#a2">2조 <strong>약관의 효력과 변경</strong></a></li> <li><a href="#a3">3조 <strong>약관 외 준칙</strong></a></li> <li><a href="#a4">4조 <strong>이용계약의 체결</strong></a></li> <li><a href="#a5">5조 <strong>이용계약의 해지</strong></a></li> <li><a href="#a6">6조 <strong>서비스</strong></a></li> </ul> <ul class="privacy-list-groups no-bullet columns"> <li><a href="#a7">7조 <strong>회사의 의무</strong></a></li> <li><a href="#a8">8조 <strong>개인정보의 보호</strong></a></li> <li><a href="#a9">9조 <strong>회원의 의무</strong></a></li> <li><a href="#a10">10조 <strong>저작권</strong></a></li> <li><a href="#a11">11조 <strong>기타</strong></a></li> </ul> </div> </div> <!-- 제 1조 --> <div id="a1" class="privacy-group"> <h4 class="privacy-group-title">제 1 조 목적</h4> <ul class="privacy-group-list no-bullet"> <li>이 약관은 앳스타일(이하 회사)가 제공하는 모든 서비스(이하 서비스)를 이용하는 고객(이하 회원)과 회사가 서비스의 이용조건 및 절차, 권리와 의무, 기타 필요한 사항을 규정함을 목적으로 합니다.</li> </ul> </div> <hr> <!-- 제 2조 --> <div id="a2" class="privacy-group"> <h4 class="privacy-group-title">제 2 조 약관의 효력과 변경</h4> <ol class="privacy-group-list"> <li>서비스는 본 약관에 규정된 조항을 회원이 수락하는 것을 조건으로 제공되며 회원이 회원가입시 "동의" 단추를 누름과 동시에 이 약관에 동의하는 것으로 간주됩니다.</li> <li>이 약관은 온라인을 통해 공시함으로써 효력을 발생합니다.</li> <li>회사는 불가피한 변경의 사유가 있을 때 약관을 임의로 변경할 권한을 가지며 변경된 약관은 온라인을 통해 공지됨으로써 효력이 발생됩니다.</li> <li>회원은 변경된 약관에 동의하지 않을 경우 탈퇴를 요청할 수 있으며 변경된 약관의 효력발생일 이후에도 계속적으로 서비스를 이용하는 경우에는 회원이 약관의 변경 사항에 동의한 것으로 봅니다.</li> </ol> </div> <hr> <!-- 제 3조 --> <div id="a3" class="privacy-group"> <h4 class="privacy-group-title">제 3 조 약관 외 준칙</h4> <ul class="privacy-group-list no-bullet"> <li>이 약관에 명시되지 않은 사항에 대해서는 국내 관련 법령 규정에 따릅니다.</li> </ul> </div> <hr> <!-- 제 4조 --> <div id="a4" class="privacy-group"> <h4 class="privacy-group-title">제 4 조 이용계약의 체결</h4> <ol class="privacy-group-list"> <li>이용계약은 회원의 회원가입신청을 회사가 승낙 함으로써 성립합니다.</li> <li>회사는 신청서의 내용이 허위이거나 규정한 제반 사항을 위반하여 신청한 경우 가입 신청을 거절할 수 있습니다.</li> </ol> </div> <hr> <!-- 제 5조 --> <div id="a5" class="privacy-group"> <h4 class="privacy-group-title">제 5 조 이용계약의 해지</h4> <ol class="privacy-group-list"> <li>회원은 회사에 언제든 이용계약의 해지를 요청할 수 있습니다.</li> <li>회사는 회원의 해지 요청이 접수된 즉시 회원을 탈퇴 처리 하고 관련 법령 및 개인정보처리방침에 명시된 경우를 제외한 개인정보를 삭제합니다.</li> <li>회사는 회원이 제9조 회원의 의무에 위배되는 행위를 한 경우 사전통지 없이 이용계약의 해지, 제한, 정지할 수 있습니다.</li> </ol> </div> <hr> <!-- 제 6조 --> <div id="a6" class="privacy-group"> <h4 class="privacy-group-title">제 6 조 서비스</h4> <ol class="privacy-group-list"> <li>회사는 다음과 같은 서비스를 제공합니다.<br>- 뉴스 서비스<br>- 동영상 서비스<br>- 게시판 서비스<br>- 설문조사 서비스<br>- DB 서비스</li> <li>회사는 필요한 경우 서비스 내용을 추가, 변경, 삭제할 수 있습니다.</li> </ol> </div> <hr> <!-- 제 7조 --> <div id="a7" class="privacy-group"> <h4 class="privacy-group-title">제 7 조 회사의 의무</h4> <ol class="privacy-group-list"> <li>회사는 지속적, 안정적으로 서비스가 제공되도록 최선의 노력을 다하여야 합니다.</li> <li>회사는 24시간 365일 서비스 제공을 원칙으로 합니다. 다만 정기점검, 천재지변, 비상사태 등 부득이한 사유가 발생한 경우 서비스를 일시 중단할 수 있습니다.</li> </ol> </div> <hr> <!-- 제 8조 --> <div id="a8" class="privacy-group"> <h4 class="privacy-group-title">제 8 조 개인정보의 보호</h4> <ol class="privacy-group-list"> <li>회사는 서비스와 관련하여 수집된 회원의 개인정보를 본인의 사전 승낙없이 제3자에게 공개 또는 배포할 수 없습니다. 다만 관련 법령에 의한 관계기관의 요구가 있을 경우 그러하지 아니합니다.</li> <li>회사는 개인정보 보호책임자를 비롯한 개인정보에 관한 기타 사항을 별도로 정한 “개인정보처리방침”에 기재하여 공지합니다.</li> </ol> </div> <hr> <!-- 제 9조 --> <div id="a9" class="privacy-group"> <h4 class="privacy-group-title">제 9 조 회원의 의무</h4> <ol class="privacy-group-list"> <li>ID와 비밀번호에 관한 관리책임은 회원에게 있습니다.</li> <li>회원은 자신의 ID를 제3자에게 양도, 대여할 수 없습니다.</li> <li>회원은 자신의 ID가 부정하게 사용된 경우 반드시 회사에 통보하여야 합니다.</li> <li>회원은 회원가입시 입력항목에 허위, 오기, 누락이 없도록 하여야 합니다.</li> <li>회원은 제3자의 권리나 저작권 등을 침해하는 행위를 할 수 없습니다.</li> <li>회원은 이 약관 및 관계법령에서 규정한 사항을 준수하여야 하며 기타 회사의 업무에 방해되는 행위를 하여서는 안됩니다.</li> <li>회원은 회사의 사전 승낙없이 서비스를 이용하여 어떠한 영리행위도 할 수 없습니다.</li> </ol> </div> <hr> <!-- 제 10조 --> <div id="a10" class="privacy-group"> <h4 class="privacy-group-title">제 10 조 저작권</h4> <ol class="privacy-group-list"> <li>회사의 모든 서비스에 대한 저작권은 회사 및 회사에 콘텐츠를 제공하는 제공처, 광고주에 있습니다. 이 모든 저작물은 저작권법 및 관계 법령에 의해 보호받으며 회사, 콘텐츠 제공처, 광고주의 사전 승낙 없이 복제, 출판, 전송, 배포, 방송 기타 방법에 의하여 이용하거나 제3자에게 이용하게 할 수 없으며, 저작물에 대한 저작권 침해는 관계 법령의 적용을 받습니다.</li> <li>회사는 회원이 서비스내의 기사의견, 게시판 등에 올린 내용에 대해 책임이 없습니다.</li> <li>회사는 저작권에 관한 기타 사항을 별도로 정한 “저작권정책”에 기재하여 공지합니다.</li> </ol> </div> <hr> <!-- 제 11조 --> <div id="a11" class="privacy-group"> <h4 class="privacy-group-title">제 11 조 기타</h4> <ul class="privacy-group-list no-bullet"> <li>본 약관은 공정거래위원회 표준 약관에 근거하여 작성되었습니다.</li> </ul> </div> </div> </div> <footer id="com-footer"> <h2 class="show-for-sr">하단영역</h2> <h6 class="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>