@charset 'utf-8';

/*
 * @author: by MIKWON
 * @date: 2011/11/11
 * @version: 0.1
 * @copyright: HANI. All Rights Reserved.
 * @description: 기획연재
 */

#series-index #series-headline-news { height: 276px;  padding: 30px 20px; border: 1px solid #ced9d1; background: #f3f7f5; zoom: 1; }
#series-index #series-headline-news:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#series-index #series-headline-news .photo { width: 260px; }
#series-index #series-headline-news .photo img { width: 238px; height: 178px; }
#series-index #series-headline-news .entry-content { width: 363px; }
#series-index #series-headline-news h3 { padding-bottom: 5px; }
#series-index #series-headline-news .category { text-align: right; font-size: 11px; font-family: verdana; color: #888; }
#series-index #series-headline-news .category span { 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% 0;}
#series-index #series-headline-news .text { padding-top: 15px; }
#series-index #series-headline-news .article { height: 180px; margin-bottom: 20px; }
#series-index #series-headline-news .news-subject-list { padding: 0; }
#series-index #series-headline-news .news-subject-list li {padding-left: 12px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_444.gif) no-repeat 0 9px;}
#series-index #series-headline-news .news-subject-list li a { font-size: 12px; line-height: 21px; font-weight: normal; }
#series-index #social-related-links { overflow: hidden; margin-top: -8px; }
#series-index #social-related-links #hotissue-related-url { float: left; }
#series-index #social-related-links #hotissue-related-url img { padding-left: 7px; vertical-align: middle; }
#series-index #social-related-links #series-related-url { float: left; }
#series-index #social-related-links #series-related-url img { padding-left: 7px; vertical-align: middle; }
#series-index #social-related-links .inner { float: right; }

/* 연중 기획 */
#series-index #annual-planning { padding-top: 26px; margin-bottom: -4px; zoom: 1; }
#series-index #annual-planning:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#series-index #annual-planning .photo { float: left; width: 280px; }
#series-index #annual-planning .photo a { display: block; }
#series-index #annual-planning .photo img { width: 259px; height: 128px; border: 1px solid #dbdbdb; vertical-align: top; }
#series-index #annual-planning .entry-content { float: left; }
#series-index #annual-planning .title { padding-bottom: 12px; font-size: 14px; font-family: Gulim; line-height: 16px; font-weight: bold; }
#series-index #annual-planning .title a { color: #000; }
#series-index #annual-planning .list li {padding-left: 12px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_444.gif) no-repeat 0 9px;}
#series-index #annual-planning .list li a { font-size: 12px; line-height: 21px; font-weight: normal; color: #000; }

#series-index .series-main-photo { text-align:center; }
#series-index .series-main-photo img { border: 1px solid #dbdbdb; }
#series-index .series-main-photo .text { padding-top: 18px; line-height: 21px; font-family: Gulim; text-align:left;}
#series-index .relation-article { margin-top: 18px; }
#series-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; }
#series-index .relation-article li a { font-weight: bold; font-size: 13px; color: #000; font-family: Gulim; line-height: 30px; }

#series-index .hot-series-article { margin-top: 40px; }
#series-index .hot-series-article .section { zoom: 1; }
#series-index .hot-series-article .section:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#series-index .hot-series-article .series-box { width: 322px; margin-bottom: 20px;  }
#series-index .hot-series-article .section .left { float: left; }
#series-index .hot-series-article .section .right { float: right; }
#series-index .hot-series-article .series-box .series-title { height: 26px; padding: 13px 10px 0; border-top: 1px solid #474c4c; border-bottom: 1px solid #c3c8c8; background: #f9f9f9; }
#series-index .hot-series-article .series-box .series-title h3 { padding-left: 13px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_3x8_000.gif) no-repeat 0 0; font-size: 12px; color: #000; font-family: Gulim; }
#series-index .hot-series-article .series-box .entry-content { padding: 18px 10px 0; }

#series-index .hot-series-article .series-box .list {}
#series-index .hot-series-article .series-box .list li { padding-left: 12px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_444.gif) no-repeat 0 8px; line-height: 21px; }
#series-index .hot-series-article .series-box .list li a { font-size: 13px; font-family: Gulim; color: #000; font-weight: bold; }

#series-index .hot-series-article .series-box .rank-list { zoom: 1; }
#series-index .hot-series-article .series-box .rank-list:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#series-index .hot-series-article .series-box .rank-list li { padding-left: 18px; }
#series-index .hot-series-article .series-box .rank-list li p { margin-left: -18px; padding-left: 18px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_series_rank.gif) no-repeat 0 0;}
#series-index .hot-series-article .series-box .rank-list li p a { color: #777; }
#series-index .hot-series-article .series-box .rank-list li p.rank2 { background-position: 0 -21px; }
#series-index .hot-series-article .series-box .rank-list li p.rank3 { background-position: 0 -42px; }
#series-index .hot-series-article .series-box .rank-list li .list {padding: 14px 0 15px; }

/* 연중기획 */
#summary-annual-planning { }
#summary-annual-planning .photo-news2 { overflow: hidden; width: 100%; height: 75px; margin-bottom: 10px; }
#summary-annual-planning .photo-news2 .photo { float: left; width: 162px; }
#summary-annual-planning .photo-news2 .photo a { display: block; float: left; }
#summary-annual-planning .photo-news2 .photo a img { float: left; width: 148px; height: 73px; border: 1px solid #dbdbdb; vertical-align: top; }
#summary-annual-planning .photo-news2 strong { float: left; }
#summary-annual-planning .photo-news2 a.title { float: left; width: 102px; }

/* 종료 기획연재 */
#end-planning-series { overflow: hidden; zoom: 1; }
#end-planning-series .title { display: block; float: left; width: 83px; padding-top:2px; padding-left: 8px; background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x7_333.gif) no-repeat 0 5px; color: #333; }
#end-planning-series .select-end-series { float: left; width: 154px; height: 18px; border: 1px solid #cacaca; vertical-align: middle; color: #000; }

#info-title { width: 100%; margin-bottom: 10px; }
#info-title th { text-align: left; vertical-align: top; }
#info-title .sub-title { padding-left: 10px; font-weight: bold; font-size: 16px; color: #088b85; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_title_line.gif) no-repeat 0 4px; }

.update-date  { text-align: right; }
.update-date .icon { display: inline-block; width: 16px; height: 9px; vertical-align: middle; }
.update-date .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; }
.update-date .ip { padding-left: 5px; color: #888; font-family: verdana; font-size: 11px; letter-spacing: -1px;  }

/* 연중기획 */
#summary-annual-planning { }
#summary-annual-planning .photo-news2 { overflow: hidden; width: 100%; height: 75px; margin-bottom: 10px; }
#summary-annual-planning .photo-news2 .photo { float: left; width: 162px; }


/* 함께하는 교육 */
#together-title { width: 100%;}
#together-title th { text-align: left; vertical-align: top;}
#together-title .sub-title { padding-left: 10px;  padding-top: 8px; font-size: 12px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_title_line.gif) no-repeat 0 8px;}
#together-title .sub-title span { padding-left: 2px; padding-right: 2px; font-size: 12px; color:#e1e1e1; }
#together-title .update-date span.selected a { font-weight: bold; color: #000 !important; }


/* 타입추가 */
#series-index .three-type-select {/*border-top:1px dashed #CCCCCC; padding-top:30px;*/ margin-top: 30px;  }						  
#series-index .thumbnail-list { overflow: hidden; width: 100%; border-bottom: 1px solid #dbdbdb;}
#series-index .thumbnail-list li { float: left; }
#series-index .thumbnail-list li.last-thumbnail { margin-right: 0; }
#series-index .thumbnail-list li img { /*border: 1px solid #dbdbdb;*/ }
#series-index .thumbnail-list li strong a { color: #000; word-spacing: -0.1em; letter-spacing: -0.1em; }
#series-index .thumbnail-list li strong a { color: #000; word-spacing: -0.1em; letter-spacing: -0.1em; }
#series-index .three-type li { position: relative; width: 210px; margin-right: 17px; }
#series-index .three-type li strong { display: block; height: 91px; padding-top: 10px; font-size: 14px; }

#series-index .three-type-thumbnail { border: 1px solid #dbdbdb; display:block;width:208px;height:138px;overflow:hidden;position:relative; }
#series-index .three-type-thumbnail img { overflow:hidden;position:absolute; visibility:hidden; }



/*연재물박스 2014.11.5*/
.series_area { margin-top:10px;}
.series_area .scroll_series {border:1px solid #e3e3e3; border-bottom:1px solid #088b85; border-top:1px solid #088b85; height:210px;overflow-y:auto;}
.series_area .list_series{border-top:none;}
.series_area .list_series li a{display:block;color:#000;text-decoration:none;padding:10px 0 0 10px;line-height:1.4em; height:24px; border-bottom:1px solid #ddd;letter-spacing:-1px}
.series_area .list_series li a span{display:block;background:url(http://img.hani.co.kr/section-image/14/news/hani/icon_saw.gif) right 3px no-repeat;margin-right:10px}
.series_area .list_series li a:hover{color:#008abd;font-weight:bold;background:#f1f4f3 }
.series_area .list_series li a:hover span{background: url(http://img.hani.co.kr/section-image/14/news/hani/icon_saw_on.gif) right 3px no-repeat;color:#0d54ab;font-weight:bold;}
.series_area .list_series li a.on{ font-weight:bold; font-weight:bold;background:#f1f4f3 }