@charset "UTF-8";

/*
======================================================================================== 
	Tistory Blog Skin	: Gray Border
	Markup and Design	: demun
	Blog				: http://demun.tistory.com
	Email				: hjm01@naver.com

========================================================================================

	HTML5 Boilerplate 의 기본 css를 바탕으로 작성했습니다.
	수정할때는 코드를 삭제하지 마시고, 아래에 스타일 추가하는곳에서 추가하시기 바랍니다.
	
========================================================================================
 */
 /* 초기화 
-----------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;background:transparent;font-size:100%;vertical-align:baseline;outline:0}
body{line-height:1}
ol,ul{list-style:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}

 /* html5 setting 
-----------------------------------------------------------------------------*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
::-moz-selection { background: #fe57a1; color: #ff0000; text-shadow: none; }
::selection { background: #fe57a1; color: #ff0000; text-shadow: none; }

a { color: #222; text-decoration:none; }
a:visited { color: #222; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote {overflow: auto; position: relative; padding: 1em; margin: 0; border: 3px dotted #ccc;}
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: NanumGothic,"나눔고딕", NanumGothicWeb, monospace, 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin:0; padding: 0}
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* 
========================================================================================
	티스토리 기본사항
========================================================================================
 */
 
/* 더보기 */
.moreless_fold { padding-left:20px; background:url(images/arrow-down.gif) no-repeat 0 center; }
.moreless_top,.moreless_bottom { padding-left:20px; background:url(images/arrow-up.gif) no-repeat 0 center; }
.moreless_fold:hover,.moreless_top:hover,.moreless_bottom:hover{}
.moreless_content{padding:15px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}

/* 댓글 방명록 */
.rp_general{}
/* 일반댓글[##_rp_rep_class_##] */
.rp_admin{}
/* 관리자가 올린 댓글[##_rp_rep_class_##] */
.rp_secret{font-weight:bold;color:#f30}
/* 비밀댓글[##_rp_rep_class_##] */
.hiddenComment{font-weight:normal}
/* 비밀댓글 로그인 하지 않았을경우 */
.guest_general{}
/* 일반 방명록 글[##_guest_rep_class_##] */
.guest_admin{}
/* 관리자가 올린 댓글[##_guest_rep_class_##] */
/* 카테고리 */
.lb{cursor:pointer}
/* 카테고리의 폴더이미지를 포함하고 있는 셀의 스타일 (td 영역) */
.branch3{cursor:pointer}
/* 카테고리의 텍스트를 포함하고 있는 셀의 스타일 (td 영역) */
.cnt{font:.75em Tahoma;color:#f30}
/* 카테고리 옆 개수 스타일 */
.c_cnt { font:0.75em Tahoma; color:#f30; letter-spacing:0;}
/* 최신 댓글 옆 개수 스타일 */
.repDate { font:0.75em Tahoma; color:#f30; letter-spacing:0;}
/* 키워드 스타일 */
.key1 {color:#f30;}
/* 페이징 스타일 */
.selected {	color:#f30; }
/* 달력 */
.cal_month{height:18px;font-size:.85em;font-weight:bold}
.cal_week1{height:18px;font:.95em dotum;font-weight:normal}
.cal_week2{font:.95em dotum;color:#f30}
a.cal_week{background-color:#fff}
.cal_current_week{background-color:#eee}
.cal_day{font-size:.85em;color:#999;text-align:center}
.cal_day_sunday{color:#f30 !important}
.cal_day_sunday a{color:#f30 !important}
.cal_day1{color:#ccc}
.cal_day2{color:#ccc}
.cal_day3{color:#666}
.cal_day4{color:#000;text-decoration:underline}
a.cal_click:link{font-weight:bold;color:#333}
a.cal_click:visited{font-weight:bold;color:#333}
a.cal_click:hover{font-weight:bold;color:#f30}
/* 그림 표시 */
.cap1{border-bottom:1px solid #ccc;color:#888;text-align:center}
/* 이미지 아래 캡션 스타일 */
img{border:0;}
/* 이미지 블럭 */
.imageblock{overflow:hidden;margin:5px 0;padding:5px;border:none}
/* 이미지 버튼 */
.ib {cursor: pointer;}
/* 이미지 왼쪽 정렬 */
.left{}
/* 이미지 가운데 정렬 */
.center{}
/* 이미지 오른쪽 정렬 */
.right{}
/* 그림2개 3개 표시 */
.dual,triple{margin-bottom:5px;background-color:#eee}

/* Preference
----------------------------------------------------------------------------- */
#container { position:relative; clear:both; *zoom:1; }
#container:after{ content:""; display:block; clear:both;}

header { position:relative; clear:both; *zoom:1; z-index:3; }
header:after{ content:""; display:block; clear:both;}

nav { position:relative; clear:both; *zoom:1; z-index:3; }
nav:after{ content:""; display:block; clear:both;}

#main { position:relative; clear:both; *zoom:1; z-index:2; }
#main:after { content:""; display:block; clear:both; }

footer { position:relative; overflow:hidden; clear:both; *zoom:1; z-index:1; }
footer:after{ content:""; display:block; clear:both;  }

.paging { position:relative; overflow:hidden; *zoom:1; }
.paging:after{ content:""; display:block; clear:both; }

.commentWrite { position:relative; *zoom:1; }
.commentWrite:after{ content:""; display:block; clear:both; }


/* Layout 
----------------------------------------------------------------------------- */

html,body,#container, #main { height:100%; }
#container, #main, header, nav, footer { width:1900px; }
header { height:350px; }
footer { height:100px; }
.wrapper { width:1850px; margin:0 auto; }

#main { margin:0 auto; padding:0; min-height:100%; } /* height 100% */
#main .wrapper { margin:2em auto; padding:0; } 
*html #main { height:100%; } /* height 100% */
*+html #main { height: auto !important;} /* ie7 footer bottom */
#content { width:1300px; float:left; margin-bottom: 2em; }
aside { width:200px; float:right; }
aside2 { width:300px; float:right; margin-right: 20px; overflow:hidden; }
article.entry, article.nonEntry, .paging { padding:0 20px; }
.clear { clear:both; }

/* Style 
----------------------------------------------------------------------------- */

hr { display:none; }
html { font-size: 100%; }
body { margin: 0; font-family:NanumGothic,"나눔고딕",NanumGothicWeb,MalgunGothic,"맑은고딕",Dotum,"돋음",Verdana,Arial,sans-serif; font-size:small; line-height: 1.5; color:#111; }
body, button, input, select, textarea { font-family: NanumGothic,"나눔고딕",NanumGothicWeb,sans-serif; color:#111; }

a { color: #222; text-decoration:none; }
a:visited { color: #222; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/* header */
header h1 { float:left; font-size: 2.5em; padding-top:20px; }
header h1 a { text-decoration:none; }
.search { position:relative; top:30px; right:20px; float:right; width:250px; }
.search input.searchInput { height:20px; padding:5px; margin:0; width:150px; vertical-align: middle; }
.search input.searchSubmit { vertical-align: middle; }  

/* nav */
nav ul { list-style:none; }
nav li { float:left; }
nav a { float:left; padding:1em 1.5em; }

/* content */
#guide{ padding:1em 0; text-transform:uppercase; }
#guide span{ display:none; }
body#tt-body-page #guide span.gdBlog, 
body#tt-body-category #guide span.gdBlog, 
body#tt-body-notice #guide span.gdNotice, 
body#tt-body-tag #guide span.gdTag, 
body#tt-body-location #guide span.gdLocation, 
body#tt-body-media #guide span.gdMedia, 
body#tt-body-guestbook #guide span.gdGuestbook{	display:inline-block; }
.entry h1 { margin: 0.5em 0; font-size:2em; }
.categoryInfo, .admin { margin-bottom:1em; }
.tagTrail, .actionTrail, .trackback { margin-top:1em; }
.tagTrail { padding-bottom:1em; line-height:1.8; }
.trackback h3 { font-size:1em; }
.trackback ol {}
.trackback li { list-style: none outside none; }
.trackback li p { padding-top:1em; }
.trackback h4 { padding: 1em; font-size: 1.2em; }
.trackback .userInfo { padding: 0 0 0.5em; }
.trackback .userInfo .name { font-size:1.1em; font-weight:bold; }
.tagText { margin-right:1em; }
.actionTrail .cnt, .actionTrail .num { padding:.5em; font-size:1.3em; }
.article ol, ul, .entryNotice ol, .entryNotice ul, .entryProtected ol, .entryProtected ul, .nonEntry ol, .nonEntry ul { list-style-position: inside;; }
.article { overflow:hidden; position:relative; font-size:1.1em; line-height:1.8; }
h3 { font-size:1.8em; }
h4 { font-size:1.6em; }
h5 { font-size:1.4em; }
h6 { font-size:1.2em; }
h3,h4,h5,h6 { margin:.2em 0; padding:.2em 0 .1em; }
.article h5, .article h6 { padding-left:20px; }

/* comment and guestbook */
.comment, .guestbook { position:relative; }
.comment h3, .guestbook h3 { padding: 0.5em 0; font-size: 2em; }
.commentWrite, .guestWrite { width:680px; }
.commentWrite .name, .commentWrite .password, .commentWrite .homepage,
.guestWrite .name, .guestWrite .password, .guestWrite .homepage { float: left; margin: 0; padding: 0 20px 0 0; width: 158px; }
.commentWrite input.name, .commentWrite input.password, .commentWrite input.homepage,
.guestWrite input.name, .guestWrite input.password, .guestWrite input.homepage { height: 17px; padding: 5px; width: 136px;}
.commentWrite label, .guestWrite label { display: block; margin-bottom: 15px; }
.message { clear:both; padding:10px 0; }

.secretWrap { position:relative; padding-bottom:20px; }
.secretWrap label { display:inline; }
.secretWrap input.button { position:absolute; right:10px; }
.commentList, .guestList { position:relative; width:680px; padding-top:1em; }
.comment ol, .comment ul, .guestList ol, .guestList ul { list-style:none; }
.commentList ol li, .guestList ol li {	
	padding: 0;border-top: 1px solid #DDD;	
	background: url(images/icon-comment.png) no-repeat 0 10px;
	_background: url(images/icon-comment.gif) no-repeat 0 10px; /* ie6 */
}
.commentList ol li ul li, .guestList ol li ul li {
	margin-left: 65px; 
	padding: 0;
	border-bottom: none;
	border-top: 1px solid #DDD;
	background: url(images/icon-comment.png) no-repeat 5px 10px ;
	_background: url(images/icon-comment.gif) no-repeat 15px 10px; /* ie6 */
}
.commentList ol li .rp_secret, .commentList ol li .guest_secret { 
	background: url(./images/icon-secret.png) no-repeat 0 20px;
	_background: url(./images/icon-secret.gif) no-repeat 0 20px; /* ie6 */
}
* html .commentList ol li .rp_secret, * html .commentList ol li .guest_secret, *+html .commentList ol li .rp_secret, *+html .commentList ol li .guest_secret{
	background: url(images/iconSecret.png) no-repeat 0 19px;
	_background: url(images/iconSecret.gif) no-repeat 0 19px; /* ie6 */
}
.commentList img, .guestList img { position: absolute;left:7px; top:20px; width:38px; height:38px; background-color: #fff;}
.commentList p img, .guestList p img {	position: static;width: auto;height: auto;}
.commentList .cList, .guestList .cList {position: relative;padding: 20px 0; width: 1200px; }
.commentList .name, .guestList .name {	padding-left: 65px;	font-size: 16px;font-weight: bold; }
.commentList .date, .guestList .date {	font: 10px Verdana;}
.commentList p, .guestList p { padding: 20px 0 0 70px;	margin: 0; line-height: 180%; width: 1200px; }
.commentList p a:hover, .guestList p a:hover { text-decoration: underline;}
.userInfo .control { position: absolute; right: 10px;}
.control a { position: relative; top: -10px;}

/* paging */
.paging { padding:20px; }
.paging a#pagingPrev { float:left; }
.paging a#pagingNext { float:right; }
.numbox { margin: 0; text-align: center; }
.numbox .num { margin:0 0 1em; }

/* .nonEntry h3, .titleWrap h3{ font-size:2em; } */
/* taglog */
.taglog li { display: inline; }
.taglog li a { padding: 0.5em;}

/* entryProtected */
.entryProtected input { padding: 5px; width: 100px; vertical-align: middle; }

/* searchList */
.searchList li { list-style: none inside none; margin-bottom: 1px; }
.searchList li a { display: block; padding: 10px 0 10px 20px;}

/* aside */
.box { overflow:hidden; padding:0; margin-bottom:3em; word-wrap:break-word;}
.box h3 { padding:10px; margin:0; font-size:1.3em; }
.boxList { padding:10px 15px; list-style:none; }
aside ul { list-style:none; }
.boxList img { width:170px; overflow:hidden; }
.boxList .info_wrap { display: block; padding-left: 20px; }
.boxList .name { font-weight:bold; }
.blogDesc { padding:10px 0; }
#category li li a {}
#category li li li a { padding-left:15px; }
#sns li, #tagbox li { display:inline; }
#sns li a, #tagbox li a { margin: 0.5em 0.5em 0 0; }


/* footer */
footer .wrapper { padding:20px 0 30px; }
.designed { float:left; padding:10px 0 0 80px; }
.copyright { float:right; padding-top:10px; }

/* scroll anchor */
.comment a.aComment, .comment a.aPageFooter { float: right; position: relative; top: -4em; }
footer a.abottom { margin-left:1em; }

/* CSS 3 = Background , Color , Border, Text-Shadow, Box-Shadow, Radius
----------------------------------------------------------------------------- */
header, footer {
	color:#eee;
	background: #ff0000;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffbcbc), to(#ff0000));
	background: -webkit-linear-gradient(#ffbcbc, #ff0000);
	background: -moz-linear-gradient(#ffbcbc, #ff0000);
	background: -ms-linear-gradient(#ffbcbc, #ff0000);
	background: -o-linear-gradient(#ffbcbc, #ff0000);
	background: linear-gradient(#ffbcbc, #ff0000);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbcbc', endColorstr='#ff0000',GradientType=0 ); /* IE6-8 */
	* zoom:1; /* IE6-7 */
}
header .wrapper h1 a, .copyright a, .designed a { color:#fff; }
.copyright a:hover, .designed a:hover { text-decoration:underline; }
*header .wrapper h1 a { color:#fff !important; }
header .wrapper h1 a:hover { color:#999; }
footer { border-top: 1px solid #111; }
nav {
	border-bottom: 1px solid #366A00;
	border-top: 1px solid #000;
	background: #C1EC98;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF0000), to(#FEC0C0));
	background: -webkit-linear-gradient(#FF0000, #FEC0C0);
	background: -moz-linear-gradient(#FF0000, #FEC0C0);
	background: -ms-linear-gradient(#FF0000, #FEC0C0);
	background: -o-linear-gradient(#FF0000, #FEC0C0);
	background: linear-gradient(#FF0000, #FEC0C0);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF0000', endColorstr='#FEC0C0',GradientType=0 ); /* IE6-8 */
	* zoom:1; /* IE6-7 */
}
nav a { 
	color:#000; 
	text-shadow: 1px 1px 0px #fff;
}
nav a:hover {
	color:#fff;
	text-shadow: 1px 1px 0px #000;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #69A42D;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF8000), to(#C72040));
	background: -webkit-linear-gradient(#FF8000, #C72040);
	background: -moz-linear-gradient(#FF8000, #C72040);
	background: -ms-linear-gradient(#FF8000, #C72040);
	background: -o-linear-gradient(#FF8000, #C72040);
	background: linear-gradient(#FF8000, #C72040);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8000', endColorstr='#C72040',GradientType=0 ); /* IE6-8 */
	* zoom:1; /* IE6-7 */
}
body#tt-body-page nav a.navHome, 
body#tt-body-notice nav a.navNotice, 
body#tt-body-tag nav a.navTag, 
body#tt-body-location nav a.navLocation, 
body#tt-body-media nav a.navMedia, 
body#tt-body-guestbook nav a.navGuest {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #F2FEE6;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fec0c0), to(#ff0000));
	background: -webkit-linear-gradient(#fec0c0, #ff0000);
	background: -moz-linear-gradient(#fec0c0, #ff0000);
	background: -ms-linear-gradient(#fec0c0, #ff0000);
	background: -o-linear-gradient(#fec0c0, #ff0000);
	background: linear-gradient(#fec0c0, #ff0000);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fec0c0', endColorstr='#ff0000',GradientType=0 ); /* IE6-8 */
	* zoom:1; /* IE6-7 */
}

#content {
	border:1px solid #ccc;
	background:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;	
}

input.searchSubmit, .gdBlog, .category a, .categoryInfo .author, .categoryDate, .adminEdit, .adminEditWin, .adminTb, .adminDel, .admin span, .tagText, .actionTrail, .submit, .control a, .paging .num, #sns a { 
	padding:.5em 1em;
	display:inline-block;
	vertical-align:baseline;
	outline:none;
	cursor:pointer;
	color:#222;
	text-align:center;
	text-decoration:none;
	text-shadow: 1px 1px 0px #fff;
	border-style:solid;
	border-width:1px;
	border-color:#999 #eee #eee #999;	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 1px 1px 3px;
	-moz-box-shadow: #666 1px 1px 3px;
	box-shadow: #666 1px 1px 3px;
	background: #F0F0F0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0F0F0), to(#ccc));
	background: -webkit-linear-gradient(#F0F0F0, #ccc);
	background: -moz-linear-gradient(#F0F0F0, #ccc);
	background: -ms-linear-gradient(#F0F0F0, #ccc);
	background: -o-linear-gradient(#F0F0F0, #ccc);
	background: linear-gradient(#F0F0F0, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
	* zoom:1; /* IE6-7 */
}
input.searchSubmit:hover, .gdBlog:hover, .categoryInfo .author:hover, .category a:hover, .categoryDate:hover, .adminEdit:hover, .adminEditWin:hover, .adminTb:hover, .adminDel:hover, .admin span:hover, .tagText:hover, .actionTrail:hover, .submit:hover, .control a:hover, .paging .num:hover, #sns a:hover,
input.searchSubmit:focus,  .gdBlog:focus, .categoryInfo .author:focus, .category a:focus, .categoryDate:focus, .adminEdit:focus, .adminEditWin:focus, .adminTb:focus, .adminDel:focus, .admin span:focus, .tagText:focus, .actionTrail:focus, .submit:focus, .control a:focus, .paging .num:focus, #sns a:focus { 
	color:#000;
	text-decoration:none !important;
	text-shadow: 1px 1px 0px #fff;
	border-style:solid;
	border-width:1px;
	border-color:#999 #eee #eee #999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 1px 1px 3px;
	-moz-box-shadow: #666 1px 1px 3px;
	box-shadow: #666 1px 1px 3px;
	background: #eee;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#888));
	background: -webkit-linear-gradient(#eee, #888);
	background: -moz-linear-gradient(#eee, #888);
	background: -ms-linear-gradient(#eee, #888);
	background: -o-linear-gradient(#eee, #888);
	background: linear-gradient(#eee, #888);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#888888',GradientType=0 ); /* IE6-8 */
	* zoom:1; /* IE6-7 */
}

.categoryLink, .aComment, .aPageFooter, #pagingPrev, #pagingNext, .abottom, .abottom_2 { 
	padding:.5em 1em;
	display:inline-block;
	*display:inline;
	vertical-align:baseline;
	zoom:1;
	outline:none;
	cursor:pointer;
	color:#222;
	text-align:center;
	text-decoration:none;
	text-shadow: 1px 1px 0px #fff;
	border-style:solid;
	border-width:1px;
	border-color:#696 #D6F6B7 #D6F6B7 #696;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 1px 1px 3px;
	-moz-box-shadow: #666 1px 1px 3px;
	box-shadow: #666 1px 1px 3px;
	background: #C1EC98;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFC080), to(#FF8000));
	background: -webkit-linear-gradient(#FFC080, #FF8000);
	background: -moz-linear-gradient(#FFC080, #FF8000);
	background: -ms-linear-gradient(#FFC080, #FF8000);
	background: -o-linear-gradient(#FFC080, #FF8000);
	background: linear-gradient(#FFC080, #FF8000);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFC080', endColorstr='#FF8000',GradientType=0 ); /* IE6-8 */
	* zoom:1; /* IE6-7 */
}
.categoryLink:hover, .aComment:hover, .aPageFooter:hover, #pagingPrev:hover, #pagingNext:hover, .abottom:hover, .abottom_2:hover,
.categoryLink:focus, .aComment:focus, .aPageFooter:focus, #pagingPrev:focus, #pagingNext:focus, .abottom:focus, .abottom_2:focus { 
	color:#000 !important;
	text-decoration:none !important;
	text-shadow: 1px 1px 0px #fff;
	border-style:solid;
	border-width:1px;
	border-color:#999 #eee #eee #999;		
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #666 1px 1px 3px;
	-moz-box-shadow: #666 1px 1px 3px;
	box-shadow: #666 1px 1px 3px;
	background: #69A42D;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#69A42D), to(#C1EC98));
	background: -webkit-linear-gradient(#69A42D, #C1EC98);
	background: -moz-linear-gradient(#69A42D, #C1EC98);
	background: -ms-linear-gradient(#69A42D, #C1EC98);
	background: -o-linear-gradient(#69A42D, #C1EC98);
	background: linear-gradient(#69A42D, #C1EC98);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69A42D', endColorstr='#C1EC98',GradientType=0 ); /* IE6-8 */
	* zoom:1; /* IE6-7 */
}

input.searchSubmit:active, .gdBlog:active, .category a:active, .categoryDate:active, .admin a:active, .admin span:active, .tagText:active, .actionTrail a:active, .userInfo .delete:active, .submit:active, .control a:active, .num, #sns a:active,
.categoryLink:active, .aComment:active, .aPageFooter:active, #pagingPrev:active, #pagingNext:active, .abottom:active, .abottom_2:active {position:relative;top:1px;}

.trackback h4 {
    border-bottom: 1px solid #888;
	background: #F0F0F0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F0F0F0), to(#ccc));
	background: -webkit-linear-gradient(#F0F0F0, #ccc);
	background: -moz-linear-gradient(#F0F0F0, #ccc);
	background: -ms-linear-gradient(#F0F0F0, #ccc);
	background: -o-linear-gradient(#F0F0F0, #ccc);
	background: linear-gradient(#F0F0F0, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
	* zoom:1; /* IE6-7 */
}

.tagTrail, .trackback .userInfo, .article h4, .entry h3, .nonEntry h3 { border-bottom: 1px solid #ccc; } 
.article h3, .article h4 { padding-left:30px; background:url(images/icon-document.png) no-repeat 0 center; }
.article h5, .article h6 { padding-left:20px;  background:url(images/arrow-right.gif) no-repeat 0 center; }  
.tagWrap, .trackback, .guestbook { border-top:1px solid #ccc; }
.actionTrail .cnt, .actionTrail .num { color:#f30; }
input, textarea {
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 1px 1px 3px 0px #333;
	-moz-box-shadow: inset 1px 1px 3px 0px #333;
	box-shadow: inset 1px 1px 3px 0px #333;	
}

.commentList .name a, .guestList .name a { color:#222; }
.commentList .name a:hover, .guestList .name a:hover { text-decoration:underline; }

/* searchList */
.searchList li a { 
	background: #eee url(images/arrow-down.gif) no-repeat 0 center; 
	color:#222;
	text-shadow: 1px 1px 0px #fff;
}
.searchList li a:hover { 
	background: #6AA52E url(images/arrow-right.gif) no-repeat 0 center; 
	color:#fff; 
	text-shadow: 1px 1px 0px #000;
}

/* aside */
.box {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;

}
.box h3 {
	text-shadow: 1px 1px 0px #fff;
	border-bottom: 1px solid #366A00;
	border-top: 1px solid #fff;
	background: #C1EC98;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffc080), to(#ff8000));
	background: -webkit-linear-gradient(#FFC080, #FF8000);
	background: -moz-linear-gradient(#FFC080, #FF8000);
	background: -ms-linear-gradient(#FFC080, #FF8000);
	background: -o-linear-gradient(#FFC080, #FF8000);
	background: linear-gradient(#FFC080, #FF8000);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc080', endColorstr='#ff8000',GradientType=0 ); /* IE6-8 */
	* zoom:1; /* IE6-7 */

}
.boxList {
	border-bottom: 1px solid #f0f0f0;
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc;
	background: #fff;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#eee));
	background: -webkit-linear-gradient(#fff, #eee);
	background: -moz-linear-gradient(#fff, #eee);
	background: -ms-linear-gradient(#fff, #eee);
	background: -o-linear-gradient(#fff, #eee);
	background: linear-gradient(#fff, #eee);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-8 */
	* zoom:1; /* IE6-7 */
}
.boxList a { color:#222; }
.boxList a:hover { text-decoration:underline; }
#category li a { font-size: 1.4em; font-weight: bold;}
#category li li a { font-size: 1em; font-weight: normal;}
#sns .boxList a.rss { color:#f30; }
#sns .boxList a.fb { color:#3B5998; }
#sns .boxList a.tw { color:#0095C2; }
#sns .boxList a.md { color:#5932B3; }
#tagbox .cloud1 { color:#f00;}
#tagbox .cloud2 { color:#f30;}
#tagbox .cloud3 { color:#f60;}
#tagbox .cloud4 { color:#f90;}
#tagbox .cloud5 { color:#fa0;}
footer .wrapper { 
	background:url(images/demun_logo.png) no-repeat 0 10px; 
	_background:url(images/demun_logo.gif) no-repeat 0 10px; /* ie6 */
}

/* toggle style */
.toggleHead {
	cursor: pointer;
	margin:1em 0 0;
	padding:10px 10px 10px 20px;
	background:#eee url(images/arrow-down.gif) no-repeat 0 center;
	border-bottom: 1px solid #366A00;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;	
}
.toggleHead:hover { font-weight:bold; text-decoration:underline; }
.toggleBody {
	_width:658px;
	margin:0 0 1em;
	padding: 0 10px 10px;
    border-color: #fff #ccc #ccc;
    border-style: solid;
    border-width: 1px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

/* tooltip = tip-yellowsimple
----------------------------------------------------------------------------- */
.tip-yellowsimple {
	z-index:1000;
	text-align:left;
	border:1px solid #c7bf93;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:6px 8px;
	min-width:50px;
	max-width:300px;
	color:#000;
	background-color:#fff9c9;
}
.tip-yellowsimple .tip-inner {font:12px/16px arial,helvetica,sans-serif;}
.tip-yellowsimple .tip-arrow-top {
	margin-top:-6px;
	margin-left:-5px; /* approx. half the width to center it */
	top:0;
	left:50%;
	width:9px;
	height:6px;
	background:url(images/tip-yellowsimple_arrows.gif) no-repeat;
}
.tip-yellowsimple .tip-arrow-right {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:0;
	top:50%;
	left:100%;
	width:6px;
	height:9px;
	background:url(images/tip-yellowsimple_arrows.gif) no-repeat -9px 0;
}
.tip-yellowsimple .tip-arrow-bottom {
	margin-top:0;
	margin-left:-5px; /* approx. half the width to center it */
	top:100%;
	left:50%;
	width:9px;
	height:6px;
	background:url(images/tip-yellowsimple_arrows.gif) no-repeat -18px 0;
}
.tip-yellowsimple .tip-arrow-left {
	margin-top:-4px; /* approx. half the height to center it */
	margin-left:-6px;
	top:50%;
	left:0;
	width:6px;
	height:9px;
	background:url(images/tip-yellowsimple_arrows.gif) no-repeat -27px 0;
}

/* 스타일 수정시 아래에서 하세요.
------------------------------------------------------ */
/* 티스토리 툴바 숨기기 */
#tistorytoolbarid {
       display : none;
}




/* 이 섹션 전에 스타일을 정의하십시오
------------------------------------------------------ */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* 미이더쿼리 - 작성되지 않음.
------------------------------------------------------ */
@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */
}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */
}

/* Print styles
------------------------------------------------------ */ 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* style close */