@charset 'utf-8';



/*
 * @author: by hyunhee
 * @date: 2012/05/22
 * @version: 0.1
 * @copyright: HANI. All Rights Reserved.
 * @description: 본문 공통
 */

 
/* 기사 본문 제어 */
#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; }
#article .article-category-title strong { display: block; margin-top: 5px; color: #3e3e3e; }
#article .article-category-title h3 { padding: 0 20px; color: #000; font-size: 28px;  font-family: georgia,serif; }

/* 기사 제어 관련 메뉴 */
#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(http://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(http://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 4px 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 .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; }

/* 소셜 링크 관련 레이어 */
#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(http://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: arial,sans-serif; font-size: 14px; line-height: 23px; }
#article .article-contents  h4 { padding-bottom: 17px; color: #222; font-size: 18px; font-family: arial,sans-serif; }
#article .article-contents  p { color: black; font-family: arial,sans-serif; 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-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; }




/* 관련기사 */
.relation-article-title { height: 19px; padding: 10px 25px 0; margin-top: 25px; background: url(../../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 40px; 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(http://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(http://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: arial,sans-serif; 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(http://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: arial,sans-serif; 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: arial,sans-serif; }
#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(http://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(http://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: arial,sans-serif; 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; }



/* 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(http://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; } */


/* original 버튼 */
#btn-original {float: right;}

/* 한겨레 무단전재 및 재배포 금지 | 저작권 문의 */
#hani-copyright { height: 67px; padding: 11px 0 20px; text-align: right; border-top: 2px solid #dbdbdb; }

/* 소셜 링크 관련 영역 */
/* 1207 수정 Start */
.section-divistion-line { margin-bottom: 40px;}
.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; }








/* 주의사항 */
#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(http://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; }



/* 하단 광고 영역 */
#contents-bt-ad { width: 100%; height: 130px; text-align: center; } /* 하단 광고 영역 */ 




/* 뉴스 정렬 옵션 영역 */
.sorting-option-section { padding-bottom: 21px; zoom: 1; }
.sorting-option-section:after { content: "."; display: block; height: 0; font-size: 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(http://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(http://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 li a { font-size: 12px; letter-spacing:0.0em; }  
.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-result-section { padding-bottom: 28px; margin-bottom: 10px; 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: arial,sans-serif; font-weight: bold; color: #000; }
.sorting-result-section .sorting-result-list dl dd a { font-family: arial,sans-serif; }
.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 { overflow: hidden;  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 { }
.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: arial,sans-serif; 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(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_444.gif) no-repeat 0 9px; line-height: 28px; }
.sorting-result-section .subject-list li.first-child { margin-top: 10px; }
.sorting-result-section .subject-list li a { float: left; font-size: 14px; color: #000; font-family:  georgia,serif; }
.sorting-result-section .subject-list li em { float: right; font-family: verdana; font-size: 11px; color: #888; }