@charset 'utf-8'; /* * @author: by MIKWON * @date: 2011/11/14 * @version: 0.3 * @copyright: HANI. All Rights Reserved. * @description: 핫이슈 */ /* 핫이슈 메인 */ #hotissue-index { } #hotissue-index #social-related-links { overflow: hidden; margin-top: -8px; } /* 20111207-수정 */ #hotissue-index #social-related-links #hotissue-related-url { float: left; } #hotissue-index #social-related-links #hotissue-related-url img { padding-left: 7px; vertical-align: middle; } #hotissue-index #social-related-links .inner { float: right; } /* //20111207-수정 */ /* 타이틀 영역에 탭 삽입 css */ #hotissue-index .tab-title { overflow: hidden; width: 100%; } #hotissue-index .tab-title h3 { float: left; font-size: 14px; } #hotissue-index .tab-title h3.bul-black { padding-left: 8px; color: #000; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_3x8_000.gif) no-repeat 0 50%; } #hotissue-index .tab-title ul { float: right; } #hotissue-index .tab-title ul li { float: left; padding-left: 15px; font-size: 11px; color: #666; cursor: pointer; } #hotissue-index .tab-title ul li.on { font-weight: bold; color: #000; } #hotissue-index .tab-title ul li .divistion { margin: 0 8px; color: #d5d5d5; } #hotissue-index .tab-title ul li.on .divistion { font-weight: normal; } #hotissue-index .tab-title ul li.major-sort { background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_major_journal.gif) no-repeat 0 1px; } #hotissue-index .tab-title ul li.total-sort { background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_total_journal.gif) no-repeat 0 1px; } /* 핫이슈 사진보기 */ #hotissue-index #thumbnail-article { overflow: hidden; border: 1px solid #dbdbdb; font-size: 0; } #hotissue-index #thumbnail-article .top-article { overflow: hidden; } #hotissue-index #thumbnail-article .top-article .main-article { display: block; position: relative; float: left; width: 351px; height: 399px; margin: 0 1px 0 0; } #hotissue-index #thumbnail-article .top-article .side-article-right { overflow: hidden; float: right; width: 311px; } #hotissue-index #thumbnail-article .top-article .side-article-right .side-type1 { position: relative; float: left; width: 156px; height: 199px; } /* 넓이 156 * 199 크기의 사진 */ #hotissue-index #thumbnail-article .top-article .side-article-right .side-type1 img { width: 156px; height: 199px; } #hotissue-index #thumbnail-article .top-article .side-article-right .side-type2 { position: relative; float: right; width: 154px; height: 199px; } /* 넓이 154 * 199 크기의 사진 */ #hotissue-index #thumbnail-article .top-article .side-article-right .side-type2 img { width: 154px; height: 199px; } #hotissue-index #thumbnail-article .top-article .side-article-right .side-type3 { position: relative; float: right; width: 311px; height: 199px; padding-top: 1px; } /* 넓이 311 * 199 크기의 사진 */ #hotissue-index #thumbnail-article .bottom-article { overflow: hidden; margin-top: 1px; } #hotissue-index #thumbnail-article .bottom-article .side-article-left { float: left; width: 311px; margin-right: 1px; } #hotissue-index #thumbnail-article .bottom-article .side-article-left .side-type1 { position: relative; float: left; width: 154px; height: 198px; } /* 넓이 154 * 198 크기의 사진 */ #hotissue-index #thumbnail-article .bottom-article .side-article-left .side-type1 img { width:154px; height:198px;} #hotissue-index #thumbnail-article .bottom-article .side-article-left .side-type2 { position: relative; float: right; width: 156px; height: 198px; } /* 넓이 156 * 198 크기의 사진 */ #hotissue-index #thumbnail-article .bottom-article .side-article-left .side-type2 img { width:156px; height:198px;} #hotissue-index #thumbnail-article .bottom-article .side-article-left .side-type3 { position: relative; float: left; padding-top: 1px;} /* 넓이 156 * 198 크기의 사진 */ #hotissue-index #thumbnail-article .bottom-article .side-article-right { float: right; width: 351px; } #hotissue-index #thumbnail-article .bottom-article .side-article-right .side-type1 { position: relative; float: left; width: 174px; height: 398px; } #hotissue-index #thumbnail-article .bottom-article .side-article-right .side-type2 { float: right; width: 176px; height: 398px; } #hotissue-index #thumbnail-article .bottom-article .side-article-right .side-type2 .side-type2-1 { position: relative; float: right; width: 176px; height: 198px; } #hotissue-index #thumbnail-article .bottom-article .side-article-right .side-type2 .side-type2-2 { position: relative; float: right; width: 176px; height: 199px; margin-top: 1px; } #hotissue-index #thumbnail-article a.on .article-title { display: block; } #hotissue-index #thumbnail-article .article-title { display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_thumbnail_article_frame.gif) no-repeat left top; z-index: 100000; } #hotissue-index #thumbnail-article .article-title .inner-title { position: relative; width: 100%; height: 100%; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_thumbnail_article_frame.gif) no-repeat right bottom; } #hotissue-index #thumbnail-article .article-title .inner-title .article-text { position: absolute; left: 0; bottom: 0; width: 100%; background: #000; filter: alpha(opacity=50); opacity: .5; } #hotissue-index #thumbnail-article .article-title .inner-title .article-text .inner-text { padding: 10px 20px; border-left: 5px solid #ed1b23; border-bottom: 5px solid #ed1b23; border-right: 5px solid #ed1b23; font-weight: bold; font-size: 14px; color: #fff; } #hotissue-index #hotissue-news {} #hotissue-index .issue-main-photo { border: 1px solid #dbdbdb; } #hotissue-index .issue-main-photo { position: relative; } #hotissue-index .issue-main-photo .description { position: relative; } #hotissue-index .issue-main-photo .description { position: absolute; bottom: 0; left: 0; text-align: left; } #hotissue-index .issue-main-photo .description .overlay { display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; background: #000; } #hotissue-index .issue-main-photo .description .overlay { filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } #hotissue-index .issue-main-photo .description p { z-index: 10; position: relative; width: 635px; padding: 15px 14px 13px; color:#fff; font-size:14px} #hotissue-index .issue-main-photo .description a { font-size: 14px; font-weight: bold; line-height: 20px; color: #fff; letter-spacing: -1px; } #hotissue-index .issue-thumb-photo { margin-top: 3px; zoom:1; } #hotissue-index .issue-thumb-photo:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; } #hotissue-index .issue-thumb-photo li { float: left; position: relative; margin-left: 3px; } #hotissue-index .issue-thumb-photo li.first-child { margin-left: 0; } #hotissue-index .issue-thumb-photo li img { width: 162px; height: 98px; border: 1px solid #dbdbdb; } /* 20111207-수정 */ #hotissue-index .issue-thumb-photo .overlay { display: none; position: absolute; top: 0; left: 0; width: 157px; height: 93px; } #hotissue-index .issue-thumb-photo li.selected .overlay { display: block; } #hotissue-index .issue-thumb-photo li a:hover .overlay { display: block; border: 3px solid #ed1b23; } /* //20111207-수정 */ #hotissue-index .relation-article { margin-top: 18px; clear: both; } #hotissue-index .relation-article li { padding-left: 11px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_444.gif) no-repeat 0 9px; } #hotissue-index .relation-article li a { font-weight: bold; font-size: 13px; color: #000; font-family: Gulim; line-height: 21px; } #hotissue-index .issue-main-visual { zoom: 1; } #hotissue-index .issue-main-visual:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; } #hotissue-index .issue-main-visual .issue-main-photo { float: left; width: 438px; } #hotissue-index .issue-main-visual .issue-main-photo img { width: 438px; height: 298px; } #hotissue-index .issue-main-visual .issue-main-photo .description p { width: 410px; } #hotissue-index .issue-main-visual .issue-thumb-photo { float: right; width: 222px; margin-top: 0; } #hotissue-index .issue-main-visual .issue-thumb-photo li { float: none; margin: 0; } #hotissue-index .issue-main-visual .issue-thumb-photo li img { width: 220px; height: 146px; } #hotissue-index .issue-main-visual .issue-thumb-photo .overlay { width: 216px; height: 142px; } #hotissue-index .major-article { width: 100%; margin-top: 30px; } #hotissue-index .major-article .section-left { float: left; width: 316px; } #hotissue-index .major-article .section-right { float: right; width: 316px; } /* 20111207-수정 */ #hotissue-index .major-article h3 { padding: 0 0 3px 8px; margin-bottom: 10px; border-bottom: 1px solid #dbdbdb; font-size: 14px; color: #ea7921; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_3x8_d7640a.gif) no-repeat 0 5px; } /* //20111207-수정 */ #hotissue-index .major-article h3.second-list { margin-top: 22px; } #hotissue-index .major-article .major-photo { margin-bottom: 7px; border: 1px solid #dbdbdb; } #hotissue-index .major-article .major-photo-title { display: block; margin-bottom: 5px; } #hotissue-index .major-article .major-photo-title a { font-size: 13px; color: #000; } #hotissue-index .major-article .major-list { } #hotissue-index .major-article .major-list li { padding-left: 8px; margin-bottom: 5px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_444.gif) no-repeat 0 50%; } #hotissue-index .major-article .major-list li.last-list { margin-bottom: 0; } #hotissue-index .major-article .major-list li a { line-height: 1.33em; color: #000; } #hotissue-index .issue-journal { margin-top: 32px; } #hotissue-index .issue-journal .journal-list { margin-top: 5px; } #hotissue-index .issue-journal .journal-list li { overflow: hidden; width: 100%; float: left; background: #f4f4f4; } #hotissue-index .issue-journal .journal-list li span { float: left; width: 91px; padding: 11px 0 9px 0; border-top: 1px solid #666; font-family: verdana; font-weight: bold; font-size: 11px; text-align: center; letter-spacing: -0.1em; color: #000; } #hotissue-index .issue-journal .journal-list li a { float: left; width: 550px; padding: 11px 12px 8px; border-top: 1px solid #c5c5c5; color: #000; } /* 다른 핫이슈 */ #hotissue-index #slide-other-hotissue { overflow: hidden; position: relative; width: 100%; } #hotissue-index #slide-other-hotissue .title { padding-bottom: 15px; } #hotissue-index #slide-other-hotissue .title h3 { font-size: 14px;} #hotissue-index #slide-other-hotissue .title h3.bul-black { padding-left: 8px; color: #000; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_3x8_000.gif) no-repeat 0 50%; } #hotissue-index #slide-other-hotissue .slide-inner { position: relative; overflow: hidden; zoom: 1; } #hotissue-index #slide-other-hotissue .slide-wrap { position: relative; overflow: hidden; width: 602px; height: 120px; margin-left: 32px; } #hotissue-index #slide-other-hotissue .slide-contents { position: absolute; left: 0; top: 0; } #hotissue-index #slide-other-hotissue .slide-contents .slide-item { float: left; width: 154px; text-align: left; } #hotissue-index #slide-other-hotissue .slide-contents .slide-item a { display: block; position: relative; overflow: hidden; width: 140px; } #hotissue-index #slide-other-hotissue .slide-contents .slide-item img { width: 137px; height: 118px; vertical-align: top; border: 1px solid #dbdbdb; } #hotissue-index #slide-other-hotissue .slide-contents .slide-item span.series { display: block; padding-top: 3px; font-size: 12px; color: #444; } #hotissue-index #slide-other-hotissue .slide-contents .slide-item span.overlay { display: none; position: absolute; top: 0; left: 0; width: 133px; height: 114px; border: 3px solid #ed1b23; } #hotissue-index #slide-other-hotissue .slide-contents .slide-item a:hover span.overlay { display: block; } #hotissue-index #slide-other-hotissue #hotissue-prev { position: absolute; top: 50%; left: -7px; margin-top: -20px; } #hotissue-index #slide-other-hotissue #hotissue-next { position: absolute; top: 50%; right: -7px; margin-top: -20px; } #hotissue-index #slide-other-hotissue #hotissue-prev a { display: block; width: 28px; height: 41px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_comic_slider.gif) no-repeat 0 0; } #hotissue-index #slide-other-hotissue #hotissue-next a { display: block; width: 28px; height: 41px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_comic_slider.gif) no-repeat -28px 0; } #hotissue-index #slide-other-hotissue #hotissue-prev a:hover { background-position: 0 -41px; } #hotissue-index #slide-other-hotissue #hotissue-next a:hover { background-position: -28px -41px; } /* 핫이슈 기사 전체보기 */ #hotissue-total-view { padding-bottom: 12px; } /* 20111207-수정 */ #hotissue-total-view .total-hotissue-button { display: block; width: 250px; height: 33px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_total_hotissue.gif) no-repeat 0 0;} /* //20111207-수정 */ /* 핫이슈 관련 URL */ #hotissue-related-url {} #hotissue-related-url strong { color: #333; } #hotissue-related-url .url { display: inline-block; padding-right: 5px; } #hotissue-related-url a:hover { text-decoration: none; } #hotissue-related-url .icon { display: inline-block; width: 16px; height: 9px; vertical-align: middle; } #hotissue-related-url .up { background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_up.gif) no-repeat 0 0; text-indent: -500em; } #hotissue-related-url .ip { padding-left: 5px; color: #888; font-family: verdana; font-size: 11px; letter-spacing: -1px; } /* 멀티미디어 */ #multimedia { position: relative; } #multimedia .multimedia-contents { overflow: hidden; } #multimedia .multimedia-contents .main-image { overflow: hidden; position: relative; width: 248px; height: 186px; background: #333; } #multimedia .multimedia-contents .desc{ position: absolute; bottom: 0; left: 0; width: 100%; padding:12px 0 10px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_multimedia.png) no-repeat 0 0; text-align: center; color: #fff; line-height: 11px; } #multimedia .multimedia-contents .thumb-image {overflow: hidden; width: 246px; padding: 5px 1px; } #multimedia .multimedia-contents .thumb-image ul { overflow: hidden; margin-right: -4px; } #multimedia .multimedia-contents .thumb-image li {overflow: hidden; float: left; margin-right: 4px; _margin-right: 3px; } #multimedia .multimedia-contents .thumb-image li.first-child { margin-right: 5px; _margin-right: 3px; } #multimedia .multimedia-contents .thumb-image li a { position: relative; _position: static; display: block; } #multimedia .multimedia-contents .thumb-image li a img { vertical-align: top; } #multimedia .multimedia-contents .thumb-image li a span {display: none; position: absolute; top: 0; left: 0; width: 74px; height: 45px; border: 3px solid #ed1b23} #multimedia .multimedia-contents .thumb-image li a:hover span { display: block; } /* 사설/칼럼 */ #editorial-column {} #editorial-column .photo-news img.photo { width: 97px !important; height: 88px !important ; } #editorial-column .photo-news strong { width: 135px !important; padding-bottom:4px; } /* 라이브폴 */ #live-poll {} #live-poll .qustion { font-size: 11px; color: #666; line-height: 16px; } #live-poll .choice-poll { margin-top: 10px; } #live-poll .choice-poll li { margin-bottom: 3px; } #live-poll .choice-poll li.last-category { margin-bottom: 3px; } #live-poll .choice-poll li label { font-size: 11px; } #live-poll .choice-poll li input { overflow: hidden; width: 13px; height: 13px; vertical-align: -2px; } #live-poll .star-appraisal { margin-top: 10px; } #live-poll .btn-set { overflow: hidden; float: right; padding-top: 10px; } #live-poll .btn-set li { float: left; } #live-poll .btn-set li .button { display: block; width: 33px; height: 22px; margin-left: 4px; } #live-poll .btn-set li .poll-vote-button { background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_vote.gif) no-repeat 0 0; } #live-poll .btn-set li .poll-result-button { background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_vote_result.gif) no-repeat 0 0; }