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

/* CSS Reset */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display:block;}
ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins {background-color:#ff9; color:#000; text-decoration:none;}
mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}
table {border-collapse:collapse; border-spacing:0;}
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select, textarea {vertical-align:middle; outline:none; margin:0; padding:0;}

/* Common */
body {color:#555; background-color:#555; font-size:13px;}
body, table, input, textarea, select, button {font-family:Nanum Gothic,sans-serif;}
a {color:#555; text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:underline;}

#skip {position:absolute; top:-1000px; z-index:10000;}
#skip:hover, #skip:focus, #skip:active {color:#555; font-size:12px; top:0; width:100%; display:block; text-align:center; background-color:#ddd; padding:10px 0;}

.txt_out {text-indent:-9999px; display:block;}
.vi_out {margin:0!important; background:none!important; padding:0!important; font-size:0!important; line-height:0!important; height:0!important; display:block; visibility:hidden; border:0!important;}
.c_cnt {color:#bc4200;}
.date {color:#767676; font-size:12px; font-family:Trebuchet MS;}

/* Layout */
#header {width:1020px; height:55px; margin:35px auto 0; overflow:hidden; background:url('images/bg_header.gif') no-repeat center bottom;}
#footer {width:1020px; margin:0 auto; overflow:hidden; background:url('images/bg_footer.gif') no-repeat center top;}
#wrap_con {width:1020px; min-height:100px; margin:0 auto; background:url('images/bg_con.gif') repeat-y center top; position:relative;}
#wrap_con:after {content:'';display:block;height:0;clear:both;}
*:first-child+html #wrap_con{min-height:1px}/*IE7*/
#sidebar {width:249px; margin:7px 0 0 10px; float:left;}
#contents {float:left; width:751px;}

/* Header */
#header h1 {font-size:24px; margin-left:15px; float:left; letter-spacing:2px; min-width:265px;}
#header h1 a {color:#ddd;}
#header nav {float:left; margin-top:19px;}
#header nav ul {overflow:hidden;}
#header nav li {display:block; float:left; font-size:11px; background:#eee url('images/bg_menu.gif') repeat-x left bottom; height:26px; margin-right:5px;}
#header nav li.t_menu_home,
#tt-body-media nav li.t_menu_medialog,
#tt-body-guestbook nav li.t_menu_guestbook,
#tt-body-tag nav li.t_menu_tag,
#tt-body-location nav li.t_menu_location {background:#fff;}
#tt-body-media #header nav li.t_menu_home,
#tt-body-guestbook #header nav li.t_menu_home,
#tt-body-tag #header nav li.t_menu_home,
#tt-body-location #header nav li.t_menu_home {background:#eee url('images/bg_menu.gif') repeat-x left bottom;}
#header nav li a {line-height:26px; padding:0 12px;}
#header div {float:right; margin:10px 15px 0 0;}
#header div input {float:left; background:#ccc; color:#555; border:0; width:171px; height:19px; padding:3px; margin-right:8px;}
#header div input:focus {background:#ddd;}
#header div a {float:left; background:url('images/icon.gif') no-repeat left top; width:24px; height:24px;}

/* Sidebar */
#sidebar section {margin-bottom:30px; overflow:hidden;}
#sidebar section.introduce {margin-bottom:0; *margin-bottom:15px;}
.introduce img {float:left; width:88px; border:1px solid #ccc; margin:0 15px 15px;}
.introduce p {float:left; font-size:12px; line-height:16px; width:110px; word-break:break-all; padding-bottom:20px;}
.introduce p span {display:block; line-height:25px; font-weight:bold;}
.btns a {margin-left:15px; font-size:10px; display:inline-block; *display:inline; *zoom:1; height:12px; font-family:Trebuchet MS; padding:2px 0 0 20px; letter-spacing:1px; background-image:url('images/icon.gif'); background-repeat:no-repeat;}
.btns a.rss {background-position:left -30px;}
.btns a.wrt {background-position:left -45px;}
.btns a.adm {background-position:left -60px;}
#sidebar section .tit {line-height:33px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#ddd url('images/arr_right.gif') no-repeat 15px center; font-size:11px; font-family:Trebuchet MS; font-weight:normal; letter-spacing:1px; padding-left:27px; margin-bottom:2px;}
#sidebar section ul {margin:0 15px;}
#sidebar section.tag ul {margin-top:10px;}
#sidebar section ul li ul {margin:0;}
#sidebar section ul li ul li ul {margin-left:15px;}
#sidebar section ul li {font-size:12px;}
#sidebar section ul li a {display:inline-block; *display:inline; *zoom:1; background-image:url('images/icon.gif'); background-repeat:no-repeat; padding:2px 0 2px 19px; margin-top:10px;}
#sidebar section ul li .c_cnt {font-family:Verdana; font-size:10px;}
#sidebar section.cat ul li a {background-position:left -80px;}
#sidebar section.cat ul li ul li ul li a {background-position:7px -106px;}
#sidebar section.rcp ul li a {background-position:left -130px;}
#sidebar section.rcc ul li a {background-position:left -155px;}
#sidebar section.rct ul li a {background-position:left -180px;}
#sidebar section.ntc ul li a {background-position:left -204px;}
#sidebar section.lnk ul li a {background-position:left -230px;}
#sidebar section.arc ul li a {background-position:left -254px;}
#sidebar section.tag ul li a {background:none; margin-top:0;}
#sidebar section ul li p {padding:5px 10px 5px 19px; overflow:hidden; color:#6c6c6c;}
#sidebar section ul li:last-child p {padding-bottom:0;}
#sidebar section ul li p strong {float:left;}
#sidebar section ul li p span {float:right; padding-top:2px; font-family:Trebuchet MS; font-size:10px;}
#sidebar section .cal_wrap {margin:15px 15px 0; font-size:12px;}

/* Calendar */
.tt-calendar caption {padding-bottom:10px; font-family:Trebuchet MS; letter-spacing:2px; *position:relative;}
.tt-calendar caption a {display:inline-block; *display:block; *position:absolute; *top:0; padding-top:2px;}
.tt-calendar caption a:first-child {*left:35px; background:url('images/icon.gif') no-repeat left -305px;}
.tt-calendar caption a:first-child,.tt-calendar caption a+a+a {text-indent:-9999px; width:14px; height:12px;}
.tt-calendar caption a+a {*margin-left:-30px;}
.tt-calendar caption a+a+a {*right:35px; background:url('images/icon.gif') no-repeat left -280px;}
.tt-calendar th.cal_week2 {color:#bc4200}
.tt-calendar th, .tt-calendar td {text-align:center; line-height:20px;}
.cal_day4 {background:#6c6c6c; color:#eee!important; border-radius:3px;}
.cal_day4 a {color:#eee!important;}
.cal_day_sunday,.cal_day_sunday a {color:#bc4200;}
a.cal_click {font-weight:bold; text-decoration:underline;}

/* Contents */
#contents h3 {margin-top:20px; line-height:25px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; font-size:18px; background:#ddd url('images/bg_tit.gif') repeat-y left top; padding:10px 30px; overflow:hidden;}
#contents h3 p {padding:5px 5px 5px 55px; min-height:28px; float:left; background-position:left center; background-repeat:no-repeat;}
#contents .rst h3 p {background-image:url('images/icon_rst.gif');}
#contents .loca h3 p {background-image:url('images/icon_loca.gif');}
#contents .ntc h3 p {background-image:url('images/icon_ntc.gif');}
#contents .media h3 p {background-image:url('images/icon_media.gif');}
#contents .tag h3 p {background-image:url('images/icon_tag.gif');}
#contents .gst h3 p {background-image:url('images/icon_gst.gif');}
#contents .atc h3 p {background-image:url('images/icon_atc.gif');}
#contents .prt h3 p {background-image:url('images/icon_prt.gif');}
#contents h3 strong {display:block; color:#bc4200; float:right; padding-top:5px; font-weight:bold; *margin:-45px 20px 0 0;}
#contents h3 strong span {font-size:15px; color:#555; padding-left:3px; font-weight:normal;}

/* Tag Cloud */
#contents .tag ul {margin:35px 40px 0;}
#contents .tag ul li {padding:3px 2px 6px 2px;}
.tag ul {text-align:justify;}
.tag ul li {display:inline-block; *display:inline; *zoom:1; padding:3px;}
.tag ul li a {display:block;}
.cloud5 {font-size:11px; color:#6c6c6c; padding:0!important;}
.cloud4 {font-size:13px; color:#555; padding:0!important;}
.cloud3 {font-size:14px; color:#333; font-weight:bold; padding:0!important}
.cloud2 {font-size:15px; color:#eee; line-height:25px; background:#6c6c6c!important; padding:0px 5px!important; border-radius:5px;}
.cloud1 {font-size:15px; color:#eee; line-height:25px; background:#555!important; padding:0px 5px!important; border-radius:5px;}

/* Search Result */
ol.list {margin:25px 40px 40px; list-style:decimal inside; color:#767676; *list-style:none;}
ol.list li {padding:10px 5px; line-height:20px; overflow:hidden; border-bottom:1px solid #ddd;}
ol.list li a {color:#333; max-width:555px; display:inline-block; *display:block; *float:left; vertical-align:top; margin-left:5px;}
ol.list li .c_cnt {font-size:11px; font-family:verdana;}
ol.list li .date {float:right; font-size:11px;}

/* Media Log */
.media_wrap {margin:20px 40px 40px;}
.media_wrap select {height:25px; font-size:13px!important; margin-bottom:20px; background:#ccc; border:1px solid #bbb;}

/* Location log */
.loca nav {margin:35px 40px 0; line-height:18px;}
.loca nav p {border-bottom:1px solid #ddd; padding:10px 5px;}
.loca nav span,.loca nav a {padding-left:20px;}
.loca nav span {color:#767676; background:url('images/arr_right_opacity.gif') no-repeat 10px center;}
.loca nav a {color:#333; background:url('images/arr_right.gif') no-repeat 10px center;}
.loca nav a+a {background:none; padding-left:0;}

/* Guestbook,Reply Form */
.re_write {margin:0 40px; padding-bottom:25px;}
#tt-body-guestbook .re_write {padding-bottom:0; margin:35px 40px 0;}
.re_write p {overflow:hidden; margin-bottom:10px;}
.re_write p label {width:90px; display:block; float:left; font-family:Trebuchet MS; letter-spacing:1px; font-size:11px; padding-top:7px;}
.re_write p input,.protect input[type=password] {border:1px solid #ccc; background:#eee; width:190px; padding:5px; font-size:12px;}
.re_write p input.website {width:569px;}
.re_write p input:focus,.re_write textarea:focus,.protect input[type=password]:focus {background:#fff;}
.re_write textarea {display:block; width:650px; height:100px; resize:vertical; background:#eee; border:1px solid #ccc; padding:10px; margin:0 0 10px 0; overflow:auto; *margin-left:-40px; line-height:20px;}
.re_write div {float:left;}
.re_write input[type=submit],.protect input[type=button] {border:0; background:#767676; color:#fff; padding:5px 10px; cursor:pointer; border-radius:5px; font-size:11px; font-family:Trebuchet MS; letter-spacing:1px; *padding:3px;}
.re_write input[type=submit] {float:right; *float:auto; *clear:both; *margin:-30px 0 0 570px;}
.re_write input[type=submit]:hover,.protect input[type=button]:hover {background:#555; text-decoration:underline;}
.re_write:after {content:'';display:block;height:0;clear:both;}
*:first-child+html .re_write{min-height:1px}/*IE7*/

/* Guestbook,Reply List */
.re_list {margin:0 40px; padding:0 0 10px 0;}
#tt-body-guestbook .re_list {padding:20px 0;}
.re_list ol,.trackback ol {list-style:none;}
.re_list ol li.li_wrap {border:1px solid #ccc; margin-bottom:25px; background:#ddd; position:relative; padding-top:15px; line-height:20px; box-shadow:4px 4px #eee}
.re_list ol li .name {padding:0 10px 0 20px;}
.re_list ol li .name a {font-weight:bold; color:#333;}
.re_list ol li .name img {width:20px; height:20px; vertical-align:middle;}
.re_list ol li .edit {font-size:10px; font-family:Trebuchet MS; letter-spacing:1px; color:#616161;}
.re_list ol li .btn_re {position:absolute; top:13px; right:20px; background:url('images/icon_reply.gif') no-repeat left top; font-family:Trebuchet MS; font-size:11px; letter-spacing:1px; padding:4px 0 0 25px;}
.re_list ol li p {background-color:#fff; padding:20px; border-top:1px solid #ccc; margin-top:15px;}
.re_list ol li .date {display:block; text-align:right;}
.re_list ol li.li_re {position:relative; border-top:1px solid #ccc; padding-top:15px; background:#eee url('images/icon_arr_re.gif') no-repeat 20px 10px;}
.re_list ol li.li_re .name {padding:0 10px 0 65px;}
.re_list ol li.li_re p {padding:20px 20px 20px 65px; text-align:justify;}
.re_list ol li p.guest_admin,.re_list ol li p.rp_admin {background-image:url('images/bg_line.gif'); color:#333;}
.re_list ol li p.guest_secret,.re_list ol li p.rp_secret {color:#767676;}
.re_list ol li p.hiddenComment {color:#767676; height:48px; padding:40px 0 15px 120px; background-image:url('images/icon_secret.gif'); background-repeat:no-repeat; background-position:50px center;}
.re_list ol li p.hiddenComment .date {display:none;}

/* Article */
#contents .atc {margin-bottom:20px;}
#contents .ntc {padding-bottom:20px;}
.info {padding:17px 40px; overflow:hidden; line-height:20px; border-bottom:1px solid #ccc;}
.info dl {float:left; overflow:hidden;}
.info dl dt {float:left; padding:0 5px; margin-right:8px; line-height:20px; background:#767676; border-radius:3px; color:#fff; font-family:Trebuchet MS; font-size:11px; letter-spacing:1px;}
.info dl dd {float:left; font-weight:bold;}
.info .date {float:right; display:block;}
.info p {clear:both; padding-top:10px;}

article {margin:30px 40px; line-height:22px; text-align:justify;}
article a {color:#bc4200;}
article img {max-width:671px; height:auto;}
.moreless_top span,.moreless_fold span,.moreless_bottom span {background-color:#767676; background-repeat:no-repeat; background-position:10px center; display:inline-block; line-height:28px; padding:0 10px 0 29px; border-radius:5px; color:#fff; margin:10px 0; font-size:12px;}
.moreless_top span:hover,.moreless_fold span:hover,.moreless_bottom span:hover {background-color:#555;}
.moreless_top span,.moreless_bottom span {background-image:url('images/icon_close.gif');}
.moreless_fold span {background-image:url('images/icon_open.gif');}
.moreless_content {padding:10px 20px; border:1px solid #ddd; background:url('images/bg_line.gif'); color:#333;}
.cap1 {text-align:center; font-size:12px; color:#767676;}
.tx-quote-tistory {background:url('images/icon_quote.gif') no-repeat left top; padding:10px 0 0 70px;}

.tag_list {border-top:1px solid #ccc; padding:17px 40px; line-height:20px; overflow:hidden;}
.tag_list h4 {float:left; background:#767676; border-radius:3px; padding:0 5px; color:#fff; font-family:Trebuchet MS; font-size:11px; letter-spacing:1px;}
.tag_list div {width:620px; float:left; margin-left:15px; color:#fff;}
.tag_list div a {color:#767676; background-image:url('images/arr_right_opacity.gif'); background-repeat:no-repeat; background-position:left center; padding-left:8px; display:inline-block; *display:inline; *zoom:1; margin-right:3px;}
.tag_list div a:hover {color:#555; background-image:url('images/arr_right.gif');}

.trail {border-top:1px solid #ccc; padding:17px 40px; line-height:20px; text-align:right;}
.trail a {margin-left:15px; font-size:11px; font-family:Trebuchet MS; letter-spacing:1px; background:url('images/arr_right.gif') no-repeat left center; padding-left:10px;}
.trail a .c_cnt {font-family:Verdana; font-weight:bold; font-size:10px; letter-spacing:0;}

.trackback {margin:0 40px 20px; border:1px solid #ccc; border-bottom:0; background:#ddd; box-shadow:4px 4px #eee;}
.trackback h4 {padding:15px 0; font-family:Trebuchet MS; font-size:11px; letter-spacing:1px; text-align:center; font-weight:normal; border-bottom:1px solid #ccc;}
.trackback ol {background:#fff;}
.trackback ol li {border-bottom:1px solid #ccc; padding:20px;}
.trackback h5 a {font-size:13px; line-height:22px;}
.trackback h5 a.delete {color:#bc4200; font-size:10px; font-family:Trebuchet MS; font-weight:normal; margin-left:5px;}
.trackback p {color:#767676; font-size:12px; line-height:18px;}
.trackback p strong {color:#555; margin-right:5px;}
.trackback p span {margin-left:5px;}

.prt .date {display:block; margin:30px 40px 0; text-align:right;}
.protect {margin:40px 40px 50px; padding:30px 30px 30px 80px; background:url('images/bg_line.gif'); border:1px solid #ddd; color:#333;}
.protect h4 {font-size:14px; line-height:25px; margin-bottom:20px;}

/* Paging */
#paging {margin:10px 0 40px; line-height:25px; border-bottom:1px solid #ccc; border-top:1px solid #ccc; background:#ddd url('images/bg_tit.gif') repeat-y left top; padding:10px; overflow:hidden; position:relative;}
#paging .btn_prev,#paging .btn_next {position:absolute; font-size:11px; font-family:Trebuchet MS; letter-spacing:1px;}
#paging .btn_next {right:40px; background:url('images/arr_right.gif') no-repeat right center; padding-right:8px;}
#paging .btn_prev {left:40px; background:url('images/arr_left.gif') no-repeat left center; padding-left:8px;}
#paging a.no-more-prev:hover,#paging a.no-more-next:hover {text-decoration:none;}
#paging a.no-more-prev {background:url('images/arr_left_opacity.gif') no-repeat left center; color:#767676;}
#paging a.no-more-next {background:url('images/arr_right_opacity.gif') no-repeat right center; color:#767676;}
#paging p {width:500px; margin:0 auto; text-align:center; font-size:11px; font-family:verdana;}
#paging p a {padding:0 5px;}
#paging p a span {color:#616161}
#paging p a span.selected {font-weight:bold; color:#333;}
#paging p a:hover,#paging p a:hover span.selected {text-decoration:none;}
#paging p a:hover span {text-decoration:underline;}

/* Btn (Top) */
.btn_top {display:block; position:absolute; z-index:1; right:10px;}
.btn_top a {position:fixed; bottom:70px;display:block; background:#eee url('images/btn_top.gif') no-repeat left top; height:25px; font-family:tahoma; letter-spacing:1px; padding-left:19px; line-height:25px; font-size:10px; width:30px;}

/* Footer */
#footer p {color:#ddd; font-family:Trebuchet MS,Dotum,돋움; padding:25px 0 20px; letter-spacing:1px; font-size:10px;}
#footer p.counter {float:left; margin-left:12px;}
#footer p.copyright {float:right; margin-right:15px;}
#footer p a {color:#ddd; font-size:11px;}
#footer p span {font-size:11px;}