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

html, body { margin: 0; padding: 0; }

body, input, textarea { font-size: 13px; font-family: Meiryo, "나눔고딕", "맑은 고딕", Verdana, serif; }

#header h1,
#entry .titleWrap .date .category,
#sidebar .widget h3 { font-family: Meiryo, "나눔고딕", "Nanum Gothic", "맑은 고딕"; }

#footer_bar .widget h3,
#content h2 { font-family: Meiryo, "나눔명조", "나눔고딕", "맑은 고딕"; font-size: 30px; }

a {
text-decoration:none;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
a:hover { text-decoration: none; }

img {
border: 0;
transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
}
img:hover { opacity: 0.6; }

.verdana { font-family: verdana; }
.tahoma { font-family: tahoma; }

.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }

.another_category { margin-top: 50px !important; }

.daum_like_wrapper { margin-top: 50px; }

.moreless_fold {
background: url(./images/icon_more.gif) center left no-repeat;
color: #000;
padding: 0 0 0 20px;
}

.moreless_top {
background: url(./images/icon_less.gif) center left no-repeat;
color: #000;
padding: 0 0 0 20px;
}

.moreless_bottom {
background: url(./images/icon_less.gif) center right no-repeat;
color: #666;
padding: 0 20px 0 0;
text-align: right;
}

a.tx-link {
border-bottom: 2px solid #3a3;
background: url(./images/External-Link.png) center right no-repeat;
padding: 0 13px 0 0;
font-weight: bold;
}

a.key1 {
border-bottom: 1px dashed #3a3;
font-weight: bold;
cursor: pointer;
}

::-moz-selection {
background-color: #333;
text-shadow: 1px 1px #000;
color: #fff;
}

::selection {
background-color: #333;
text-shadow: 1px 1px #000;
color: #fff;
}

#go_top{
padding: 10px;
background: #333;
font-size: 13px;
position: fixed;
right: 50px;
bottom: 10px;
color: #fff;
border: 1px solid #333;

transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
}

#go_top:hover {
background: #fff;
color: #000;
cursor: pointer;
border: 1px solid #888;
}


/******* wrap *******/
#wrap {
width: 1000px;
margin: 0 auto;
line-height: 180%;
padding: 0 30px;
}


/******* 헤더 *******/
#header { padding: 80px 0 30px; }

#header h1 {
font-size: 15px;
margin: 0;
padding: 2px 5px;
color: #fff;
border-left: 5px solid #666;
background-color: #959595;
display: inline;
text-shadow: 1px 1px #666;
}

#header .blog_menu { margin-top: 5px; }
#header .blog_menu ul { padding: 0; margin: 0; }
#header .blog_menu li { margin-right: 30px; list-style: none; float: left; list-style-position: inside; letter-spacing: 1px; text-transform: lowercase }
#header .blog_menu li a { color: #999; }
#header .blog_menu li a:hover { color: #f99; }


/******* 컨텐츠 *******/
#content { float: left; width: 760px; border-top: 2px solid #000; color: #333; word-break: break-all; }
#content a { color: #333; }
#content a:hover { color: #3a3; }


/* 글 목록 */
#post_list { padding:0; margin:0; }
#post_list ul { padding:0; margin:0; border-top:1px solid #ddd; }

#post_list li { padding:10px 5px 8px; border-bottom:1px solid #ddd; list-style-type:none; list-style-position:inside; }
#post_list li:hover { background:#fbfbfb; }

#post_list .list_date, #post_list .cnt {
float:right;
padding: 0 3px;
background: #bbb;
color: #fff;
border-radius: 5px;
}

#post_list .cnt {
margin-right: 5px;
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
#post_list .cnt:hover { background-color: #333; }


/* 포스팅 */
#entry { padding-bottom: 20px; margin-bottom: 50px; border-bottom: 2px solid #000; }
#entry h2 { padding: 0; margin-top: 30px; letter-spacing: -2px; text-align: center; }
#entry h3 { border-left: 8px solid #666; border-right: 8px solid #666; background: #888; padding: 8px; text-shadow: 1px 1px #666; color: #fff; }

#entry .titleWrap .date { letter-spacing: 2px; text-align: center; margin-top: 30px; }
#entry .titleWrap .date_monthday { color: #d1556c; }
#entry .titleWrap .date .category { background: #959595; padding: 2px 5px; border-left: 5px solid #666; color:#fff; margin-right: 5px; text-shadow: 1px 1px #666; }
#entry .titleWrap .admin { letter-spacing: 2px; text-align: center; margin-top: 30px; }

#entry .article { padding: 50px 0; font-size: 15px; }

#entry .article pre {
padding: 10px;
margin: 10px 0;
width: 738px;
overflow-x: auto;
overflow-y: hidden;
border: 1px solid #b2b2b2;
font: 12px/180% Lucida Console;
background: #f7f7f7;
}
#entry .tx-quote-tistory { border-left: 8px solid #f5f5f5; padding: 5px 20px; margin: 0; }
#entry .shareaholic-canvas { margin-bottom: 50px; }


/* 태그 */
#tagTrail { margin-bottom: 30px; }
#tagTrail .tagText { font-size: 15px; }


/* 댓글&트랙백 보이기, 숨기기 */
#actionTrail { font-size: 15px; }


/* 트랙백 주소 및 수신 */
#trackback { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 0 10px; background: #fafafa; margin-top: 15px; }
#trackback h3 { font-size: 11px; }
#trackback ol { padding: 0; border-top: 1px dashed #eee; }
#trackback ol li { list-style: none; border-bottom: 1px dashed #eee; }
#trackback ol li h4 { margin: 10px 0; }


/* 댓글 리스트 */
#comment { margin-top: 20px; }
#comment img { border-radius: 50%; vertical-align: middle; }
#comment .commentList ol { list-style: none; padding: 0; margin: 0; }
#comment .commentList ol li { padding: 0; border-top: 1px solid #eee; margin-bottom: 20px; }
#comment .commentList ol li:hover { background: #fafafa; }
#comment .commentList ol li div { border-bottom: 1px solid #eee; padding: 10px; }
#comment .commentList ol li ul { list-style: none; padding-left: 30px; margin: 0; }
#comment .commentList ol li ul li { border: none; margin-bottom: 0; }

#comment .control { float: right; }
#comment .control a { background: #ddd; padding: 4px 6px; font-size: 11px; }
#comment .control a:hover { background: #333; color: #fff; }

#comment .name { font-size: 16px; }
#comment .date { float: none; font-size: 12px; }

#comment .tistoryProfileLayerTrigger { margin-bottom: -2px; }


/* 댓글 쓰기 */
#commentWrite .name, #commentWrite .password, #commentWrite .homepage { font-size: 12px; width: 200px; padding: 5px 0 5px 60px; border: 1px solid #ddd; }
#commentWrite .name { background: url(./images/input_name.gif) 5px center no-repeat; }
#commentWrite .password { background: url(./images/input_password.gif) 5px center no-repeat; }
#commentWrite .homepage { background: url(./images/input_homepage.gif) 5px center no-repeat; }

#commentWrite textarea { width: 500px; border: 1px solid #ddd; padding: 10px; }

#commentWrite input.submit {
width: 100px;
padding: 10px;
background: #333;
color: #fff;
cursor: pointer;
border: 1px solid #000;

-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
#commentWrite input.submit:hover { background-color: #fff; color: #333; }

#tt_captChaBottom { width: 522px; margin-top: 10px; }
#tt_captChaBottom .inner_captcha_box { width: 760px !important; }


/******* 페이징 *******/
#paging { text-align: center; margin: 30px; }


/******* 사이드바, 하단바 *******/
#sidebar { border-top: 2px solid #000; float: right; width: 220px; margin-bottom: 50px; overflow: hidden; line-height: 160%; }
#sidebar a { color: #666; line-height:200%; }
#sidebar a:hover { color: #99f; }
#sidebar img { max-width:220px !important; border-radius: 5%; overflow:hidden; }

#sidebar .widget h3 { font-size: 13px; color: #666; margin: 0 0 5px 0; padding: 0 0 5px 0; border-bottom: 1px solid #eee; text-shadow: #eee 1px 1px; }
#sidebar .widget { color: #888; margin-bottom: 30px; }

#footer_bar { border-top: 1px solid #eee; }
#footer_bar .widget h3 { font-size: 20px; color: #666; padding-left: 15px; text-shadow: #eee 1px 1px; }
#footer_bar div { float: left; width: 300px; padding: 20px 15px 50px; color: #888; font-size: 14px; word-break: break-all; }
#footer_bar a { color: #666; line-height: 200%; }
#footer_bar a:hover { color: #99f; }

.category_widget { margin: 0; padding: 0 !important; }
.category_widget ul { list-style: none; margin: 0; padding: 0; }
.category_widget li { list-style-type: none; list-style-position: inside; }
.category_widget ul li ul li ul li { padding-left: 10px; list-style: none; }

.search { border: 1px solid #f1f1f1; width: 80%; padding: 5px 10px; }

.flickr img { margin-right: 5px; }


/******* 푸터 카피라이트 *******/
#footer { padding: 20px 0; text-align: right; border-top: 1px solid #eee; color: #aaa; letter-spacing: 2px; }
#footer a { color: #888; }
#footer a:hover { color: #f99; }