Snippet 본문

제휴형 B

등록
이동원 (등록일 : 2011/09/08    최종수정일 : 2013/03/08)
Type
PC
설명
Footer 제휴 서비스형 + 저작권 문구 자료제공사 정보 및 서비스 업체의 정보 좌우 배치
미리보기
Html
<div class="footer_comm">
    <h2 class="screen_out">서비스 이용정보</h2>
    <div class="wrap_link">
        <a href="http://www.daum.net/doc/info.html" class="link_info">서비스 약관/정책</a><span class="txt_bar"> | </span><a href="/provision.daum" class="link_info">이용자 약관</a><span class="txt_bar"> | </span><a href="http://www.daum.net/doc/info_protection.html?t__nil_footer=menu9" class="link_info">개인정보취급방침</a><span class="txt_bar"> | </span><a href="http://right.daum.net/" class="link_info">권리침해신고</a><span class="txt_bar"> | </span>
        <a href="http://cs.daum.net/faq/site/258.html" target="_blank" class="link_info">소셜쇼핑 고객센터</a><span class="txt_bar"> | </span><a href="http://scms.biz.daum.net/join/intro.daum" target="_blank" class="link_info">판매신청안내</a>
    </div>
    <div class="wrap_info">
        <div class="info_company1">
            사업자등록번호 : <span class="txt_num">000-00-00000</span> 통신판매업신고번호 : 제 <span class="txt_num">0000</span>호
            <span class="txt_address">주소 : 서울특별시 OO구 OO동 <span class="txt_num">000</span><span class="txt">㈜</span>다음커뮤니케이션 대표이사 최세훈</span>
            <span class="txt_num">Tel: 1577-0000</span><span class="txt_bar"> | </span><span class="num">Fax: 1577-0000</span>
        </div>
    </div>
    <div class="wrap_info">
        <div class="info_company2">
            사업자등록번호 : <span class="txt_num">000-00-00000</span> 통신판매업신고번호 : 제 <span class="txt_num">0000</span>호
            <span class="txt_address">주소 : 서울특별시 OO구 OO동 <span class="txt_num">000</span><span class="txt_g">㈜</span>다음커뮤니케이션 대표이사 최세훈</span>
            <span class="txt_num">Tel: 1577-0000</span><span class="txt_bar"> | </span><span class="txt_num">Fax: 1577-0000</span>
        </div>
    </div>
    <address class="txt_copyright">Copyright (c) <a href="http://info.daum.net" target="_blank" class="link_info" title="다음 커뮤니케이션 회사소개">Daum Communications.</a> All rights reserved.</address>
    <p class="desc_copyright">위 내용에 대한 저작권 및 법적 책임은 자료제공사 또는 글쓴이에 있으며 Daum의 입장과 다를 수 있습니다.</p>
</div>
CSS
.footer_comm {padding:10px 0;font-size:11px;color:#888;text-align:center;clear:both}
.footer_comm .link_info {color:#666}
.footer_comm .txt_bar {color:#dadada}
.footer_comm .wrap_link .link_info {font-weight:bold;font-size:12px;font-family:'돋움',dotum,sans-serif;color:#666}
.footer_comm .desc_copyright {line-height:15px;color:#666}
.footer_comm .wrap_info {float:left;width:50%;margin-top:8px;line-height:11px;color:#666;vertical-align:top;letter-spacing:-1px}
.footer_comm .wrap_info .txt_num {font-family:tahoma;letter-spacing:0}
.footer_comm .wrap_info .txt_info {font-size:12px;padding:0 2px}
.footer_comm .wrap_info .txt_bar {font-size:11px}
.footer_comm .info_company1 {overflow:hidden;padding-right:6px;border-right:1px solid #e1e1e1;text-align:right}
.footer_comm .info_company2 {padding-left:6px;text-align:left}
.footer_comm .txt_address {display:block;padding:2px 0}
.footer_comm .txt_copyright {padding-top:5px;font-style:normal;color:#666;clear:both}

안내 : 해당 Snippet을 사용하기 위해서는 Daum에서 사용하는 reset.css(global classname포함)를 사용 하셔야 합니다.
※ [ CSS Convention ] 바로가기