@charset 'utf-8';

/*
 * @author: by JJH
 * @date: 2011/11/14
 * @version: 0.2
 * @copyright: HANI. All Rights Reserved.
 * @description: 스페셜
 */

#special-index { zoom: 1; }
#special-index:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#special-index #contents { width: 663px; padding:20px 0 50px 0; border-right: 1px solid #dbdbdb; min-height: 100%; }
#special-index #aside { width: 286px; padding-top:20px; }

/* 첨부사진 */
#special-index .images { border:1px solid #dbdbdb; }

/* 기사 대제목 */
#special-index .article-title{ margin-bottom:14px; padding-left: 8px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_3x8_d7640a.gif) no-repeat 0 3px; font:bold 14px / 1.3 Gulim; color: #d7640a; }

/* 기사 소제목과 내용 */
#special-index .article-text dl { text-align:justify; }
#special-index .article-text dt a { font-family:Gulim; font-weight:bold; color:#000; }
#special-index .article-text dt a em { font-family:Dotum; font-weight:normal; color:#dbdbdb; }
#special-index .article-text dt a span { font-family:Dotum; font-weight:normal; color:#888; }
#special-index .article-text dd { padding-top:11px; }
#special-index .article-text dd a{ font-family:Gulim; font-weight:normal; color:#333; line-height:18px; }

/* 기사리스트 */
#special-index .article-list li { overflow: hidden; width: 274px; padding-left: 9px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_444.gif) no-repeat 0 50%; color: #000; line-height:21px;}
#special-index .article-list li a{float: left; font-size: 11px; color: #000; }
#special-index .article-list li span { float: right; width: 42px; padding-left: 10px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x10_dbdbdb.gif) no-repeat 0 50%; font-family:Dotum; font-size:11px; font-weight:normal; color:#888; }

/* 서브 타이틀 */
#special-title { overflow: hidden; padding: 40px 0 30px 0; border-bottom: 1px solid #dbdbdb; }
#special-title .sub-title { overflow: hidden; float:left; margin-right: 37px; }
#special-title .sub-title .article-special { float:left; width: 302px; margin-right: 40px; }
#special-title .sub-title .article-special .images{ margin-bottom: 10px; }
#special-title .sub-title .last-child{margin-right:0;}
#special-title .sub-title-list { float:left; margin-top: -4px;}
#special-title .sub-title-list ul { padding-top: 0; }
#special-title .sub-title-list ul.last-child { padding-top: 15px; }
#special-title .sub-title-list li { padding-left: 9px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_444.gif) no-repeat 0 50%; color: #000; line-height:21px; }
#special-title .sub-title-list li a { color: #000; }

/* 커뮤니티 */
#special-index .article-community { width:640px; margin-bottom: 23px;}
#special-index .article-community .article-box { padding: 20px 0 20px 20px; background: #f4f4f4; }
#special-index .article-community .article-box .inner-article-box { overflow:hidden; padding: 0 0 10px; 0; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_cummunity_line.gif) no-repeat left bottom; }
#special-index .article-community .article-box .inner-article-box img { float:left; margin-right:40px; }
#special-index .article-community .article-box .inner-article-box .article-text { float:left; width:281px; }

#special-index .article-community .article-box .article-list-box { overflow: hidden; padding-top: 15px;}
#special-index .article-community .article-box .article-list-box .article-list { float: left; width: 297px; margin-right:23px;}
#special-index .article-community .article-box .article-list-box .last-child { margin-right:0;}

/* 기획 */
#special-index .article-project {}
#special-index .article-project .inner-project { overflow: hidden; width: 662px; }
#special-index .article-project .inner-project .article-text { float: left; width: 302px; }
#special-index .article-project .inner-project .article-project-list { float: left; width: 321px; margin-left:38px;}
#special-index .article-project .inner-project .article-project-list li { width: 321px; color: #000; line-height:21px;}
#special-index .article-project .inner-project .article-project-list li span { font-weight: bold;}
#special-index .article-project .inner-project .article-project-list li a{ font-family:Gulim; color: #000; }
#special-index .article-project .project-select { padding-right: 20px; text-align: right; }
#special-index .article-project .project-select select { width: 297px; border: 1px solid #cacaca; }
#special-index .article-project .project-select p { padding-bottom: 5px; }

/* 책 배너 */
#special-index #slide-book-list { overflow: hidden; position: relative; width: 100%; margin-top: 55px; }
#special-index #slide-book-list .slide-inner { position: relative; overflow: hidden; zoom: 1; }
#special-index #slide-book-list .slide-wrap { position: relative; overflow: hidden; width: 604px; height: 140px; margin-left: 28px;  }
#special-index #slide-book-list .slide-contents { position: absolute; left: 0; top: 0; }
#special-index #slide-book-list .slide-contents .slide-item { position: relative; float: left; overflow: hidden; width: 121px; text-align: left; }
#special-index #slide-book-list .slide-contents .slide-item a { display: block; position: relative; overflow: hidden; width: 100%; }
#special-index #slide-book-list .slide-contents .slide-item img { width: 98px; height: 138px; vertical-align: top; border: 1px solid #dbdbdb; }
#special-index #slide-book-list .slide-contents .slide-item span.series { display: block; padding-top: 3px; font-size: 12px; color: #444; }
#special-index #slide-book-list .slide-contents .slide-item span.overlay { display: none; position: absolute; top: 0; left: 0; width: 94px; height: 134px; border: 3px solid #ed1b23; }
#special-index #slide-book-list .slide-contents .slide-item a.on span.overlay { display: block; zoom: 1; }
#special-index #slide-book-list #book-prev { position: absolute; top: 50%; left: -4px; margin-top: -18px; }
#special-index #slide-book-list #book-next { position: absolute; top: 50%; right: -4px; margin-top: -18px; padding-right: 20px; }
#special-index #slide-book-list #book-prev a { display: block; width: 16px; height: 24px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_slider2.gif) no-repeat 0 6px; }
#special-index #slide-book-list #book-prev a:hover { background-position: 0 -18px; }
#special-index #slide-book-list #book-next a { display: block; width: 16px; height: 24px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_slider2.gif) no-repeat -16px 6px; }
#special-index #slide-book-list #book-next a:hover { background-position: -16px -18px; }

/* 사진 + 한줄 기사 영역*/
#summary-special-news {}
#summary-special-news .photo-news { padding-bottom: 20px; zoom: 1; }
#summary-special-news .photo-news:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#summary-special-news .photo-news .photo { float: left; width: 135px; }
#summary-special-news .photo-news .description { float: left;  width: 155px; font-weight: bold; }
#summary-special-news .photo-news .description a { color: #000; }
#summary-special-news dl {}
#summary-special-news dl dt { padding-bottom: 9px; font-weight: bold; }
#summary-special-news dl dt a { color: #000; }
#summary-special-news dl dd { padding-bottom: 21px; line-height: 18px; }
#summary-special-news dl dd a { color: #000; }

/* 동영상 */
#special-movie { padding-right: 0; }
#special-movie h3 { width: 52px; }
#special-movie img { vertical-align: bottom; }
#special-movie .movie-player { position: relative; width: 100%; }
#special-movie .movie-player .play-link { position: absolute; left: 85px; top: 40px; width: 96px; height: 100px; z-index: 1000000; }
#special-movie .movie-player .play-link img { width: 96px; height: 100px; cursor: pointer; }
#special-movie .movie-description { width: 260px; padding: 10px 10px 8px 16px; background: #595959; }
#special-movie .movie-description a {  color: #fff; font-family: Gulim; letter-spacing: -1px; }

/* 비쥬얼 영역 */
#special-headline-visual { zoom:1; }
#special-headline-viesual:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#special-headline-visual ul { overflow: hidden; width: 970px; zoom: 1; }
#special-headline-visual ul:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#special-headline-visual ul { margin: 0 auto; }
#special-headline-visual ul li { zoom:1; }
#special-headline-visual ul li:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#special-headline-visual ul li { position: relative; float: left; width: 270px; height: 300px;  border-bottom: 2px solid #088b85; }
#special-headline-visual ul li img { position: relative; width: 270px; height: 300px; }
#special-headline-visual ul li .text { display: block; position: absolute; bottom:0; left: 0;  z-index: 120; padding: 10px 13px;}
#special-headline-visual ul li .text .title { display: block; margin-bottom: 5px; font-weight: normal; color: #000; }
#special-headline-visual ul li .text .description { color: #666; }
#special-headline-visual ul li .overlay { display: block; position: absolute; bottom: 0; left: 0; width: 270px; height: 80px; background: #fff; color: #fff; }
#special-headline-visual ul li.extend { width: 430px; border: none; padding-bottom: 2px; z-index: 10; }
#special-headline-visual ul li.extend .text .title { color: #fff; }
#special-headline-visual ul li.extend .text .description { color: #fff; font-size: 16px;  font-weight: bold; }
#special-headline-visual ul li.extend {}
#special-headline-visual ul li.extend .bg { position: absolute; top: 0; left: -8px; width: 448px; height: 300px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_special_headline.png) no-repeat 0 0; z-index: 10}
#special-headline-visual ul li.extend img { width: 430px; height: 300px; z-index: 100; }
#special-headline-visual ul li.extend .overlay { display: block; position: absolute; bottom: 0; left: 0; width: 430px; height: 80px; background: #000; color: #fff; z-index: 110; }
#special-headline-visual ul li.extend .overlay { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; }

/* 텍스트 배너 리스트 */
#special-text-banner { width: 100%; margin-top: 15px; }
#special-text-banner li { overflow: hidden; width: 100%; padding: 10px 0; border-bottom: 1px solid #dbdbdb; }
#special-text-banner li.last-banner { padding-bottom: 0; border-bottom: none; }
#special-text-banner li .photo { float: left; width: 65px; }
#special-text-banner li .photo img { vertical-align: top; border: 1px solid #dbdbdb; }
#special-text-banner li .article { float: left; width: 221px; padding: 6px 0 0 0; }
#special-text-banner li .article strong a { color: #000; }
#special-text-banner li .article p { margin-top: 5px;  }
#special-text-banner li .article p a{ font-family: dotum; font-size: 11px; word-spacing: -0.1em; color: #666; }

/* 링크 배너 리스트 */
#special-link-banners { width: 100%; margin-top: 10px; }
#special-link-banners li { padding-bottom: 10px; }
#special-link-banners li img { vertical-align: top; }