@charset 'utf-8';

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

/* tab - 이미지 탭 */
.tab-menu { overflow: hidden; }
.tab-menu li { float: left; }
.tab-menu li a img { vertical-align: top; }
.tab-contents { zoom: 1; }
.tab-contents:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
/*
.tab-contents .content { display: none; }
*/
/* tab - 오른쪽 영역 텍스트 탭 */
#aside .custom-tab .tab-nav { overflow: hidden; position: relative; height: 24px; }
#aside .custom-tab .tab-nav li { position: absolute; top:0; left: 0; height: 24px; }
#aside .custom-tab .tab-nav li a { display: block; padding: 5px 0 2px; border: 1px solid #e3e3e3; border-bottom: 1px solid #609b98; font-size: 11px; text-align: center; text-decoration: none; background: #fff;  }
#aside .custom-tab .tab-nav li a:hover { color: #037570; }
#aside .custom-tab .tab-nav li.on { z-index:100; }
#aside .custom-tab .tab-nav li.on a { border-color: #609b98; border-bottom: 1px solid #fff; font-size: 11px; text-align: center; color: #000; background: #f0f0f2; }
#aside .custom-tab .tab-contents { zoom: 1; }
#aside .custom-tab .tab-contents:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#aside .custom-tab .tab-contents .content { display: block; } /* 20111117 추가 */

/* widgets */
.widgets span.icon { display: inline-block; width: 19px; height: 18px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_set.gif) no-repeat 0 0; vertical-align: middle; }
.widgets span.count a { display: inline-block; height: 16px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_sns_inquiry_number_bubble_left.gif) no-repeat 0 0; line-height: 17px; font-weight: bold; }
.widgets span.count a .inner-button { display: inline-block; height: 16px; padding: 0 6px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_sns_inquiry_number_bubble_right.gif) no-repeat 100% 0; line-height: 17px; font-weight: bold; }
.widgets .facebook span.icon {}
.widgets .twitter span.icon { background-position: -21px 0; }
.widgets .metooday span.icon { background-position: -41px 0; }
.widgets .cyworld span.icon { background-position: -61px 0; }
.widgets .msn span.icon { background-position: -81px 0; }
.widgets .naver span.icon { background-position: -140px 0; }
.widgets .google2 span.icon { background-position: -160px 0; }
.widgets .facebook .count a { color: #14488f; }
.widgets .twitter .count a { color: #4ca5ff; }
.widgets .google .count a { color: #888; }
.widgets .hani span.icon { width: 39px; height: 16px; margin-right: 2px; background-image: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_hani.gif); }
.widgets .rss span.icon { width: 16px; height: 16px; background-position: -102px 0; }
.widgets .help span.icon { width: 16px; height: 16px; background-position: -122px 0; }
.widgets .google span.icon { width: 24px; height: 16px; margin: 0 2px 0 5px; background-image: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_google.gif); }

/* 페이지 */
.page {}
.page a { display: block; float: left; width: 13px; height: 14px; background-image:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_rolling.gif); background-repeat: no-repeat; }
.page a.prev { background-position: 0 0; }
.page a.next { width: 12px;  background-position: -13px 0;}

/* 페이징 처리 */
.paginate { text-align: center; padding: 24px 0 54px; }
.paginate a { overflow: hidden; display: inline-block; width: 20px; height: 15px; font-weight: bold; text-align: center; letter-spacing:-0.1em; color: #868686; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x9_ddd.gif) no-repeat 0 50%; line-height: 18px; vertical-align: top; }
.paginate a:hover { color: #0ba39c; }
.paginate a.selected { color: #0ba39c; }
.paginate a.first-child { background: none;}
.paginate a.front, 
.paginate a.prev,
.paginate a.next,
.paginate a.last { width: 13px; padding-left: 0; background-image: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_paginate_set.gif); background-repeat: no-repeat; background-position: 0 0; }
.paginate a.front { background-position: 2px -15px; }
.paginate a.prev { background-position: -13px -15px; margin-right: 4px; }
.paginate a.next { background-position: -26px -15px; margin-left: 4px; }
.paginate a.last { background-position: -39px -15px; }
.paginate a.front:hover { background-position: 2px 0; }
.paginate a.prev:hover { background-position: -13px 0; }
.paginate a.next:hover { background-position: -26px 0; }
.paginate a.last:hover { background-position: -39px 0; }

/* 메인 타이틀 영역 */
.headings-section { position: relative; /*height: 42px;*/  padding-bottom: 25px; zoom: 1;  }
.headings-section:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
.headings-section .left { float: left; }
.headings-section .left img { vertical-align: top; }
.headings-section .right { float: right; }
.headings-section .left .main-title { float: left; }
.headings-section .left .sub-title { float: left; padding-left: 12px; font-weight: bold; font-size: 16px; color: #088b85; line-height: 25px; letter-spacing: -1px; }
.headings-section .right .total-article-view { float: left; padding-top: 8px; }
.headings-section .right .total-article-view a { padding-right: 10px; font-size: 11px; color: #666; line-height: 18px; }
.headings-section .right .widgets { float: left; padding-top: 8px;}

/* 메인 공통 - 헤드라인 영역 */
.index .headline { overflow: hidden; zoom: 1; }
.index .headline:after{content: ""; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
.index .headline .photo { float: left; width: 330px; }
.index .headline .photo a { display: block; }
.index .headline .photo img { width: 328px; height: 178px; border: 1px solid #dbdbdb; vertical-align: top; }
.index .headline .entry-content { float: right; width: 316px; }
.index .headline .entry-content h3 { margin-top: -3px; padding-bottom: 14px; font-size: 14px; font-family: Gulim; line-height: 21px; }
.index .headline .entry-content h3 a { color: #000; }
.index .headline .entry-content h3 a:hover { color: #037570; }
.index .headline .entry-content div.text { font-family: Gulim; line-height: 20px; }

.index .news-subject-list { clear: both; overflow: hidden; padding: 15px 0 35px; margin-bottom: -5px; }
.index .news-subject-list li { line-height: 21px; font-size: 13px; font-weight: bold; font-family: Gulim; }
.index .news-subject-list li a { color: #000; }
.index .news-subject-list li a:hover { color: #037570; }



/* 검색 페이지 정렬 테이블 */
.sorting-news .article-sort-tab { padding: 18px 0 7px 0; margin-bottom: 20px; border-bottom: 1px solid #dbdbdb; }
.sorting-news .article-sort-tab ul { overflow: hidden; float: right; }
.sorting-news .article-sort-tab li { float: left; padding-right: 10px; margin-right: 10px; font-size: 11px; color: #000; cursor: pointer; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x10_d5d5d5.gif) no-repeat 100% 50%; }
.sorting-news .article-sort-tab li.last-tab { padding-right: 0; margin-right: 0; background: none; }
.sorting-news .article-sort-tab li.on { font-weight: bold; letter-spacing: -0.1em; }

.sorting-news .next-news { margin-top: 32px; }
.sorting-news .news-list {overflow: hidden; width: 100%;  zoom: 1; }
.sorting-news .news-list .photo { float: left; width: 155px; }
.sorting-news .news-list .photo img { border: 1px solid #dbdbdb; }
.sorting-news .list { overflow: hidden; }
.sorting-news .news-list .main-list { float: right; width: 510px; }
.sorting-news .list .news-title { overflow: hidden; margin-bottom: 9px; zoom: 1; }
.sorting-news .list .news-title strong { float: left; font-size: 14px; color: #000; }
.sorting-news .list .news-title .news-date { float: right; padding-top: 2px; font-family: verdana; font-size: 11px; color: #888; } 
.sorting-news .list .news-title .news-date .category { display: inline-block; padding-right: 10px; margin-right: 9px; font-family: Dotum; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x10_dbdbdb.gif) no-repeat 100% 50%;} 
.sorting-news .list .other-list { overflow: hidden; }
.sorting-news .list .other-list li { padding-left: 12px; margin-bottom: 4px; color: #000; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x1_444.gif) no-repeat 2px 5px; }
.sorting-news .list .other-list li.last-article { margin-bottom: 0; }
.sorting-news .list .other-list li a { text-decoration: none; color: #000; }
.sorting-news .list .other-list li a:hover { text-decoration: underline; color: #000; }

/* 검색 영역 */
#keyword-search { position: relative; overflow: hidden; width: 100%; height: 50px; }
/* 20111207-수정 */
#keyword-search .keyword-search-form { width: 423px; margin: 0 auto; }
#keyword-search .keyword-search-form .search-submit { padding-top: 1px; }
/* //20111207-수정 */
#keyword-search .keyword-input { float: left; position: relative; width: 359px; height: 26px; padding: 5px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_search_keyword_box.gif) no-repeat left top; }
#keyword-search .keyword-input input { width: 311px; height: 19px; padding: 5px 10px 0; line-height: 1.5em; border: 0 none; color: #333; vertical-align: middle; }
#keyword-search .search-submit { float: left; margin-left: 3px; cursor: pointer; }
#keyword-search .keyword-input img { vertical-align: middle; }
/* 자동완성일 경우 - 아직 미완성 */
#keyword-search .keyword-input .auto-keyword-list { display: none; position: absolute; left: 0; top: 0; }
#keyword-search .keyword-input .auto-keyword-list li {  }
/* //자동완성일 경우 - 아직 미완성 */


/* 로고 옆 메뉴타이틀 */
.main .menu_tit { position: absolute; width:134px; height:28px; bottom:66px; left: 250px; background:url(http://img.hani.co.kr/section-image/12/english/images/com/tit/tit_hotissue.gif) no-repeat}
.main .menu_tit_search { position: absolute; width:97px; height:29px; bottom:66px; left: 250px; background:url(http://img.hani.co.kr/section-image/12/english/images/com/tit/tit_search.gif) no-repeat}
.main .menu_tit_aboutus { position: absolute; width:97px; height:29px; bottom:66px; left: 250px; background:url(http://img.hani.co.kr/section-image/12/english/images/com/tit/tit_aboutus.gif) no-repeat}