@charset 'utf-8';

/*
 * @author: by MIKWON
 * @date: 2011/12/01
 * @version: 0.1
 * @copyright: HANI. All Rights Reserved.
 * @description: 
 */

/* 뉴스레터 */
#newsletter-index #newsletter-headline { margin-bottom: 48px;  zoom: 1; }
#newsletter-index #newsletter-headline:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#newsletter-index #newsletter-headline { margin-top: 10px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_newsletter_visual.jpg) no-repeat 0 0;}
#newsletter-index #newsletter-headline .newsletter-main-visual { position: relative; float: left;  width: 312px; }
#newsletter-index #newsletter-headline .newsletter-main-visual .main-photo { overflow: hidden; height: 386px; }
#newsletter-index #newsletter-headline .newsletter-main-visual .main-photo .frame { position: absolute; top: 0; left: 0; width: 311px; height: 377px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/etc/newsletter_frame.png) no-repeat 0 0;}
#newsletter-index #newsletter-headline .newsletter-main-visual .main-photo .photo { display: block; margin: 11px 0 0 46px; }
#newsletter-index #newsletter-headline .newsletter-main-visual .newsletter-info { width: 234px; margin-left: 33px; }
#newsletter-index #newsletter-headline .newsletter-main-visual .newsletter-info dl { height: 61px; }
#newsletter-index #newsletter-headline .newsletter-main-visual .newsletter-info dl dt { font-size: 16px; color: #000; font-weight: bold; font-family: Gulim; letter-spacing: -1px; }
#newsletter-index #newsletter-headline .newsletter-main-visual .newsletter-info dl dd { padding-top: 5px; font-size: 12px; text-align: right; font-family: Gulim; }
#newsletter-index #newsletter-headline .newsletter-main-visual .newsletter-info dl dd span { display: inline-block; padding-right: 8px; margin-right: 8px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x10_666.gif) no-repeat 100% 1px; letter-spacing: -1px; white-space: nowrap; }
#newsletter-index #newsletter-headline .newsletter-main-visual .newsletter-info dl dd em { font-family: verdana; line-height: 12px; }
#newsletter-index #newsletter-headline .newsletter-items { float: left; width: 348px; }
#newsletter-index #newsletter-headline .newsletter-items ul { overflow: hidden; width: 100%; height: 480px; }
#newsletter-index #newsletter-headline .newsletter-items ul li { float: left; width: 90px; height: 221px; margin-right: 26px; margin-bottom: 38px; }
#newsletter-index #newsletter-headline .newsletter-items ul li .photo img { border: 1px solid #dbdbdb; }
#newsletter-index #newsletter-headline .newsletter-items dl { margin-top: 17px; padding: 10px 0; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
#newsletter-index #newsletter-headline .newsletter-items dl dt {}
#newsletter-index #newsletter-headline .newsletter-items dl dt a { font-size: 11px; letter-spacing: -1px; font-weight: bold; color: #333; }
#newsletter-index #newsletter-headline .newsletter-items dl dt.application a { padding-right: 18px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_email.gif) no-repeat 100% 0;}
#newsletter-index #newsletter-headline .newsletter-items dl dd { font-size: 11px; letter-spacing: -1px; color: #333; }

/* 한겨레 뉴스레터 */
#hani-newsletter {}
#hani-newsletter .list .count { font-weight: bold; color: #088b85 !important; }
#hani-newsletter .button { margin-top: 14px; }

/* 뉴스레터 공지사항 게시판 */
#newsletter-index .newsletter-notice { width: 665px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_board_outside.gif) no-repeat left top; border-bottom: 1px solid #404040; }
#newsletter-index .newsletter-notice table thead {background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_board_outside.gif) no-repeat left top; text-align: center; }
#newsletter-index .newsletter-notice table thead th { padding: 12px 0 13px 0; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_board_inside.gif) no-repeat right top; border-top: 2px solid #404040; border-bottom: 1px solid #404040; text-align: center; }
#newsletter-index .newsletter-notice table thead th.last-child { background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_board_outside.gif) no-repeat right top; }
#newsletter-index .newsletter-notice table tbody tr.first-child td { border-top: none; }
#newsletter-index .newsletter-notice table tbody td { padding: 10px 0 5px 0; text-align: center; border-top: 1px solid #dedede; color: #000; }
#newsletter-index .newsletter-notice table tbody td.subject { padding-left: 30px; text-align: left; line-height: 18px;}
#newsletter-index .newsletter-notice table tbody td.subject a{ color: #888; }
#newsletter-index .newsletter-notice table tbody td.subject .title { font-size: 14px; font-weight: bold; line-height: 26px; color: #000; font-family: Gulim; }
#newsletter-index .newsletter-notice table tbody td.date { font-family: Verdana; font-size: 11px; }

/* 뉴스레터 본문 */
#newsletter-index .newsletter-intro { height: 180px; margin-top: -47px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/etc/bg_news_letter.gif) no-repeat left 0; }
#newsletter-index .newsletter-intro .inner-info { margin: 0 0 0 269px; padding-top: 47px; }
#newsletter-index .newsletter-intro .inner-info dt { padding-left: 8px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_3x8_333.gif) no-repeat 0 2px; }
#newsletter-index .newsletter-intro .inner-info dd { margin: 8px 0 20px 0; }
#newsletter-index .newsletter-intro .inner-info dd img { vertical-align: top; }
/* 20111214-수정 */
#newsletter-index .newsletter-notice-view { border-top: 2px solid #404040; }
#newsletter-index .newsletter-notice-view div { border-bottom: 1px solid #404040; }
#newsletter-index .newsletter-notice-view .view-title th { width: 69px; padding: 15px 0 15px 25px; background: #fafafa; border-right: 1px solid #dedede; text-align: left; }
#newsletter-index .newsletter-notice-view .view-title td { overflow: hidden; padding: 15px 30px; border-bottom: none; }
#newsletter-index .newsletter-notice-view .view-title td .subject { float:left; font-family: Gulim; font-size: 14px; }
#newsletter-index .newsletter-notice-view .view-title td .date { float:right; font-family: Verdana; font-size: 11px; color: #000; }
#newsletter-index .newsletter-notice-view .tbl-body { padding: 40px 35px; }
/* //20111214-수정 */
#newsletter-index #social-related-links { margin: 20px 0 20px; padding-right: 0; }
#newsletter-index #social-related-links .widgets { margin: 5px 0 0 10px; }
#newsletter-index #social-related-links .newsletter-button-set { float: left; padding-left: 6px; }
#newsletter-index #social-related-links .newsletter-button-set li { float: left; padding-left: 5px; }