@charset "utf-8";

/**
Open Souce Project - Munji

Author : Elon Alice Kim
Subject : CSS Standard

Copyright : Design Factory Idep (http://dfidep.tistory.com)
*/

/* 공통 */
html {overflow-y:scroll}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin:0; padding:0}
body {font:12px '나눔고딕', NanumGothic, '돋음', Dotum; color:#5c6266; background:url(./images/bg_100910_01.png) repeat-y 0 0}
img, fieldset, table, tr, td {border:0}
img {vertical-align:top; border:none}
ul, ol {list-style:none}
address {font-style:normal}
a {font-family:'나눔고딕', NanumGothic, '돋음', Dotum; color:#44acc6; text-decoration:none}
a:hover {text-decoration:underline}
input {*margin:-1px 0; font:11px '나눔고딕', NanumGothic, '돋음', Dotum}
label {font:700 11px '나눔고딕', NanumGothic, '돋음', Dotum; cursor: pointer}
textarea {font-family:'나눔고딕', NanumGothic, '돋음', Dotum}
legend {display:none}

.ng {font-family:'나눔고딕', NanumGothic, '돋음', Dotum}

.show {display:block}
.hide {display:none}
.display {display:block}
.display span {display:none}
.line {color:#ddd}

/* 세팅 */
.cnt {color:#5c6266}

/* 티스토리 자체 플러그인 */
.tistoryProfileLayerTrigger {vertical-align:-2px!important; *vertical-align:1px!important}
#tistoryProfileLayer .wrapMiddle .first.item .innerItem {*height:10!important}

/* ie6 min-width, min-height */
* html #wrap {margin-left:800px; zoom:1}
* html #wrap_ie6 {position:relative; margin-left:-800px; zoom:1}
* html #container {height:auto; height:500px}

/* 레이아웃 */
#wrap {margin:0 auto; padding:0; width:860px}
#header {overflow:hidden; padding:0 15px; height:45px; background:url(./images/header.png) repeat-x}
#container {padding:30px; min-height:500px}
#footer {clear:both; padding-top:20px; height:90px; text-align:center; line-height:1.7}

/* 상단영역 */
#header h1 a {float:left; display:inline-block; margin-top:9px; font-size:20px; color:#85dcf2}
#header #gnb {float:right; margin-top:14px; font-size:13px}
#header #gnb h3 {font-size:13px}
#header #gnb a {font-weight:700; color:#fff}
#header #gnb ul {overflow:hidden}
#header #gnb ul li {float:left; padding:0 15px; background:url(./images/hd_line.png) no-repeat 0 2px}
#header #gnb ul li.first {background:none}

/* 토글 메뉴 */
#hide_menu {position:absolute; top:35px; right:110px; z-index:13; padding:10px; border:3px #44acc6 solid; background-color:#fff}
#hide_menu a {color:#5c6266}
#hide_menu ul li {font-weight:700; font-size:14px; line-height:1.5}
#hide_menu ul li ul li {padding-top:10px; font-size:12px}
#hide_menu ul li ul li a {color:#44acc6}
#hide_menu ul li ul li ul li {padding-top:0; padding-left:13px; background:url(./images/arrow_ico.png) no-repeat 0 6px}
#hide_menu ul li ul li ul li a {font-weight:400; color:#5c6266}

/* 댓글, 방명록 쓰기 */
.cm_write .area {padding:10px 12px 7px 10px; *padding-top:8px; background-color:#fafafa; border:1px #dadada solid}
.cm_write table {width:100%!important}
.cm_write thead {display:none}
.cm_write .userinfo {padding-top:7px; height:22px}
.cm_write .userinfo label {vertical-align:0; *vertical-align:4px}
.cm_write .userinfo .option {float:left}
.cm_write .userinfo .text_input {margin-left:5px; margin-right:8px; padding:3px; width:96px; height:13px; border:1px #cacaca solid}
.cm_write .userinfo input#site {width:200px}
.cm_write .secret_label {position:relative; top:1px;}
.cm_write input#secret {margin-left:5px; position:relative; top:4px; *top:0px; *right:-1px}
.cm_write textarea {position:relative; overflow:auto; width:100%; height:71px; border:1px #cacaca solid; *top:1px}
.cm_write .writeok input {float:right}

/* 댓글, 방명록 리스트 */
.cm_lst .name {overflow:hidden; margin-bottom:2px; font-weight:700}
.cm_lst .name img {vertical-align:-4px}
.cm_lst .date {color:#aaa}
.cm_lst p {margin:7px 0 18px}
.cm_lst .control a {color:#aaa}
.cm_lst ol li {padding:15px 5px; border-bottom:1px #e0e0e0 solid}
.cm_lst ol li p {line-height:1.6}
.cm_lst ol li ul li {padding:0; border:0}
.cm_lst ol li ul li .tistoryProfileLayerTrigger {position:relative; margin-left:4px}
.cm_lst .area {position:relative; margin-top:15px; padding-top:15px; padding-left:17px; background:url(./images/arrow_ico.png) no-repeat 0 18px; border-top:1px #eee solid}

/* 본문 */
.h3_wrap {clear:both; margin-bottom:5px; padding:5px; font-size:11px; color:#4bacc6; border-bottom:2px #4bacc6 solid; position:relative}
.h3_wrap a {color:#4bacc6}

.search_lst .h3_wrap {margin-bottom:0}
.search_lst ol {list-style:none; text-align:right; border-bottom:1px #ddd solid; border-top:0}
.search_lst ol li {padding:10px 7px; border-top:1px #eee solid}
.search_lst .lst {float:left}
.search_lst .lst a {color:#44acc6}
.search_lst .date {color:#aaa}

.tag_lst .h3_wrap {margin-bottom:0}
.tag_lst ul {padding:5px 7px; text-align:justify; border-bottom:1px #ddd solid; border-top:0}
.tag_lst ul li {display:inline; padding:0 7px; background:url(./images/tag_line.png) no-repeat right 2px}
.tag_lst ul li a {display:inline-block; _margin:7px 0 6px; padding:4px}
.tag_lst ul li .cloud1, .tag ul li .cloud2, .tag ul li .cloud3, .tag ul li .cloud4 {font-weight:700; font-family:'나눔고딕', NanumGothic, '돋음', Dotum}
.tag_lst ul li .cloud1 {color:#fff; background-color:#4bacc6}
.tag_lst ul li a:hover.cloud1 {text-decoration:none; background-color:#3a8499}
.tag_lst ul li .cloud2 {color:#fff; background-color:#777}
.tag_lst ul li a:hover.cloud2 {text-decoration:none; background-color:#444}
.tag_lst ul li .cloud3 {color:#4bacc6}
.tag_lst ul li .cloud4 {color:#555}
.tag_lst ul li .cloud5 {color:#aaa}

.post {font-size:12px}
.post .subject {padding:2px 0; height:25px}
.post .subject a {font:700; font-size:20px; color:#44acc6}
.post .category {float:left; font-size:12px; color:#ddd}
.post .category a {color:#aaa}
.post .category a:hover {text-decoration:underline}
.post .date {color:#aaa}
.post .admin {float:right}
.post .admin a {font-size:12px; color:#aaa}
.post .article {margin:40px 0 50px; color:#5c6266; line-height:1.6}
.post .tag .subject {margin-right:3px; padding:3px 5px; font-weight:700; color:#fff; background-color:#44acc6}
.post .tag a {display:inline-block; color:#5c6266}

.post .trackback h3, .post .comment h3 {display:inline}
.post .trackback, .post .comment {clear:both}

.post .trackback {margin:20px 0 30px}
.post .trackback .address {padding:9px 10px 6px; height:21px; background-color:#fafafa; border:1px #dadada solid}
.post .trackback .address .trackback-url {position:relative; top:-1px}
.post .trackback ol li {padding:15px 5px; border-bottom:1px #e0e0e0 solid}
.post .trackback .tb_info {margin-top:3px; color:#aaa}

.post .article blockquote {margin:10px 0!important; padding:10px; line-height:1.5; background-color:#eee}
.post .article .imageblock, .post .article .dual, .post .article .triple {margin:0; padding:0}
.post .article .imageblock img {margin:0; padding:0}
.post .article .dual img, .post .article .triple img {margin:0 2px; padding:5px; border:1px #ddd solid}
.post .article .cap1 {margin-top:4px; font-size:8pt; color:#999}
.post .article .moreless_fold span, .post .article .moreless_top span {font-weight:700; font-family:'나눔고딕', NanumGothic, '돋음', Dotum; color:#44acc6; line-height:1.5}
.post .article .moreless_top span {background-position:0 -13px}
.post .article .moreless_content {margin-bottom:10px}
.post .article .moreless_bottom {display:none}
.post .article .footnote a {font-size:12px!important}
.post .article .footnotes {margin-top:30px; line-height:1.8}
.post .article .footnotes ol li {margin-left:20px; *margin-left:25px}
.post .article .footnotes ol li a {color:#44acc6}
.post .article .footnotes .footnotes {padding-top:15px; font-size:11px; list-style:decimal; border-top:1px #ddd solid}

/* 페이징 */
.paging {display:block; clear:both; position:relative; margin-bottom:20px; padding:12px 0; width:100%; font-size:13px; text-align:center; line-height:normal}
.paging a {display:inline-block; padding:4px 5px; color:#999}
.paging a.prev {margin-right:15px; *padding-left:10px}
.paging a.next {margin-left:15px}
.paging a.direction span {display:inline-block; position:relative; top:4px; font-size:0; line-height:0; vertical-align:top} 
.paging a:hover.direction {color:#81b5cc; text-decoration:none}
.paging a.prev span {*left:-4px; border:3px solid; border-top:#fff solid; border-bottom:#fff solid; border-left:0}
.paging a.next span {border:3px solid; border-top:#fff solid; border-bottom:#fff solid; border-right:0}
.paging .selected {font-weight:700; color:#81b5cc}
.paging .num {display:inline-block; padding:4px 6px}

/* 하단 */
#footer .wrap {position:relative; padding:23px 0; height:44px; background:url(./images/footer.png) repeat-x}
#footer .wrap .arrow {position:absolute; width:15px; height:8px; top:-8px; left:50%; background:url(./images/arrow.png) no-repeat}
#footer .wrap p {font-size:14px; font-weight:700; color:#fff}
#footer .wrap p a {color:#fff}
#footer .wrap p a:hover {color:#66ff70; text-decoration:none}
#footer .wrap address {margin:0; padding:0; font-size:11px; font-style:normal; color:#e0e0e0}
#footer .wrap address a {color:#85dcf2}
#footer .wrap address .line {display:inline-block; margin:0 5px; width:2px; height:11px; vertical-align:-2px; background:url(./images/ft_line.png) no-repeat}