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

/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, textarea, blockquote, th, td, input, select, p, button { margin: 0; padding: 0;}
body { background-color: #fff; font-size: 11px; line-height:21px;}
img { border: 0 none; vertical-align: middle;}
fieldset { border: 0 none; margin: 0; padding: 0;}
select, input { font-family: "Nanum Gothic", dotum, "돋움", verdana, sans-serif; vertical-align: middle;}
ul, ol { list-style-type: none;}
em, address { font-style: normal;}
table { border-collapse: collapse; table-layout: fixed;}
legend, caption { width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
hr, .accessibility { position:absolute; left:0; top:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
body { font-family: "Nanum Gothic", Dotum, '돋움'; font-size: 11px; line-height:21px; background-color: #fff;}

/* common */
.cl { clear:both;}
.fl { float:left}
.fr { float:right}
.f9 { font-size:9px !important;}
.f10 { font-size:10px !important;}
.f11 { font-size:11px !important;}
.f12 { font-size:12px !important;}
.cnt, .cnt a { font-family: tahoma; font-size: 9px; color: #ff8400;}
.ovHidden { overflow:hidden}
.tahoma9 { font-size: 9px; font-family:tahoma;}
.verdana9 { font-size: 9px; font-family:verdana;}
.date { font-family: tahoma; font-size: 9px; color: #b5b5b5 !important;}
.goTop { position:absolute; right:0; top:10px; height:30px; }
.goTop a { font-family: tahoma; font-size:9px; color:#58CCD9 !important; text-decoration:underline !important; font-weight:bold !important; padding:0 !important;}
.pb60 { padding-bottom:60px !important;}
.mb10 { margin-bottom:10px !important;}
.mt20 { margin-top:20px !important;}

/* link */
a:link, a:visited, a:active { color: #7e796e; text-decoration: none;}
a:hover, a:focus { color: #79d049 !important; text-decoration: underline;}

a.black:link, a.black:visited, a.black:active { color:#393939; text-decoration:none;}
a.black:hover { color:#79d049; text-decoration:underline;}

/* layout */
#container { clear:both; position:relative; width: 920px; margin: 0 auto; }
#container:after { clear:both; display:block; content:"";}
#header { width: 920px; height:110px; margin: 0px auto 20px;}
#header h1 { width:236px;}
#wrap { width:920px;}
#wrap:after { clear:both; display:block; content:"";}
#contents { float:right; width: 680px; padding:0 0 50px 0; position:relative;}
#contents:after { clear:both; display:block; content:"";}

/* sidebar */
#sidebar { float:left; width: 140px; margin: 0 70px 0 30px;}
#sidebar h2 { height:16px; padding-left:5px;}
#sidebar .date, #sidebar .num, #sidebar .c_cnt { font-family: tahoma; font-size: 9px; color: #ff8400;}
#category, #recentPost, #archive { border-top:1px solid #dedede; padding:20px 0 16px;}
#category .cateList { padding-left:5px; font-family:tahoma; font-size:9px;}
#category ul li ul li a, #category ul li ul li a:hover { padding-left:9px;}
#category ul li ul li a { background:url(images/icon2depth.gif) no-repeat 0 4px;}
#category ul li ul li a:hover { background:url(images/icon2depth_on.gif) no-repeat 0 4px;}
#recentComm { border-top:1px solid #dedede; padding:20px 0 10px;}
#recentComm ul, #recentPost ul, #archive ul, #admin ul, #counter ul { margin: 0; padding-left: 5px; }
#recentComm li { padding-bottom:7px; font-family: "Nanum Gothic", Dotum, '돋움'; line-height:16px; }
#recentComm li .name { font-family: "Nanum Gothic", Dotum, '돋움'; font-size:11px; color:#c8b1ff;}
#recentPost li { line-height: 18px; font-family: "Nanum Gothic", Dotum, '돋움';}
#archive ul li { font-family: verdana; font-size: 9px; line-height: 18px; }
#admin  { border-top:1px solid #dedede; padding:13px 0;}
#admin ul li { height:21px;}
#admin ul li a { vertical-align:middle}
#counter { border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:17px 0; }
#counter li { color: #58CCD9; font-family: georgia; font-size: 9px; font-style: italic; line-height: 18px;}

/* 컨텐츠 */
#contents .nonEntry { clear:both; }
#contents .entry, #contents .entryProtected  { clear:both; width: 680px; margin: 0 0 -1px; padding:0; overflow:hidden; border-top:1px solid #dedede;}
#contents .another_category { margin-top:20px !important; border-left:0 !important; border-right:0 !important; padding-left:0 !important; padding-right:0 !important}
#contents .another_category h4 { padding:0 0 8px !important;}
#contents .another_category h4, .another_category h4 a { color: #393939 !important;}
#contents .another_category h4 a:hover, .another_category h4 a:focus { color: #79d049 !important; text-decoration: underline;}
#contents .another_category th, .another_category th a { font-size:11px !important}
#contents .another_category th a:hover { color:#79d049 !important; font-size:11px !important; text-decoration:underline !important}
#contents .another_category th a.current { color:#79d049 !important; text-decoration:underline !important; border:none !important; }
#contents .another_category span { font-family: tahoma !important; font-size: 9px !important; color: #ff8400 !important; }
#contents .another_category td { color: #b5b5b5 !important; font-family: tahoma !important; font-size: 9px !important; text-align:right !important;}
#contents .another_category th a.current { border-color:#79D049 !important;}

.entryProtected h2 a, .entry h2 a { font-size: 12px; color: #393939; font-weight: bold;}
.articleTit { overflow: hidden; padding: 30px 0 0;}
.articleTit h3 { margin: 0 0 5px 0; color: #393939;}
.articleTit h3 a { color: #393939;}
.adminBtn a { font-family:tahoma; font-size:9px;}
.article { font-size: 11px; color: #7e796e; margin: 10px 0 0 0;}
.article:after { clear:both; display:block; content:"";}
.articleInfo { float:left; color:#393939; font-size: 9px; font-family:tahoma;}
.actionTrail { float:left; overflow: hidden; margin: 0; font-family: tahoma; font-size: 9px; color: #393939;}
.articleInfo em, .actionTrail em { color:#b5b5b5;}
.author { float:right; font: 10px tahoma; color: #393939; text-align: right;}
.author .name { color: #c8b1ff;	font-weight:bold;}
.articleBtm { clear:both; border-top: 1px solid #dedede; overflow:hidden;}
.trackback { overflow:hidden; }
.trackback .tbUrl { font-family: tahoma; font-size: 10px; margin: 0; padding: 8px 0; font-weight: normal; border-bottom: 1px solid #dedede; color:#7d7d7d; }
.trackback .tbUrl img { vertical-align:middle;}
.trackback h4 { font-family: "Nanum Gothic", Dotum, '돋움'; font-size: 12px; margin:0; padding: 0 0 5px;}
.trackback ol { clear:both; overflow:hidden}
.trackback ol li { border-bottom:1px solid #dedede;  padding: 10px 0;}
.trackback .from { font-size: 10px; font-family: tahoma;}
.trackback .name { font-size: 11px; font-family: "Nanum Gothic", Dotum, '돋움'; color:#c8b1ff;}
.trackback .btn { vertical-align: middle; margin-left:10px; }
.trackback p { font-family: "Nanum Gothic", Dotum, '돋움'; font-size: 11px; color: #7e796e; line-height: 16px; padding-bottom:5px;}
.comment { float:right; width: 600px; overflow:hidden;  margin: 0; padding: 0 }
.comment p { clear:both; display:block; padding-top:5px; line-height:21px; font-family: "Nanum Gothic", Dotum, '돋움'; font-size: 11px; color: #7e796e;}
.comment ol { padding: 20px 0 0; }
.comment ol li {  }
.comment li ul li { padding: 20px 5px 0px 40px;  background:url("./images/iconReComment.gif") no-repeat 5px 15px; border-bottom:1px solid #dedede;}
.comment ol li .rp_general { padding:0 5px 20px;}
.comment ol li .rp_admin, .comment ol li .rp_secret { padding:0 5px 20px;}
.comment ol li ul { border-top:1px solid #dedede;}
.comment ol li ul div { border-bottom:0}
.comment .name { margin-right:10px;}
.comment .name a { font-family: "Nanum Gothic", Dotum, '돋움'; font-size: 11px; color: #c8b1ff;}
.comment .control { height:21px;}
.comment .control a { vertical-align:middle;}
.commentWrite { float:right; width: 600px; overflow: hidden; color:#7e796e; padding: 20px 0px 0px 0px; position:relative; border-top:1px solid #dedede; margin-top:-1px; }
.commentWrite label.name { float:left; font-family: tahoma; font-size: 9px; color: #393939; margin-right:5px; padding:0; height:16px; }
.commentWrite label.password { float:left; font-family: tahoma; font-size: 9px; color: #393939; margin-right:5px; padding:0; height:16px;}
.commentWrite label.url { float:left; font-family: tahoma; font-size: 9px; color: #393939; margin: 5px 5px 0 0;; height:16px;}
.commentWrite input.input1 { float:left; margin-left: 5px; width: 120px; color:#7e796e; border:0; height:16px; padding: 2px 0 0 0; font-family: "Nanum Gothic", Dotum, '돋움'; font-size: 11px; color: #7e796e; line-height:16px; margin-right:80px;}
.commentWrite input.input2 { float:left; margin-left: 5px; width: 120px; color:#7e796e; border:0; height:16px; padding: 2px 0 0 0; font-family: "Nanum Gothic", Dotum, '돋움'; font-size: 11px; color: #7e796e; line-height:16px;}
.commentWrite input.homepage { float:left; margin: 0 0 0 5px; width: 200px; color:#7e796e; border:0; height:16px; font-family: "Nanum Gothic", Dotum, '돋움'; font-size: 9px; color: #7e796e; line-height:16px; padding-top:8px;}
.commentWrite .secretWrap { position:absolute; right:5px; top:42px;}
.commentWrite .checkbox { margin-right:5px;}
.commentWrite label.secret { font-family: tahoma; font-size: 9px; color: #393939; padding:0;}
.commentWrite .textarea { clear:both; width:/*@post-width:-98=*/ 588px /*@*/; height: 88px; overflow: hidden;  padding: 5px; margin:10px 0 0 0 ; color: #7e796e; border: 1px solid #f6d6e7; font-family: "Nanum Gothic", Dotum, '돋움'; font-size: 11px; line-height:16px}
.commentWrite .submit { clear:both; float:right; background:url(./images/btn_comment.gif) no-repeat; width:76px; height:20px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:10px 0 30px 0; }
.entryProtected { color: #666; }
.entryProtected p.text { padding:15px; border: 1px solid #eaeaea; background-color: #f5f5f5; margin-bottom:15px; }
.entryProtected input { width:200px; border: 1px solid #e1e1e1; background-color: #f3f3f3;}
.entryProtected .submit { background:url(./images/btn_ok.gif) 0 50% no-repeat; width:50px; height:23px; overflow:hidden; display:inline; text-indent:-1000em; border:0; cursor:pointer;}
.tagText { font-family:tahoma; font-size:9px; color:#393939}

/* 페이지 */
#paging { border-top:1px solid #dedede; position:relative; top: 0px;}
#paging, #paging a { clear:both; width:680px; margin: 0px auto; padding:30px 0; text-align: center; overflow:hidden; }
#prevPage, #nextPage { font-family:Verdana; font-size:10px; padding:0 6px;}
#prevPage a:hover, #nextPage a:hover {  font-family:verdana; font-size:10px; text-decoration: none; color:#79d049; font-weight:bold;}
#paging .numbox a span, #paging .numbox span { font-family:verdana; font-size:10px; text-decoration: none; text-align: center;}
#paging .numbox a:hover span, #paging .numbox span:hover { font-family:verdana; font-size:10px; text-decoration: none; text-align: center; font-weight:bold;}
#paging a.num, #paging .num  { padding: 0 7px; color: #7d7d7d; font-family:verdana; font-size:10px; text-decoration:none;}
#paging a.num:hover { font-family:verdana; font-size:10px; color: #79d049; text-decoration: none; font-weight:bold}
#paging span.selected { color: #7fdae4; font-family:verdana; font-size:10px; font-weight:bold; text-decoration:none;}

/* footer */
#footer { clear:both; width: 680px; margin: 0 auto; }
#footer .adTistory { float:left; }
#footer .copyright { clear:both; font-family: tahoma, Vadana, san-serif; font-size: 9px; text-align: center; padding: 0; margin: 0; color: #d4d4d4;}
#footer .copyright p, #footer .copyright p a, #footer .copyright a, #footer .copyright .tistory, #footer .copyright .tistory a { color: #d4d4d4; }
#footer .copyright a:hover, #footer .copyright .tistiry a:hover {color: #79d049}
#footer .adTistory .logoTistory { background: url(./images/logo2.png) no-repeat; width: 105px; height: 34px; text-indent: -100em; display: block; overflow: hidden;}
* html #footer .adTistory .logoTistory { background-image:none; cursor: pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tisStudioWhite/images/logo2.png', sizingMethod='crop');}

/*
.category { float: left; font-size: 9px; color: #393939; font-family:tahoma; cursor:pointer;}
.article_category { float: left; font-size: 9px; color: #393939; font-family:tahoma ;}
.date {float: left; font-family: tahoma; font-size: 9px; color: #393939}
.title_line {margin-top: 30px; border-bottom: 1px solid #eaeaea; width: 680px; margin-bottom: 10px;}
.ttShareEntryWithSNS {padding-top:30px !important}
#blogMenu ul {margin: 0; padding: 0;}
#widget { padding:10px 0 0 0;}
#btnRSS { border-bottom: 1px solid #e1e1e1; }
#btnRSS img {margin-left: 6px;}
.tt_article_useless_p_margin p { line-height:21px !important;}
*/