@charset 'utf-8'; @import url('latest.css'); @import url('heri.css'); @import url('together.css'); @import url('issue.css'); @import url('series.css'); /* * @author: * @date: 2013/8/6 수정 * @version: 0.3 * @copyright: HANI. All Rights Reserved. * @description: 본문 공통 */ /* 상단 광고 뉴스 영역 */ #contents .contents-top-advertise { overflow: hidden; height: 140px; padding: 6px 26px; margin-bottom: 6px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } /* 광고 영역 CSS*/ #contents .contents-top-advertise #contents-tp-ad { float: left; width: 280px; height: 140px; } /* 상단 광고 영역 */ #contents .contents-top-advertise #contents-tp-ad-news { float: left; margin-left: 49px; } /* 상단 광고 영역 */ #contents .contents-top-advertise #contents-tp-ad-news .list { width: 282px; padding-top: 11px; } #contents .contents-top-advertise #contents-tp-ad-news .list li { padding-left: 17px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_888.gif) no-repeat 0 8px; line-height: 20px; } #contents .contents-top-advertise #contents-tp-ad-news .list li a { color: #888; } /* 핫이슈 */ #hot-issue { overflow: hidden; width: 100%; position: relative; margin-bottom: 10px; } #hot-issue .inner { position: relative; border: 1px solid #dbdbdb; } #hot-issue .inner .icon { position: absolute; top: -1px; left: -1px; z-index: 1000; } #hot-issue .inner .thumb { } #hot-issue .inner .thumb img { width: 663px; height: 91px; vertical-align: top; } #hot-issue .inner .title { position: absolute; top: 7px; right: 8px; width: 287px; height: 77px; background: #444; } #hot-issue .inner .title .inner { padding: 20px 10px; border: 0; text-align: right; } #hot-issue .inner .title strong { font-weight: bold; color: #fff; font-size: 13px; } #hot-issue .inner .title p { font-weight: bold; color: #fff; font-size: 18px; letter-spacing: -1px; } #hot-issue .list { display: none; position: relative; top: -1px; padding: 10px 11px; border: 1px solid #bcbcbc; margin-top: -1px; background: #fff; zoom: 1; } #hot-issue .list ul { overflow: hidden; width: 100%; } #hot-issue .list ul li { float: left; width: 320px; line-height: 20px; } #hot-issue .list ul li a { float: left; padding-left: 10px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x1_000.gif) no-repeat 0 50%; color: #000; } #hot-issue .list ul li.selected a { font-weight: bold; } #hot-issue .button { display: block; width: 24px; height: 16px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_toggle.gif) no-repeat 0 -16px; } #hot-issue .button.close { position: absolute; bottom: 0; right: 0; z-index: 1000; background-position: 0 0; } /* 닫을 때 */ #hot-issue .button.open{ display: block; position: relative; float: right; margin: 0 0 15px 0; z-index: 1000; } /* 기사 본문 제어 */ #article {} /* 기사제목 */ #article .article-title { overflow: hidden; width: 100%; border-top: 3px solid #00807a; border-bottom: 1px solid #00807a; } #article .article-title .category { float: left; width: 136px; height: 71px; background: #f9f9f9; text-align: center; } #article .article-title .category img { padding: 14px 0 4px; } #article .article-title .category span { display: block; color: #3e3e3e; font-weight: bold; } #article .article-title h3 { float: left; width: 490px; padding:21px 17px; color: #000; font-size: 24px; letter-spacing: -0.1em; } #article .article-category-title { overflow: hidden; width: 100%; border-top: 3px solid #00807a; border-bottom: 1px solid #00807a; } #article .article-category-title table td { padding: 20px 0; height:46px; } /*130806*/ #article .article-category-title strong { display: block; margin-top: 5px; color: #3e3e3e; } #article .article-category-title h3 { padding: 0 20px; color: #000; font-size: 24px; letter-spacing: -0.1em; } /* 기사 제어 관련 메뉴 */ #article .article-control-menu { position: relative; width: 100%; padding:7px 0 0; zoom: 1; z-index: 10000; } #article .article-control-menu .date { float: left; } #article .article-control-menu .date span { display: block; float: left; padding-right: 10px; font-size: 11px; word-spacing: -0.1em; word-spacing: -0.1em; line-height: 18px; color: #888; } #article .article-control-menu .date span.modify-date { padding-right: 0; } #article .article-control-menu .font { float: left; margin-left: 6px; font-size: 11px; line-height: 18px; color: #888; } #article .article-control-menu .font span { float: left; display: block; overflow: hidden; height: 14px; margin-left: 2px; padding-left: 14px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_font.gif) no-repeat 0 1px; cursor: pointer; } #article .article-control-menu .font .small { background-position:0 -13px;} #article .article-control-menu .utils { overflow: hidden; float: left; padding: 1px 5px 0; } #article .article-control-menu .utils li { float: left; } #article .article-control-menu .utils .icon { display: block; width: 21px; height: 14px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_utils.gif) no-repeat 0 50%; vertical-align: middle; } #article .article-control-menu .utils .report .icon { background-position: -21px 50%; } #article .article-control-menu .utils .email .icon { background-position: -42px 50%; } #article .article-control-menu .utils .print .icon { background-position: -63px 50%; } #article .article-control-menu .sns-position-right { float: right; } #article .article-control-menu .sns-position-right .widgets { float: left; } #article .article-control-menu .widgets li { float: left; padding-left: 2px; } #article .article-control-menu .widgets li .icon { float: left; } #article .article-control-menu .widgets li .count { float: left; } #article .article-control-menu .widgets li .count a { line-height: 17px; text-decoration: none; } #article .article-control-menu .send-article { float: right; margin-left: 3px; } #article .article-control-menu .sns-position-right .send-article { float: left; margin-left: 3px; } #article .article-control-menu .send-article a { text-decoration: none; } #article .article-control-menu .send-article a:hover { color: #222; } #article .article-control-menu .send-article .button { display:block; float: left; height: 12px; padding: 2px 8px 0 4px; border: 1px solid #dfdfdf; letter-spacing: -0.1em; text-align: center; color: #888; font-size: 11px; line-height: 1.2em; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/icon_awbottom.gif) no-repeat center right; }/*2013.5.9 수정*/ #article .article-control-menu .send-article2 { float: left; margin-left: 3px; } #article .article-control-menu .send-article2 a { text-decoration: none; } #article .article-control-menu .send-article2 a:hover { color: #222; } #article .article-control-menu .send-article2 .button { display:block; float: left; width: 54px; height: 12px; padding: 2px 0 0 0; border: 1px solid #dfdfdf; letter-spacing: -0.1em; text-align: center; color: #888; font-size: 11px; line-height: 1.2em; } #article .article-control-menu .right-section { float: right; } /*2013.5.9 추가*/ #article .article-control-menu .font2 { float: left; margin-left: 6px; font-size: 11px; line-height: 18px; color: #888; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_font2.gif) no-repeat 0 1px; padding-left:24px;} #article .article-control-menu .font2 span { float: left; display: block; overflow: hidden; height: 14px; cursor: pointer; } #article .article-control-menu .font2 .large { width:14px; background-position:-24px 0;} #article .article-control-menu .font2 .small { width:14px; background-position:-39px 0;} #article .article-control-menu .utils2 { overflow: hidden; float: left; padding: 1px 5px 0; } #article .article-control-menu .utils2 li { float: left; } #article .article-control-menu .utils2 .icon { display: block; width:52px; height: 14px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_utils2.gif) no-repeat 0 0; vertical-align: middle; } #article .article-control-menu .utils2 .print .icon { width:42px; background-position: -52px 0; } #article .article-control-menu .utils2 .report .icon {width:44px; background-position: -96px 0; } #article .article-control-menu .utils2 .icon_on { display: block; width:52px; height: 14px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_utils2.gif) no-repeat 0 -14px; vertical-align: middle; } /* 소셜 링크 관련 레이어 */ #article .layer-send-news { overflow: hidden; position: relative; width: 114px; border: 2px solid #c8dbda; background: #fff; z-index: 10000; } #article .layer-send-news .close { position: absolute; top: 0; right: 0; width: 13px; height: 13px; padding:3px; background:#fff url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_layer_pop_close.gif) no-repeat 50% 50%; cursor: pointer; } #article .layer-send-news .inner { overflow: hidden; padding: 10px; } #article .layer-send-news .inner .row-type { width: 100%; } #article .layer-send-news .inner .row-type li { overflow: hidden; width: 100%; zoom: 1; }*/ #article .layer-send-news .inner a { font-size: 11px; letter-spacing: -1px; } #article .layer-send-news .inner .widgets { width: 100px; padding-left: 0; } #article .layer-send-news .inner .widgets li { padding-top: 3px; padding-left: 0; } #article .layer-send-news .inner .widgets li .icon { float: left; margin-right: 3px; } /* 기사본문 */ #article .article-contents { clear: both; padding: 26px 0; color: #222; font-family: Gulim; font-size: 16px; line-height: 28px; } #article .article-contents h4 { padding-bottom: 17px; color: #222; font-size: 18px; font-family: Gulim; } #article .article-contents p { color: black; font-family: Gulim; font-size: 1em; line-height: 23px; margin: 1em 0 1em 0; text-align: justify; } #article .article-contents .article-alignC { width: 100%; text-align: center; } #article .article-contents .article-alignC .photo-view-area {margin: 0 auto 20px auto; text-align: center; } #article .article-contents .article-alignL { float: left; } #article .article-contents .article-alignL .photo-view-area { margin-right: 25px; } #article .article-contents .article-alignR { float: right; } #article .article-contents .article-alignR .photo-view-area { margin-left: 25px; } #article .article-contents .description { margin-top: 2px; padding: 8px 9px 6px; background: #595959; color: #fff; line-height: 17px; text-align: left; } #article .article-contents .photo-view-area img { max-width:590px;} #article .article-contents .photo-view-area { max-width:590px;} /* 스마트 링크 */ #article .article-inner-advertise { width: 100%; padding: 24px 0; zoom: 1; } #article .article-inner-advertise:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; } /* 한겨레 인기기사 */ #hani-popular-news { position: relative; width: 100%; padding-bottom: 24px; } #hani-popular-news .title { padding-bottom: 22px; font-family: Gulim; font-size: 14px; font-weight: bold; color: #088b85; } #hani-popular-news ul { } #hani-popular-news ul li { padding-left: 18px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_12x12_000.gif) no-repeat 0 5px; zoom: 1; } #hani-popular-news ul li a { font-family: Gulim; font-size: 14px; line-height: 24px; color: #666; font-weight: bold; } #hani-popular-news-title { padding-bottom: 5px; font-family: Gulim; font-size: 14px; font-weight: bold; color: #088b85; display:block; } .outer-pdf { position: relative; width: 100%; } .outer-pdf .pdf-viewer { position: absolute; right: 0; bottom: 10px; } .outer-pdf .pdf-viewer a { font-weight: bold; font-size: 14px; color: #000; } .outer-pdf .pdf-viewer a img { vertical-align: middle; } .outer-pdf .pdf-viewer .pdf-img { display: block; margin-bottom: 2px; } #hani-popular-new-table { width: 100%; font-size:14px; } #hani-popular-new-table td { width: 535px; font-size:14px; line-height: 23px; } #hani-popular-new-table th { width: 130px; vertical-align: top;} #hani-popular-new-table .outer-pdf { position: static; width: 100%; } #hani-popular-new-table .outer-pdf .pdf-viewer { position: static; right: 0; bottom: 10px; } #hani-popular-new-table .outer-pdf .pdf-viewer a { font-weight: bold; font-size: 14px; color: #000; } #hani-popular-new-table .outer-pdf .pdf-viewer a img { vertical-align: middle; } #hani-popular-new-table .outer-pdf .pdf-viewer .pdf-img { display: block; margin-bottom: 2px; } /* 관련기사 */ .relation-article-title { height: 19px; padding: 10px 25px 0; margin-top: 25px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_relation_article_list_title.gif) no-repeat left top; } #related-news { overflow: hidden; position: relative; padding: 15px 25px; margin: 0 0 10px; border:1px solid #088b85; } #related-news .related-news-contents { } #related-news .related-news-contents .list { margin-top: -4px;} #related-news .related-news-contents .list li { padding-left: 9px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_666.gif) no-repeat 0 9px; line-height: 23px; } #related-news .related-news-contents .list li a { color: #666; } #related-news .related-news-contents .section-left { width: 304px; float: left; } #related-news .related-news-contents .section-right { width: 306px; float: right; } #related-news .related-news-type, #related-news .related-news-type2 { overflow: hidden;} /*#related-news .related-news-type2 { overflow: hidden; padding: 10px 0; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_dotted_5x1_dbdbdb.gif) repeat-x 0 100%;}*/ #related-news .related-news-type .profile { overflow: hidden; } #related-news .related-news-type .profile p.photo { float: left; margin-right: 10px } #related-news .related-news-type .profile p.photo a img { width: 100px; height: 101px; border: 1px solid #dbdbdb; } #related-news .related-news-type .profile .detail { float: left; width: 190px; } #related-news .related-news-type .profile .detail .title { padding-bottom: 10px; } #related-news .related-news-type .profile .detail .title a { font-size: 14px; color: #000; font-family: Gulim; text-decoration: underline;} #related-news .related-news-type .profile .detail ul.list li { letter-spacing: -1px; font-size: 11px; color: #888; line-height: 20px; } #related-news .related-news-type .profile .detail ul.list li strong { font-weight: normal; color: #666; } #related-news .related-news-type2 .photo { position: relative; width: 305px; height: 91px; padding: 6px 0 11px; text-align: right; } #related-news .related-news-type2 .photo a img { width: 139px; height: 104px; vertical-align: top; } #related-news .related-news-type2 .photo-viewer-btn { position: absolute; right: 5px; bottom: 5px; z-index: 1000; cursor: pointer; } #related-news .related-type-view { position: relative; padding-top: 22px; zoom: 1; } #related-news .related-type-view .view-type-control { position: absolute; top: 11px; right: 0; } #related-news .related-type-view .view-type-control li { float: left; } #related-news .related-type-view .view-type-control li a {overflow: hidden; display: block; width:58px; height: 11px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_relatednews_view.gif) no-repeat 0 0;} #related-news .related-type-view .view-type-control li.total-view-button a { background-position: 0 0; } #related-news .related-type-view .view-type-control li.total-view-button a.selected { background-position: 0 -11px; } #related-news .related-type-view .view-type-control li.time-view-button a { background-position: -58px 0; } #related-news .related-type-view .view-type-control li.time-view-button a.selected { background-position: -58px -11px; } #related-news .related-type-view .total-view { position: relative; width: 100%; overflow: hidden; } #related-news .related-type-view .total-view .title {padding-bottom: 9px; } #related-news .related-type-view .total-view .title a { font-size: 14px; color: #088b85; font-family: Gulim; line-height: 16px; } #related-news .related-type-view .total-view .photo { float: left; margin-right: 17px; } #related-news .related-type-view .total-view .photo a { display: block; } #related-news .related-type-view .total-view .photo img { width: 148px; height: 98px; border: 1px solid #dbdbdb; vertical-align: top; } #related-news .related-type-view .total-view .detail { float: right; width: 443px; } #related-news .related-type-view .total-view .detail .sub-title { padding-bottom: 8px; } #related-news .related-type-view .total-view .detail .sub-title a { font-size: 14px; color: #000; font-family: Gulim; } #related-news .related-type-view .total-view .detail .summary a { color: #888; line-height: 18px; } #related-news .related-type-view .total-view .list { padding-top: 11px; } #related-news .related-type-view .time-view { } /* 관련기사 셋이 만들어지기전 임시 사용 */ #related-news-temp { overflow: hidden; position: relative; padding: 15px 25px; margin: 0 0 10px; border:1px solid #088b85; } #related-news-temp .related-news-contents { } #related-news-temp .related-news-contents .list { margin-top: -4px;} #related-news-temp .related-news-contents .list li { padding-left: 9px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_666.gif) no-repeat 0 9px; line-height: 23px; } #related-news-temp .related-news-contents .list li a { color: #666; } #related-news-temp .related-news-contents .section-left { width: 304px; float: left; } #related-news-temp .related-news-contents .section-right { width: 306px; float: right; } #related-news .related-news-type2 { overflow: hidden;} /*#related-news .related-news-type2 { overflow: hidden; padding: 10px 0; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_dotted_5x1_dbdbdb.gif) repeat-x 0 100%;}*/ #related-news-temp .related-news-type .profile { overflow: hidden; } #related-news-temp .related-news-type .profile p.photo { float: left; margin-right: 10px } #related-news-temp .related-news-type .profile p.photo a img { width: 100px; height: 101px; border: 1px solid #dbdbdb; } #related-news-temp .related-news-type .profile .detail { float: left; width: 190px; } #related-news-temp .related-news-type .profile .detail .title { padding-bottom: 10px; } #related-news-temp .related-news-type .profile .detail .title a { font-size: 14px; color: #000; font-family: Gulim; text-decoration: underline;} #related-news-temp .related-news-type .profile .detail ul.list li { letter-spacing: -1px; font-size: 11px; color: #888; line-height: 20px; } #related-news-temp .related-news-type .profile .detail ul.list li strong { font-weight: normal; color: #666; } /* 슬라이드 뉴스 */ #related-news #slide-news { clear: both; position: relative; } #related-news #slide-news .title {padding-bottom: 9px; } #related-news #slide-news .title a { font-size: 14px; color: #088b85; font-family: Gulim; line-height: 16px; } #related-news #slide-news .slide-inner { overflow: hidden; padding: 0 27px 11px 28px; zoom: 1; } #related-news #slide-news .slide-wrap { overflow: hidden; width: 556px; height: 126px; margin:0 auto; } #related-news #slide-news .slide-wrap .slide-contents { width: 600px; } #related-news #slide-news .slide-contents .slide-item { float: left; width: 100px; margin-right: 14px; } #related-news #slide-news .slide-contents .slide-item .sphoto { overflow: hidden; position: relative; } #related-news #slide-news .slide-contents .slide-item .sphoto a { float: left; display: block; text-decoration: none; } #related-news #slide-news .slide-contents .slide-item .sphoto img { width: 98px; height: 88px; border: 1px solid #dbdbdb; vertical-align: top; } #related-news #slide-news .slide-contents .slide-item .sphoto a .overlay { display: none; position: absolute; top: 0; left: 0; width: 94px; height: 84px; border: 3px solid #ed1b23; } #related-news #slide-news .slide-contents .slide-item .stext { display: block; padding-top: 5px; font-size: 11px; color: #888; } #related-news #slide-news .slide-contents .slide-item .sphoto a:hover .overlay { display: block; } #related-news #slide-news .slide-contents .slide-item .sphoto a:hover .stext { color: #000; font-weight: bold; letter-spacing: -1px; } #related-news #slide-news .slide-contents .slide-item p.selected .overlay { display: block; } #related-news #slide-news .slide-contents .slide-item p.selected .stext { color: #000; font-weight: bold; letter-spacing: -1px; } #related-news #slide-news #snews-prev { position: absolute; top: 60px; left: 6px; } #related-news #slide-news #snews-next { position: absolute; top: 60px; right: 6px; } #related-news #slide-news #snews-prev a { display: block; width: 16px; height: 24px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_slider2.gif) no-repeat 0 top; } #related-news #slide-news #snews-prev a:hover { display: block; width: 16px; height: 24px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_slider2.gif) no-repeat 0 bottom; } #related-news #slide-news #snews-next a { display: block; width: 16px; height: 24px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_slider2.gif) no-repeat -16px top; } #related-news #slide-news #snews-next a:hover { display: block; width: 16px; height: 24px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_slider2.gif) no-repeat -16px bottom; } #related-news #rtnews-page { position: absolute; right: 0; bottom: 0; } /* 뉴스 2.0 */ #news20-article { overflow: hidden; position: relative; height: 278px; margin-bottom: 10px; border: 1px solid #dbdbdb; } #news20-article .title { height: 18px; padding: 6px 0 0 25px; border-bottom: 1px solid #dbdbdb; background: #f2f5f5; color: #000; font-size: 12px; font-weight: normal;} #news20-article .news20-contents { padding: 15px 26px; } #news20-article .news20-contents .news20-type { overflow: hidden; height: 155px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_dotted_5x1_dbdbdb.gif) repeat-x 0 100%;} #news20-article .news20-type .section-left { float: left; width: 210px; } #news20-article .news20-type .section-right { float: right; width: 382px; } #news20-article .news20-type .photo {} #news20-article .news20-type .photo a { display: block; } #news20-article .news20-type .photo img { width: 208px; height: 138px; border: 1px solid #dbdbdb; vertical-align: top; } #news20-article .news20-type .main-title { padding-bottom: 9px; } #news20-article .news20-type .main-title a { font-size: 17px; color: #000; line-height: 20px; letter-spacing: -2px; } #news20-article .news20-type .summary a { letter-spacing: -1px; color: #888; line-height: 18px; } #news20-article .news20-contents .list { margin-top:12px;} #news20-article .news20-contents .list li { padding-left: 9px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_666.gif) no-repeat 0 8px; line-height: 21px; } #news20-article .news20-contents .list li a { color: #666; } #news20-article .more { position: absolute; top: 3px; right: 7px; padding: 4px 7px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_3x5_7a7a7a.gif) no-repeat 100% 50%; font-size: 11px; font-family: Gulim; color: #666; } /* 기획연재 */ #series-article { position: relative; margin-bottom: 10px; border: 1px solid #dbdbdb; } #series-article .title { height: 23px; padding: 8px 0 0 20px; border-bottom: 1px solid #dbdbdb; background: #f2f5f5; color: #000; font-size: 12px; font-weight: normal;} #series-article .title span{color:#c9c9c9; padding:0 8px 0 3px; } #series-article .title strong { color:#088b85; font-size:13px;font-family:gulim;} #series-article .title strong a{ color:#088b85;} #series-article .series-contents { padding: 15px; } #series-article .series-contents .list { } #series-article .series-contents .list li { padding-left: 9px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_666.gif) no-repeat 0 10px; line-height: 24px; } #series-article .series-contents .list li a { color: #222;font-size:13px;font-family:gulim; } /* RealClick */ /* #realclick { position: relative; height: 111px; padding: 0 26px; border: 1px solid #dbdbdb; } #realclick .logo { position: absolute; bottom: 7px; right: 9px; } #realclick ul { overflow: hidden; margin: 17px 0 0; } #realclick ul li { float: left; width: 277px; padding-left: 10px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_888.gif) no-repeat 0 7px; line-height: 20px; } #realclick ul li a { color: #888; } */ /* 한겨레 무단전재 및 재배포 금지 | 저작권 문의 */ #hani-copyright { height: 27px; padding: 9px 0 0; text-align: right; } /* 소셜 링크 관련 영역 */ /* 1207 수정 Start */ .section-divistion-line { margin-bottom: 10px; border-bottom: 2px solid #dbdbdb; } .section-divistion-line .widgets { margin-left: 10px; } /* 1207 수정 Stop// */ #social-related-links { overflow: hidden; height: 25px; padding-right: 6px; } #social-related-links .source-area { float: left } #social-related-links .inner { float: right; } #social-related-links .widgets { float: left; text-align: right; } #social-related-links .widgets.first-child { padding-right: 32px; } #social-related-links .widgets li { float: left; padding-left: 2px; } #social-related-links .widgets .icon { float: left; } #social-related-links .widgets .count { float: left; text-align: left; } #social-related-links .widgets .count.first-child { padding-right: 4px; } /* 오늘의 정보 */ #today-info { overflow: hidden; border: 1px solid #dbdbdb; background: #f8f8f8; zoom: 1; } #today-info .info, #today-info .magazine { float: left; } #today-info .info { overflow: hidden; width: 385px; height: 129px; padding:21px 0 0 18px; background: #fff; position:relative} #today-info .info li { float: left; width: 128px; } #today-info .info li a { overflow: hidden; display: block; } #today-info .info li a img {display: block; width: 107px; height: 71px; margin-bottom: 5px; border: 1px solid #dbdbdb; vertical-align: top; } #today-info .info li a span { display: block; line-height: 18px; color: #444; } #today-info .magazine { padding: 15px 0 15px 29px; padding-left: 29px; border-left: 1px solid #cacaca; } #today-info .magazine li { float: left; width: 110px; } #today-info .magazine li a { display: block; } #today-info .magazine li a img { width: 88px; height: 118px; border: 1px solid #dbdbdb; vertical-align: top; } /* 광고 기사 영역 */ #advertising-article { padding-top: 25px; } #advertising-article li { padding-left: 38px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_advertising.gif) no-repeat 0 3px; line-height: 24px; } #advertising-article li a { font-weight: bold; color: #000; font-family: Gulim; font-size: 14px; } /* 기사 관련 사용자 댓글 제어 */ #article-comment { margin-top: 23px; } /* 나도 한마디 */ #article-comment .article-comment-write { border: 1px solid #dbdbdb; height: 98px; padding: 12px 30px; background: #f9f9f9; zoom: 1; } #article-comment .article-comment-write .write-header { overflow: hidden; zoom: 1; } #article-comment .article-comment-write .write-header p { float: left; padding-top: 4px; } #article-comment .article-comment-write .write-header .widgets { float: right; margin-right: -1px; } #article-comment .article-comment-write .write-header .widgets li { float: left; } #article-comment .article-comment-write .write-contents { overflow: hidden; padding-top: 7px; } #article-comment .article-comment-write .write-contents .write-text { display: block; position: relative; float: left; } #article-comment .article-comment-write .write-contents .write-text textarea { width: 523px; height: 68px; border:1px solid #dbdbdb; } #article-comment .article-comment-write .write-contents .write-text p.default-text { position: absolute; top:18px; left:18px; font-size:11px; color: #d1d1d1; line-height: 17px; } #article-comment .article-comment-write .write-contents button.comment-write-button { display: block; float: right; } #article-comment .article-comment-write .write-contents button.comment-write-button { width: 70px; height: 70px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_comment_write.gif) no-repeat 0 0; } /* 주의사항 */ #article-comment .article-attention-info { margin-top: 20px; } #article-comment .article-attention-info dl { overflow: hidden; } #article-comment .article-attention-info dt { float: left; padding-left: 16px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_exclamation.gif) no-repeat 0 50%; color: #0ba39c; font-weight: bold; } #article-comment .article-attention-info dd { float: left; padding-left: 16px; line-height: 16px; color: #888; } #article-comment .article-attention-info dd strong { font-weight: normal; color: #0ba39c; } /* 사용자 댓글 영역 */ #article-comment .article-comment-contents { margin-top: 17px; } #article-comment .article-comment-contents .comment-item { position: relative; zoom: 1; } #article-comment .comment-item .user-info { overflow: hidden; } #article-comment .comment-item .user-info .photo { display: block; float: left; width: 26px; height: 26px; } #article-comment .comment-item .user-info .detail { overflow: hidden; float: right; width: 635px; height: 19px; padding-top: 7px; background: #ececec url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_basic_info.gif) no-repeat 0 0; } #article-comment .comment-item .user-info .detail .basic-info { float: left; padding-left: 16px; font-size: 11px;} #article-comment .comment-item .user-info .detail .basic-info a { text-decoration: none; } #article-comment .comment-item .user-info .detail .basic-info .id:hover{ color: #0ba39c; } #article-comment .comment-item .user-info .detail .basic-info .ip{ padding-left: 7px; color: #888; } #article-comment .comment-item .user-info .detail .option-buttons { float: right; padding-right: 31px; font-size: 11px; } #article-comment .comment-item .user-info .detail .option-buttons .recommend { color: #007872; } #article-comment .comment-item .user-info .detail .option-buttons .opposition { color: #9b9b9b; } #article-comment .comment-item .user-info .detail .option-buttons strong { padding: 0 7px 0 20px; } #article-comment .comment-item .comment-text { padding: 8px 20px 14px 45px; } #article-comment .comment-item .comment-text .text { line-height: 18px; font-family: Gulim; } #article-comment .comment-item .comment-text .date { padding: 8px 0 6px; font-size: 11px; color: #888; } #article-comment .comment-item .comment-text .option-buttons { overflow: hidden; } #article-comment .comment-item .comment-text .option-buttons .reply-write-button { display: inline-block; width: 63px; height: 16px; margin-right: 5px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_reply_write.gif) no-repeat 0 0; } #article-comment .comment-item .comment-text .option-buttons .reply-report-button { display: inline-block; width: 42px; height: 16px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_reply_report.gif) no-repeat 0 0; } #article-comment .comment-item .comment-sub-item { padding-left: 46px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_arrow.gif) no-repeat 29px 8px;} /* 댓글에 대한 리플이 있을 경우 */ #article-comment .comment-item .comment-sub-item .detail { width: 590px; } /* 댓글에 대한 리플이 있을 경우 */ /* 하단 광고 영역 */ #contents-bt-ad { width: 100%; height: 130px; text-align: center; } /* 하단 광고 영역 */ /* 오른쪽 영역 - 컨텐츠 레이아웃 (공통) */ #aside .aside-section { margin-top: 20px; zoom: 1; } #aside .aside-section:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; } #aside .aside-section.first-child { margin-top: 0; padding-top: 3px; } #aside .aside-section.first-child h4 { margin-top: -3px; } #aside .aside-section h4 { padding-bottom: 2px; margin-bottom: 10px; border-bottom: 1px solid #dbdbdb; font-size: 12px; color: #000; font-family: Gulim; } #aside .aside-section h4.title { margin-bottom: 10px; border-bottom: 2px solid #609b98; font-size: 12px; color: #000; } #aside .aside-section h4 .advertise { display: inline-block; width: 17px; height: 9px; margin: 2px 0 0 4px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_s_advertising.gif) no-repeat 0 0; text-indent: -500em; vertical-align: top; } /* 광고 아이콘 */ #aside .aside-section .hani-advertise_280_240 { width:280px; height:240px; margin:0px 0px 0px -20px; } #aside .aside-section .hani-advertise_280_250 { width:280px; height:250px; margin:0px 0px 0px -20px; } /* 오른쪽 영역 - 리스트 타입 (공통) */ #aside .aside-section .list { margin-top: -3px; } #aside .aside-section .list li { padding-left: 8px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_666.gif) no-repeat 0 8px; line-height: 21px; } #aside .aside-section .list li a { color: #333; } #aside .aside-section .list .count { color: #f00; } #aside .aside-section .list_v2 li { background-image: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_888.gif); } /* list list_v2 */ #aside .aside-section .list_v2 li a { color: #888; } /* 오른쪽 영역 - 포토 타입 (공통) */ #aside .aside-section .photo-news { overflow: hidden; padding-bottom: 9px; zoom: 1; } #aside .aside-section .photo-news .next-article { margin-top: 5px; } #aside .aside-section .photo-news a { display: block; overflow: hidden; width: 100%; } #aside .aside-section .photo-news img.photo { float: left; display: block; width: 68px; height: 48px; margin-right: 13px; border:1px solid #dbdbdb; vertical-align: top; } #aside .aside-section .photo-news img.photo2 { float: left; display: block; width: 97px; height: 88px; border:1px solid #dbdbdb; vertical-align: top; } #aside .aside-section .photo-news .photo-info-text { float: left; width: 155px; padding-left: 10px; } #aside .aside-section .photo-news .photo-info-text2 { float: left; width: 150px; padding-left: 13px; } #aside .aside-section .photo-news strong { float: left; display: block; width: 165px; color: #000; line-height: 20px; } #aside .aside-section .photo-news span { float: left; display: block; width: 165px; } #aside .aside-section .photo-list { overflow: hidden; padding-left: 6px; zoom: 1;} #aside .aside-section .photo-list li { float: left; padding: 0 0 8px 8px; } #aside .aside-section .photo-list li a { display: block; text-decoration: none; } #aside .aside-section .photo-list li img.photo { display: block; width: 106px; height: 69px; border:1px solid #dbdbdb; vertical-align: top; } #aside .aside-section .photo-list li span {display: block; padding-top: 9px; font-size: 11px; color: #888; letter-spacing: -1px; } #aside .aside-section .photo-list li a:hover span { text-decoration: underline; } #aside .aside-section .photo-last-child { margin-bottom: 10px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_dotted_5x1_dbdbdb.gif) repeat-x 0 100%; }/* photo-list photo-last-child */ /* 상단 광고 영역 */ #aside-tp-ad { width: 250px; height: 250px; } /* 많이본 기사 */ #aside #popularity-tab .tab-nav li.last-week a { color: #248782; } #aside #popularity-tab .tab-nav li.tab1 a { width: 51px; } #aside #popularity-tab .tab-nav li.tab1 {left: 0; } #aside #popularity-tab .tab-nav li.tab2 a { width: 53px; } #aside #popularity-tab .tab-nav li.tab2 {left: 52px; } #aside #popularity-tab .tab-nav li.tab3 a { width: 53px; } #aside #popularity-tab .tab-nav li.tab3 {left: 105px; } #aside #popularity-tab .tab-nav li.tab4 a { width: 53px; } #aside #popularity-tab .tab-nav li.tab4 {left: 157px; } #aside #popularity-tab .tab-nav li.tab5 a { width: 53px; } #aside #popularity-tab .tab-nav li.tab5 {left: 208px; } #aside #popularity-tab .tab-contents .content { display: none; padding-top: 15px; } /* 광고기사 */ /* #aside #advertise-news {overflow: hidden; } #aside #advertise-news ul { overflow: hidden; } #aside #advertise-news ul li { } #aside #advertise-news ul li a { display: inline-block; color: #888; line-height: 21px;} #aside #advertise-news ul li .icon { display: inline-block; width: 27px; height: 11px; margin: 0 4px 0 0; background-repeat: no-repeat; background-position: 0 0; vertical-align: middle; } #aside #advertise-news ul li .new { background-image:url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_new.gif); } #aside #advertise-news ul li .hot { background-image:url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_new.gif); } */ /* 트위터 기사 */ #aside #twitter-news { position: relative; } #aside #twitter-news h4 .twitter { display: inline-block; width: 64px; height: 12px; margin-left: 15px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/twitter_logo.gif) no-repeat 0 0; vertical-align: top; } #aside #twitter-news dl { overflow: hidden; margin-top: 5px; zoom: 1; } #aside #twitter-news dl.first-child { margin-top: 0; } #aside #twitter-news dl dt { float: left; width: 55px; } #aside #twitter-news dl dt a { color: #333; font-weight: bold; } #aside #twitter-news dl dd { float: left; width: 195px; color: #333; } #aside #twitter-news dl dd a.twitter-page { display: block; color: #888;} /* 필통인기글 */ #aside #pencil-case-news .photo-list { overflow: hidden; width: 100%; padding: 0 0 15px 0; } #aside #pencil-case-news .photo-list li { padding: 0 0 0 0; } #aside #pencil-case-news .photo-list li.last-thumbnail { float: right; } #aside #pencil-case-news .photo-list li span { width: 118px; color: #000; font-size: 12px; } #aside #pencil-case-news .photo-list img { width: 118px; height: 77px; border: 1px solid #dbdbdb; } /* 스포츠/연예*/ #aside #sports-news .photo-list { overflow: hidden; width: 100%; padding: 0 0 15px 0; } #aside #sports-news .photo-list li { padding: 0 0 0 0; } #aside #sports-news .photo-list li.last-thumbnail { float: right; } #aside #sports-news .photo-list li span { width: 118px; color: #000; font-size: 12px; } #aside #sports-news .photo-list img { width: 118px; height: 77px; border: 1px solid #dbdbdb; } #aside #pencil-case-news .photo-list { overflow: hidden; width: 100%; padding: 0 0 15px 0; } #aside #pencil-case-news .photo-list li { padding: 0 0 0 0; } #aside #pencil-case-news .photo-list li.last-thumbnail { float: right; } #aside #pencil-case-news .photo-list li span { width: 118px; color: #000; font-size: 12px; } #aside #pencil-case-news .photo-list img { width: 118px; height: 77px; border: 1px solid #dbdbdb; } /* 하단 광고 영역 */ #aside-ct-ad { width: 250px; height: 250px; } /* 요약 뉴스 2.0 */ #summary-news20 { overflow: hidden; position: relative; height: 194px; border: 1px solid #dbdbdb;} #summary-news20 .title { height: 19px; padding: 10px 0 0 7px; background: #e1e8e8; border: none !important; margin: 0 !important; color: #000; font-size: 12px; font-weight: normal;} #summary-news20 .news20-contents { overflow: hidden; height: 68px; padding: 6px 8px; background: #f2f5f5 url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_dotted_5x1_dbdbdb.gif) repeat-x 0 100%; } #summary-news20 .news20-contents .section-left { float: left; width: 104px; } #summary-news20 .news20-contents .photo { padding-top: 2px; } #summary-news20 .news20-contents .photo a { display: block; } #summary-news20 .news20-contents .photo img { width: 93px; height: 61px; border: 1px solid #dbdbdb; vertical-align: top; } #summary-news20 .news20-contents .section-right { float: right; width: 128px; } #summary-news20 .news20-contents .detail .main-title a { font-size: 14px; color: #000; letter-spacing: -1px; } #summary-news20 .news20-contents .detail .summary { padding-top: 4px; } #summary-news20 .news20-contents .detail .summary a { font-size: 12px; letter-spacing: -1px; line-height: 18px; } #summary-news20 .list { clear: both; padding: 14px 10px; } #summary-news20 .more { position: absolute; top: 4px; right: 8px; padding: 6px 7px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_3x5_7a7a7a.gif) no-repeat 100% 9px; font-size: 11px; font-family: Gulim; color: #666; letter-spacing: -1px; } /* 뉴스 정렬 옵션 영역 */ .sorting-option-section { padding-bottom: 21px; zoom: 1; } .sorting-option-section:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; } .sorting-option-section .title-img { float: left; } .sorting-option-section .sorting-inner { float: right; margin:8px 0px 0px 0px;} .sorting-option-section .sort-key { float: left; } .sorting-option-section .sort-key li { float: left; padding:1px 9px 0 0; margin-right: 8px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x11_d5d5d5.gif) no-repeat 100% 50%; } .sorting-option-section .sort-key li.last-child { background: none; margin-right: 0; } .sorting-option-section .sort-key li a { font-size: 11px; letter-spacing: -1px; } .sorting-option-section .sort-key li.selected a { font-weight: bold; color: #000 !important; } .sorting-option-section .sort-key .icon { float: left; display: block; width: 12px; height: 12px; padding: 2px 3px 0 0; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_sorting.gif) no-repeat 0 50%; vertical-align: middle; } .sorting-option-section .sort-key .subject-view { } .sorting-option-section .sort-key .subject-view .icon { background-position: -8px 2px; } .sorting-option-section .sort-key .photo-view .icon { background-position: -32px 2px; } .sorting-option-section .widgets { float: left; } .sorting-option-section .widgets li { float: left; } .sorting-option-section .inner-sorting { position: relative; width: 100%; z-index: 1000; } .sorting-option-section .inner-sorting .rss-url-copy { display: none; position: absolute; right: 0; top: 20px; width: 326px; height: 58px; border: 2px solid #c8dbda; background: #fff; } .sorting-option-section .inner-sorting .rss-url-copy .inner-copy { position: relative; width: 306px; height: 40px; padding: 18px 0 0 18px; } .sorting-option-section .inner-sorting .rss-url-copy .inner-copy .rss-layer-close { position: absolute; right: 7px; top: 5px; cursor: pointer; } .sorting-option-section .inner-sorting .rss-url-copy .inner-copy .copy-url { width: 255px; height: 20px; border: 1px solid #dbdbdb; } .sorting-option-section .inner-sorting .rss-url-copy .inner-copy img { vertical-align: top; cursor: pointer; } .sorting-option-section .sub-titles {margin-left: 10px; padding-left: 10px; padding-top: 4px; line-height:24px; font-size: 12px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_title_line.gif) no-repeat 0 8px; float: left; } .sorting-option-section .sub-titles span {padding-left: 2px; padding-right: 2px; font-size: 12px; color:#e1e1e1; } .sorting-option-section .sub-titles span.selected { font-weight: bold; color: #000 !important; } /* 뉴스 정렬 결과 영역 */ .sorting-result-section { padding-bottom: 28px; margin-bottom: 15px; border-bottom: 1px solid #dbdbdb; } .sorting-result-section .sorting-result-list {} .sorting-result-section .sorting-result-list li { clear: both; margin-top: 33px; zoom: 1; } .sorting-result-section .sorting-result-list li:after{ content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; } .sorting-result-section .sorting-result-list li.first-child { margin-top: 0; } .sorting-result-section .sorting-result-list dl { overflow: hidden; } .sorting-result-section .sorting-result-list dl dt a { font-size: 14px; font-family: Gulim; font-weight: bold; color: #000; } .sorting-result-section .sorting-result-list dl dd a { font-family: Gulim; } .sorting-result-section .sorting-result-list dl dd.detail { padding: 8px 0 0 0; line-height: 18px; } .sorting-result-section .sorting-result-list dl dd.photo { float: left; position: relative; width: 96px; height: 86px; padding: 1px; margin-top: 2px; margin-right: 14px; border: 1px solid #e1e1e1; text-align: center; } .sorting-result-section .sorting-result-list dl dd.photo { display: table; table-layout: fixed; } .sorting-result-section .sorting-result-list dl dd.photo a { display: table-cell; } .sorting-result-section .sorting-result-list dl dd.photo a { overflow: hidden; width: 96px; height: 86px; line-height: 86px; vertical-align: middle; font-size: 86px; } .sorting-result-section .sorting-result-list dl dd.photo a img { max-width: 98px; max-height: 86px; vertical-align: middle; } .sorting-result-section .sorting-result-list .date { padding-top: 6px; font-family: Verdana; font-size: 11px; color: #888; } /* 뉴스 정렬 결과 영역 - 제목만 보기 */ .sorting-result-section .subject-list { overflow: hidden; width: 100%; margin-top: -13px; margin-bottom: -8px; } .sorting-result-section .subject-list li {overflow: hidden; padding-left: 8px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_444.gif) no-repeat 0 9px; line-height: 23px; } .sorting-result-section .subject-list li.first-child { margin-top: 10px; } .sorting-result-section .subject-list li a { float: left; font-size: 13px; color: #000; font-family: Gulim; } .sorting-result-section .subject-list li em { float: right; font-family: Verdana; font-size: 11px; color: #888; } /* 광고 프레임 */ #visual-ad { position: relative; width: 550px; height: 100px; margin: 0 auto 10px; background: #efefef; } #power-link1 { width: 100%; margin-bottom: 29px; } #power-link2 { width: 100%; padding: 15px 0 25px; } #power-link3 { width: 100%; padding: 35px 0 0; } .overflow-ad { position: relative; width: 100%; height: 250px; margin-top: 20px; } .overflow-ad .overflow-ad-frame { position: absolute; left: -20px; top: 0; } .overflow-ad2 { position: relative; width: 100%; height: 240px; margin-top: 20px; } .overflow-ad2 .overflow-ad-frame { position: absolute; left: -20px; top: 0; } /* add-menu-title - 메뉴 더보기 */ .main .add-menu-title { position: absolute; top: 16px; right: 410px; } .main .add-menu-title a {display: block; width: 70px; height:18px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/navi/lnb_more.gif) no-repeat 0 0;} .main .add-menu-title a.on { background-position: 0 -18px; } /* 메뉴 더보기 레이어 */ #add-menu-layer { display: none; position: absolute; left: 0; top: 80px; width: 690px; height: 255px; z-index: 1000000; } #add-menu-layer .add-menu-layer { position: relative; width: 690px; height: 255px; text-align: left; } #add-menu-layer .add-menu-layer .more-view-title { float: left; width: 139px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_more_title_box_body.gif) no-repeat left top; } #add-menu-layer .add-menu-layer .more-view-title .more-title-list { height: 220px; padding: 20px 15px 15px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_more_title_box_bottom.gif) no-repeat left bottom; } #add-menu-layer .add-menu-layer .more-view-title .more-title-list li { margin-bottom: 17px; } #add-menu-layer .add-menu-layer .more-view-title .more-title-list li img { vertical-align: top; } #add-menu-layer .add-menu-layer .more-category { position: relative; float: left; width: 551px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_more_category_box_body.gif) no-repeat left top; } #add-menu-layer .add-menu-layer .more-category .inner-category-menu { height: 195px; padding: 30px 0; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_more_category_box_bottom.gif) no-repeat left bottom; } #add-menu-layer .add-menu-layer .more-category .inner-category-menu .section-area { float: left; width: 117px; padding-left: 20px; } #add-menu-layer .add-menu-layer .more-category .inner-category-menu .section-area ul { margin-top: 17px; } #add-menu-layer .add-menu-layer .more-category .inner-category-menu .section-area li { padding-left: 8px; margin-bottom: 6px; line-height: 1.2em; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_666.gif) no-repeat left 7px; } #add-menu-layer .add-menu-layer .more-category .inner-category-menu .section-area a { font-size: 11px; color: #333; } #add-menu-layer .add-menu-layer .more-category .inner-category-menu .section-area a:hover { text-decoration: none; color: #087974; } .best-click-article { width: 100%; } .best-click-article li { clear: both; overflow: hidden; width: 100%; margin-bottom: 29px; } .best-click-article li.last-line { margin-bottom: 0; } .best-click-article .article-date { margin-bottom: 6px; } .best-click-article .article-date .week-date { font-size: 16px; color: #11897f; } .best-click-article .article-date .period-date { padding-left: 11px; margin-left: 5px; color: #11897f; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_best_click_article_line.gif) no-repeat left top; } .best-click-article .photo { float: left; width: 118px; } .best-click-article .photo img { width: 96px; height: 86px; padding: 1px; border: 1px solid #e4dee0; } .best-click-article .photo-article { float: right; width: 547px; } .best-click-article .photo-article .article-list { } .best-click-article .photo-article .article-list strong a { font-size: 13px; color: #000; font-family:"굴림",gulim,Verdana,Arial,AppleGothic,sans-serif; } .best-click-article .photo-article .article-list p { margin: 9px 0 7px; } .best-click-article .photo-article .article-list p a { color: #626262; } .best-click-article .photo-article .article-list .responsibility-reporter { color: #898989; } .best-click-article .photo-article .other-article { width: 100%; margin-top: 14px; } .best-click-article .photo-article .other-article li { margin-bottom: 7px; } .best-click-article .photo-article .other-article li.last-article { margin-bottom: 0; } .best-click-article .photo-article .other-article strong a { font-size: 13px; color: #000; font-family:"굴림",gulim,Verdana,Arial,AppleGothic,sans-serif; } .best-click-article .photo-article .other-article span { padding-left: 11px; color: #878787; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_best_click_article_line.gif) no-repeat left top; } /*추가 12.24*/ .relation-article-title span{display:block; color:#fff; font-weight:bold; font-size:12px; } .sorting-result-section.linenone{border:0; padding:0; margin:0} /*본문하단 광고관련 추가 2013.08.23*/ #power-link4 {} .relation-article-title.mt0{ margin-top:0;} #series-article.type01 { margin: 0 0 30px;} #hani-popular-new-table.type01 { margin: 0 0 30px;} /*뉴스박스*/ #news-box {*zoom:1;display:block; clear:both; padding:20px 0;} #news-box:after {content:""; display:block; clear:both;} #news-box .news-box{border:1px solid #e7e7e7; background-color:#f6f6f6; padding:0 20px; font-size:13px;} /*news section top 141209 */ #news-section-top {overflow: hidden;width: 685px;} #news-section-top .section-top-ad {overflow: hidden;width: 685px; padding:10px 0 0;margin-bottom:25px; border-bottom:1px solid #dbdbdb;} #news-section-top .section-top-bigimg { position:relative; padding-bottom:25px; border-bottom:1px solid #dbdbdb;} #news-section-top .section-top-bigimg .imgDesc {background-color: black;opacity: 0.8;filter: alpha(opacity=80);padding: 15px 17px;color: white;width: 629px;position: absolute;bottom: 25px;} #news-section-top .section-top-bigimg .imgDescTitle {display: block;font-size: 24px;font-weight: bold;padding-bottom: 3px;} #news-section-top .section-top-listArea { overflow:hidden; margin-bottom:20px; border-bottom:1px solid #dbdbdb;} #news-section-top .section-top-sum { float:left;} #news-section-top .section-top-sum li { margin-bottom:20px;width:210px; height:186px;overflow:hidden;} #news-section-top .section-top-sum li strong { display:block;padding-top: 10px;font-size: 14px;} #news-section-top .section-top-list { float:left; padding-left:40px;} #news-section-top .section-top-list ul { width:400px;} #news-section-top .section-top-list li { padding: 15px 0; border-bottom:1px dashed #dbdbdb; width:400px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } #news-section-top .section-top-list li.frist { padding:0 0 15px;} #news-section-top .section-top-list li.last {border-bottom:0;} #news-section-top .section-top-list li a{font-size: 16px; font-weight:bold; color:#000; } #news-section-top .section-top-sumArea { overflow:hidden; margin-bottom:20px; border-bottom:1px solid #dbdbdb;} #news-section-top .section-top-sumArea ul li { float:left; margin-bottom:20px;width: 210px; height:186px; margin-right: 17px;overflow:hidden;} #news-section-top .section-top-sumArea ul li.last { padding:0;} #news-section-top .section-top-sumArea ul li strong { display:block;padding-top: 10px;font-size: 14px;} #news-section-top ul li img {border: 1px solid #dbdbdb;}