@charset "utf-8";

/**
 * view article
 * /modules/media/skins/blogtimes/css/view_article.css
 **/

/* article container */
#contentBody { margin-top: 20px; *zoom: 1; }
#contentBody:after { display: block; content: ""; clear: both; }

.media_header { padding-bottom:4px; border-bottom:1px solid #D1D1D1; }

/* article top line */
#articleTop { height: 23px; clear: both;  padding:2px 5px; border-bottom: 1px #e1e1e1 solid; }

#articleTop ul { float: left; margin: 0; padding:0; }
#articleTop ul li { display: inline; }
.tb, .t-count, .t-count button { border:1px solid; }

/* article title */
#contentBody h1 { font-size: 1.4em; letter-spacing: -1px; line-height: 27px;}
#contentBody h1 a { text-decoration: none; color: #000; font-size:24px; font-family:'돋움','Dotum'}
#contentBody .meta { background-color: #ecf1f4; color: #666666; font-size: 11px; line-height: 20px; padding: 3px 5px 2px; position: relative; height: 19px; overflow: hidden;}
#contentBody .meta span { padding: 0 8px 0 0px; color: #666666; vertical-align:middle}
#contentBody .meta span.author { font-size:12px; font-weight:bold; background: url('../images/v_bar0.gif') no-repeat right 0; padding:0 8px;}
#contentBody .meta .info { float:left; }
#contentBody .meta .count { float:right; color:#333;}
#contentBody .meta .count span {font-weight: bold; color:#1e50c2;}
#contentBody .meta .count span.readed { background: url('../images/v_bar0.gif') no-repeat right 0; }
#contentBody .meta span.date { background: none; padding-left: 4px; }
#contentBody .meta span.section { color: #4ACDF5; font-weight:bold; }
#contentBody .meta ul.exportTo { display: inline; padding: 0; margin: 0 0 0 2px; vertical-align: top; _vertical-align: baseline;}
#contentBody .meta ul.exportTo li { display: inline; margin: 0px; }
#contentBody .meta ul.exportTo li a { display:inline-block; height:20px; text-indent: -1000em; padding: 0; overflow:hidden; }
#contentBody .meta ul.exportTo li.print a { width:50px; background: transparent url(../images/btn_print.png) 0 0 no-repeat;  }
#contentBody .meta ul.exportTo li.scrap a { width:50px; background: transparent url(../images/btn_scrap.png) 0 0 no-repeat; }
#contentBody .meta ul.exportTo li.scraplist a { display:none; background: transparent url(../images/btn_scrap_list.gif) 0 0 no-repeat; }

#contentBody ul.share { width:112px; position: absolute; top:8px; left:508px; margin: 14px 0; padding-left: 7px; height: 75px; border-left: 1px #dcdcdc solid; }
#contentBody ul.share li { width:110px; list-style: none; line-height: 20px; height: 26px; margin-left: 6px;}


/* article content */
#contentBody .xe_content { margin: 20px 0; }

/* extra vars list */
#extraVarsList { margin: 1em 0; }

/* attached list */
#fileAttached { background: #f5f5f5; padding: 6px; margin-bottom: 15px; *zoom: 1; }
#fileAttached:after { display: block; clear: both; content: ""; }
#fileAttached li { float: left; margin-right: 10px; }

/* bookmarklet */
#bookmarklet { text-align:center; padding:20px 0;}


/* tag list*/
#tag_list { background:#f4f5ed; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; padding: 4px 9px 1px; position: relative; *zoom: 1; }
#tag_list:after { display:block; clear:both; content:"" }
#tag_list .tag { background: transparent url('../images/icon_tag.gif') no-repeat left 0; padding-left:30px; color:#33aae4; font-weight:bold;}
#tag_list a { color:#157fa9 !important; }
#tag_list a:HOVER {color:#15ffaf;}

/* bottom menu */
#menuBottom { width: 100%; margin: 10px 0; text-align: right; *zoom: 1; }
#menuBottom:after { display:block; clear:both; content:"" }
#menuBottom img { vertical-align: middle; }


/* related articles */
#related_articles { margin-top: 20px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;}
#related_articles h3 { margin: 0; padding: 1px; color: #000; font-size: 12px; font-weight: bold; }
#related_articles ul { margin: 0; line-height: 100%; padding: 0; *zoom: 1; overflow: hidden;}
#related_articles ul:after { display:block; clear:both; content:"" }
#related_articles ul li { float:left; margin: 7px 0; padding-right: 8px; list-style: none; }
#related_articles ul li.first { float:left; margin: 10px 0; padding-left: 0px; list-style: none; }
#related_articles ul li a { display: block; width: 120px; color: #727272; font-size: 11px; }
#related_articles ul li a img.thumbnail { display:table-cell; height: 90px; width: 120px; }
#related_articles ul li a span { display: block; padding-top: 6px; text-align: center; }

/* articleDivision */
#articleDivision { float: left; width: 100%; clear: both; margin-top: 10px; }

#articleCopylight { height: 23px; float: left; width: 100%; clear: both; margin: 0; padding: 5px; }

/* article bottom line */
#articleBottomLine { clear: both; margin: 10px 0 20px; padding: 3px; border-width: 1px 0; border-style: solid; border-color: #d4d4d4; height: 24px; }
#articleBottomLine:after { display: block; clear: both; content: ""; }

#articleBottomLine ul.bookmarklet { float: left; margin: 0; padding:0}
#articleBottomLine ul.bookmarklet li { display: inline; }

/* comment list & writer */


.reply { position: relative; *zoom: 1; }
.reply:after { display: block; content: ""; clear: both; }
.reply .replyHeader { position: relative; margin: 0; padding: 1px; color: #302f2f; font-size: 12px; font-weight: bold; border-bottom: 1px #e4e4e4 solid;}
.reply .replyHeader em { padding: 2px; color: #878787; font-size: 10px; font-family: Tahoma, sans-serif; text-decoration: none;}

.reply .replyEditor { position:relative;padding:6px 0px 10px; *zoom:1 }
.reply .replyEditor:after { display:block; content:""; clear:both; }
.reply .replyEditor .replyOption { position:relative; padding:4px 0; line-height:40px; }
.reply .replyEditor .replyOption input { padding:3px;  }
.reply .replyEditor .editor { float: left; width: 82%; position: relative; border: 1px #bcbcbc solid; -moz-border-radius:3px; -webkit-border-radius:3px; *zoom:1 }
.reply .replyEditor .editor:after { display:block; clear:both; content:"" }
.reply .replyEditor .editor div { position: relative;  width: 98%; margin: 2px; }
.reply .replyEditor .editor div textarea { height: 39px; width: 100%; position: relative; border: #fff 0px solid; padding: 0; font-size: 11px; } 
.reply .replyEditor .buttonbox { float:right; }
.reply .replyEditor .buttonbox input { width:95px; height:47px; border:0px; background: transparent url(../images/btn_reply_submit.gif) 0 0 no-repeat; font-size: 12px; font-weight: bold; }
.reply .replyEditor .snsPostBox { clear: both; padding-top: 8px }
.reply .replyEditor .snsPostBox p{ font-size: 11px; color: #5c5c5c; margin: 10px 2px 0; }
.reply .replyEditor .snsPostBox ul { margin: 0; padding: 0; }
.reply .replyEditor .snsPostBox ul li { position: relative; float: left; width: 185px; margin-right: 12px; border: 1px #e7e7e7 solid; list-style: none; padding: 4px 5px; line-height: 16px; }
.reply .replyEditor .snsPostBox ul li.last { margin-right: 0px; }
.reply .replyEditor .snsPostBox ul li label { display:block; padding:0 0 0 20px; font-size: 11px; font-family:tahoma; line-height: 16px; }
.reply .replyEditor .snsPostBox ul li label.label_twitter { background: transparent url('../images/label_twitter.gif') no-repeat 0 0; }
.reply .replyEditor .snsPostBox ul li label.label_facebook { background: transparent url('../images/label_facebook.gif') no-repeat 0 0; }
.reply .replyEditor .snsPostBox ul li label.label_me2day { background: transparent url('../images/label_me2day.gif') no-repeat 0 0; }
.reply .replyEditor .snsPostBox ul li input.chk_sns_post { position:absolute; top:5px; right:4px; width:11px; height:11px; margin:0 0; }

.reply .replyList { position: relative; padding: 0; border: #c8c8c8 1px solid; margin: 10px 0; *zoom: 1; }
.reply .replyList:after { display: block; content: ""; clear: both; }
.reply .replyList .item { position: relative; *zoom: 1; }
.reply .replyList .itemReply { padding: 1px; }
.reply .replyList .item:after { display: block; content: ""; clear: both; }
.reply .replyList .item .indent { position:relative; height:100%; padding:10px 0 0 40px; background: #f9f9f9 url(../images/bg_reply.gif) 20px 16px no-repeat; *zoom: 1; }
.reply .replyList .item .indent:after { display:block; content:""; clear:both; }
.reply .replyList .item .itemAside { position:relative; background: #f1f1f1; padding: 10px; *zoom: 1; }
.reply .replyList .item .itemAside:after { display:block; clear:both; content:"" }
.reply .replyList .item .itemAside  .profileImage { float:left; margin-right:10px; width:48px; }
.reply .replyList .item .itemAside .meta { width:60%; float:left; font-weight:bold; font-size:12px; padding-top:8px; }
.reply .replyList .item .itemAside .meta p.info { margin: 0; color: #999; font-size: 11px; font-weight: normal; }
.reply .replyList .item .itemAside dl.vote { float: right; }
.reply .replyList .item .itemAside dl.vote dt { display: inline; padding: 3px 0 0 20px; margin-left: 8px; }
.reply .replyList .item .itemAside dl.vote dt.love { background: transparent url(../images/bg_vote_love.gif) 0 0 no-repeat; }
.reply .replyList .item .itemAside dl.vote dt.hate { background: transparent url(../images/bg_vote_hate.gif) 0 0 no-repeat; }
.reply .replyList .item .itemAside dl.vote dd { display: inline; color: #ed145b; }

.reply .replyList .item .itemContent { position: relative; float: left; clear: both; margin: 10px; *zoom:1 }
.reply .replyList .item .itemContent:after { display:block; clear:both; content:"" }
.reply .replyList .item .itemContent div { display: inline;  }
.reply .replyList .item .itemContent .postedSns { width: 14px; }

.reply .replyList .item .itemContent ul.option { display: inline; margin: 0px; padding-left: 10px; }
.reply .replyList .item .itemContent ul.option li { display:inline; vertical-align:middle; }
.reply .pagination { position:relative; padding:12px 6px; text-align:center; border-top: 1px #c8c8c8 solid}
.reply .pagination span { border-left:1px solid #ccc; padding-left:4px;}
.reply .pagination span.prevEnd { border-left:none; padding-left: 5px; background:transparent url(../images/arrowPrevA1.gif) left center no-repeat; } 
.reply .pagination span.nextEnd { padding-right: 5px; background:transparent url(../images/arrowNextA1.gif) right center no-repeat; }
.reply .pagination span.prevEnd a, 
.reply .pagination span.nextEnd a{ font-weight: normal; }
.reply .pagination span strong,
.reply .pagination span a { vertical-align: middle; font-family:tahoma; font-size: 12px; color: #404040; display:inline-block; padding: 0 4px; font-weight: bold; }
.reply .pagination span strong { color:#d12763 }
.reply .pagination a img { vertical-align: middle; }

#modify_replyform { display: block; position: relative; margin: 10px; width: 95%; }
#modify_replyform textarea { font-size: 11px; height: 40px; width: 100%; border: #ddd 1px solid}
#input_passwdform { display: block; position: relative; margin-top: 16px; float: left; width: 99%; }
#input_passwdform .passwdbox { border:1px #ddd solid; text-align: center; padding: 10px;  }

#feedback_replyform {  }
#feedback_replyform .replyBox { position:relative; background:url(../images/bg_reply.gif) no-repeat scroll 20px 16px #F9F9F9; height:100%; padding: 10px 20px 10px 40px; border-bottom: 1px #ddd solid; }

.section_articles { margin-top: 20px; }
.section_articles h3.header { margin: 0; padding: 2px 6px; color: #1e50c2; font-size: 12px; font-weight: bold; background: #f4f5ed; } 
.section_articles h3.header strong{ color: #20C9F8; } 

.reporter_info_box {margin: 10px 0 0;}