@charset "utf-8";
@import url('base_v2.css');
@import url('common_v2.css');
@import url('opinion_v2.css');
@import url('cartoon_v2.css');
@import url('esc_v2.css');
@import url('toyo_v2.css');
@import url('graphic_v2.css');

@import url('series_v2.css');
@import url('issue_v2.css');
@import url('gudok.css');

@import url('rest_v2.css');
@import url('search_v2.css');

@import url('photo_v2.css');
@import url('etc_v2.css');
@import url('munhak.css');
@import url('exploration_v2.css');
@import url('bar_v2.css');
@import url('weconomy_v2.css');
@import url('archive_v2.css');
@import url('subscribe.css');

@import url('banner_v2.css'); /*광고관련css변경*/


/* section layout */
#header {position: relative;width: 100%;margin: 0 auto;text-align: left;z-index:1000;-moz-box-shadow: -1px 2px 2px 0 rgba(0,0,0,0.1);-webkit-box-shadow: -1px 2px 2px 0 rgba(0,0,0,0.1);box-shadow: -1px 2px 2px 0 rgba(0,0,0,0.1);}
#container { position: relative;  width: 1100px; margin: 0 auto; text-align: left; z-index:100; }
#container:after{ content:" "; display:block; clear:both; }     
#contents-section { position:relative; overflow: hidden; clear: both; margin-top:30px; }
#contents-section .section-left {float:left; width:740px; margin-right:13px; position:relative;}
#contents-section .section-right {float:right; width:300px; padding-left:14px; position:relative;}
#contents-section .section-right .padding_bottom {height:50px;}

#contents {float: left; width: 643px; padding-right:13px; min-height: 100%; padding-bottom:0px; }
#aside {float: right; width: 300px; padding-left: 14px;}
#aside .padding_bottom {width:100%; height:50px;}

.ie7 #container .index  { padding-top:30px;}
#container { letter-spacing: -0.07em;}
#container .index { width: 970px; margin: 30px auto;}
#container.width100per .index { width: auto; margin: 0 auto;}


/* section top */
#header-logo {position: relative;height:62px;z-index: 2010;margin: 0 auto;width:auto;max-width: 1100px;min-width: 1100px; background: none;}
#header-logo .logo { position:absolute; bottom:15px; left:40px;}
#header-logo .menu-all { position:absolute; bottom:15px; left:0; cursor:pointer}
#header-logo .section-top-title { text-align:center; padding-top:15px; font-size:29px; line-height:1.2em; color:#000; letter-spacing: -0.09em;}
#header-logo .section-top-title span{ font-size:20px;}
#header-logo .header-ect { z-index:1008;}
#header-logo .header-ect .top_login {position:absolute; right:40px; bottom:15px;}
#login-box  { position:absolute; right:0; top:65px;}

#search_form { z-index: 1009;}
#search_form .open_search{ position:absolute; right:7px; bottom:15px; cursor:pointer;}

#header .navi { overflow:hidden; /* position: relative;*/ width: 100%; z-index: 2000; }
#header .navi .menu li .sub-menu { display:none; position: absolute; top: 43px; left: 0; width: 970px; height: 30px; z-index: 2002}
#header .navi .menu li.selected .sub-menu { display:block; }
#header .navi .menu li .sub-menu li { padding: 8px 12px 8px 11px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x2_999.gif) no-repeat 100% 50%; font-size:12px; }
#header .navi .menu li .sub-menu li.last-chlid { background: none; }


/* section body */

.only-txt { color:#f35213; padding-right:5px;}
.icon_solo { position:absolute; top:1px; left:1px;  display:block;  height:28px; background-color:#f35213; color:#fff; font-size:17px; font-weight:bold; padding: 8px 8px 0 8px; white-space: nowrap;}

.article-photo { position:relative; display:block}
.icon_photo_photo { position:absolute; bottom:1px; right:1px;  display:block; margin:0; border:0; }
.icon_photo_pictorial { position:absolute; bottom:1px; right:1px;  display:block; margin:0; border:0; }
.icon_photo_story { position:absolute; bottom:1px; right:1px;  display:block; margin:0; border:0; }
.icon_photo_video { position:absolute; bottom:1px; right:1px;  display:block; margin:0; border:0; }
.section-top-article .article-photo .icon_photo_photo,
.section-top-article .article-photo .icon_photo_pictorial,
.section-top-article .article-photo .icon_photo_story,
.section-top-article .article-photo .icon_photo_video,
.section-top-area .article-photo .icon_photo_photo,
.section-top-area .article-photo .icon_photo_pictorial,
.section-top-area .article-photo .icon_photo_story,
.section-top-area .article-photo .icon_photo_video,
.photo .icon_photo_photo,
.photo .icon_photo_pictorial,
.photo .icon_photo_story,
.photo .icon_photo_video { border:0 !important;   }


/*#contents-section .article-photo { position:relative;}
#contents-section .article-photo .icon_photo_video { position:absolute; bottom:1px; right:1px;  display:block; margin:0; border:0; border-top:1px solid #b9b9bb; border-left:1px solid #b9b9bb;}
#contents-section img { border:1px solid #dddddd;}*/

.section-top-article { margin-bottom:20px;}
.section-top-article .article-title {color:#000;font-size:29px;font-weight:bold;letter-spacing:-0.07em;line-height: 1.3em; margin-bottom: 10px;/* height:43px; */}
.section-top-article .article-title a { color:#000; }
.section-top-article .article-photo {  width:740px; height:322px;}
.section-top-article .article-photo img {border:1px solid #dddddd;}
.section-top-article .article-photo a img {width:738px;height:320px;}
.section-top-article .article-prologue { line-height:1.5em; font-size:13px; color:#666; padding: 10px 0 }
.section-top-article .article-prologue a { color:#666;}
.section-top-article .more-article { padding-bottom:20px;}
.section-top-article .more-article li { font-size:15px; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_more_article.png) no-repeat 0 2px; padding-left:12px; padding-bottom:5px; line-height:1.5em;}

.section-top-area { position:relative;  overflow:hidden; margin-top:40px; margin-bottom:10px; padding-bottom: 30px;  border-bottom:1px solid #000000; letter-spacing: -0.07em;}
.section-top-area .category { display:block; font-size:12px; color: #07a6a5; padding-top:10px; font-weight:normal;}
.section-top-area .category a { color: #07a6a5;}
.section-top-area h4 { font-size:16px; padding-top:5px; line-height:1.3em; font-weight: normal; }
.section-top-sum { float:left; width:220px; margin-bottom:20px;}
.section-top-sum li.kisa01 { margin-bottom:60px; }
.section-top-area img {border:1px solid #dddddd;}
.section-top-area ul li a img {width:220px;height:132px;}

.section-top-list{ position:relative;  overflow:hidden; float:left; padding-left:40px; width:420px;}
.section-top-list li { padding: 9px 0 9px; width:420px; overflow:hidden;   white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; } 
.section-top-list li.first { padding:0 0 9px; }
.section-top-list li a{font-size: 17px; color:#222; font-weight:bold; }
.section-top-list li:nth-child(7n){ margin-top: 40px;}

.section-top-sumArea{ position:relative;  overflow:hidden;}
.section-top-sumArea li { float:left; width: 200px; height:210px;  margin-right: 20px; margin-bottom:20px;}
.section-top-sumArea li.kisa01, 
.section-top-sumArea li.kisa02,
.section-top-sumArea li.kisa03 { border-bottom:1px solid #dddddd;}
.section-top-sumArea li.kisa03,
.section-top-sumArea li.kisa06 { margin-right:0; }


/*올림픽용 리스트*/
#contents-section.special01 { margin-top:0;}
#contents-section.special01 .section-special-title { background-color:#fff; padding-bottom:30px;}
#contents-section.special01 .section-top-article .article-title  { padding-top:10px;}
#contents-section.special01 .section-top-sumArea li { position:relative; height:222px; margin-bottom:0;}
#contents-section.special01 .section-top-sumArea li.kisa01, 
#contents-section.special01 .section-top-sumArea li.kisa02 { border-bottom:0; }
#contents-section.special01 .section-top-sumArea li.kisa05, 
#contents-section.special01 .section-top-sumArea li.kisa06,
#contents-section.special01 .section-top-sumArea li.kisa07,
#contents-section.special01 .section-top-sumArea li.kisa08 { border-bottom:1px solid #dddddd; }
#contents-section.special01 .section-top-sumArea li.kisa03,
#contents-section.special01 .section-top-sumArea li.kisa05,
#contents-section.special01 .section-top-sumArea li.kisa08 { margin-right:0;}
#contents-section.special01 .section-top-sumArea li.kisa06 {margin-right: 20px;}


#contents-section.special01 .section-top-sumArea li.kisa05 { padding-top:30px; height:220px;}
#contents-section.special01 .section-top-sumArea li.kisa06 ,
#contents-section.special01 .section-top-sumArea li.kisa07 ,
#contents-section.special01 .section-top-sumArea li.kisa08 { padding-top:30px;}
#contents-section.special01 .section-top-sumArea li.kisa04 {width:420px;height:252px;}
#contents-section.special01 .section-top-sumArea li .multi {position:relative;  overflow:hidden;}
#contents-section.special01 .section-top-sumArea li .multi .article-photo { display:block;width:418px; height:250px;}
#contents-section.special01 .section-top-sumArea li .multi .article-photo img {border:1px solid #dddddd;}
#contents-section.special01 .section-top-sumArea li .multi .article-photo a img {width:418px;height:250px;}
#contents-section.special01 .section-top-sumArea li .multi .imgDesc { position:absolute; left:0; bottom: 0px; width: 420px; }
#contents-section.special01 .section-top-sumArea li .multi .text_over { overflow: hidden; zoom: 1;position: relative;z-index: 2; padding:5px 8px 8px;}
#contents-section.special01 .section-top-sumArea li .multi .shadow { width: 418px;  height:100%;position:absolute; left:1px; bottom: 0px; background-color: #000; opacity: 0.8; filter: alpha(opacity=80);}
#contents-section.special01 .section-top-sumArea li .multi .article-title  {display: block; color:#fff;font-size: 20px;font-weight: bold;line-height:1.2em;}
#contents-section.special01 .section-top-sumArea li .multi .article-title a { color:#fff; }
#contents-section.special01 .section-top-sumArea li .multi .category {font-size:12px;color:#a1a1a1; padding:0 0 3px; font-weight:normal;}
#contents-section.special01 .section-top-sumArea li .multi .category a { color:#a1a1a1;}
#contents-section.special01 .section-top-sumArea li .multi .article-prologue { line-height:1.3em; font-size:12px; color:#a1a1a1; padding: 5px 0 0; }
#contents-section.special01 .section-top-sumArea li .multi .article-prologue a { color:#a1a1a1;}

#contents-section.special01 .section-top-list { float:none; padding-left:0; width:640px; padding: 30px 0;}
#contents-section.special01 .section-top-list li { width: 300px; float:left;}
#contents-section.special01 .section-top-list li.list02,
#contents-section.special01 .section-top-list li.list04,
#contents-section.special01 .section-top-list li.list06,
#contents-section.special01 .section-top-list li.list08,
#contents-section.special01 .section-top-list li.list10 { float:right;}
#contents-section.special01 .section-top-list li a{font-size: 15px;}


/*20170720 - type추가 - 애니멀,미래과학*/
#navi-sub { position:relative; width:100%;  margin: 0 auto; text-align: center;  height:43px; border-bottom:1px solid #ebebeb; z-index: 1001 }
#navi-sub ul { position:relative; height:43px; margin: 0 auto;  }
#navi-sub ul:before { display: table;content: " ";}
#navi-sub li { display:inline-block; *display:inline; vertical-align:middle; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_bar_1x14.gif) no-repeat right 50%; font-size:15px; letter-spacing: -0.03em;}
#navi-sub li.last { background-image:none; padding-right:0px;} 
#navi-sub li h3 { display:block; float:left;font-size:15px; vertical-align:middle; line-height:1.1em;  padding:14px 13px 15px; margin-left:-3px;}
#navi-sub li h3 a { color:#222; font-size:15px;}
#navi-sub li a { text-decoration:none;}
#navi-sub li.selected  h3 a{border-bottom:1px solid #f35213}
#navi-sub li.last.plus h3 a{ background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_bar3.gif) no-repeat right 50%; padding-right:15px;}
#navi-sub li.plus.selected h3{ padding:13px 12px 14px;  border:1px solid #c3c3c3; border-bottom:1px solid #fff; background-color:#fff; z-index:1003;  z-index:1}
#navi-sub li.plus.selected h3 a{border-bottom:1px solid #bbbbbb}
#navi-sub li.plus.selected h3 a,
#navi-sub li.plus h3 a:hover {border-bottom:1px solid #bbbbbb; color:#bbbbbb; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_bar3_on.gif) no-repeat right 50%;}

#navi-sub li.plus .over-list{ position:absolute; left:auto; top:43px;width:230px; background-color:#fff; padding:0;  border:1px solid #c3c3c3;   -webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);-moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);box-shadow: 2px 4px 4px rgba(0,0,0,0.5);   z-index:-1 ; margin-left:-3px;}
#navi-sub li.plus .over-list ul{ background:none; height:auto; padding: 6px 15px 15px ;}
#navi-sub li.plus .over-list ul li { display:block; font-size:15px; padding:10px 15px 0 0;background-image:none; text-align:left;  }
#navi-sub li.selected  h3 a, #navi-sub li h3 a:hover, 
#navi-sub li.plus .over-list ul li a:hover { color:#f35213 ; border-bottom:1px solid #f35213}



/*20170110 - type추가- 위코노미,아카이브*/
#navi-sub.navi-left { position:relative; width:100%;  margin: 0 auto; text-align: left;  height:43px; border-bottom:1px solid #ebebeb; z-index: 1001 }
#navi-sub.navi-left ul { position:relative; height:43px; margin: 0 auto;  }
#navi-sub.navi-left ul:before { display: table;content: " ";}
#navi-sub.navi-left li { display:inline-block; *display:inline; vertical-align:middle; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_bar_1x14.gif) no-repeat right 50%; font-size:15px; letter-spacing: -0.03em;}
#navi-sub.navi-left li.last { background-image:none; padding-right:0px;} 
#navi-sub.navi-left li h3 { display:block; float:left;font-size:15px; vertical-align:middle; line-height:1.1em;  padding:14px 13px 15px; margin-left:-3px;}
#navi-sub.navi-left li h3 a { color:#222; font-size:15px;}
#navi-sub.navi-left li a { text-decoration:none;}
#navi-sub.navi-left li.selected  h3 a{border-bottom:1px solid #f35213}
#navi-sub.navi-left li.plus { float:right;}
#navi-sub.navi-left li.plus h3 a{ background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_bar3.gif) no-repeat right 50%; padding-right:15px;}
#navi-sub.navi-left li.plus.selected h3{ padding:13px 12px 14px;  border:1px solid #c3c3c3; border-bottom:1px solid #fff; background-color:#fff; z-index:1003;  z-index:1}
#navi-sub.navi-left li.plus.selected h3 a{border-bottom:1px solid #bbbbbb}
#navi-sub.navi-left li.plus.selected h3 a,
#navi-sub.navi-left li.plus h3 a:hover {border-bottom:1px solid #bbbbbb; color:#bbbbbb; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_bar3_on.gif) no-repeat right 50%;}

#navi-sub.navi-left li.plus .over-list{ position:absolute; right:0; top:43px;width:230px; background-color:#fff; padding:0;  border:1px solid #c3c3c3;   -webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);-moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);box-shadow: 2px 4px 4px rgba(0,0,0,0.5);   z-index:-1 ; margin-left:-3px;}
#navi-sub.navi-left li.plus .over-list ul{ background:none; height:auto; padding: 6px 15px 15px ;}
#navi-sub.navi-left li.plus .over-list ul li { display:block; font-size:15px; padding:10px 15px 0 0;background-image:none; text-align:left;  }
#navi-sub.navi-left li.selected  h3 a, #navi-sub.navi-left li h3 a:hover, 
#navi-sub.navi-left li.plus .over-list ul li a:hover { color:#f35213 ; border-bottom:1px solid #f35213}

.section-top-listArea { position:relative; overflow:hidden; margin-bottom:30px; border-bottom:1px solid #000;}
.section-top-listArea  .article-area { display:block; overflow:hidden; padding:25px 0; border-bottom:1px solid #f1f1f1}
.section-top-listArea  .article-area.first { padding-top:0;}
.section-top-listArea  .article-title{ font-size:18px; color:#222; margin-top:5px; margin-bottom:6px; letter-spacing:-0.05em; line-height:1.2em;}
.section-top-listArea  .category { display:block; font-size:12px; color: #777; padding:0; font-weight:normal; padding-top: 5px; }
.section-top-listArea  .category a {color: #777;}
.section-top-listArea  .article-photo {float:left; display:block;}
.section-top-listArea  .article-photo img{width:218px;height:130px;margin-right:20px; margin-bottom:0px; border:1px solid #dadada}
.section-top-listArea  .article-prologue {font-size:13px; color:#888; padding-right:10px;}
.section-top-listArea  .article-prologue .date { display:block; font-size:12px; color:#bebebe; margin-top:3px; }
.section-top-listArea  .more-article { overflow:hidden; margin-top:10px;}
.section-top-listArea  .more-article li { background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_more_article.png) no-repeat 0 30%; padding-left:12px; padding-bottom:3px;}
.section-top-listArea  .more-article li a{ color:#666; font-size:13px;}


/* 국제판 박스 - 인민망 */
 .section-top-box01 { position:relative; overflow:hidden; clear:both; width:100%; margin-bottom:20px; padding-top:40px;}
 .section-top-box01:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both;  }
 .section-top-box01 .title { text-align:left; position:relative; font-size:16px; margin-bottom:7px; font-weight:bold;}
 .section-top-box01 .plus { display:block; font-size:13px; position:absolute; right:0; bottom:0; background: url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_aw_right.png) no-repeat right 50%; padding-right:15px; }
 .section-top-box01 .section-box-kisa { position:relative;  overflow:hidden; border:1px solid #e4e4e4; background-color:#fafafa} 
 .section-top-box01 .section-box-kisa .left{ float:left; width:290px; padding:15px 10px 0 15px; border-right:1px solid #e4e4e4; min-height:94px;}
 .section-top-box01 .section-box-kisa .left img { float:left; width:112px; height:68px; margin-right: 10px;}
 .section-top-box01 .section-box-kisa .left h4 {text-align:left;  font-size:15px; color:#222; font-weight: bold;  line-height:1.2em;}
 .section-top-box01 .section-box-kisa .left .prologue {text-align:left;  display:block; font-size:12px; color: #777; padding-top:5px; font-weight:normal; letter-spacing: -0.06em;}
 .section-top-box01 .section-box-kisa .left .prologue a { color:#777;}
 .section-top-box01 .section-box-kisa .right{padding:10px 10px 0 10px;}
 .section-top-box01 .section-box-kisa .right .list{ position:relative;  overflow:hidden; padding-left: 10px;}
 .section-top-box01 .section-box-kisa .right .list li{text-align:left; font-size: 14px;padding-left: 8px;line-height:2.2em; width:297px; background: url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_dot_2x14.gif) no-repeat 0 50%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; }
 .section-top-box01 .section-box-kisa .right .list li a{font-size: 14px; color:#222; font-weight:bold; }

/*책과생각탑영역*/
.section-top-book { position: relative; overflow:hidden; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #000000;}
.section-top-book .book-top { float:left; width:476px;height:285px; position:relative; overflow:hidden;  margin-bottom:40px; letter-spacing:-0.07em;}
.section-top-book .book-top  .article-photo { display:block;width:498px; height:298px;}
.section-top-book .book-top  .article-photo img {border:1px solid #dddddd;}
.section-top-book .book-top  .article-photo a img { width:476px;height:285px; }
.section-top-book .book-top  .imgDesc { position:absolute; left:0; bottom: 0px; width: 476px; }
.section-top-book .book-top  .text_over { overflow: hidden; zoom: 1;position: relative;z-index: 2; padding:5px 8px 8px;}
.section-top-book .book-top  .shadow { width:100%; height:100%;position:absolute; left:0; bottom: 0px; background-color: #000; opacity: 0.7; filter: alpha(opacity=70);}
.section-top-book .book-top  .article-title  {display: block; color:#fff;font-size: 20px;font-weight: bold;line-height:1.2em;}
.section-top-book .book-top  .article-title a { color:#fff; }
.section-top-book .book-top  .category {font-size:12px;color:#a1a1a1; padding:0 0 3px; font-weight:normal;}
.section-top-book .book-top  .category a { color:#a1a1a1;}
.section-top-book .book-top  .article-prologue { line-height:1.3em; font-size:12px; color:#a1a1a1; padding: 5px 0 0; }
.section-top-book .book-top  .article-prologue a { color:#a1a1a1;}
.section-top-book .box-list { float:left; position:relative; overflow:hidden;  width:220px; height:285px;  margin-right: 37px; margin-bottom:40px;}
.section-top-book .box-list  .article-photo {  width:220px;height:132px;}
.section-top-book .box-list  .article-photo a img { width:218px;height:130px;border:1px solid #e4e4e4}
.section-top-book .box-list  .article-title {  color:#222; font-size:16px; letter-spacing:-0.07em; line-height:1.3em; font-weight: normal; height:45px; overflow:hidden; }
.section-top-book .box-list  .article-title a { color:#000; }
.section-top-book .box-list  .article-prologue { line-height:1.4em; font-size:13px; color:#888; padding:5px 0 0;}
.section-top-book .box-list  .article-prologue a { color:#888;}
.section-top-book .box-list  .category {display:block;font-size:12px;color: #07a6a5; padding:10px 0 ; font-weight:normal;overflow: hidden; height: 16px;}
.section-top-book .box-list  .category a {color: #07a6a5;}
.section-top-book .box-list.kisa01,
.section-top-book .box-list.kisa04,
.section-top-book .box-list.kisa07 { float:right; margin-right:0;}
.section-top-book .box-list2 { float:left;position:relative; overflow:hidden;}
.section-top-book .section-top-list { padding-top:0px; padding-left: 0;}
.section-top-book .section-top-list li:nth-child(7n) {margin-top: 0px;}

/* 뉴스 정렬 옵션 영역 */
.section-sorting-option { padding-bottom: 20px; zoom: 1; margin-top: 10px; }
.section-sorting-option:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both;  }
.section-sorting-option .title-img { float: left; }
.section-sorting-option .title-img .menu { float: left; margin:8px 0px 0px 0px;}
.section-sorting-option .title-img .menu 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%;  }
.section-sorting-option .title-img .menu li.last-child { background: none; margin-right: 0; }
.section-sorting-option .title-img .menu li a { font-size: 13px; letter-spacing: -1px; }
.section-sorting-option .title-img .menu li.selected a { font-weight: bold; color: #000 !important; }
.section-sorting-option .sorting-inner { float: right; margin:8px 0px 0px 0px;}
.section-sorting-option .sort-key { float: left; }
.section-sorting-option .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%;  }
.section-sorting-option .sort-key li.last-child { background: none; margin-right: 0; }
.section-sorting-option .sort-key li a { font-size: 11px; letter-spacing: -1px; }
.section-sorting-option .sort-key li.selected a { font-weight: bold; color: #000 !important; }
.section-sorting-option .widgets { float: left; margin:3px 0 0; }
.section-sorting-option .widgets li { float: left; padding-right:5px; height:12px; }
.section-sorting-option .widgets li a.rss { display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_rss.png) no-repeat 0 bottom; width:12px; height:12px;}
.section-sorting-option .widgets li a.help { display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_Qmark.png) no-repeat 0 bottom; width:10px; height:12px;}
.section-sorting-option .inner-sorting { position: relative; width: 100%; z-index: 1000; }
.section-sorting-option .inner-sorting .rss-url-copy { display: none; position: absolute; right: 0; top: 20px; width: 326px; height: 58px; border: 2px solid #c8dbda; background: #fff; }
.section-sorting-option .inner-sorting .rss-url-copy .inner-copy { position: relative; width: 306px; height: 40px; padding: 18px 0 0 18px; }
.section-sorting-option .inner-sorting .rss-url-copy .inner-copy .rss-layer-close { position: absolute; right: 7px; top: 5px; cursor: pointer; }
.section-sorting-option .inner-sorting .rss-url-copy .inner-copy .copy-url { width: 255px; height: 20px; border: 1px solid #dbdbdb; }
.section-sorting-option .inner-sorting .rss-url-copy .inner-copy img { vertical-align: top; cursor: pointer; }




/* 리스트 */
.section-list-area .list{ position:relative; overflow:hidden; padding:30px 0 20px; }
.section-list-area .list.first { padding:0 0 20px;}
.section-list-area .list .article-area { display:block; overflow:hidden;}
.section-list-area .list .article-title{ font-size:18px; color:#222; margin-top:5px; margin-bottom:6px; letter-spacing:-0.07em; line-height:1.2em; font-weight:normal}
.section-list-area .list .category { display:block; font-size:12px; color: #07a6a5; padding:0; font-weight:normal; }
.section-list-area .list .category a {color: #07a6a5;}
.section-list-area .list .article-photo {float:left; display:block;}
.section-list-area .list .article-photo img{width:220px;height:132px;margin-right:25px; margin-bottom:0px; border:1px solid #e4e4e4}
.section-list-area .list .article-prologue {font-size:13px; color:#888; padding-right:10px;}
.section-list-area .list .article-prologue .date { display:block; font-size:12px; color:#bebebe; margin-top:3px; }
.section-list-area .list .article-prologue a { color: #888;}
.section-list-area .list .more-article { overflow:hidden; margin-top:10px;}
.section-list-area .list .more-article li { background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_more_article.png) no-repeat 0 30%; padding-left:12px; padding-bottom:3px;}
.section-list-area .list .more-article li a{ color:#666; font-size:13px;}

.section-list-area.photo-view { position:relative; overflow:hidden;}
.section-list-area.photo-view ul { position:relative; overflow:hidden;}
.section-list-area.photo-view .list{ position:relative; overflow:hidden; padding:0; border:0; width:200px; float:left; padding-left:20px; margin-bottom:40px;}
.section-list-area.photo-view .list.first { padding: 0 0 0 0;}
.section-list-area.photo-view .list .article-area { display:block; overflow:hidden; width:200px;}
.section-list-area.photo-view .list .article-title{ font-size:17px; color:#222; margin-top:5px; margin-bottom:6px; letter-spacing:-0.05em; line-height:1.2em;}
.section-list-area.photo-view .list .category { display:block; font-size:12px; color: #777; padding:0; font-weight:normal; padding-top: 5px; }
.section-list-area.photo-view .list .category a {color: #777;}
.section-list-area.photo-view .list .article-photo {display:block;}
.section-list-area.photo-view .list .article-photo img{width:198px;height:118px;margin-bottom:8px;border:1px solid #dadada}
.section-list-area.photo-view .list .article-prologue {font-size:13px; color:#888; padding-top: 8px; line-height: 22px;}
.section-list-area.photo-view .list .article-prologue .date { display:block; font-size:12px; color:#bebebe; margin-top:3px; }

.section-list-area.photo-view2 { position:relative; overflow:hidden; margin:30px 0;}
.section-list-area.photo-view2 .line { position:relative; overflow:hidden;}
.section-list-area.photo-view2 .list{ position:relative; overflow:hidden; padding:0; border:0; width:330px; float:left;}
.section-list-area.photo-view2 .list.left { margin-right:70px;}
.section-list-area.photo-view2 .list.right {  }
.section-list-area.photo-view2 .list .article-area { display:block; position:relative; overflow:hidden; width:330px; min-height:270px; margin-top:40px; }
.section-list-area.photo-view2 .list .article-title{ font-size:17px; color:#222; margin-top:5px;  letter-spacing:-0.07em; line-height:1.2em;}
.section-list-area.photo-view2 .list .category { display:block; font-size:12px; color: #07a6a5; padding:0; font-weight:normal; padding-top: 5px; }
.section-list-area.photo-view2 .list .category a {color: #07a6a5;}
.section-list-area.photo-view2 .list .article-photo {display:block;}
.section-list-area.photo-view2 .list .article-photo img{width:328px;height:196px;margin:0 0 8px;border:1px solid #e4e4e4}
.section-list-area.photo-view2 .line.first .article-area { margin-top:0;}
.section-list-area.photo-view2 .line.last .article-area { border-bottom:0;}
.section-list-area.photo-view2 .list .article-area .photo-new-window {position: absolute;left: 6px;bottom:1px;}

/*.section-list-area.photo-view2.bigimg .list.right {padding-left:14px; border-left:0; }*/

.section-list-area .more-title-area{ position:relative; overflow:hidden; margin-top:20px;  padding-top:20px; border-top:1px solid #e4e4e4;}
.section-list-area .more-title { float:left;}
.section-list-area .more-title a{display:block; background: url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_plus_article.png) no-repeat right 50%; padding-right: 20px;}

.section-list-area .list .photo-fix {display:block; width:198px; height:118px; margin-right:20px; border:1px solid #dadada;}
.section-list-area .list .photo-fix-bg {background-position:50% 50%; width:100%; height:100%;background-size: cover;}




/* 리스트 페이징 */
.paginate { padding:30px 0 30px; text-align:center; border-top: 1px solid #f1f1f1;} 
.paginate a{ display: inline-block; position: relative;padding: 4px 8px 4px 8px;border: 1px solid #fff;font-size: 12px; font-weight:bold;font-family: Verdana;color: #666;line-height: normal;text-decoration: none;vertical-align: top;}
.paginate a:hover {color:#009790;border:1px solid #e9e9e9; }
.paginate a.selected { border:1px solid #009790; color:#009790;}
.paginate a.next{ border:1px solid #e9e9e9; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_aw_right.png) no-repeat right 50%; padding: 5px 15px 5px 8px; font-weight:normal;} 
.paginate a.prev{ border:1px solid #e9e9e9; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_aw_left.png) no-repeat left 50%; padding: 5px 8px 5px 15px;font-weight:normal;}


/* 섹션우측영역 */


.section-right .article { position:relative; overflow:hidden; padding:10px 0 5px; border-bottom:1px dotted #a7a7a7;}
.section-right .article.last {border-bottom:0;}
.section-right .article .photo{ display:block; position:relative;}
.section-right .article .photo img {border:1px solid #dadada}
.section-right .article .title { font-size:16px; color:#222; padding:5px 0 10px; line-height:1.3em; letter-spacing:-0.05em }
.section-right .article .category { display:block; font-size:12px; color: #999; padding:0; font-weight:normal; margin-top:7px;}
.section-right .article .category a { color:#999}

.section-right .article-right {position:relative;overflow:hidden;padding:9px 0;border-top: 1px dashed #e7e7e7;}
.section-right .article-right.first {border-top:0;}
.section-right .article-right .title{ font-size:14px; color:#222; line-height:1.3em; padding:8px 0 5px;  }
.section-right .article-right .category { display:block; font-size:13px; padding:0 0 2px; font-weight:normal;}
.section-right .article-right .category a { /*color:#999*/}
.section-right .article-right .photo {float:right; display:block; position:relative;}
.section-right .article-right .photo img { width:108px;height:64px;margin-left:10px; border:1px solid #dadada}
.section-right .article-serial .article-right .title { padding:0;}
.section-right .article-serial { position:relative;}
.section-right .article-news .article-right { /*position:relative; overflow:hidden; padding:9px 0; border-bottom:1px dotted #a7a7a7;*/}
.section-right .article-right .num {float:left;display:block;width:24px;height:35px;font-size: 18px;color: #333;font-family:Arial;padding-top:10px;font-style: italic;}
.section-right .article-popularity .article-right .title { display:table}
.section-right .article-popularity .article { border-bottom:0;}

.section-right .ad-300X250 { padding:18px 0 20px; }
.section-right .article-like .text { text-align:right; color:#777; font-size:11px;}
#contents-section.contents-section-dable .section-right{ padding-bottom:0;}

.scroll-area { border: 1px solid #ececec;  background-color:#fdfdfd; height:20px; }
.scroll-area .icon-scroll{ display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_aw_scroll.gif) no-repeat 50% 50%; width:100%; height:20px; text-indent:-999px; overflow:hidden }

.section-right .article-right h4 {font-weight:normal;/* letter-spacing: -0.02em; */}




/****************** 개편전 내용 수정 공통사항 적용 ************************/

/* 상단 타이틀 영역 */
.headings-section { position: relative; padding-bottom: 20px; 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 .right { float: right; }
.headings-section .main-title { float: left;  font-size:25px; line-height:1.3em; letter-spacing: -0.08em;}
.headings-section .sub-title { float: left; padding-left: 12px; font-weight: bold; font-size: 16px; color: #000; line-height: 30px; letter-spacing: -1px; }
.headings-section .menu { float: left; }
.headings-section .menu 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%;  }
.headings-section .menu li.last-child { background: none; margin-right: 0; }
.headings-section .menu li a { font-size: 13px; letter-spacing: -1px; }
.headings-section .menu li.selected a { font-weight: bold; color: #000 !important; }

.headings-section .total-article-view { float: left; padding-top: 8px; }
.headings-section .total-article-view a { padding-right: 10px; font-size: 11px; color: #666; line-height: 18px; }
.headings-section .widgets { float: left; padding-top: 4px;}
.headings-section .widgets li { float: left; padding-right:5px; height:12px; }
.headings-section .widgets li a.rss { display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_rss.png) no-repeat 0 bottom; width:12px; height:12px;}
.headings-section .widgets li a.help { display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_Qmark.png) no-repeat 0 bottom; width:10px; height:12px;}

#social-related-links { overflow: hidden; height: 36px; 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; }
#social-related-links { overflow: hidden; margin-top: -8px; }
#social-related-links #hotissue-related-url { float: left; }
#social-related-links #hotissue-related-url img { padding-left: 7px; vertical-align: middle; }
#social-related-links #series-related-url { float: left; }
#social-related-links #series-related-url img { padding-left: 7px; vertical-align: middle; }
#social-related-links .inner { float: right; }

/* widgets */
.widgets span.icon { display: inline-block; width: 19px; height: 18px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_set.gif) no-repeat 0 0; vertical-align: middle; }/*2013.5.9 수정*/
.widgets span.count a { display: inline-block; height: 16px; background:url(//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(//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; }/*2013.5.9 추가*/
.widgets .gplus span.icon { background-position: -180px 0; }/*2013.5.9 추가*/
.widgets .mail span.icon { background-position: -200px 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(//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(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_google.gif); }
.widgets .gplus2 span.icon { display: inline-block; width: 24px; height: 15px; background: url(//img.hani.co.kr/section-image/12/news/hani/images/com/ico/ico_gplus.gif) no-repeat 0 0; vertical-align: middle; }/*2013.5.15 추가*/
.widgets .gplus2  { vertical-align:top;}
.widgets .gplus2 span.text{ vertical-align:top; padding-left:3px;}
.ie6 .widgets .gplus2, .ie7 .widgets .gplus2{ overflow:hidden; display:none;}


/* 오른쪽 영역 - 컨텐츠 레이아웃 (공통) */
#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 13px;line-height: 29px; font-size: 13px;}
#aside .aside-section .list li a { color:#333;}
#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 h3 { margin-top: -3px; }
#aside .aside-section.first-child h4 { margin-top: -3px; }

#aside .aside-section h3 { padding-bottom: 2px; font-size: 12px; color: #000; }
#aside .aside-section h3.title { border-top: 2px solid #222; height: 25px; padding-top: 10px; color: #000; font-size: 15px;}
#aside .aside-section h4 { padding-bottom: 2px; font-size: 12px; color: #000; }
#aside .aside-section h4.title { border-top: 2px solid #222; height: 25px; padding-top: 10px; color: #000; font-size: 15px;}
#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 .twitter-control { position: absolute; top:8px; right: 0; z-index: 100; font-size: 0; line-height: 0; background: #fff;}
#aside .twitter-control button { border:none;}
#aside .twitter-control #twitter-stop.off{ display:block; width:60px; height:18px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_Tupdate.gif) no-repeat 0 0; }
#aside .twitter-control #twitter-play.off{ display:block; width:60px; height:18px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_Tupdate.gif) no-repeat -61px 0;}
#aside .twitter-control #twitter-stop.on{ display:block; width:60px; height:18px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_Tupdate.gif) no-repeat 0 -19px; }
#aside .twitter-control #twitter-play.on{ display:block; width:60px; height:18px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_Tupdate.gif) no-repeat -61px -19px;}
#aside .twitter-control .submit_desc {  display: block; overflow: hidden; position: absolute; top: -1000em; left: 0; }
#aside #twitter-news { position: relative; margin-bottom:20px; }
#aside #twitter-news h3 {}
#aside #twitter-news h3 .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 #twitter-news #tw { padding-top:10px;}


/* 멀티미디어 */
#multimedia { position: relative; margin-bottom:20px; }
#multimedia .multimedia-contents { overflow: hidden; }
#multimedia .multimedia-contents .main-image { overflow: hidden; position: relative; width: 300px; height: 180px; background: #333; }
#multimedia .multimedia-contents .main-image img{width: 298px; height: 178px; border:1px solid #d2d2d2; }
#multimedia .multimedia-contents .desc{ position: absolute; bottom: 0; left: 0; width: 100%; padding:12px 0 10px; background:url(//img.hani.co.kr/section-image/12/news/hani/images/com/bg/bg_multimedia.png) repeat-x 0 0; text-align: center; color: #fff; line-height: 11px;	}
#multimedia .multimedia-contents .thumb-image {overflow: hidden; width: 298px; padding: 5px 0; }
#multimedia .multimedia-contents .thumb-image ul { overflow: hidden;}
#multimedia .multimedia-contents .thumb-image li {overflow: hidden; float: left; margin-left: 5px; }
#multimedia .multimedia-contents .thumb-image li.first-child { margin-left:0; }
#multimedia .multimedia-contents .thumb-image li a { position: relative; _position: static; display: block; }
#multimedia .multimedia-contents .thumb-image li a img { vertical-align: top; width:94px; height:56px;  border:1px solid #d2d2d2 }
#multimedia .multimedia-contents .thumb-image li a span {display: none; position: absolute; top: 0; left: 0; width: 90px; height: 52px; border: 3px solid #ed1b23}
#multimedia .multimedia-contents .thumb-image li a:hover span { display: block; }




 /*search legacy 20200525*/ 
.section-search { position: relative; overflow: hidden;}
.section-search-box {  position: relative; padding: 20px;height: 36px;  border:1px solid #e1e1e1; background-color:#f6f7fc;  margin: 20px 0;}
.section-search-box div { float: left; vertical-align: middle;}
.section-search-box div * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.section-search-box .btn-search { float: right; border: 0; width: 60px; height: 36px; line-height: 36px; text-align: center; background-color: #000; color: #fff; font-size: 15px; cursor: pointer;}
.section-search-box .title { width: 70px;height: 36px; line-height: 36px; color: #000;}
.section-search-box .formTxt { display:inline-block; padding: 0 10px; height: 36px; border: 1px solid #d6dbe1; color: #000; font-size: 13px;}
.section-search-box .calendar { position: relative; width: 210px; background:#fff no-repeat; background-image:  url('//img.hani.co.kr/section-image/15/hani/images/icon/icon_calendar.png') ; background-size: 16px 16px; background-position: 95% 50%; }
.section-search-box .keyword {width:350px;}
.section-search-result {  position: relative; margin-bottom: 10px;}
.section-search-result .title { font-weight: bold; font-size: 15px;}
.section-search-result .title .count{color:#22c6a9; font-size: 13px;}
.section-search-result .noResult { padding-top: 5px;}

.legacyBtn {position: relative; overflow: hidden; margin: 15px 0;}
.legacyBtn  .banner-txt{text-align: right;}
.legacyBtn  .banner-txt a {display: inline-block; border-bottom:1px solid #deeae9; padding-bottom: 1px;}
.legacyBtn  .banner-txt a:hover { text-decoration: none;}
.legacyBtn  .banner-txt a:hover .btn { background-color: #22a5b0;}
.legacyBtn  .banner-txt .txt {display: inline-block; font-size: 14px; color: #22a5b0; padding-left: 19px;background-image: url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_calendar.png);background-size: 16px 16px;background-position: left 50%; background-repeat: no-repeat; vertical-align: middle;}
.legacyBtn  .banner-txt .btn { display: inline-block; background-color: #7dcac2; border-radius: 20px; width: 50px; height: 19px; text-align: center; color: #fff;vertical-align: middle; padding-top: 1px;}

/* subscribe-20200106 issue,serie - 20210427 수정 */
.section-sorting-option + .section-list-area.photo-view2 { margin-top:0;}/*간격조절*/
#social-related-links {overflow: visible;height: 25px;padding-right: 0;margin-top: 0;margin-bottom:0;}
.section-sorting-option .sort-key li:last-child { background: none; margin-right: 0; }
.widgets .section-subscribe-box { padding: 0;bottom: 0; margin-bottom: 0;}

/** 20210427 -본문용sns 이슈,연재페이지에 추가 **/
.article-tools {position:relative;}
.article-tools .tools li { float:left; padding:2px 10px;  position:relative; } 
.article-tools .tools li .icon{ float:left; display:block; cursor:pointer; height:20px; background:url(../images/v2/icon/icon_tools.png) no-repeat 0 0;  }
.article-tools .tools li.tool-f .icon{ background-position: 0 0; width:11px;}
.article-tools .tools li.tool-t .icon{ background-position: -32px 0; width:22px;}
.article-tools .tools li.tool-k .icon{ background-position: -72px 0; width:22px;}
.article-tools .tools li.tool-link .icon{ background-position: -115px 0; width:20px;}

.article-tools .tools li.tool-f .icon:focus,
.article-tools .tools li.tool-f .icon:hover { background-position: 0 -31px; width:11px;}
.article-tools .tools li.tool-t .icon:focus,
.article-tools .tools li.tool-t .icon:hover{ background-position: -32px -31px; width:22px;}
.article-tools .tools li.tool-k .icon:focus,
.article-tools .tools li.tool-k .icon:hover{ background-position: -72px -31px; width:22px;}
.article-tools .tools li.tool-link .icon:focus,
.article-tools .tools li.tool-link .icon:hover{ background-position: -115px -31px; width:20px;}
#social-related-links .article-tools.widgets li {float: left; padding:2px 10px;}




/*
  20210908
  일람리스트 width 1100px로 수정

*/

/*섹션 메뉴더보기 */

#menu-all .article-plus{position: absolute;top:62px;background-color:#fff;padding:0;-webkit-box-shadow: 0px 3px 3px rgb(0 0 0 / 10%);-moz-box-shadow: 0px 3px 3px rgb(0 0 0 / 10%);box-shadow: 0px 3px 3px rgb(0 0 0 / 10%);text-align:center;width: 1100px;}
.menu-all .icon { display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_top_menu.png) no-repeat 0 bottom; width:24px; height:27px;}
.menu-all:hover .icon,
.menu-all.on .icon { display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_top_menu_on.png) no-repeat 0 bottom; width:24px; height:24px;}
/*.menu-all.on .icon { display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_top_menu_close.png) no-repeat 0 bottom; width:24px; height:24px;}*/

#menu-all {background-color:#fff;z-index: 3000;width: auto;max-width: 1100px;min-width: 1100px;margin: 0 auto;} 
#menu-all .menu-all-box {overflow: hidden; position: relative;border: 1px solid #ebebeb; text-align: left; z-index:3001;}
#menu-all .close {position:absolute; right:10px; bottom:10px;z-index: 3002;}
#menu-all.off { height:0px;overflow:hidden; }
#menu-all.off .over-list { height:0px;overflow:hidden; }
#menu-all.off .menu-all-box { height:0px;overflow:hidden; }
#menu-all.off .close { height:0px;overflow:hidden; }

.article-plus{ *left:0; top:52px; background-color:#fff; padding:0;-webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);-moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);box-shadow: 2px 4px 4px rgba(0,0,0,0.5); text-align:center; z-index:3002;}
.article-plus table {position:relative; overflow:hidden; text-align:left; width: 100%; }
.article-plus table tr.first th,
.article-plus table tr.first td { padding-top:20px;}
.article-plus table tr.last th,
.article-plus table tr.last td { padding-bottom:10px;}
.article-plus table a { display:inline;  font-size:13px;}
.article-plus th { text-align:right; width:20%;  height:20px; background-color:#f8f8f8; padding: 8px 15px; font-size:13px; font-weight:bold; color:#000; }
.article-plus th span.bar{ color:#ebebeb;  padding: 0 5px; }
.article-plus th.title {_width:auto; *width:auto; text-align: left; padding-left: 15%;}
.article-plus td { text-align:left; font-size:13px; padding: 8px 0 8px 15px;}
.article-plus td ul{ background:none; height:auto;}
.article-plus td ul li { float: left; font-size:13px; padding:0; padding-right:10px; margin-right:10px; white-space:nowrap; }



/* 날씨 */
.ad-weather-banner {padding: 0 0 10px; background-color:#fff;}
.ad-weather-banner .ad-in {position: relative;overflow: hidden;box-sizing: border-box;width: 100%;height: 120px;text-align: left; border: 1px solid #e4e4e4;background: #f5f5f5;display: table; }
.ad-weather-banner .weather-info {width: 85px;height: 85px;padding: 23px 0 0 38px;}
.ad-weather-banner .weather-info .today-date {display: block;/* font-family: dotum; */font-size: 13px;text-align: center;color: #000;/* padding:0 0 3px 10px; */letter-spacing: 0;}
.ad-weather-banner .ad-banner { text-align:right; width: 550px; height: 100px; background: #f7f7f7; padding: 10px; vertical-align: middle; display: table-cell;  }
.ad-weather-banner .ad-banner-in { position: relative; overflow: hidden; max-height: 100px;}
.ad-weather-banner .weather-in {text-align: center;padding-top: 3px;}
.ad-weather-banner .weather-in .area {/* font-family: dotum; */font-size: 12px;color: #000;/* margin-left:10px; */}
.ad-weather-banner .weather-in .temperature {/* font-family: dotum; */font-size: 12px;color: #ee6433;}
.ad-weather-banner .weather-in .temperature-img {padding-top: 3px;display:block;border:0;}
.ad-weather-banner .weather-in .temperature-img img {border:0; }




/*로그인*/
.top_login { background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_top_login.png) no-repeat 0 0 ; width:16px; height:16px; cursor:pointer}
.top_login.login { background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_top_login_on1.png) no-repeat 0 0 ; width:16px; height:16px;}
.top_login:hover,
.top_login.on { background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_top_login_on.png) no-repeat 0 0 ; width:16px; height:16px;}
#login-box  { position:absolute; right:0; top:65px;}
#login-box.off {overflow:hidden; height:0px;}
#login-box .icon-aw{ position:absolute; top:-8px; right:38px; background:url(//img.hani.co.kr/section-image/15/hani/images/common/bubble_top_aw.png) no-repeat 0 0; width:17px; height:10px;}
/*#login-box .login-btn {border:1px solid #c3c3c3; padding:20px; background-color:#FFFFFF;-webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);-moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);box-shadow: 2px 4px 4px rgba(0,0,0,0.5);}
#login-box .login-btn a{cursor:pointer; border:1px solid #c6c6c6; background-color:#f8f8f8; font-size:11px; color:#000; padding:5px 10px; }*/
#login-box .login-btn { border: 1px solid #c3c3c3;padding: 25px;background-color: #FFFFFF;-webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);-moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.5);box-shadow: 2px 4px 4px rgba(0,0,0,0.5);}
#login-box .login-btn a{ display: inline-block; position: relative; cursor:pointer; border:1px solid #c6c6c6; background-color:#f8f8f8; font-size:12px; color:#000; padding:5px 15px; margin: 0 2px; }
#login-box .login-btn a.link2 {border:1px solid #000; background-color:#000; color:#fff; }
#login-box .login-btn a .count { position: absolute; top:-8px; right:-3px; color: white;background-color: #ff0000;border-radius: 100%;font-size: 12px;font-weight: bold;line-height: 18px; width: 18px; height: 18px; text-align: center;}

/*fixsns*/
.sns-bubble, .sns-bubble *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:11px; font-family:dotum, Sans-serif; white-space:nowrap; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_top_bubble.png) no-repeat; vertical-align:top; overflow:visible; color:#333; height: 20px; text-align:left; font-weight:normal;}
.sns-bubble{margin-right:4px;}
.sns-bubble *{ left:5px;}
.sns-bubble { background-position:left 0; height:20px; line-height:24px;}
.sns-bubble *{ padding:0 5px 0 2px;   font-size:11px; background-position:right top; height:20px; line-height:24px;}

/*상단 검색 레이어*/
#search_form { z-index: 1009;}
#search_form .form_search {  position: absolute; bottom:12px; right: 0; z-index: 1010; height:30px; }
#search_form .form_search.off {height:0px; overflow:hidden; }
#search_form .form_search .close { position:absolute; right:-20px; cursor:pointer;}
#search_form .form_search .form0{ width: 298px; height:30px; border:1px solid #c3c3c3 ;background-color: #fff; overflow: hidden;}
#search_form .form_search .form1{padding: 0px;}
#search_form .form_search input.text{width: 260px; height: 30px; padding: 0px ; background-color: #fff; vertical-align: top; color: #333; padding-left:4px; z-index: 1011}
#search_form .form_search input.button{ padding:5px;height: 19px; width: 19px; vertical-align:middle; z-index: 1011 ;box-sizing: content-box;}
 


/**/
.section-right  .section-title { height: 25px;color: #000;font-size: 20px;letter-spacing: -0.09em;}
.section-right  .section-title  a {color: #000;font-size: 20px;}
.section-right  .section-more a{ position:absolute; right:0; top:14px; display:block; background:url(//img.hani.co.kr/section-image/15/hani/images/icon/icon_plus_article.png) no-repeat; width:14px; height:14px; }

.hani-friend { margin-bottom: 40px;}
.article-serial,
.article-popularity { margin-bottom: 30px;}
.section-right .article-serial .article { padding: 0; border:0}


/* section - special*/
#container.width100per #contents-section .section-left { width: 643px;}