@charset 'utf-8';
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 본문, 섹션 공통사항 */

.icon_text_video, 
.icon_text_photo,
.icon_text_video2, 
.icon_text_photo2,
.icon_text_story2,
.icon_media_video,
.icon_media_photo,
.icon_media_story{ vertical-align:middle; margin-left:5px; border:0;}
.icon_share { background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_share_article.png) no-repeat 0 0; padding-left:15px;  margin-left:5px; color:#555; font-size:11px;letter-spacing:-1px;  } 


/* sitemap -서비스 전체보기  */
#sitemap { overflow: hidden; position: relative; width: 968px; margin: 0 auto; border: 1px solid #dbdbdb; text-align: left; }
#sitemap .fold { position: absolute; top: 14px; right :13px;}
#sitemap .fold a { display: block; width: 14px; height: 13px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_sitemap.gif) no-repeat 0 -13px;}
#sitemap .fold.open a { background-position: 0 0; }
#sitemap .sitemap-title h3 { font-size:13px; color:#000 ;padding: 14px 0 12px 13px; }
#sitemap .sitemap-layer{ overflow: hidden; display: none; border-top: 1px solid #f4f4f4; }
#sitemap .sitemap-layer .line02  { margin-top:20px;}
#sitemap .sitemap-layer dl { float:left; width:120px;}
#sitemap .sitemap-layer dl.line-a { width:90px;}
#sitemap .sitemap-layer dl.line-c { width:125px;}
#sitemap .sitemap-layer dt{ padding: 10px 0 8px;  font-size: 12px; font-weight: bold; color: #444; }
#sitemap .sitemap-layer dt a{ color: #444;}
#sitemap .sitemap-layer dt li { line-height:1.5em;}
#sitemap .sitemap-layer dd { padding-bottom:5px;}
#sitemap .sitemap-layer dd a{ line-height: 17px; font-size: 12px; color: #777; }
#sitemap .sitemap-layer.open { display: block; }

#sitemap.open .fold a { background-position: 0 -13px; }
#sitemap.close .fold a { background-position: 0 0; }
#sitemap.open .sitemap-layer{ display:block; }
#sitemap.close .sitemap-layer{ display:block; height:0px; overflow: hidden; border:0px; }

/* footer */
#footer { clear: both; width: 970px; margin: 0 auto; text-align: left; }
#footer .logo { float: left; width: 136px; height: 70px; }
#footer .footer-inner a {font-family:"Nanum Gothic"!important;}
#footer .footer-inner { float: left; width: 834px; margin: 4px 0 0; }
#footer .footer-inner .footer-link { width: 100%; zoom: 1; }
#footer .footer-inner .footer-link:after { content: "."; display: block; font-size: 0; height: 0; line-height: 0; clear: both; }
#footer .footer-inner .footer-link.first-child { border-bottom: 1px solid #dbdbdb; }
#footer .footer-inner .links { float: left; }
#footer .footer-inner h4, #footer .footer-inner .links li{ float: left; font-size: 11px; line-height: 1.1; letter-spacing: -1px; }
#footer .footer-inner h4 { padding-top: 10px; padding-right: 8px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x4_222.gif) no-repeat 100% 14px; font-weight: bold; color: #222; }
#footer .footer-inner .links li a { display: block; float: left; padding:10px 8px 8px 7px; background: url(http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x10_d6d6d6.gif) no-repeat 100% 10px;color: #777; }
#footer .footer-inner .links li.last-child a { background: none; }
#footer .footer-inner .social { float: right; margin:5px 0; }
#footer .footer-inner .social li, #footer .footer-inner .social a { float: left; }
#footer .footer-inner .social a { display: block;}
#footer .footer-inner .social .facebook { background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_top_facebook.png) no-repeat; width:20px; height:20px; margin-right:6px;}
#footer .footer-inner .social .twitter { background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_top_twitter.png) no-repeat; width:20px; height:20px; }

#footer .footer-inner #family-sites { position: relative; float: right; margin: 5px 0 0; }
#footer .footer-inner #select-title { float: right; padding: 2px 0 0 7px; border: 1px solid #ababab; }
#footer .footer-inner #select-title:hover { text-decoration: none; color: #222; }
#footer .footer-inner #select-title { background:url(http://img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_select.gif) no-repeat 100% 0;}
#footer .footer-inner #select-layer { display: none; position: absolute; bottom: 0; right: 0; width:100%; }
#footer .footer-inner #select-layer { border: 1px solid #ababab; background: #fff; }
#footer .footer-inner #select-layer ul.site-list { overflow: auto; overflow-x:hidden; height: 80px; padding: 7px 0; margin: 0 auto; }
#footer .footer-inner #select-layer ul.site-list li { line-height: 21px; }
#footer .footer-inner #select-layer ul.site-list li a { overflow: hidden; padding: 0 0 0 7px; }
#footer .footer-inner #select-layer ul.site-list li a:hover {   color: #222; }

#footer .footer-inner #family-sites.open #select-layer { display: block; }
#footer .footer-inner #family-sites.close #select-layer { display: block; height:0px; overflow:hidden; border: 0px; }

#footer .copyright { clear: both; width:100%; border-top: 2px solid #666; padding: 9px 0;  text-align: center; font-family: verdana; font-size: 11px; color: #333; line-height: 1.1; }


/*로그인*/
.top_login { background:url(http://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(http://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(http://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:52px;}
#login-box.off {overflow:hidden; height:0px;}
#login-box .icon-aw{ position:absolute; top:-8px; right:38px; background:url(http://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(http://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;  width:*; 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 }
 
/*섹션,기사 상단 메뉴더보기*/
.menu-all .icon { display:block; background:url(http://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(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_top_menu_on.png) no-repeat 0 bottom; width:24px; height:27px;}

#menu-all { background-color:#fff; z-index: 3000; }
#menu-all .menu-all-box {margin: 0 auto; width: 968px;  border:1px solid #c3c3c3; border-top:2px solid #000;    vertical-align:top; top:0;  *position: relative; background-color:#ffffff; z-index:3001;}
.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; font-family:"Nanum Gothic"!important;}
.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-family:"Nanum Gothic"!important;font-size:13px;}
.article-plus th { text-align:left; width:120px;  height:20px; background-color:#f8f8f8; padding: 8px 0 8px 15px; font-size:13px; font-weight:bold; color:#000;}
.article-plus th span.bar{ color:#c7c7c7;  padding: 0 5px; }
.article-plus th.title {_width:auto; *width:auto;}
.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; vertical-align:middle; background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_bar_1x14.gif) no-repeat right 50%;   line-height: 1.5em;}
.article-plus td ul li.last { background-image:none; padding-right:0px;} 
#menu-all .close {position:absolute; right:8px; bottom:10px;}
#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; }


/* 우측 하니프렌즈 */
.hani-friend { margin-bottom:20px; background-color:#f7f7f7; border:1px solid #d2d2d2;}
.hani-friend h3 { font-size:15px; padding:19px 0 5px 19px;}
.hani-friend ul { position:relative;  height:133px;}
.hani-friend li { float:left;}
.hani-friend li .icon{ display:block; height:45px;  background:url(http://img.hani.co.kr/section-image/15/hani/images/icon/icon_friend.png) no-repeat 0 0;}
.hani-friend li.icon-f { width:67px;}
.hani-friend li.icon-t { width:67px;}
.hani-friend li.icon-r { width:67px;}
.hani-friend li.icon-m { width:67px;}
.hani-friend li.icon-f .icon{ background-position: 0 0; width:21px; }
.hani-friend li.icon-t .icon{ background-position: -62px 0; width:44px}
.hani-friend li.icon-r .icon{ background-position: -140px 0; width:36px}
.hani-friend li.icon-m .icon{ background-position: -214px 0; width:33px}
.hani-friend li.icon-f.on .icon{ background-position: 0 -56px; width:21px; }
.hani-friend li.icon-t.on .icon{ background-position: -62px -56px; width:44px}
.hani-friend li.icon-r.on .icon{ background-position: -140px -56px; width:36px}
.hani-friend li.icon-m.on .icon{ background-position: -214px -56px; width:33px}

.hani-friend li .icon-area {position:absolute; top:1px; z-index:1; height:54px;  text-align:center;}
.hani-friend li.on .icon-area { background-color:#e9e9e9; border:1px solid #d2d2d2; border-bottom:0;}
.hani-friend li.icon-f .icon-area {position:absolute; left:0; width:21px; padding:12px 23px 0 24px; border-left:0; }
.hani-friend li.icon-t .icon-area {position:absolute; left:79px;  width:44px; padding:12px 11px 0 11px;}
.hani-friend li.icon-r .icon-area {position:absolute; left:156px; width:36px; padding:12px 15px 0 15px;}
.hani-friend li.icon-m .icon-area {position:absolute; left:234px; width:33px; padding:12px 15px 0 15px; border-right:0;}


.hani-friend li .box-area {display:none;position:absolute; bottom:0; left:0;   background-color:#e9e9e9; height:65px; width:298px; border-top:1px solid #d2d2d2;}
.hani-friend li.on .box-area {display:block; }
.hani-friend li .box-area .inner { padding:26px 0 0 24px; vertical-align:middle; font-size:14px; font-weight:bold; line-height:1.6em;}
.hani-friend li .box-area .inner img { vertical-align:middle;}
.hani-friend li .box-area .inner span.bar { color:#aeaeae; padding:0 5px;  font-weight:normal;}
.hani-friend li .box-area .inner .app-n {}
.hani-friend li .box-area .inner .app { padding-right:10px;}
.hani-friend li.icon-m .box-area .inner { padding-left:15px;}