@charset "utf-8";
/* Andantino CSH(myint@naver.com) 121021 */

body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select,.cTab li a,.storyWrap .storybox dl.txt dd a{font-family:Gulim,Tahoma;}

#gnb{min-height:29px;}

/* header */
#header .search span .input_text{border-color:#e1e1e1;}

/* navi */
#header .navi .menu{border-color:#3f62be;}
#header .navi .menu .sub-menu li.selected a{border-color:#3f62be;}
#header .lnb .menu li.add-menu-title a{background: url('/layouts/hanicomm/image/navi/lnb_more.gif') no-repeat 0 0;}

p.profile-image {width:50px;height:50px;position:relative;}
p.profile-image > span,
p.profile-image > a{display:block;width:50px;height:50px;background:url('/layouts/hanicomm/image/login/login_thumb.gif') no-repeat 0 0;}
p.profile-image img{width:50px;height:50px;}
p.profile-image .provider{display:block;position:absolute;right:0;bottom:0;overflow:hidden;width:14px;height:14px;text-indent:-99999em;background:url('/layouts/hanicomm/image/ico/ico_account.gif') no-repeat -28px 0;}
p.profile-image .provider.facebook {background-position:0 0;}
p.profile-image .provider.twitter {background-position:-14px 0;}
p.profile-image .provider.hani {background-position:-28px 0;}


/* category */
/* #community-navi .menu li ul.submenu li */
#community-navi .menu li > ul,
#community-navi .menu li > div {display: none !important;}
#community-navi .menu li > ul.selected,
#community-navi .menu li > div.selected {display: block !important;}

#community-navi .menu li h2 a{background:url('/layouts/hanicomm/image/navi/opinion_navi.gif') no-repeat 0 0;}
#community-navi .menu li.home h2{width:91px;}
#community-navi .menu li.home h2 a{background-position:0 0;}
#community-navi .menu li.home h2.selected a{background-position: 0 -43px;}
#community-navi .menu li.discussion h2{width:77px;}
#community-navi .menu li.discussion h2 a{background-position:-91px 0;}
#community-navi .menu li.discussion h2.selected a{background-position:-91px -43px;}
#community-navi .menu li.story h2{width:63px;}
#community-navi .menu li.story h2 a{background-position:-168px 0;}
#community-navi .menu li.story h2.selected a{background-position:-168px -43px;}
#community-navi .menu li.blog h2{width:64px;}
#community-navi .menu li.blog h2 a{background-position:-231px 0;}
#community-navi .menu li.blog h2.selected a{background-position:-231px -43px;}
#community-navi .menu li.sns h2{width:93px;}
#community-navi .menu li.sns h2 a{background-position:-295px 0;}
#community-navi .menu li.sns h2.selected a{background-position:-295px -43px;}

/* headline title */
.headline-title{margin-bottom:20px; *zoom:1;}
.headline-title:after{content:""; display:block; clear:both;}
.headline-title h2.title{float:left;}
.headline-title .rule-btn{float:right; margin-top:3px;}
/*story : photo*/
.notice_photo{
    padding-bottom: 10px;    
}
.notice_photo p{
    background: #F0F0F0;
    top: 100px;
    width: 669px;
    color: #000000;
    font-weight: bold;
    padding: 10px 5px 5px 10px;
}
/* 더보기 */
#add-menu-layer .add-menu-layer .more-view-title{background:url('/layouts/hanicomm/image/common/bg_more_title_box_body.gif') no-repeat left top;}
#add-menu-layer .add-menu-layer .more-view-title .more-title-list{background:url('/layouts/hanicomm/image/common/bg_more_title_box_bottom.gif') no-repeat left bottom;}
#add-menu-layer .add-menu-layer .more-category .inner-category-menu .section-area a:hover{color:#3f62be;}

/* container */
#community-wrap{*zoom:1; background: url('/layouts/hanicomm/image/common/bg_container.gif') repeat-y 684px}
#community-wrap:after{content:""; display:block; clear:both;}
#community-wrap #content{float:left; padding:25px 20px 40px 0; width:665px; min-height:100%; }
.input-gr{padding-left:3px; height:22px; line-height:22px; vertical-align:middle; border:1px solid #c6cace; background:url('/layouts/hanicomm/image/login/input_bg.gif') no-repeat left top;}

/* layer popup 공통 */
.community-layer{display:none; position:absolute; background:#fff; z-index:10000;}
.community-layer.type1{width:326px; border:2px solid #0564a8;}
.community-layer.type2{width:328px; border:1px solid #8fa8c6;}
.community-layer .close-btn{position:absolute; top:0; right:0; display:block; width:14px; height:14px; text-indent:-99999em; background:url('/layouts/hanicomm/image/btn/btn_facebook_close.gif') no-repeat left top;}
.community-layer h3{padding-left:20px; height:39px; line-height:40px; font-size:12px; font-weight:normal; color:#000; overflow:hidden; border-bottom:1px solid #cdd1d6; background:#ebf0f6;}

/* article tab */
.article-tab{position:relative; height:37px; overflow:hidden; background:url('/layouts/hanicomm/image/board/tab_bg.gif') repeat-x left top;}
.article-tab li{position:absolute; top:0; left:0; height:37px;}
.article-tab li a{display:block; padding-top:11px; height:24px; color:#999; text-align:center; text-decoration:none; border:1px solid #e6e6e6; background:#fafafa;}
.article-tab li.on{z-index:100;}
.article-tab li.on a{color:#000; font-weight:bold; border-bottom:1px solid #fff; background:#fff;}
.article-tab li.tab1{left:0;}
.article-tab li.tab1 a{width:164px;}
.article-tab li.tab2{left:165px;}
.article-tab li.tab2 a{width:165px;}

/* index navi 영역 공지 */
#community-navi .community-notice{display:block; position:relative; top:6px; left:10px; }
#community-navi .community-notice dl{*zoom: 1;}
#community-navi .community-notice dl:after{content:""; display:block; clear:both;}
#community-navi .community-notice dt{float:left; margin-right:5px; height:20px;}
#community-navi .community-notice dt img{display:block;}
#community-navi .community-notice dd{float:left; height:20px; line-height:1.7em;}

/* index inform - 공고 */
#community-navi .inform{position:absolute; top:80px; right:14px; line-height:1.5;}
#community-navi .inform .outer-inform{position:relative; overflow:hidden; width:180px; height:18px; text-align:left;}
#community-navi .inform .outer-inform .inner-inform{position:absolute; top:0; left:0; width:800px; height:18px;}
#community-navi .inform .outer-inform .inner-inform a{display:block; height:26px; margin-right:10px; font-size:11px; font-family:dotum}
#community-navi .inform .outer-inform .inner-inform a.on{}

/* index 모집 공고 레이어 */
.recruit-notice{display:none; position:absolute; right:0; top:154px; border:1px solid #6688d2; z-index:1000000;}
.recruit-notice .recruit-list{position:relative; overflow:hidden; padding:17px 19px; background:#fff; z-index:1000000;}
*html .recruit-notice .recruit-list{position:relative; overflow:hidden; width:180px; height:98px; padding:17px 19px; background:#fff; z-index:1000000; zoom:1;}
.recruit-notice .recruit-list li{margin-bottom:4px;}
.recruit-notice .recruit-list li.last-list{margin-bottom:0;}
.recruit-notice .recruit-list a{font-size:11px; font-family:dotum;}

/* index 오늘의 이슈토론 */
#issue-headline{margin-bottom:40px; overflow:hidden;}
#issue-headline .article{position:relative; margin-top:30px; padding-bottom:30px; width:100%; border-bottom:1px solid #ebebeb; *zoom:1;}
#issue-headline .article:after{content:""; display:block; clear:both;}
#issue-headline .article .date{position:absolute; top:3px; right:0; font:10px verdana; color:#999;}
#issue-headline .article .photo{float:left; width:260px;}
#issue-headline .article .photo img{width:258px; height:197px; vertical-align:top; border:1px solid #dbdbdb;}
#issue-headline .article .relation-article{float:left; display:inline; margin-left:28px; width:377px; height:195px; overflow:hidden;}
#issue-headline .article .relation-article h3{font-size:24px; letter-spacing:-2px; font-family:Dotum;}
#issue-headline .article .relation-article h3 a{color:#000;}

#issue-headline .article .relation-article h3 span{display:inline-block; width:300px; height:20px; color:#425ec1; font-size:13px; overflow:hidden; font-family:Gulim;}
#issue-headline .article .relation-article .text{margin:5px 0 8px;}
#issue-headline .article .relation-article .text a{line-height:1.45em;}
#issue-headline .article .relation-article .text span{color:#999; font-size:11px;font-family:dotum;}
#issue-headline .article .widgets{margin-bottom:10px;}
#issue-headline .article .list{float:left; width:377px;}
#issue-headline .article .list li{.float:left; margin-bottom:4px; padding-left:11px; width:366px; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_6x6_c6c6c6.gif') no-repeat 0 3px;}
#issue-headline .article .list li a{color:#000; font-weight:bold; word-spacing:-0.1em; letter-spacing:-0.1em; font-family:gulim;}
#issue-headline .article .list li span{margin-left:5px; color:#999; font-size:11px;font-family:dotum;}
#issue-headline .headline-title+.article{margin-top:20px; padding-bottom:20px;}
#issue-headline .more-article{padding:20px 0; width:100%; border-bottom:2px solid #6688d2; *zoom:1;}
#issue-headline .more-article:after{content:""; display:block; clear:both;}
#issue-headline .more-article .group{float:left; width:49%;}
#issue-headline .more-article .group h4{margin-bottom:8px;}
#issue-headline .more-article .group h4 a{color:#333; font-size:13px; font-family:gulim;}
#issue-headline .more-article .group li{padding-left:10px; line-height:21px; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_666.gif') no-repeat 0 8px;}
#issue-headline .more-article .group li a{font-family:gulim;}
#issue-headline .more-article .group li span{margin-left:5px; color:#999; font-size:11px;font-family:dotum;}
#issue-headline.issue-m .headline-title+.article{padding-bottom:30px;}
#issue-headline.issue-m .article .relation-article h3{font-size:18px; letter-spacing:-1px; font-family:Dotum;}

/* index 이야기 */
#story-headline{margin-bottom:40px; overflow:hidden;}
#story-headline .story-category{float:right; margin-top:12px;}
#story-headline .story-category li{float:left;}
#story-headline .story-category li a{padding:0 7px 0 6px; color:#999; font-family:gulim; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x10_cecece.gif') no-repeat 100% 50%;}
#story-headline .story-category li.last-child a{padding-right:0; background:none;}
#story-headline .story-category li.seleted a{color:#333;}
.storyWrap{width:665px; height:331px; background:url('/layouts/hanicomm/image/main/story_bg.gif') no-repeat 0 0; *zoom:1;}
.storyWrap:after{content:""; display:block; clear:both;}
.storyWrap .storybox{position:relative; float:left; margin:0 -1px -1px 0; width:167px; height:166px; z-index:1;}
.storyWrap .storybox:hover{background:url('/layouts/hanicomm/image/main/story_hover_bg.gif') no-repeat left top;}
.storyWrap .storybox dl{margin:14px auto 0; width:135px;}
.storyWrap .storybox dl dt{height:32px; overflow:hidden;}
.storyWrap .storybox dl dt a{color:#333; line-height:16px; font-family:gulim;}
.storyWrap .storybox dl.thumb{position:relative;}
.storyWrap .storybox dl.thumb dt{padding-top:108px;}
.storyWrap .storybox dl.thumb dt .ico{display:inline-block; margin-left:3px; width:16px; height:16px; vertical-align:middle; background:url('/layouts/hanicomm/image/ico/ico_story.gif') no-repeat 0 0;}
.storyWrap .storybox dl.thumb dd{position:absolute; top:0; left:0; width:135px; height:103px;}
.storyWrap .storybox dl.thumb dd img{width:135px; height:103px;}
.storyWrap .storybox dl.txt dt{padding-top:10px;}
.storyWrap .storybox dl.txt dd{margin-top:7px; height:85px; overflow:hidden;}
.storyWrap .storybox dl.txt dd a{font-size:11px; color:#999; line-height:17px; word-spacing:-0.1em; letter-spacing:-0.1em;font-family:dotum;}
.storyWrap .storybox .thumbframe{position:absolute; top:0; left:0; display:block; width:133px; height:101px; cursor:pointer; border:1px solid #ebebeb; opacity:0.6; filter:alpha(opacity=60); z-index:1;}
.storyWrap .storybox .svc{display:none; position:absolute; top:0; left:0; width:163px; height:22px; text-indent:-99999em; background:url('/layouts/hanicomm/image/main/story_flag.gif') no-repeat; z-index:2;}
.storyWrap .best:hover .svc{display:block; background-position:center 0;}
.storyWrap .humor:hover .svc{display:block; background-position:center -22px;}
.storyWrap .photo:hover .svc{display:block; background-position:center -44px;}
.storyWrap .entertainment:hover .svc{display:block; background-position:center -66px;}
.storyWrap .chat:hover .svc{display:block; background-position:center -88px;}
.storyWrap .pet:hover .svc{display:block; background-position:center -110px;}
.storyWrap .video:hover .svc{display:block; background-position:center -132px;}
.storyWrap .video dl.thumb dt .ico{background:url('/layouts/hanicomm/image/ico/ico_story.gif') no-repeat -16px 0;}
.storyWrap .video .thumbframe{background:url('/layouts/hanicomm/image/btn/btn_story_video.gif') no-repeat center center; opacity:0.8; filter:alpha(opacity=80);}



/* index 페이스북 */
/* index 페이스북::페이스북 이슈 */
#facebook-headline{position:relative; margin-bottom:20px; *zoom:1; z-index:1001;}
#facebook-headline:after{content:""; display:block; clear:both;}
.issue-list{padding:0 13px;}
.facebook-issue .issue-list{border:2px solid #C7D3EB; border-top:0 none;}
.issue-list .issue-list-li{padding:10px 0; border-top:1px solid #e6e6e6;}
.issue-list .issue-list-li.first{border-top:none;}
.issue-list h4{line-height:20px;}
.issue-list h4 a{font-family:gulim; font-size:14px; color:#333;}
.issue-list .from{margin:5px 0 7px; font-size:11px; color:#999;font-family:dotum;}
.facebook-issue{float:left; margin-right:15px; width:333px; border-top:2px solid #3c579a;}
.facebook-issue h3{padding:11px 13px 0; height:19px; border-left:2px solid #c7d3eb; border-right:2px solid #c7d3eb;}

/* index 페이스북::커뮤니티 온 */
.facebook-community{position:relative; float:left; width:317px;}
.facebook-community h3{padding:10px 0 0 18px; height:22px; background:#3c599b; z-index:10;}
.facebook-community .community-on{position:relative; border:2px solid #c7d3eb; border-top:none;}
.facebook-community .my-facebook{position:relative; padding:12px 15px 0 14px; height:104px; border-bottom:1px solid #e9e9e9; z-index:10001;}
.facebook-community .my-facebook h4{padding:10px 0 0 62px; height:52px; font-size:12px; font-weight:normal; letter-spacing:-1px;}
.facebook-community .my-facebook h4 strong{color:#3c599b;}
.facebook-community .my-facebook h4 em{color:#333;}
.facebook-community .facebook-profile .profile-image{position:absolute; top:12px; left:15px;}
.facebook-community .my-facebook .my-set{*zoom:1;}
.facebook-community .my-facebook .my-set:after{content:""; display:block; clear:both;}
.facebook-community .my-facebook .my-set li{position:relative; float:left; display:inline; margin-left:1px; padding-left:25px; width:116px; height:24px; font-size:11px;font-family:dotum; letter-spacing:-1px; line-height:25px; background:#e0e6f2 url('/layouts/hanicomm/image/bul/bul_facebook.gif') no-repeat 15px 9px;}
.facebook-community .my-facebook .my-set li a{font-size:11px;font-family:dotum;}
.facebook-community .my-facebook .my-set li strong{color:#3c599b;}
.facebook-community .my-facebook .my-set li .shareBtn{position:absolute; top:6px; left:88px; display:block; width:20px; height:12px; text-indent:-99999em; vertical-align:middle; overflow:hidden; background:url('/layouts/hanicomm/image/ico/ico_main_facebook_share.gif') no-repeat 0 0;}
.facebook-community .my-facebook .my-set li .shareBtn.off{background-position:0 -12px;}
.facebook-community .my-facebook .login-before .profile-image{position:absolute;top:20px; left:15px;}
.facebook-community .my-facebook .login-before h4{padding-top:40px; height:auto; font-size:14px; letter-spacing:0;}
.facebook-community .my-facebook .login-before h4 strong{color:#333;}
.facebook-community .my-facebook .login-before h4 em{color:#3c599b;}
.facebook-community .setting{position:absolute; top:7px; left:256px; z-index:10002;}
.facebook-community .setting a.setBtn{display:block; padding-left:24px; height:18px; line-height:19px; color:#a4b4d9; font-size:11px;font-family:dotum; background:url('/layouts/hanicomm/image/ico/ico_main_facebook_set.gif') no-repeat 0 0;}
.facebook-community #layer-setting{top:20px; right:-15px; padding:10px; width:120px;}
.facebook-community #layer-setting li{line-height:18px;font-weight: normal;}

#aside .facebook-community {position:relative; clear:both; float:none;margin:5px 0 0;width:264px;height:110px;}
#aside .facebook-community .community-on {padding:0;border:0 none;}
#aside .facebook-community .my-facebook {padding:0;border:0 none;height:auto;}
#aside .facebook-community .facebook-profile .profile-image{top:0;left:0;}
#aside .facebook-community .my-facebook .my-set li {width:106px;}
#aside .aside-section .facebook-community .my-facebook h4 {position:relative;padding:1px 0 0 62px;border:0 none;}
#aside .facebook-community .my-facebook .login-before .profile-image {top:0;left:0;}
#aside .facebook-community .setting {left:auto;top:auto;bottom:0;right:0;}
#aside .facebook-community .setting a.setBtn {padding:0;background: none;}
#aside .aside-section .facebook-community h4.title {position:relative;}
#aside .facebook-community #layer-setting {right:0;top:19px;}
#aside #fb-atricle-layer .facebook-profile h4 {border:0 none;}


/* index 페이스북::커뮤니티온::친구목록 */
#facebook-headline .facebook-community .friends-facebook{position:relative; padding:15px 0 0 1px; height:156px;}
#facebook-headline .facebook-community .friends-facebook h4{padding:0 0 15px 15px;}
#facebook-headline .facebook-community .friends-facebook ul.friends-list{*zoom:1;}
#facebook-headline .facebook-community .friends-facebook ul.friends-list:after{content:""; display:block; clear:both;}
#facebook-headline .facebook-community .friends-facebook ul.friends-list .friends-list-li{float:left; padding:0 14px 14px; width:50px; height:50px;}
#facebook-headline .facebook-community .friends-facebook .thumb{position:relative;}
#facebook-headline .facebook-community .friends-facebook .more{position:absolute; top:16px; right:15px; padding-right:1px;}
#facebook-headline .facebook-community .friends-facebook .more a{display:block; padding-left:8px; font-size:11px;font-family:dotum; letter-spacing:-1px; background:url('/layouts/hanicomm/image/bul/bul_more.gif') no-repeat 0 4px;}
#facebook-headline .facebook-community .friends-facebook .more a em{font-weight:bold;}
#facebook-headline .facebook-community .friends-facebook .share-before {position: relative;}
#facebook-headline .facebook-community .friends-facebook .share-before .profile-image{position:absolute;top:8px; left:15px;}
#facebook-headline .facebook-community .friends-facebook .share-before h5{padding:40px 0 0 76px; height:auto; font-weight:normal; font-size:14px; letter-spacing:0;}
#facebook-headline .facebook-community .friends-facebook .share-before h5 strong{color:#333;}
#facebook-headline .facebook-community .friends-facebook .share-before h5 em{color:#3c599b;}

/* index 페이스북::커뮤니티온::글목록 */
#fb-atricle-layer {position: absolute; z-index:999999;}
#fb-atricle-layer .head {position:relative; padding:13px; border-bottom:1px solid #cdd1d6; background:#ebf0f6;}
#fb-atricle-layer .head h4.title-friends {font-size:12px !important; }

#fb-atricle-layer .article-list{margin-top:-1px;min-height:200px;}

#fb-atricle-layer .facebook-profile{position:relative; min-height:50px;}
#fb-atricle-layer .facebook-profile .profile-image {left:0 !important;top:0 !important;}
#fb-atricle-layer .facebook-profile h4{padding-left:60px; font-size:12px; font-weight:normal; letter-spacing:-1px;}
#fb-atricle-layer .facebook-profile h4 strong{color:#3c599b;}

#fb-atricle-layer .issue-list .group{margin-bottom:10px; .margin-bottom:8px; height:50px; *zoom:1;}
#fb-atricle-layer .issue-list .group:after{content:""; display:block; clear:both;}
#fb-atricle-layer .issue-list .group .profile-image{float:left; margin-right:10px;}
#fb-atricle-layer .issue-list .group .article{float:left; margin-top:-2px;}
#fb-atricle-layer .issue-list .group .article {height:auto; border:none; width: 220px;}
#fb-atricle-layer .issue-list .group .article h5{line-height:18px;}
#fb-atricle-layer .issue-list .group .article h5 a{font-size:13px; color:#333;}
#fb-atricle-layer .issue-list .issue-list-li{position:relative; width:298px; border-color:#c8d1e2;}
#fb-atricle-layer .issue-list .article-delete-btn{display:none;}
#fb-atricle-layer.my .issue-list .article-delete-btn{position:absolute; top:13px; right:0;}
#fb-atricle-layer.my .issue-list .article-delete-btn{display:block;}

#fb-atricle-layer .button{position:absolute; top:49px; right:14px; width:25px;}
#fb-atricle-layer.more .button{top:11px;}
#fb-atricle-layer .button li{position:absolute; top:0;}
#fb-atricle-layer .button a{display:block; padding:2px 0; width:13px; height:14px; text-indent:-99999em; overflow:hidden; background:url('/layouts/hanicomm/image/btn/btn_aside_pet.gif') no-repeat;}
#fb-atricle-layer .button .prev{left:0;}
#fb-atricle-layer .button .prev a{background-position:left 2px;}
#fb-atricle-layer .button .next{left:12px;}
#fb-atricle-layer .button .next a{background-position:right 2px;}
#fb-atricle-layer .article-delete-btn{position:absolute; top:11px; right:0;}

/*=.blog-name*/
span.blog-name{display:none;}
span.blog-name.hani,
span.blog-name.tistory,
span.blog-name.naver,
span.blog-name.daum,
span.blog-name.cyworld,
span.blog-name.egloos {float:left; display:block; width:16px; height:16px; text-indent:-9999em; background:url('/layouts/hanicomm/image/ico/ico_blog.gif') no-repeat left center;}
span.blog-name.hani{background-position:0 0;}
span.blog-name.tistory{background-position:-18px 0;}
span.blog-name.naver{background-position:-36px 0;}
span.blog-name.daum{background-position:-54px 0;}
span.blog-name.cyworld{background-position:-72px 0;}
span.blog-name.egloos{background-position:-90px 0;}

/* index 블로그 */
#blog-headline {padding-top:20px;}
#blog-headline .headline-title{position:relative; z-index:1000;}
#blog-headline .headline-title .metablog-request{position:absolute; top:8px; right:0;}
#blog-headline .article-tab li.tab1{left:0;}
#blog-headline .article-tab li.tab1 a{width:164px;}
#blog-headline .article-tab li.tab2{left:165px;}
#blog-headline .article-tab li.tab2 a{width:165px;}
#blog-headline .article-tab li.tab3{left:331px;}
#blog-headline .article-tab li.tab3 a{width:166px;}
#blog-headline .article-tab li.tab4{left:498px;}
#blog-headline .article-tab li.tab4 a{width:165px;}
#blog-headline .article-tab .tab-contents{*zoom:1;}
#blog-headline .article-tab .tab-contents:after{content:""; display:block; clear:both;}
#blog-headline .article-tab .tab-contents .content{display:none;}
#blog-headline .tab-contents .content{margin-top:-1px;}
#blog-headline .blog-article-list{width:100%;}
#blog-headline .blog-article-list li{padding:15px 0; height:82px; border-top:1px solid #e6e6e6; *zoom:1;}
#blog-headline .blog-article-list li:after{content:""; display:block; clear:both;}
#blog-headline .blog-article-list li.first{border-top:none;}
#blog-headline .blog-article-list li .group{float:left;}
#blog-headline .blog-article-list li .group h3{height:25px; line-height:25px; overflow:hidden;}
#blog-headline .blog-article-list li .group h3 a{font-size:14px; color:#333; font-family:gulim;}
#blog-headline .blog-article-list li .group .txt{height:36px; color:#777; line-height:18px; font-family:gulim; overflow:hidden;}
#blog-headline .blog-article-list li .group .from{margin-top:5px; height:16px; color:#999; font-size:11px; font-family:dotum;line-height:16px;}
#blog-headline .blog-article-list li .group .from .time{display:inline-block; padding-right:14px; line-height:12px; background:url('/layouts/hanicomm/image/ico/ico_time.gif') no-repeat right center;}
#blog-headline .blog-article-list li .group .from .blog-name.hani,
#blog-headline .blog-article-list li .group .from .blog-name.tistory,
#blog-headline .blog-article-list li .group .from .blog-name.naver,
#blog-headline .blog-article-list li .group .from .blog-name.daum,
#blog-headline .blog-article-list li .group .from .blog-name.cyworld,
#blog-headline .blog-article-list li .group .from .blog-name.egloos {margin-right:3px;}
#blog-headline .blog-article-list li .thumb{position:relative; float:right; width:108px; height:82px;}
#blog-headline .blog-article-list li .thumb img{width:108px; height:82px;}
#blog-headline .blog-article-list li .thumb .thumbframe{position:absolute; top:0; left:0; display:block; width:106px; height:80px; border:1px solid #ebebeb; opacity:0.6; filter:alpha(opacity=60); z-index:1;}
#blog-headline .blog-article-list li.photo .group{width:525px;}

/* index 메타블로그 신청 */
#metablog-request{top:28px; right:0;}
#metablog-request .form{margin-top:15px; text-align:center;}
#metablog-request .form img{vertical-align:middle;}
#metablog-request .txt{margin:5px auto 10px; width:288px; font-size:11px;font-family:dotum; line-height:16px;}
#metablog-request .txt a{color:#333;}

/* login */
#login-area{position:relative; padding-left:25px; width:259px; /*height:159px; border-bottom:1px solid #dbdadf; z-index:10000;*/}
#login-area h2{height:34px; color:#000;}
#login-area h2 a{height:34px; color:#000;}
#login-area.login h2{font-size:12px;}
#login-area.login .login-btn{margin-left:21px; *zoom:1;}
#login-area.login .login-btn:after{content:""; display:block; clear:both;}
#login-area.login .login-btn li{float:left; margin-right:15px;}
#login-area.login .login-btn li a{display:block; width:59px; height:59px; text-indent:-99999em; background:url('/layouts/hanicomm/image/login/btn_login.gif') no-repeat;}
#login-area.login .login-btn li a.hani{background-position:0 0;}
#login-area.login .login-btn li a.facebook{background-position:-60px 0;}
#login-area.login .login-btn li a.twitter{background-position:-120px 0;}
#login-area.logout{padding-left:17px; width:267px;}
#login-area.logout .my-account{*zoom:1;}
#login-area.logout .my-account:after{content:""; display:block; clear:both;}
#login-area.logout .my-account .profile-image{margin-right:15px; height:60px; background:url('/layouts/hanicomm/image/login/thumb_bg.gif') no-repeat left bottom;}
#login-area.logout .my-account .profile-image span{bottom:10px;}
#login-area.logout .profile-image{float:left;}
#login-area.logout .my-account-menu{float:left;}
#login-area.logout .my-account-menu li{padding-left:10px; background:url('/layouts/hanicomm/image/bul/bul_login.gif') no-repeat 0 6px;}
#login-area.logout .my-account-menu li a{font-size:11px;font-family:dotum; color:#999px; line-height:17px;}
#login-area.logout .my-account-menu li a em{color:#425ec1; font-weight:bold;}
#login-area.logout .my-notice{margin-top:9px;}
#login-area.logout .my-notice a{display:block; width:250px; height:36px; color:#333; line-height:36px; text-decoration:none; text-align:center; background:url('/layouts/hanicomm/image/login/btn_notice_bg.gif') no-repeat 0 0;}
#login-area.logout .my-notice a strong{color:#425ec1;}
#login-area.logout .my-notice a em{font-weight:bold;}
#login-area.logout .logout-btn{position:absolute; top:0; right:18px;}
#login-area.logout .logout-btn a{display:block; width:53px; height:18px; text-indent:-99999em; overflow:hidden; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/btn/btn_logout.gif') no-repeat 0 0;}

/* login 프로필 변경 */
#profile-change{top:90px; right:0; height:150px;}
#profile-change .photo{padding:15px 0 0 18px;}
#profile-change .photo .profile-image{margin-right:10px;}
#profile-change .photo ul{margin-top:9px; *zoom:1;}
#profile-change .photo ul:after{content:""; display:block; clear:both;}
#profile-change .photo li{float:left; margin-right:4px;}
#profile-change .photo li img{display:block;}
#profile-change .photo .txt{margin:8px 0 0 60px; font-size:11px;font-family:dotum;}

/* login 알림 */
#my-notice{top:133px; right:-18px; padding-top:5px; width:320px; border:none; background:url('/layouts/hanicomm/image/login/notice_bg.gif') no-repeat left top;}
#my-notice .scroll{position:relative; padding-bottom:10px; height:390px; overflow-y:auto; border:1px solid #8fa8c6; border-top:none; background:#fff;}
#my-notice ul{margin:0 auto; width:283px;}
#my-notice li{padding:10px 0; font-size:0; border-top:1px solid #c8d1e2; *zoom:1;}
#my-notice li:after{content:""; display:block; clear:both;}
#my-notice li a:after{content:""; display:block; clear:both;}
#my-notice li.first{border:none;}
#my-notice li .profile-image{margin-right:10px;}
#my-notice li .article{float:left; width:223px;}
#my-notice li .article .txt{line-height:18px;}
#my-notice li .article .txt strong{color:#3f62be;}
#my-notice li .article .txt em{color:#333; font-weight:bold;}
#my-notice li .article .from{margin-top:3px; font-size:11px;font-family:dotum; color:#999; line-height:12px;}
#my-notice li .article .from .time{display:inline-block; padding-right:14px; line-height:12px; background:url('/layouts/hanicomm/image/ico/ico_time.gif') no-repeat right center;}
#my-notice .more{margin:10px auto; width:284px;}
#my-notice .more a{display:block; width:284px; height:28px; font-size:11px;font-family:dotum; line-height:28px; text-decoration:none; color:#236798; text-align:center; background:url('/layouts/hanicomm/image/login/btn_more.gif') no-repeat left top;}
#my-notice .close-btn{top:5px; right:1px;}

/* banner */
.community-ad{margin-top:20px;}
.community-ad1{height:148px; overflow:hidden; border-bottom:1px solid #dbdadf;}
.community-ad2{margin-top:20px; height:250px; overflow:hidden;}

/* sns widgets */
.widgets{*zoom:1;}
.widgets:after{content:""; display:block; clear:both;}
.widgets li{float:left; margin-right:4px; .margin-right:0;}
.widgets li span, .widgets li a{vertical-align:top;}
.widgets li .inner-button{font-size:11px;font-family:dotum;}
.widgets li.ne span.icon{background:url('/layouts/hanicomm/image/ico/ico_reply.gif') no-repeat;}
.widgets li.ne.good span.icon{width:16px; background-position:0 0;}
.widgets li.ne.bad span.icon{width:16px; background-position:-16px 0;}
.widgets li.ne.reply span.icon{width:18px; background-position:-32px 0;}
.widgets li.ne span.inner-button{font-weight:normal; color:#ea7921;}

/* aside */
#container #aside{padding-left:0; width:284px;}
#aside .aside-section{margin:20px 0 0 20px; width:264px;}
#aside .aside-section h4.title{margin-bottom:10px; color:#000; font-family:gulim; border-bottom:2px solid #6688d2;}
#aside .custom-tab .tab-nav li a{border-bottom:1px solid #6688d2;}
#aside .custom-tab .tab-nav li.on a{border-color:#6688d2; border-bottom:1px solid #fff;}
#aside .custom-tab .tab-contents .content{display:none; padding-top:15px;}

/* aside 커뮤니티 인기글 */
#aside #community-popularity-tab .tab-nav li.tab1{left:0;}
#aside #community-popularity-tab .tab-nav li.tab1 a{width:131px;}
#aside #community-popularity-tab .tab-nav li.tab2{left:132px;}
#aside #community-popularity-tab .tab-nav li.tab2 a{width:130px;}

/* aside 베스트 유머 */
#aside #best-humor{position:relative;}
#aside #best-humor .thumbWrap{position:relative; margin:14px auto 0; width:220px; height:105px; overflow:hidden;}
#aside #best-humor .thumb{position:absolute; top:0; left:0; width:10000px; *zoom:1;}
#aside #best-humor .thumb:after{content:""; display:block; clear:both;}
#aside #best-humor .thumb li{float:left; padding:0; width:105px; margin-right:10px; }
#aside #best-humor .thumb li dl{position:relative;}
#aside #best-humor .thumb li dt{padding-top:77px; height:28px; text-align:center; overflow:hidden;}
#aside #best-humor .thumb li dt a{color:#333; font-size:11px;font-family:dotum; line-height:14px;}
#aside #best-humor .thumb li dd{position:absolute; top:0; left:0; width:105px; height:72px;}
#aside #best-humor .thumb li dd img{width:105px; height:72px;}
#aside #best-humor .thumb li dd .thumbframe{position:absolute; top:0; left:0; display:block; width:103px; height:70px; cursor:pointer; border:1px solid #ebebeb; opacity:0.6; filter:alpha(opacity=60); z-index:1;}
#aside #best-humor .navi {position:absolute; top:55px;}
#aside #best-humor .navi a{display:block; width:14px; height:27px; text-indent:-99999em; overflow:hidden; background:url('/layouts/hanicomm/image/btn/btn_aside_humor.gif') no-repeat;}
#aside #best-humor .navi.prev{left:0;}
#aside #best-humor .navi.prev a{background-position:left top;}
#aside #best-humor .navi.next{right:0;}
#aside #best-humor .navi.next a{background-position:right top;}

/* aside 반려동물 */
#aside #aside-pet{position:relative; height:174px; overflow:hidden;}
#aside #aside-pet dl{position:relative;}
#aside #aside-pet dt{position:absolute; top:140px; left:0; padding-left:14px; width:250px; height:30px;}
#aside #aside-pet dt .title{position:relative; width:185px; height:30px; line-height:29px; overflow:hidden; z-index:1;}
#aside #aside-pet dt .title a{font-size:11px;font-family:dotum; color:#fff;}
#aside #aside-pet dt .txtframe{position:absolute; top:0; left:0; display:block; width:264px; height:30px; background:#000; opacity:0.6; filter:alpha(opacity=60);}
#aside #aside-pet dd img{width:264px; height:170px;}
#aside #aside-pet .count{position:absolute; top:140px; right:38px; height:30px; line-height:29px; text-align:right; font-size:11px;font-family:dotum; color:#ccc; z-index:1;}
#aside #aside-pet .count strong{font-size:11px;font-family:dotum; color:#fff;}
#aside #aside-pet .navi{position:absolute; top:145px; right:8px; width:25px; z-index:1;}
#aside #aside-pet .navi div{position:absolute; top:0;}
#aside #aside-pet .navi a{display:block; padding:2px 0; width:13px; height:14px; text-indent:-99999em; overflow:hidden; background:url('/layouts/hanicomm/image/btn/btn_aside_pet.gif') no-repeat;}
#aside #aside-pet .navi .prev{left:0;}
#aside #aside-pet .navi .prev a{background-position:left 2px;}
#aside #aside-pet .navi .next{left:12px;}
#aside #aside-pet .navi .next a{background-position:right 2px;}

/* aside 페이스북 이슈글 */
#aside #aside-facebook li:first-child{padding:0;}
#aside #aside-facebook li{padding-top:10px; height:50px; font-size:0;}
#aside #aside-facebook li dl{position:relative; height:50px; *zoom:1;}
#aside #aside-facebook li dl:after{content:""; display:block; clear:both;}
#aside #aside-facebook li dt{padding:21px 0 0 59px; height:28px; line-height:14px; overflow:hidden;}
#aside #aside-facebook li dt a{color:#333;}
#aside #aside-facebook li dd{position:absolute; top:0;}
#aside #aside-facebook li dd.author{position:absolute; top:3px; left:59px; height:14px; font-size:11px;font-family:dotum; overflow:hidden;}
#aside #aside-facebook li dd.author strong{font-weight:normal; color:#3f62be;}
#aside #aside-facebook li dd.thumb{position:absolute; top:0; left:0;}

/* aside 많이 본 기사 */
#aside #news-popularity-tab .tab-nav li.tab1 a{width:52px;}
#aside #news-popularity-tab .tab-nav li.tab1{left:0;}
#aside #news-popularity-tab .tab-nav li.tab2 a{width:53px;}
#aside #news-popularity-tab .tab-nav li.tab2{left:53px;}
#aside #news-popularity-tab .tab-nav li.tab3 a{width:53px;}
#aside #news-popularity-tab .tab-nav li.tab3{left:106px;}
#aside #news-popularity-tab .tab-nav li.tab4 a{width:53px;}
#aside #news-popularity-tab .tab-nav li.tab4{left:158px;}
#aside #news-popularity-tab .tab-nav li.tab5 a{width:53px;}
#aside #news-popularity-tab .tab-nav li.tab5{left:209px;}
#aside #popularity-tab .tab-nav li.last-week a {color: #666;}

/* board list */
.cTab{margin:0 0 10px 0; border-bottom:none;}
.cTab li{float:none !important; margin:0 !important; border:none !important;}
.cTab li a{top:0; float:none; padding:11px 0 0 0; height:24px !important; line-height:1.3; color:#999; font-weight:normal; border:1px solid #e6e6e6;}
.cTab li.on{margin:0; border:none !important;}
.cTab li.on a{top:0; border-top-color:#e6e6e6;}
.best-sort{margin:10px 0 8px;}
.best-sort ul{*zoom:1;}
.best-sort ul:after{content:""; clear:both; display:block;}
.best-sort li{float:left; margin:0; padding:0 6px 0 7px; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x11_d5d5d5.gif') no-repeat 0 1px;}
.best-sort li:first-child{padding-left:0; background:none;}
.best-sort li a{float:left; font-size:11px;font-family:dotum; color:#999;}
.best-sort li.active a{color:#000; font-weight:bold;}
.board_list{background:url('/layouts/hanicomm/image/board/header_bg.gif') no-repeat left top;}
.board_list table{border-bottom:1px solid #666; background:url('/layouts/hanicomm/image/board/header_bg.gif') no-repeat right top;}
.board_list a{color:#000;}
.board_list th{padding:0; height:40px; text-align:center; background:url('/layouts/hanicomm/image/board/header_bar.gif') no-repeat left top;}
/* .board_list th.title{width: 100%;} */
.board_list th span{padding:14px 10px; height:12px; border:none;}
.board_list th:first-child{background:none !important;}
.board_list th.comment{width:460px;}
.board_list th input{.margin:-1px 0;}
.board_list td{color:#000;height:32px;vertical-align: middle;}
.board_list td.no{padding:8px 5px; font:10px verdana; line-height:1.5; color:#888;}
.board_list td.cate{padding:8px 5px; font-size:11px;font-family:dotum; line-height:1.5; color:#888; text-align:center;}
.board_list td.title{width:310px;}
.board_list td.comment{width:460px; white-space:normal;}
.board_list td.author{line-height:1.5; text-align:center; white-space:normal;}
.board_list td.author a{font-size:11px;font-family:dotum;}
.board_list td.voteNum{padding:8px 5px; font:10px verdana; line-height:1.5; color:#000;}
.board_list td.readNum{padding:8px 5px; font:10px verdana; line-height:1.5;}
.board_list td.blindNum{padding:8px 5px; font:10px verdana; text-align:center; line-height:1.5; color:#000;}
.board_list td.time{padding:8px 5px; font:10px verdana; line-height:1.5;}
.board_list td .replyNum{font:10px verdana; color:#888;}
.board_list td .report{display:inline-block; margin-left:3px; padding-left:15px; height:16px; line-height:16px; color:#fe5631; font:11px verdana bold; vertical-align:middle; background:url('/layouts/hanicomm/image/board/ico_board.png') no-repeat 0 -40px; _background:url('/layouts/hanicomm/image/board/ico_board.gif') no-repeat 0 -40px;}
.user-blind td{color:#c4c4c4; background:#fbfbfb;}
.user-blind a{color:#c4c4c4;}
.user-blind strong{display:inline-block; line-height:16px; font-weight:normal; cursor:pointer; color:#c4c4c4;}
.user-blind strong span.ico{display:inline-block; width:15px; height:16px; vertical-align:middle; line-height:16px; background:url('/layouts/hanicomm/image/board/ico_board.png') no-repeat 0 0; _background:url('/layouts/hanicomm/image/board/ico_board.gif') no-repeat 0 0;}
.admin-blind td{color:#c57575; background:#fbfbfb;}
.admin-blind a{color:#c57575;}
.admin-blind strong{line-height:16px; font-weight:normal; cursor:pointer; color:#c57575;}
.admin-blind strong span.ico{display:inline-block; width:15px; height:16px; vertical-align:middle; line-height:16px; background:url('/layouts/hanicomm/image/board/ico_board.png') no-repeat 0 -20px; _background:url('/layouts/hanicomm/image/board/ico_board.gif') no-repeat 0 -20px;}
.blind-article-info{width:332px;}
.blind-article-info strong{padding:0; height:auto; font-weight:bold; color:#000; cursor:default; background:none;}
.blind-article-info p{padding:10px 20px; line-height:16px;}
.blind-article-info p a{color:#333; text-decoration:underline;}
.list_footer{margin:10px 0;}
.list_footer .btnArea{float:none;}
.list_footer .btnArea.blindBtn{text-align:left;}
.list_footer .board_search{float:none; position:relative;margin:0; padding-top:17px; height:40px; text-align:center; border:1px solid #dbdbdb; background:#f6f6f6;}
.list_footer .board_search *{vertical-align:middle;}
.list_footer .board_search select{position:relative; top:0; .top:1px; _top:0; height:20px; left:0; width:80px;}
.list_footer .board_search select option{line-height:20px;}
.list_footer .board_search .iText{padding:0 0 0 3px; width:293px; height:18px; line-height:18px; border-color:#dbdbdb; background:#fff;}
.list_footer .board_search .search-btn{position:absolute; top:21px; left:472px;}
.list_footer .board_search .search-btn button{padding-left:18px; .padding-left:12px; height:13px; line-height:13px; font-size:11px;font-family:dotum; color:#333; background:url('/layouts/hanicomm/image/ico/ico_search.gif') no-repeat 0 0;}
.pagination{padding:32px 0;}
.pagination a, .pagination strong{padding:1px 10px; font-size:11px;font-family:dotum; border-color:#ddd;}
.pagination strong{color:#6688d2;}
.pagination .direction{padding:6px 10px; height:6px;}
.pagination .direction img{vertical-align:top;}
.list_head { position:relative;}
.list_head .btnArea {position:absolute; top:-50px; right:0; }

/* board user info */
#popup_menu_area{width:234px; border-color:#8fa8c6;text-align:left;border-radius:0;box-shadow:none; padding:0 0 15px;filter:none;}
#popup_menu_area ul{padding:0 20px;}
#popup_menu_area h3{margin-bottom:10px;}
#popup_menu_area ul.user-count{margin-bottom:10px;}
#popup_menu_area ul.user-count li{padding-left:8px; height:21px; line-height:21px; border-bottom:1px solid #dee5ee; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_666.gif') no-repeat 1px 8px;}
#popup_menu_area ul.user-count li span{display:inline-block; width:94px;}
#popup_menu_area ul.user-count li em{font:10px verdana; font-weight:bold; color:#0564a8;}
#popup_menu_area ul.user-detail li{position:relative; margin-bottom:2px; height:18px; border:1px solid #a3acb8; background:url('/layouts/hanicomm/image/board/user_info_bg.gif') no-repeat left top;}
#popup_menu_area ul.user-detail li a{display:block; padding-left:20px; width:172px; height:18px; line-height:18px; font-size:11px;font-family:dotum; color:#6d8ca2; text-decoration:none !important;}
#popup_menu_area ul.user-detail li a.blind-setting{background:url('/layouts/hanicomm/image/board/ico_board.png') no-repeat 120px 1px; _background:url('/layouts/hanicomm/image/board/ico_board.gif') no-repeat 120px 1px;}
#popup_menu_area ul.user-detail li:hover{background-position:left bottom;}
#popup_menu_area ul.user-detail li:hover a{color:#fff;}
#popup_menu_area ul.user-detail li #blind-setting{left:-1px; padding-bottom:15px; width:248px;}
#popup_menu_area ul.user-detail li #blind-setting p{padding-left:20px; letter-spacing:-1px; line-height:16px; font-size:11px;font-family:dotum; color:#999;}
#popup_menu_area ul.user-detail li #blind-setting p.strong{margin-bottom:6px; font-size:12px; color:#000;}

/* board message popup */
#message{position:absolute; top:100px; left:50%; margin-left:-250px; width:500px; height:334px; text-align:left;}
#message h3{font-weight:bold;}
#message table{width:100%;}
#message th{padding:9px 0 9px 20px; width:60px; text-align:left; color:#000; font-weight:normal; border-bottom:1px solid #e3e3e3;}
#message td{padding:6px 0; border-bottom:1px solid #e3e3e3;}
.message_write table td.to{color:#3f62be;}
#message .input{padding-left:5px; width:395px; height:23px; line-height:23px; border:1px solid #afafaf; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8; background:url('/layouts/hanicomm/image/login/input_bg.gif') no-repeat left top;}
#message .textarea{padding:5px; width:390px; height:140px; border:1px solid #afafaf; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8; background:url('/layouts/hanicomm/image/login/input_bg.gif') no-repeat left top;}
#message .hani-btn{margin:12px 0 0 79px;}

/* message */
.message_header{border-top:2px solid #404040; border-bottom:1px solid #404040;}
.message_header h1{padding-left:15px; height:37px; line-height:37px; color:#222; border-bottom:1px solid #e6e6e6;}
.message_header .meta{padding-left:15px; height:35px; font-size:11px;font-family:dotum; line-height:35px;}
.message_header .meta .author{font-weight:normal;}
.message_header .meta .author span{float:right; padding-right:10px;}
.message_body{padding:15px; min-height:250px; line-height:18px; border-bottom:1px solid #404040;}
.message_write{/*border-top:2px solid #404040;*/}
.message_write table{width:100%;}
.message_write table th{padding:7px 0 7px 10px; width:100px; height:25px; color:#222; border-bottom:1px solid #e6e6e6; font-weight:normal; text-align:left; font-size:12px;}
.message_write table td{padding:7px 0; border-bottom:1px solid #e6e6e6;font-size:12px;}
.message_write table td .input{padding-left:5px; width:505px; height:23px; line-height:23px; border:1px solid #afafaf; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8; background:url('/layouts/hanicomm/image/login/input_bg.gif') no-repeat left top;}
.message_write table td .iTextArea{padding:5px; width:500px; height:140px; border:1px solid #afafaf; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8; background:url('/layouts/hanicomm/image/login/input_bg.gif') no-repeat left top;}

/* board view container - BNU */
.board_read {background:none; margin-bottom: 30px;}

/* board view header */
.read_header{padding:2px 0 10px; border:1px solid #ececec; border-top:2px solid #333; background:none;}
.read_header h1{display:block; margin:0; padding:10px 0 7px 15px; width:630px; height:auto; line-height:24px; font-size:18px; color:#000; white-space:normal;}
.read_header h1 a{font-size:18px; color:#000;}
.read_header .meta{padding:2px 12px 0 15px; font-size:11px;font-family:dotum; background:#fff; border-bottom:0 none;}
.read_header .meta .author{font-weight:normal; line-height:14px;}
.read_header .meta .author strong{color:#3f62be; font-weight:normal; padding-left:6px;}
.read_header .meta .cate {padding:0 8px 0 0; color:#c3c3c3; font-size:11px;font-family:dotum; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x11_d5d5d5.gif') no-repeat right 0px;}
.read_header .meta .author span{color:#999; font-size:10px verdana;}
.read_header .meta .sum{margin-top:14px; *zoom:1;}
.read_header .meta .sum:after{content:""; clear:both; display:block;}
.read_header .meta .sum li{float:left; padding:0 6px 0 7px; color:#c3c3c3; font-size:11px;font-family:dotum; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x11_d5d5d5.gif') no-repeat 0 1px;}
.read_header .meta .sum li em{font:10px verdana; color:#888;}
.read_header .meta .sum li:first-child{padding-left:0; background:none;}
.read_header .meta .sum li:first-child em{color:#6380cd;}
.read_header .meta .sum li:last-child{font:10px verdana;}

.read_header .fb-readed {
	display:none;
	padding: 5px;
	border-bottom: 1px solid #DFE4F2;
	color:#236798;
	background:#F0F3FB;
	*zoom:1;
}
.read_header .fb-readed:after{content:""; clear:both; display:block;}
.read_header .fb-readed p,
.read_header .fb-readed strong,
.read_header .fb-readed a{
	color:#236798;
}
.read_header .fb-readed p
{
	float:left;
}
.read_header .fb-readed a
{
	float:right;
}

/* board view body */
.read_body{position:relative; padding:10px 10px 0; border-bottom:1px solid #e7e7e7;}
.read_body .article-control-menu{position:relative; padding-bottom:15px; z-index:2; *zoom:1;}
.read_body .article-control-menu:after{content:""; clear:both; display:block;}
.read_body .article-control-menu .sns-position-right{float:right; width:auto;}
.read_body .article-control-menu .sns-position-right .widgets{_float:left; height:24px; background:url('/layouts/hanicomm/image/board/sns_bg2.gif') no-repeat right top;}
.read_body .article-control-menu .widgets .twitter{margin:0; padding:4px 9px 0; height:20px; border-left:1px solid #ccc;}
.read_body .article-control-menu .widgets .facebook{margin:0; padding:4px 9px 0; height:20px; border:0 none; background:url('/layouts/hanicomm/image/board/sns_bg1.gif') no-repeat left top;}
.read_body .article-control-menu .widgets .send-article{position:relative; margin:0; padding:4px 9px 0; height:20px; border-left:1px solid #ccc;}
.read_body .article-control-menu .widgets .send-article .button{padding-left:11px; font-size:11px;font-family:dotum; color:#999; line-height:18px; background:url('/layouts/hanicomm/image/board/ico_board.png') no-repeat left -59px; _background:url('/layouts/hanicomm/image/board/ico_board.gif') no-repeat left -59px;}
.read_body .article-control-menu .widgets .send-article li{float:none;}
.read_body .article-control-menu .widgets .report{margin:0; padding:4px 9px 0; height:20px; border-left:1px solid #ccc;}
.read_body .article-control-menu .widgets .report a{padding-left:13px; font-size:11px;font-family:dotum; color:#999; line-height:18px; background:url('/layouts/hanicomm/image/board/ico_board.png') no-repeat left -78px; _background:url('/layouts/hanicomm/image/board/ico_board.gif') no-repeat left -81px;}
.read_body .article-control-menu .widgets span.count a{background:none;}
.read_body .article-control-menu .widgets span.count a .inner-button{padding:0; background:none;}
.read_body .article-control-menu #layer-send-news{top:23px; right:-1px; padding:16px 0 10px 16px; width:110px;}
.read_body .article-control-menu .layer-send-news .widget li{padding:0; height:21px; border:none; background:none;}
.read_body .article-control-menu .layer-send-news .widget li .icon{margin-right:4px;}
.read_body .article-control-menu .widgets .blind {top:0;left:-1000em;}
.read_body .article-trackback{position:relative; margin:5px auto 28px; width:558px; border:1px solid #ececec; z-index:1;}
.read_body .article-trackback h2{padding-left:15px; font-size:12px; line-height:27px; color:#000; border-bottom:1px solid #ececec; background:#fafafa;}
.read_body .article-trackback .trackback-list{padding:12px 15px;}
.read_body .article-trackback .trackback-list h3{font-size:12px; color:#000; line-height:20px;}
.read_body .article-trackback .trackback-list span{margin-left:5px; font-size:11px;font-family:dotum; font-weight:normal; color:#999;}
.read_body .article-trackback .trackback-list span em{font:10px verdana;}
.read_body .article-trackback .trackback-list li{padding-left:19px; line-height:20px; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_6x6_c6c6c6.gif') no-repeat 4px 6px;}
.read_body .article-trackback .trackback-list li a{padding-left:19px; color:#000; background:url('/layouts/hanicomm/image/board/ico_board.png') no-repeat 0 -99px; _background:url('/layouts/hanicomm/image/board/ico_board.gif') no-repeat 0 -99px;}
.read_body .article-trackback .more{position:absolute; top:8px; right:20px; padding-left:11px; font-size:11px;font-family:dotum; line-height:13px; color:#999; text-decoration:none; background:url('/layouts/hanicomm/image/board/ico_board.png') no-repeat left -58px; _background:url('/layouts/hanicomm/image/board/ico_board.gif') no-repeat left -58px;}
.read_body .article-contents{padding:0 10px; clear:both; color:#222; font-family:gulim; font-size:13px; line-height:1.8em;}
.read_body .article-contents p{font-size:13px; line-height:1.8em; color:#222;}
.read_body .article-recommend{margin:40px 0;}
.read_body .article-recommend ul{margin:0 auto; width:210px; *zoom:1;}
.read_body .article-recommend ul:after{content:""; clear:both; display:block;}
.read_body .article-recommend li{position:relative; float:left; margin-right:6px; width:99px; height:99px; background:url('/layouts/hanicomm/image/board/view_recom.gif') no-repeat; cursor:pointer;}
.read_body .article-recommend li dt{position:absolute; top:0; left:0; font-size:0; text-indent:-9999em;}
.read_body .article-recommend li dd{padding:55px 0 0 3px; text-align:center; font:18px verdana; color:#fff;}
.read_body .article-recommend li.dis{background-position:right top;}
.read_body .article-recommend li.dis dd{color:#494848;}

/* board view footer */
.read_footer .article-author{padding:15px 0; border-bottom:1px solid #e7e7e7; *zoom:1;}
.read_footer .article-author:after{content:""; display:block; clear:both;}
.read_footer .article-author dl{position:relative; _display:inline; float:left; margin-left:21px; padding:3px 0 0 58px; width:176px;}
.read_footer .article-author dt{padding-top:2px; font-size:11px;font-family:dotum;}
.read_footer .article-author dt strong{font-weight:normal; color:#3f62be;}
.read_footer .article-author p.profile-image{position:absolute; top:3px; left:0;}
.read_footer .article-author dd.ip{font:10px verdana; color:#999;}
.read_footer .article-author dd.recom{margin-top:5px; color:#333;}
.read_footer .article-author dd.recom .ico{display:inline-block; width:75px; height:16px; line-height:17px; background:url('/layouts/hanicomm/image/ico/ico_reply.gif') no-repeat 62px 1px;}
.read_footer .article-author dd.recom .count{display:inline-block; height:16px; line-height:17px; 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;}
.read_footer .article-author dd.recom .count span{display:inline-block; padding:0 6px; height:16px; line-height:17px; font-size:11px;font-family:dotum; color:#e87c24; 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;}
.read_footer .article-author ul{float:left;}
.read_footer .article-author li{padding-left:8px; width:390px; height:19px; line-height:19px; overflow:hidden; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_666.gif') no-repeat 0 8px;}
.read_footer .btnArea {z-index:inherit;}
.btnArea{position:relative; z-index:3;}
.btnArea .etc{position:absolute; left:0;}
/*.btnArea.messageBtn{margin-bottom:-13px;}*/
.btnArea.messageBtn .set{position:relative; float:right; width:83px; z-index:4;}
.btnArea.messageBtn .set .set-option{display:none; position:absolute; top:0; right:83px; padding-left:10px; width:180px; height:25px; line-height:25px; text-align:left; background:url('/layouts/hanicomm/image/board/message_set_bg.gif') no-repeat left top; z-index:3;}
.btnArea.messageBtn .set .set-option label{margin-right:5px; font-size:11px;font-family:dotum; vertical-align:middle;}
.btnArea.messageBtn .set .set-option label input{vertical-align:middle;}

/* board replies */
#comment-area{}
#comment-area .comment-post{position:relative; padding:34px 0 19px 19px; width:644px; border:1px solid #d6d4d5; background:#fafafa;}
#comment-area .comment-post .sns{position:absolute; top:7px; left:19px; *zoom:1;}
#comment-area .comment-post .sns:after{content:""; clear:both; display:block;}
#comment-area .comment-post .sns li{float:left; margin-right:3px;}
#comment-area .comment-post .sns li a{display:block; width:20px; height:23px; text-indent:-9999em; overflow:hidden; background:url('/layouts/hanicomm/image/board/ico_reply.gif') no-repeat;}
#comment-area .comment-post .sns li .hani{background-position:0 0;}
#comment-area .comment-post .sns li .facebook{background-position:-23px 0;}
#comment-area .comment-post .sns li .twitter{background-position:-46px 0;}
#comment-area .comment-post .sns li.on .hani{background-position:0 -30px;}
#comment-area .comment-post .sns li.on .facebook{background-position:-23px -30px;}
#comment-area .comment-post .sns li.on .twitter{background-position:-46px -30px;}
#comment-area .comment-post .post-area textarea{width:552px; height:54px; vertical-align:middle; border:1px solid #afafaf; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8; background:url('/layouts/hanicomm/image/login/input_bg.gif') no-repeat left top;}
#comment-area .comment-post .post-area .post img{vertical-align:middle;}
#comment-area .comment-post .text-count{position:absolute; top:17px; right:83px; font:11px verdana; color:#bcc2d1;}
#comment-area .comment-post .text-count em{color:#3f62be; font-weight:bold;}
#comment-area .rule{margin:5px 0 20px;}
#comment-area .rule li{padding-left:8px; font-size:11px;font-family:dotum; line-height:17px; color:#999; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_888.gif') no-repeat 0 7px;}
#comment-area .cmt-best{position:relative; border-bottom:1px solid #3f62be;}
#comment-area .cmt-best h3{height:23px; font-size:12px; color:#000; border-bottom:1px solid #3f62be;}
#comment-area .cmt-best .flag{position:absolute; top:23px; left:0; display:block; width:43px; height:42px; text-indent:-9999em; background:url('/layouts/hanicomm/image/board/flag_best_reply.png') no-repeat left top; _background:url('/layouts/hanicomm/image/board/flag_best_reply.gif') no-repeat left top; z-index:1;}
#comment-area .cmt-item{position:relative; padding:17px 20px; border-top:1px solid #e7e7e7;}
#comment-area .cmt-item.first{border-top:0 none;}
#comment-area .cmt-item dt{margin-bottom:7px; height:20px; line-height:20px;}
#comment-area .cmt-item dt .sns-name{display:inline-block; margin-right:5px; width:20px; height:20px; vertical-align:middle; background:url('/layouts/hanicomm/image/board/ico_reply.gif') no-repeat;}
#comment-area .cmt-item dt .time{display:inline-block; margin-left:8px; padding-right:14px; font-size:11px;font-family:dotum; color:#c3c3c3; line-height:12px; background:url('/layouts/hanicomm/image/ico/ico_time.gif') no-repeat right top;}
#comment-area .cmt-item dt.hani .sns-name{background-position:0 -30px;}
#comment-area .cmt-item dt.facebook .sns-name{background-position:-23px -30px;}
#comment-area .cmt-item dt.twitter .sns-name{background-position:-46px -30px;}
#comment-area .cmt-item dd.usertxt{width:515px; line-height:16px;}
#comment-area .cmt-item dd.usertxt textarea{width:505px; height:54px; vertical-align:middle; border:1px solid #afafaf; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8; background:url('/layouts/hanicomm/image/login/input_bg.gif') no-repeat left top;}
#comment-area .cmt-item dd.modify{position:absolute; top:22px; right:130px; height:13px; line-height:13px;}
#comment-area .cmt-item dd.modify a{display:inline-block; padding:0 2px 0 7px; text-decoration:none; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_1x11_d5d5d5.gif') no-repeat 0 1px;}
#comment-area .cmt-item dd.modify{font-size:11px;font-family:dotum; color:#333;}
#comment-area .cmt-item dd.modify a span{font-size:11px;font-family:dotum; color:#333;}
#comment-area .cmt-item dd.modify a.n_modify{background:none;}
#comment-area .cmt-item dd.modify .tool-edit{display:none;}
#comment-area .cmt-item dd.usertxt form {display:none;}
#comment-area .cmt-item dd.opinion{position:absolute; top:21px; right:15px; height:14px; line-height:14px;}
#comment-area .cmt-item dd.opinion a{display:inline-block; margin-left:10px; text-decoration:none; *zoom:1;}
#comment-area .cmt-item dd.opinion a:after{content:""; display:block; clear:both;}
#comment-area .cmt-item dd.opinion span{float:left; display:block; margin-right:4px; width:10px; height:14px; text-indent:-9999em; overflow:hidden; background:url('/layouts/hanicomm/image/board/ico_reply.gif') no-repeat;}
#comment-area .cmt-item dd.opinion em{float:left; font:10px verdana;}
#comment-area .cmt-item dd.opinion .n_good span{background-position:0 -61px;}
#comment-area .cmt-item dd.opinion .n_good em{color:#4f71cb; font-weight:bold;}
#comment-area .cmt-item dd.opinion .n_bad span{background-position:-15px -61px;}
#comment-area .cmt-item dd.opinion .n_bad em{color:#999;}
#comment-area .cmt-item dd.replies{margin-top:9px;}
#comment-area .cmt-item dd.replies .cmtsum{display:inline-block; padding-right:12px; line-height:15px; color:#000; background:url('/layouts/hanicomm/image/board/bullet_reply.gif') no-repeat right 5px;}
#comment-area .cmt-item dd.replies .cmtsum.hide{background-position:right -14px;}
#comment-area .cmt-item dd.replies .cmtsum em{font-weight:bold; color:#4e71cb;}
#comment-area .cmt-item dd.replies .re-post-area{margin-top:7px;}
#comment-area .cmt-item dd.replies .re-post-area textarea{width:615px; height:54px; border:1px solid #afafaf; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8; background:url('/layouts/hanicomm/image/login/input_bg.gif') no-repeat left top;}
#comment-area .cmt-item dd.replies .re-post-area p{margin-top:5px; text-align:right;}
#comment-area .cmt-item dd.replies .re-post-area p img{vertical-align:middle;}
#comment-area .cmt-item dd.replies .re-post-area p span{font:10px verdana; color:#bcc2d1;}
#comment-area .cmt-item dd.replies .re-post-area p span em{color:#3f62be; font-weight:bold;}
#comment-area .cmt-item .re-cmt{position:relative; padding:10px 0 0 25px; background:url('/layouts/hanicomm/image/board/ico_reply.gif') no-repeat 4px -79px;}
#comment-area .cmt-item .re-cmt dd.usertxt{margin-bottom:10px; width:490px;}
#comment-area .cmt-item .re-cmt dd.usertxt form {display:none;}
#comment-area .cmt-item .re-cmt dd.usertxt textarea{width:480px; height:54px; vertical-align:middle; border:1px solid #afafaf; border-right-color:#d8d8d8; border-bottom-color:#d8d8d8; background:url('/layouts/hanicomm/image/login/input_bg.gif') no-repeat left top;}
#comment-area .cmt-item .comment-children-area{display:none;}
#comment-area .cmt-item .re-cmt dd.modify{top:15px; right:115px;}
#comment-area .cmt-item .re-cmt dd.opinion{top:14px; right:0;}
#comment-area .cmt-item .paginator{padding:10px 0 5px; text-align:center;}
#comment-area .cmt-item .paginator a{display:inline-block; padding:0 2px; font:11px verdana;}
#comment-area .cmt-item .paginator a.current{color:#4e71cb; font-weight:bold;}
#comment-area .cmt-best .cmt-item{background:#fbfbfb;}
#comment-area .cmt_list{border-bottom:1px solid #e7e7e7;}
.xev3board input.post{vertical-align: top;}

/* board trackback list */
.trackback-area h2{padding:10px 0 8px; font-size:12px; color:#000;}
.trackback-area .board_list th:first-child{.width:auto;}
.trackback-area .board_list tbody .title{padding-left:25px; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_6x6_c6c6c6.gif') no-repeat 14px 12px;}
.trackback-area .board_list tbody .title div{padding-left:19px; background:url('/layouts/hanicomm/image/board/ico_board.png') no-repeat 0 -97px; _background:url('/layouts/hanicomm/image/board/ico_board.gif') no-repeat 0 -97px;}
.trackback-area .board_list tbody .original .title{padding-left:10px; background:none;}
.trackback-area .board_list tbody .original .title div{padding:0; background:none;}

/* board write header */
.board_write{padding:0; border-top:2px solid #666;}
.board_write .write_header{padding:20px 10px; border-bottom:1px solid #c2c2c2; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; background:#fff;}
.board_write .write_header select{height:26px;}
.board_write .write_header input{.margin:-1px 0; padding:0 4px; width:470px; height:24px; vertical-align:middle; background:url('/layouts/hanicomm/image/login/input_bg.gif') no-repeat left top;}
.board_write .write_editor{border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2;}
.board_write .write_footer{margin:0; padding:0 10px 20px 10px; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; border-bottom:2px solid #666;}
.board_write .write_footer .write_option{padding-top:10px; border-top:1px solid #c2c2c2;}
.board_write .write_footer .iText{.margin:-1px 0; padding:0 4px; height:18px; vertical-align:middle; background:url('/layouts/hanicomm/image/login/input_bg.gif') no-repeat left top;}
.board_write .write_footer .write_author{float:none;}
.board_write .btnArea{text-align:center;}
.board_write .write_editor textarea {width:100%;height:400px;border:0 none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.xpress-editor #smart_content {margin:0;border:0 none;}
.xpress-editor .fileUploader .preview {background:url('/layouts/hanicomm/image/board/attach_thumb_bg.gif');}
.xpress-editor .fileUploader {margin:0;padding:20px 10px;background:#f8f8f8}
.xpress-editor .input_control {height:14px;background-position:center bottom}
.xpress-editor .fileUploader .file_attach_info{color:#999;font-size:10px}
.xpress-editor .fileUploader .fileUploadControl img{vertical-align:middle}
.xpress-editor .fileUploader .fileListArea select{height:38px}
.xpress-editor .fileUploader .fileListArea {width:540px;margin-top:10px;}
.xpress-editor .input_control {background:#F8F8F8 url('/layouts/hanicomm/image/board/btn_expand.gif') no-repeat center bottom}

/* gallery list */
.gallery_list .gallery{*zoom:1;}
.gallery_list .gallery:after{content:""; clear:both; display:block;}
.gallery_list .gallery li{float:left; padding:0 21px 28px 20px; height:217px;}
.gallery_list .gallery dl{position:relative; padding-top:144px; width:180px;}
.gallery_list .gallery dt{margin-bottom:3px; height:36px; line-height:18px; overflow:hidden;}
.gallery_list .gallery dt a{color:#000; font-weight:bold;}
.gallery_list .gallery dd{font-size:11px; font-family:dotum;color:#c3c3c3; line-height:17px;}
.gallery_list .gallery dd a{color:#c3c3c3;}
.gallery_list .gallery dd span{font:10px verdana;}
.gallery_list .gallery dd span.recom{color:#6380cd;}
.gallery_list .gallery dd span.hit{color:#888;}
.gallery_list .gallery dd.thumb{position:absolute; top:0; left:0; width:180px; height:138px; background:url("/layouts/hanicomm/image/board/noimage.gif") no-repeat scroll center center transparent}
.gallery_list .gallery dd.thumb img{width:180px; height:138px;}
.gallery_list .gallery dd.thumb .thumbframe{position:absolute; top:0; left:0; display:block; width:178px; height:136px; cursor:pointer; border:1px solid #ebebeb; opacity:0.6; filter:alpha(opacity=60); z-index:1;}
.gallery_list.video .thumbframe{background:url('/layouts/hanicomm/image/btn/btn_story_video.gif') no-repeat center center; opacity:0.8; filter:alpha(opacity=80);}

/* 페이스북 토론 */
#facebook-discussion{overflow:hidden;}
#facebook-discussion .article{position:relative; width:665px; background:url('/layouts/hanicomm/image/discussion/facebook_hot_bg.gif') repeat-y left top;}
#facebook-discussion .article h3{padding:33px 38px 5px 38px; line-height:42px;  background:url('/layouts/hanicomm/image/discussion/facebook_hot_bg1.gif') no-repeat left top;}
#facebook-discussion .article h3 a{display:block; padding:0 0 5px 47px; color:#3b5998; font-size:16px; font-weight:bold; line-height:19px; border-bottom:1px solid #e5e5e5; background:url('/layouts/hanicomm/image/ico/ico_facebook_hot.gif') no-repeat left top;}
#facebook-discussion .article .topic{padding:7px 38px 30px; font:13px gulim; line-height:21px; color:#333; background:url('/layouts/hanicomm/image/discussion/facebook_hot_bg2.gif') no-repeat left bottom;}
#facebook-discussion .article .date{position:absolute; top:-20px; right:0; font:10px verdana; color:#999;}
#facebook-discussion .relative-article{margin-top:20px;}
#facebook-discussion .relative-article h4{margin-bottom:8px; padding-left:14px; font-size:12px; color:#3b5998;}
#facebook-discussion .relative-article ul{padding:0 16px;}
#facebook-discussion .relative-article li{padding:5px 0 5px 15px; line-height:25px; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_6x6_c6c6c6.gif') no-repeat 0 12px;}
#facebook-discussion .relative-article li a{font:13px gulim; color:#333; font-weight:bold;}
#facebook-discussion .relative-article li .author{margin-left:5px; font-size:11px;font-family:dotum; color:#999;}
#facebook-discussion .relative-article li .blog-name.hani,
#facebook-discussion .relative-article li .blog-name.tistory,
#facebook-discussion .relative-article li .blog-name.naver,
#facebook-discussion .relative-article li .blog-name.daum,
#facebook-discussion .relative-article li .blog-name.cyworld,
#facebook-discussion .relative-article li .blog-name.egloos {margin:3px 5px 0 0;}
#facebook-discussion .facebook-comment{margin-top:40px;}

/* 블로그 오늘의 추천글 */
#recommend-headline{overflow:hidden;}
#recommend-headline .article-wrap{width:665px; overflow:hidden; background:url('/layouts/hanicomm/image/blog/recom_bg2.gif') no-repeat left bottom;}
#recommend-headline .article-wrap .article{padding:20px; background:url('/layouts/hanicomm/image/blog/recom_bg1.gif') no-repeat left top; *zoom:1;}
#recommend-headline .article-wrap .article:after{content:""; display:block; clear:both;}
#recommend-headline .recom{float:left; width:358px; *zoom:1;}
#recommend-headline .recom:after{content:""; display:block; clear:both;}
#recommend-headline .recom dl{position:relative; float:left; margin-right:10px; padding-top:136px; width:169px;}
#recommend-headline .recom dt{height:36px; line-height:18px; overflow:hidden;}
#recommend-headline .recom dt a{color:#333; font-weight:bold;}
#recommend-headline .recom dd{position:absolute; top:0; left:0;}
#recommend-headline .recom dd img{width:169px; height:127px;}
#recommend-headline .recom dd .thumbframe{position:absolute; top:0; left:0; display:block; width:169px; height:127px; cursor:pointer; background:url('/layouts/hanicomm/image/blog/flag_recommend.png') no-repeat 0 0; _background:url('/layouts/hanicomm/image/blog/flag_recommend.gif') no-repeat 0 0; z-index:1;}
#recommend-headline ul{float:left; display:inline; margin-left:27px;}
#recommend-headline li{.float:left; padding-left:8px; width:225px; height:22px; line-height:22px; overflow:hidden; background:url('http://img.hani.co.kr/section-image/12/news/hani/images/com/bul/bul_2x2_666.gif') no-repeat 0 9px;}
#recommend-headline li a{color:#333;}

/* 블로그 참여 신청 */
.blog-request{position:relative; margin:30px 0 20px; width:100%; background:url('/layouts/hanicomm/image/blog/info_bg2.gif') no-repeat left bottom; z-index:1001;}
.blog-request dl{padding:13px 0 13px 16px; background:url('/layouts/hanicomm/image/blog/info_bg1.gif') no-repeat left top;}
.blog-request dt{padding:2px 0 0 21px; height:14px; background:url('/layouts/hanicomm/image/ico/ico_info.gif') no-repeat left top;}
.blog-request dd{margin-top:5px; padding-left:21px; font-size:11px;font-family:dotum; color:#999;}
.blog-request .metablog-request{position:absolute; top:17px; right:15px;}

.blog-request form dl,
.metablog-request form dl{background:none;}
.blog-request form dl:after,
.metablog-request form dl:after{content:""; display:block; clear:both;}
.blog-request form dt,
.metablog-request form dt{float:left;clear:both; padding:8px 0 0 8px; width:60px; text-align:left; background:none;}
.blog-request form dd,
.metablog-request form dd{float:left; margin:0; padding:4px;}
.blog-request form dd input,
.metablog-request form dd input{width:212px;}
.blog-request form .liveButton{clear:both;}

/* 오늘의 소셜 한겨레 */
#social-headline{margin-bottom:40px; overflow:hidden;}
#social-headline .article-wrap{background:url('/layouts/hanicomm/image/sns/today_bg2.gif') no-repeat left bottom;}
#social-headline .article-wrap .article{padding:0 4px; background:url('/layouts/hanicomm/image/sns/today_bg1.gif') no-repeat left top;}
#social-headline .article-wrap li{position:relative; padding:18px 0 18px 145px; border-top:1px solid #f1f1f1; *zoom:1;}
#social-headline .article-wrap li:after{content:""; display:block; clear:both;}
#social-headline .article-wrap li .sns{position:absolute; left:18px; top:50%; margin-top:-34px; width:127px; height:74px;}
#social-headline .article-wrap li .sns dl{margin-bottom:7px; *zoom:1;}
#social-headline .article-wrap li .sns dl:after{content:""; display:block; clear:both;}
#social-headline .article-wrap li .sns dt{float:left; display:block; margin-right:5px; width:30px; height:30px; text-indent:-9999em; background:url('/layouts/hanicomm/image/sns/ico_sns.png') no-repeat;}
#social-headline .article-wrap li .sns dd{float:left; height:30px; font:18px verdana; line-height:30px; letter-spacing:-1px;}
#social-headline .article-wrap li .sns .twitter dt{background-position:0 0;}
#social-headline .article-wrap li .sns .twitter dd{color:#0ab1e5;}
#social-headline .article-wrap li .sns .facebook dt{background-position:0 -37px;}
#social-headline .article-wrap li .sns .facebook dd{color:#3f63ad;}
#social-headline .article-wrap li .group{float:left; width:495px;}
#social-headline .article-wrap li .group h3{line-height:20px;}
#social-headline .article-wrap li .group h3 a{font-size:14px; color:#333; font-family:gulim;}
#social-headline .article-wrap li .group .txt{height:36px; color:#777; line-height:18px; font-family:gulim; overflow:hidden;}
#social-headline .article-wrap li .group .from{margin:5px 0; height:16px; color:#c3c3c3; font-size:11px;font-family:dotum; line-height:16px;}
#social-headline .article-wrap li .group .from .time{font:10px verdana;}
#social-headline .article-wrap li.first{border-top:0 none;}
#social-headline .article-wrap li.photo .group{width:373px;}
#social-headline .article-wrap li.photo .thumb{position:relative; display:table-cell; table-layout:fixed; float:right; margin-right:16px; width:108px; height:82px; text-align:center; font-size:82px; line-height:82px; vertical-align:middle; overflow:hidden;}
#social-headline .article-wrap li.photo .thumb a{display:table-cell; table-layout:fixed; width:106px; height:80px; text-align:center; font-size:80px; line-height:80px; vertical-align:middle; border:1px solid #ebebeb;}
#social-headline .article-wrap li.photo .thumb img{display:inline; max-width:106px; max-height:80px; vertical-align:middle;}
#social-headline .article-wrap li.photo .thumb .thumbframe{display:none !important; position:absolute; top:0; left:0; display:block; width:106px; height:80px; border:1px solid #ebebeb; opacity:0.6; filter:alpha(opacity=60); z-index:1;}

/* 유명인사 트위터 */
#twitter-headline{overflow:hidden;}
#twitter-headline .article-wrap{border:1px solid #dfe4f2;}
/* #twitter-headline .article-wrap .article{height:1000px;} */
#twitter-headline .article-wrap .js-stream-item{position:relative; padding:15px 25px 15px 80px; _width:558px; border-top:1px solid #f1f1f1; min-height:91px; }
#twitter-headline .article-wrap .js-stream-item.first{border-top:0 none;}
#twitter-headline .article-wrap .js-stream-item .time{position:absolute; top:12px; right:12px;}
#twitter-headline .article-wrap .js-stream-item .time a{color:#c3c3c3; font-size:11px;font-family:dotum;}
#twitter-headline .article-wrap .js-stream-item .account-group .username{color:#9ea1a5;}
#twitter-headline .article-wrap .js-stream-item .js-tweet-text{margin:6px 0 8px; font:13px gulim; line-height:20px; color:#333;}
#twitter-headline .article-wrap .js-stream-item .js-tweet-text a{margin-right:10px; color:#487fe1; white-space:nowrap;}
#twitter-headline .article-wrap .js-stream-item .avatar{position:absolute; top:15px; left:19px; width:50px; height:50px; }
#twitter-headline .article-wrap .js-stream-item .expanded-content{margin-bottom:8px;}
#twitter-headline .article-wrap .js-stream-item .expanded-content a{text-decoration:none;}
#twitter-headline .article-wrap .js-stream-item .expanded-content img{max-width: 80px;max-height: 60px;}
#twitter-headline .article-wrap .js-stream-item .stream-item-footer{font-size:11px;font-family:dotum; color:#f1f1f1;}
#twitter-headline .article-wrap .js-stream-item .stream-item-footer a{color:#47c4eb;}
#twitter-headline .article-wrap .more-article a{display:block; width:100%; height:27px; text-align:center; color:#236798; font-size:11px; font-family:dotum;line-height:27px; background:url('/layouts/hanicomm/image/sns/more_bg.gif') repeat-x left top;}

/* 유명인사 트위터 스크롤바 */
.mCSB_container{width:auto; margin-right:15px; overflow:hidden;}
.mCSB_container.mCS_no_scrollbar{margin-right:0;}
.mCS_disabled .mCSB_container.mCS_no_scrollbar,
.mCS_destroyed .mCSB_container.mCS_no_scrollbar{margin-right:30px;}
.mCustomScrollBox .mCSB_scrollTools{width:15px; height:100%; top:0; right:0;}
.mCSB_scrollTools .mCSB_draggerContainer{height:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.mCSB_scrollTools .mCSB_buttonUp+.mCSB_draggerContainer{padding-bottom:40px;}
.mCSB_scrollTools .mCSB_draggerRail{width:15px; height:100%; margin:0 auto; border-left:1px solid #e9e9e9;}
.mCSB_scrollTools .mCSB_dragger{cursor:pointer; width:100%; height:30px;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:13px; height:100%; margin:0 auto; text-align:center; border:1px solid; border-color:#dfe2f1 #b5bfd8 #a7b1ca #d0d6e4; background:#eef2fb url('/layouts/hanicomm/image/sns/scrollbar_bg.gif') no-repeat 4px center; box-shadow:inset 1px 1px 1px #fff; -webkit-box-shadow:inset 1px 1px 1px #fff; -moz-box-shadow:inset 1px 1px 1px #fff;}

/* 한겨레 트위터 */
.sns-block{ margin-top:30px; }
.sns-block h3{margin-bottom:20px; font:14px gulim; color:#000; font-weight:bold;}
.sns-block .link{margin-bottom:18px; *zoom:1;}
.sns-block .link:after{content:""; display:block; clear:both;}
.sns-block .link li{float:left; margin-right:20px; height:14px;}
.sns-block .link li a{_float:left; display:block; height:14px; color:#000; font-weight:bold; text-decoration:none;}
.sns-block .link li .sns-logo{float:left; margin-right:5px;  width:14px; height:14px; text-indent:-9999em; overflow:hidden; background:url('/layouts/hanicomm/image/ico/ico_account.gif') no-repeat 0 0;}
.sns-block .link li .sns-name{float:left; height:14px; line-height:14px !important;}
.sns-block .sns-article-wrap{width:665px; overflow:hidden; *zoom:1;}
.sns-block .sns-article-wrap:after{content:""; display:block; clear:both;}
.sns-block .sns-article-wrap .js-stream-item{margin:0 0 5px 0; width:216px; background:url('/layouts/hanicomm/image/sns/twitter_bg2.gif') no-repeat left bottom;}
.sns-block .sns-article-wrap .stream-item-header{padding:15px 0 0 15px; height:40px; background:url('/layouts/hanicomm/image/sns/twitter_bg1.gif') no-repeat left top;}
.sns-block .sns-article-wrap .stream-item-header .account-group{text-decoration:none; *zoom:1;}
.sns-block .sns-article-wrap .stream-item-header .account-group:after{content:""; display:block; clear:both;}
.sns-block .sns-article-wrap .stream-item-header .account-group .avatar{float:left; margin-right:7px; width:39px; height:39px;}
.sns-block .sns-article-wrap .stream-item-header .account-group .fullname{display:block; padding-left:2px; font-size:14px; line-height:24px;}
.sns-block .sns-article-wrap .stream-item-header .account-group .username{line-height:16px; color:#b1b2b4;}
.sns-block .sns-article-wrap .js-tweet-text{margin-top:10px; padding:0 15px; line-height:18px; color:#333;}
.sns-block .sns-article-wrap .js-tweet-text a{color:#265ca2; white-space:nowrap;}
.sns-block .sns-article-wrap .time{padding:8px 15px 17px; font-size:11px;font-family:dotum; text-align:right;}
.sns-block .sns-article-wrap .time a{color:#a9a9b7;}
#sns-twitter .link li a .sns-logo{background-position:-14px 0;}
#sns-facebook .link li a .sns-logo{background-position:0 0;}
#sns-facebook .sns-article-wrap{padding-bottom:12px; background:#f6f6f6;}
#sns-facebook .sns-article-wrap .facebook-title{margin-bottom:9px; padding:9px 10px 0 0; height:24px; text-align:right; background:#3b5998;}
#sns-facebook .sns-article-wrap .facebook-wrap{padding-left:15px;}
#sns-facebook .sns-article-wrap .facebook-group{float:left; display:inline; margin:0 2px; width:317px; background:url('/layouts/hanicomm/image/sns/facebook_bg2.gif') no-repeat left bottom;}
#sns-facebook .sns-article-wrap .facebook-group .top{padding:5px 12px 6px 5px; width:300px; background:url('/layouts/hanicomm/image/sns/facebook_bg1.gif') no-repeat left top;}
#sns-facebook .sns-article-wrap .facebook-group .top div{position:relative; overflow:hidden;}
#sns-facebook .sns-article-wrap .facebook-group .top iframe{position:absolute; top:-1px; left:-1px;}
#sns-facebook .sns-article-wrap .facebook-group .top .facebook1{width:300px; height:823px;}
#sns-facebook .sns-article-wrap .facebook-group .top .facebook2{width:300px; height:401px;}

/*  캡차레이어  */
#recaptcha{display:none; height:260px; text-align:left; border:1px solid #8fa8c6; background:#fff; z-index:10000;}
#recaptcha .text {padding:30px 30px 20px;color:#666666;}
#recaptcha .captcha_area {width:400px; margin-left:30px;}
#recaptcha .btnArea { text-align:center; }
#recaptcha .close-btn{position:absolute; top:0; right:0; display:block; width:14px; height:14px; text-indent:-99999em; background:url('/layouts/hanicomm/image/btn/btn_facebook_close.gif') no-repeat left top;}
#recaptcha h3{padding-left:20px; height:39px; line-height:40px; font-size:12px; font-weight:normal; color:#000; overflow:hidden; border-bottom:1px solid #cdd1d6; background:#ebf0f6;}

/* 닉네임 셋팅 레이어 */
#setup_nickname {display:none; height:300px; text-align:left; border:1px solid #8fa8c6; background:#fff; z-index:10000;}
#setup_nickname h3{padding-left:20px; height:39px; line-height:40px; font-size:12px; font-weight:normal; color:#000; overflow:hidden; border-bottom:1px solid #cdd1d6; background:#ebf0f6;}
#setup_nickname div.inside { padding:20px;}
#setup_nickname p{ margin: 10px 0;}
#setup_nickname .line{ display:block; margin-top:4px; }
#setup_nickname .btnArea { text-align:center; padding:10px; }


.xe_content img {
	width:auto !important;
	height:auto !important;
	max-width:100%;
}


.article-contents {
padding: 0 10px;
clear: both;
color: #222;
font-family: gulim;
font-size: 14px;
line-height: 23px;
width:625px;
overflow:hidden;
}