<footer class="oopy-my-footer">

    <div class="oopy-my-footer-container" id="footer-content">
        <div class="oopy-my-footer-column">
            <h3>티빙 광고팀</h3>
<p>💌 <a href="mailto:tving.advertising@cj.net">tving.advertising@cj.net</a></p>
      <p>Copyright ⓒ 주식회사 티빙 All right reserved.</p>
        </div>
        
</footer>

<script>
    // 모바일 푸터 토글 기능을 위한 스크립트
    // 데스크톱에서는 이 스크립트가 영향을 주지 않습니다.
    const footerToggle = document.getElementById('footer-toggle');
    const footerContent = document.getElementById('footer-content');

    if (footerToggle && footerContent) {
        footerToggle.addEventListener('click', () => {
            // is-open 클래스를 컨테이너와 버튼 자체에 토글합니다.
            footerContent.classList.toggle('is-open');
            footerToggle.classList.toggle('is-open');
        });

        // 초기 상태 설정 (데스크톱에서는 항상 열려 있도록)
        function checkFooterView() {
            if (window.innerWidth > 768) {
                footerContent.classList.add('is-open');
                // 데스크톱 뷰에서는 토글 버튼에 is-open 클래스를 제거하여 화살표 방향을 초기화합니다.
                footerToggle.classList.remove('is-open');
            } else {
                 // 모바일 뷰로 전환될 때 기본적으로 닫힌 상태로 만듭니다.
                 footerContent.classList.remove('is-open');
                 footerToggle.classList.remove('is-open');
            }
        }
        
        // 페이지 로드 시 및 창 크기 변경 시 뷰 체크
        checkFooterView();
        window.addEventListener('resize', checkFooterView);
    }
</script>

tvingad.oopy.io

Created

Name

작성일

구분

이름

Market Demand Level

Competitive Advantage

Target Audience Segments

Recent Industry Trends

작성자

내용

중요도

마감일

첨부파일

상태

조회수

연락처

이메일

List view

리스트

tving

tving2

티빙 광고정보센터

신규 업데이트

구좌형 상품 잔여 구좌 안내