/* list */
#wrapList { width: 720px; }

#wrapList .ui-tabs-nav { margin: 0px; padding: 0px; width: 100%; background: url('../imgs/list_bg_tab.gif') left bottom repeat-x; overflow: hidden; list-style: none; }
#wrapList .ui-tabs-nav li { float: left; _display: inline; margin-right: -1px; border: 1px solid #d4d4d4; color: #333; }
#wrapList .ui-tabs-nav li a { _float: left; display: block; height: 20px; padding: 9px 18px 0px 19px; color: #666; text-decoration: none; }
#wrapList .ui-tabs-nav li a:hover { color: #333; background: #f4f4f4;}
#wrapList .ui-tabs-nav li.ui-tabs-selected { border-bottom: 1px solid #f4f4f4; background: #f4f4f4; }
#wrapList .ui-tabs-nav li.ui-tabs-selected a { color: #333; font-weight: 900; letter-spacing:-1px; }
#wrapList .ui-tabs-nav li.rss { float: right; border: none; }
#wrapList .ui-tabs-nav li.rss a:hover { color: #333; background: none; }
#wrapList div.ui-tabs-selected { display: block; }
#wrapList div.ui-tabs-hide { display: none; }

#wrapList table.middle { width: 100%; border: 0px; table-layout: fixed; }
#wrapList table.middle thead tr { height: 0px; border: 0px solid #fff; }
#wrapList table.middle thead tr th { height: 0px; border: 0px solid #fff; }
#wrapList table.middle thead #number { width: 50px; font: 8.5pt dotum; color: #333; }
#wrapList table.middle thead #thumnail { width: 120px; font: 8.5pt dotum; color: #333; }
#wrapList table.middle thead #info { font: 8.5pt dotum; color: #333; }

#wrapList table.middle tbody tr { height: 120px; border-bottom: 1px solid #eaeaea; }
#wrapList table.middle tbody td { border: 0px; border-bottom: 1px solid #f1f1f1; }
#wrapList table.middle tbody td.number { font: 8pt tahoma; color: #777; text-align: center; }
#wrapList table.middle tbody td.thumnail { text-align: center; }
#wrapList table.middle tbody td.thumnail img { width: 100px; height: 100px; }
#wrapList table.middle tbody td.number strong { color: #ff6f06; }
#wrapList table.middle tbody td.number img { padding-top: 2px; }
#wrapList table.middle tbody td.info { padding-top: 12px; padding-left: 5px; color: #333; vertical-align: top; }
#wrapList table.middle tbody td.info a { color: #333; }
#wrapList table.middle tbody td.info a:hover { text-decoration: underline; }
#wrapList table.middle tbody td.info .totalComment { font-size: 0.92em; color: #e65101; }
#wrapList table.middle tbody td.info img { vertical-align: middle; }
#wrapList table.middle tbody td.info input.checkNo { vertical-align: middle; }
#wrapList table.middle tbody td.info p.content { margin-top: 5px; line-height: 1.4em; }
#wrapList table.middle tbody td.noList { padding-top: 100px; padding-bottom: 100px; color: #666; text-align: center; }

#wrapList .bottom { margin-top: 5px; height: 100%; overflow: hidden; }
#wrapList .bottom .listBtPage { float: left; }

#wrapList .bottom p.pagingBt { clear: both; margin: 0 auto; padding-top: 10px; height: 26px; text-align: center; }
#wrapList .bottom #search { margin-top: 10px; padding: 5px; border: 1px solid #e2e2e2; background-color: #fbfbfb; text-align: center; }
#wrapList .bottom #search fieldset { margin: 0 auto; padding: 0px; border: 0px; }
#wrapList .bottom #search .inputKeyword { padding-top: 3px; height: 15px; border: 1px solid #ddd; }
#wrapList .bottom #search .bt { vertical-align: top; }

body#zh #wrapList table.middle thead { font-size: 1.08em; }


/* view */
#wrapView { margin-bottom: 20px; width: 720px; }

#wrapView .postInfo { border: 1px solid #e2e2e2; }
#wrapView .postInfo .top { padding: 10px; height: 100%; border-bottom: 1px solid #e2e2e2; background-color: #f9f9f9; overflow: hidden; }
#wrapView .postInfo h2.subject { float: left; margin: 0px; padding: 0px; width: 510px; font-weight: 900; font-size: 1em; line-height: 1.4em; }
#wrapView .postInfo p.share {float: right; }
#wrapView .postInfo p.info { clear: both; padding: 5px 10px 5px 5px; height: 100%; overflow: hidden; }
#wrapView .postInfo p img { vertical-align: middle; }
#wrapView .postInfo p .copyUrl { float: right; padding-left: 4px; padding-top: 3px; }
#wrapView .postInfo p .scrap { float: right; padding-left: 4px; padding-top: 3px; }
#wrapView .postInfo p .total { float: right; text-align: right; padding-top: 6px; font-size: 0.92em; color: #9999ac; }
#wrapView .postInfo p .total strong { font-weight: 100; color: #666; }

#wrapView .viewBt1 { clear: both; margin-top: 5px; margin-bottom: 10px; text-align: right; } 
#wrapView .viewBt1 img { vertical-align: middle; }

#wrapView #content { margin-bottom: 5px; padding-bottom: 20px; color: #666; line-height: 1.6em; overflow: hidden; }
#wrapView #content p { margin: 0px; padding: 0px; line-height: 1.6em; }

#wrapView .viewBt3 { margin-top: 15px; padding-top: 5px; text-align: right; border-top: 2px solid #e2e2e2; } 
#wrapView .viewBt3 .commentViewBt { float: left; margin-top: 5px; color: #666; }
#wrapView .viewBt3 a { color: #666; }
#wrapView .viewBt3 strong { color: #ff6600; }
#wrapView .viewBt3 .codeBt { float: right; }

#wrapView .positionList { clear: both; margin-top: 15px; margin-bottom: 5px;  color: #666; } 
#wrapView .positionList p.txt { margin-bottom: 5px; }
#wrapView .positionList img { vertical-align: middle; }

#wrapView .ui-tabs-nav { clear: both; margin: 0px; margin-bottom: 5px; padding: 0px; width: 100%; background: url('../imgs/view_bg_tab.gif') left bottom repeat-x; overflow: hidden; list-style: none; }
#wrapView .ui-tabs-nav li { float: left; _display: inline; margin-right: -1px; border: 1px solid #d4d4d4; color: #333; }
#wrapView .ui-tabs-nav li a { _float: left; display: block; height: 20px; padding: 9px 18px 0px 19px; color: #666; text-decoration: none; }
#wrapView .ui-tabs-nav li a:hover { color: #333; background: #f4f4f4;}
#wrapView .ui-tabs-nav li.ui-tabs-selected { border-bottom: 1px solid #f4f4f4; background: #f4f4f4; }
#wrapView .ui-tabs-nav li.ui-tabs-selected a { color: #333; font-weight: 900; letter-spacing:-1px; }
#wrapView div.ui-tabs-selected { display: block; }
#wrapView div.ui-tabs-hide { display: none; }
#wrapView .ui-tabs-nav li.info { float: right; padding-top: 10px; padding-right: 10px; border: none; }

body#en #wrapView .ui-tabs-nav li a { padding: 9px 15px 0px 16px; }
body#en #wrapView .ui-tabs-nav li.ui-tabs-selected a { color: #333; font-weight: 900; letter-spacing: 0px; }

body#zh #wrapView .postInfo { font-size: 1.08em; }


#wrapSnsWrite { margin-top: 5px; margin-bottom: 5px; padding: 8px; font-size: 0.92em; background-color: #f9f9f9; border: 2px solid #e9e9e9;  }
#wrapSnsWrite fieldset { margin: 0px; padding: 0px; border: 0px; line-height: 2em; }
#wrapSnsWrite #snsMessage { margin: 0px; padding: 0px; width: 696px; border: 1px solid #ddd; }
#wrapSnsWrite fieldset.essential { float: left; margin: 0px; margin-top: 3px; padding: 0px; border: 0px; }
#wrapSnsWrite fieldset.essential .username { margin-left: 0px; height: 18px; border: 1px solid #ddd; background: url('../imgs/twitter_bg_id.gif') #fff no-repeat; }
#wrapSnsWrite fieldset.essential .passwd { height: 18px; border: 1px solid #ddd; background: url('../imgs/twitter_bg_passwd.gif') #fff no-repeat; }
#wrapSnsWrite fieldset.essential span { vertical-align: top; }
#wrapSnsWrite #snsMessageCount { float: right; font: 900 1.33em verdana; text-align: center; color: #ccc; }
#wrapSnsWrite span.txt { display: inline-block; width: 80px; }
#wrapSnsWrite #hp { width: 100px; border: 1px solid #ddd; }
#wrapSnsWrite #mail { width: 250px; border: 1px solid #ddd; }
#wrapSnsWrite #address { width: 300px; border: 1px solid #ddd; }
#wrapSnsWrite #question { width: 200px; border: 1px solid #ddd; }


/* sns list */
#wrapSns { margin: 0px; margin-bottom: 10px; padding: 3px; list-style: none; }
#wrapSns li { clear: both; margin: 0px; margin-top: 5px; padding: 0px; padding-top: 10px; padding-bottom: 10px; height: 100%; border-bottom: 1px solid #ddd; overflow: hidden; }
#wrapSns li.winner { background-color: #f9f6f2; }
#wrapSns .borderNone { border: 0px; }
#wrapSns li img.snsPhotoFileUrl { float: left; margin-left: 10px; width: 48px; border: 2px solid #e9e9e9; }
#wrapSns li .snsContent { float: left; margin-left: 10px; width: 640px; }
#wrapSns li .snsContent img { vertical-align: middle; }
#wrapSns li .snsContent .date { padding-left: 5px; font: 0.92em tahoma; color: #999; }
#wrapSns li .snsContent p { margin-top: 5px; line-height: 1.4em; color: #666; overflow: hidden; }

/* sns paging */
.pagingSnsBt { clear: both; width: 720px; height: 26px; text-align: center; }


/* trackback list */
#wrapTrackbackUrl { margin-top: 10px; margin-bottom: 10px; padding: 8px; font-size: 0.92em; background-color: #f9f9f9; border: 2px solid #e9e9e9; }
#wrapTrackback { margin: 0px; margin-bottom: 10px; padding: 0px; width: 720px; list-style: none; }
#wrapTrackback li { clear: both; margin-top: 5px; background-color: #fff; border-bottom: 1px solid #dadada; height: 100%; overflow: hidden; }
#wrapTrackback .winner { clear: both; background-color: #f9f6f2; overflow: hidden; }
#wrapTrackback .borderNone { border: 0px; }
#wrapTrackback .picture { float: left; padding: 10px 0px 10px 5px; width: 130px; text-align: center; }
#wrapTrackback .trackbackArea { float: left; width: 580px; }
#wrapTrackback .info { display: table-cell; vertical-align: middle; padding: 10px; }
*html #wrapTrackback .info { display: inline; zoom: 1; }
*:first-child+html #wrapTrackback .info { display: inline; zoom: 1; }
#wrapTrackback .info img { vertical-align: middle; }
#wrapTrackback .info .name {  color: #555; }
#wrapTrackback .info .date { padding-left: 5px; font: 0.92em tahoma; color: #999; }

#wrapTrackback .viewSubject { clear: both; padding: 10px; padding-bottom: 0px; color: #666; line-height: 1.4em; overflow: hidden; white-space: nowrap; }
#wrapTrackback .viewContent { clear: both; padding: 10px; padding-top: 3px; color: #666; line-height: 1.4em; overflow: hidden; }


/* trackback paging */
.pagingTrackbackBt { clear: both; width: 720px; height: 26px; text-align: center; }


#wrapCommentWrite { margin-top: 5px; margin-bottom: 5px; padding: 8px; font-size: 0.92em; background-color: #f9f9f9; border: 2px solid #e9e9e9;  }
#wrapCommentWrite fieldset { margin: 0px; padding: 0px; border: 0px; line-height: 2em; }
#wrapCommentWrite #message { margin: 0px; padding: 0px; width: 696px; border: 1px solid #ddd; }
#wrapCommentWrite fieldset.essential { float: left; margin: 0px; margin-top: 3px; padding: 0px; border: 0px; }
#wrapCommentWrite fieldset.essential span { vertical-align: top; }
#wrapCommentWrite span.txt { display: inline-block; width: 80px; }
#wrapCommentWrite #name { width: 200px; border: 1px solid #ddd; }
#wrapCommentWrite #hp { width: 100px; border: 1px solid #ddd; }
#wrapCommentWrite #mail { width: 250px; border: 1px solid #ddd; }
#wrapCommentWrite #address { width: 300px; border: 1px solid #ddd; }
#wrapCommentWrite #question { width: 200px; border: 1px solid #ddd; }


/* comment list */
#wrapComment { margin: 0px; margin-bottom: 10px; padding: 0px; width: 720px; list-style: none; }
#wrapComment li { margin-top: 5px; background-color: #fff; overflow: hidden; }
#wrapComment li.winner { background-color: #f9f6f2; }
#wrapComment .comment { border-bottom: 1px solid #dadada; }
#wrapComment .borderNone { border: 0px; }
#wrapComment .info { display: table-cell; vertical-align: middle; padding: 10px; }
*html #wrapList #wrapComment .info { display: inline; zoom: 1; }
*:first-child+html #wrapComment .info { display: inline; zoom: 1; }
#wrapComment .info img { vertical-align: middle; }
#wrapComment .info .name {  color: #555; }
#wrapComment .info .date { padding-left: 5px; font-size: 0.92em; font-family: tahoma; color: #999; }
#wrapComment .viewContent { clear: both; padding: 10px; color: #666; line-height: 1.4em; overflow: hidden; }


/* comment paging */
.pagingCommentBt { clear: both; width: 720px; height: 26px; text-align: center; }



/* paging */
a.pagingBt { margin-right: 2px; }
a.pagingBt img { vertical-align: middle; }
a.pagingBtList { padding: 5px; padding-top: 3px; padding-left: 8px; padding-right: 8px; color: #333; font-family: tahoma; text-decoration: none; border-left: 1px solid #d9d9d9; }
a.pagingBtList:hover { text-decoration: underline; }
a.pagingBtListFirst { border-left: 0px; }
a.pagingBtListBold { color: #eb302f; font-weight: 900; }