@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

body {
	color: #575757;
	font-size: 9pt;
	font-family: AppleGothic, Dotum, '돋움', sans-serif;
	line-height: 14pt;
}

#header {
	height: 21px;
	text-align: right;
	width: 740px;
}

a {
	text-decoration: none;
}

a:link, a:visited {
	color: #575757;
	text-decoration: none;
}

a:hover, a:active {
	color: #FFFFFF;
	background-color: #151515;
	text-decoration: none;
}


/* ------------------------------------------ global ------------------------------------------ */
 
img {
	border: 0 none;
}

img a:hover, img a:active {
	background-color: #FFFFFF;
}

br {
	letter-spacing: 0;
}

hr {
	display: none;
}

legend {
	color: #999999;
	padding: 0 3px;
}

p {
	margin-bottom: 5px;
}

dfn, em, cite, address {
	font-style: normal;
}


/* ----------------------------------------- hadding ----------------------------------------- */

h2 {
	font-family: '나눔고딕', AppleGothic, Dotum, '돋움', 'Lucida Grande', 'Myriad Pro', Helvetica, Tahoma, sans-serif;
	padding-bottom: .5em;
	font-size: 15pt;
	font-weight: bold;
	color: #151515;
	margin-top: 1em;
}

h2 a:link, h2 a:visited {
	color: #151515;
}

h2 a:hover, h2 a:active {
	background-color: #151515;
	color: #FFFFFF;
}

h3 {
	font: bold 1.17em/1.5 Arial, Helvetica, sans-serif;
	color: #151515;
}

h3 a:link, h3 a:visited {
	color: #151515;
}

h3 a:hover, h3 a:active {
	background-color: #151515;
	color: #FFFFFF;
	text-decoration: none;
}

h4 {
	font-size: 12px;
}

#container {
	width: 740px;
	margin: 0 auto;
}

#author {
	font-size: 0.92em;
	line-height: 3.3em;
}

* html #author {
	display: inline-block;
}

#author span {
	position: relative;
	left: -5px;
	float: left;
	font-family: AppleGothic, Dotum, '돋움', 'Lucida Grande', 'Myriad Pro', Helvetica, Tahoma, sans-serif;
	padding-left: 30px;
	color: #CCCCCC;
	line-height: 3.4em;
}

#author ul {
	position: relative;
	right: -5px;
	display: block;
	padding-right: 30px;
	list-style: none;
	text-align: right;
}

* html #author ul {
	display: inline-block;
}

*:first-child+html #author ul {
	display: inline-block;
}

#mBody:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#mBody {
	padding: 0 0px;
	clear: both;
	display: inline-block;
	background-color: #FFFFFF;
}

#contentColumn {
	width: 740px;
	overflow: visible;
}

#bottomColumn {
	float: left;
	clear: right;
	float: bottom;
	width: 740px;
}

#author li {
	display: inline;
	margin-left: 1em;
	font-family: 'Lucida Grande', 'Myriad Pro', Tahoma, sans-serif;
}

#author li a:link, #author li a:visited {
	color: #CCCCCC;
}

#author li a:hover, #author li a:active {
	color: #EEEEEE;
}


/* ------------------------------------------ Subject ------------------------------------------ */

.subject {
	clear: left;
	margin-top: 60px;
	margin-bottom: 20px;
}

.subject ul {
	list-style: none;
	text-align: right;
}

.subject li {
	display: inline;
}

.subject .postInfo li {
}

.subject .infoDate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7F7F7F;
}

.subject .infoCategory {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #7F7F7F;
}

.subject li a {
	font-family: AppleGothic, Dotum, '돋움', Helvetica, sans-serif;
}

.subject p {
	
}

.subject .flashTitle {

}


/* ------------------------------------------ Protected ------------------------------------------ */

.protectedBody {
	margin-bottom: 2em;
	padding: 2em 0 2.5em;
}

.protectedBody p {
	margin: .5em;
}

.protectedBody input.submitBtn {
	width: 5em;
	font-size: 0.92em;
}


/* ------------------------------------------ Search list ------------------------------------------ */

.searchList {
	margin-bottom: 20px;
	text-align: left;
	clear: left;
}

.searchList ol {
	list-style: none;
}

.searchList li {
	border-bottom: 1px solid #EEEEEE;
}

.searchList li * {
	vertical-align: middle;
}

.searchList li a {
	display: block;
	line-height: 1.9em;
}

.searchList li a:hover {
	background-color: #151515;
	color: #FFFFFF;
	text-decoration: none;
}

.searchList .slDate {
	color: #666666;
	font-size: 8pt;
	margin-right: 4px;
}

.searchList .slCnt {
	color: #999999;
	font-size: 8pt;
	margin-left: 2px;
}


/* ------------------------------------------ Admin ------------------------------------------ */

.subject .admin {
	text-align: right;
}

.subject .admin li {
	font-family: AppleGothic, Dotum, '돋움', sans-serif;
	font-size: 8pt;
}

.subject .admin li:after {
	content: "|";
	color: #99999;
	padding-left: .4em;
}


/* ------------------------------------------ Article ------------------------------------------ */

.article {
	margin-top: 20px;
	text-align: left;
}

.article a:link, .article a:visited {
	color: #000000;
	border-bottom: 1px solid #000000;
	text-decoration: none;
}

.article a:hover, .article a:active {
	background-color: #151515;
	color: #FFFFFF;
	text-decoration: none;
}

.article blockquote {
	margin: 1.7em auto;
	padding: 0 10px;
	width: 80%;
	color: #50B4CA;
	border-left: 2px solid #DDDDDD;
}

.article hr {
	display: block;
	margin-bottom: 1em;
}

.article ol {
	margin: 1em 0 1.5em 50px;
}

.article ul {
	list-style: none;
	margin: 1em 0 1.5em 30px;
}

.article ul li {
	padding-left: 20px;
}

.article .infoAuthor {
	line-height: 1.2em;
	margin-top: 20px;
	text-align: right;
}

.article .infoAuthor dfn {
	padding: 2px 0 2px 18px;
}

.article .infoAuthor span {
	color: #999999;
	font: 0.92em/2 'Trebuchet MS', Helvetica, sans-serif;
}

.tt-gallery-box {
	clear: both;
}

.galleryControl a {
	border-bottom: none !important;
}

.moreless_fold {
	padding-left: 20px;
	background: url('./images/ico_plus.gif') no-repeat left 50%;
}

.moreless_top {
	margin-bottom: 10px;
	padding-left: 20px;
	background: url('./images/ico_minus.gif') no-repeat left 50%;
}

.moreless_bottom {
	display: none;
}

.moreless_fold span, .moreless_top span, .moreless_bottom span {
	background: #F5f5f5;
	color: #333333;
}

.moreless_content {
	padding: 1em 10px;
	border-top: solid 1px #EEEEEE;
	border-bottom: solid 1px #EEEEEE;
	background-color: #FAF9F8;
}


/* ------------------------------------------ Open cast ------------------------------------------ */

.cast {
	text-align: left;
	margin-top: 30px;
	width: 740px;
	height: 35px;
}

.cast a:hover, a:active {
	background-color: #FFFFFF;
}


/* ------------------------------------------ Google ------------------------------------------ */

.google {
	float: left;
	width: 740px;
	height: 260px;
	text-align: left;
	margin-left: -3px;
	margin-top: 30px;
}


/* ------------------------------------------ mixsh ------------------------------------------ */

.mixsh {
	float: left;
	width: 349px;
	height: 120px;
	text-align: right;
	margin-top: -10px;
}


/* ------------------------------------------ hanRSS ------------------------------------------ */

.hanRSSMember {
	width: 740px;
	margin-top: 30px;
	text-align: right;
	height: 26px;
}


/* ------------------------------------------ tag, comments btn ------------------------------------------ */

.miscInfo {
	clear: both;
	font: normal 8pt AppleGothic, Dotum, '돋움', sans-serif;
	line-height: 18px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 10px;
	width: 740px;
}

.miscInfo dt {

}

.miscInfo .postTag {
}

.miscInfo .response {
	background: url('./images/blogResponseIcon.jpg') no-repeat 0 50%;
}

.miscInfo dd {
	text-align: left;
}

.miscInfo a {
	text-decoration: none;
}

.miscInfo a:link,  .miscInfo a:visited {
	color: #FF6600;
	text-decoration: none;
}

.miscInfo a:hover, .miscInfo a:active {
	color: #FFFFFF;
	background-color: #FF6600;
	text-decoration: none;
}

/* ------------------------------------------ Trackback list ------------------------------------------ */

.trackback {
	font: normal 8pt AppleGothic, Dotum, '돋움', sans-serif;
	text-align: right;
	margin-top: 2px;
	margin-bottom: 10px;
	width: 740px;
}

.trackback .icon {
	float: left;
	width: 103px;
}

.trackback .address {
	float: left;
	width: 637px;
}

.trackback h3 {
	clear: left;
	display: none;
}

.trackback ol {
	list-style: none;
}

.trackback ol li {
	margin-bottom: 1em;
	padding: .5em 1em;
	background-color: #FAF9F8;
	border: 1px solid #F0F0E6;
}

.trackback li p { 
	margin-bottom: 1em;
}

.trackback li span {
	font: 0.92em 'Franklin Gothic Medium', Helvetica, sans-serif;
	color: #999999;
}

.trackback span a:link, .trackback span a:visited {
	color: #999999;
}

.trackback span a:hover, .trackback span a:active {
	color: #333333;
}

.trackback li p {
	margin: .8em 0;
	text-align: left;
}

.trackback cite {
	font-family: AppleGothic, Dotum, '돋움', Helvetica, sans-serif;
}


/* ------------------------------------------ Comment list ------------------------------------------ */

.entry .list {
	clear: left;
}

.list h3 {
	display: none;
}

.list ol {
	list-style: none;
	text-align: left;
}

.list li {
	margin-bottom: 10px;
	border: 1px solid #F0F0E6;
}

* html .list li {
	display: inline-block;
}

*:first-child+html .list li {
	display: inline-block;
}

.list li p {
	clear: left;
	margin-bottom: .5em;
	padding: 0 1em .3em;
}

.list p.author {
	font: normal 8pt AppleGothic, Dotum, '돋움', sans-serif;
	color: #999999;
	padding: 0 1em 0;
	line-height: 13pt;
}

.list p.content {
	font: normal 8pt AppleGothic, Dotum, '돋움', sans-serif;
	line-height: 11pt;
	color: #999999;
}

.list span.command {
	float: left;
	display: block;
	margin-bottom: 1em;
	font: 8pt 'Franklin Gothic Medium', Helvetica, sans-serif;
	color: #999999;
}

.list span a {
	text-decoration: underline;
}

.list span a:link, .list span a:visited {
	color: #999999;
}

.list span a:hover, .list span a:active {
	color: #FFFFFF;
	background-color: #151515;
}

.list cite {
	display: block;
	margin: .6em 0 -.5em;
}

.list span abbr {
	border: 0 none;
}

/* ------------------------------------------ Reply ------------------------------------------ */

.list ol li ol {
	margin: 0;
	text-align: left;
}

.list ol li ol li {
	margin: 0;
	padding: 0 0 .3em;
	border: 0 none;
	border-top: 1px solid #F0F0E6;
	background-color: #FAF9F8;
}

.list .author cite img {
	float: left;
	margin: 0 .5em 3px 0;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	padding: 2px;
}

/* ------------------------------------------ Write area ------------------------------------------ */

.commentMember {
	width: 740px;
	height: 21px;
}

.commentField {
	width : 656px;
	background-color: #F1F1F1;
	float: left;
	height: 21px;
}

.commentKey {
	float: left;
	text-align: right;
	width: 27px;
	background-color: #F1F1F1;
	height: 21px;
}

.commentSpace {
	clear: left;
	margin-top: 5px;
	width: 740px;
	height: 66px;
}

.commentSpace .inputComment {
	float: left;
	width: 680px;
}

.commentSpace .submitComment {
	float: left;
	width: 60px;
	text-align: right;
}

.inputBox {
	background-color: #F1F1F1;
	border: #F1F1F1 2px solid;
	height: 15px;
	font-size: 9pt;
}

form textarea {
	width: 680px;
	height: 58px;
	background-color: #F1F1F1;
	border: #F1F1F1 2px solid;
	font: 9pt AppleGothic, Dotum, '돋움', sans-serif;
	color: #575757;
	float: left;
}

.checkbox {
	width: 12px;
	height : 21px;
	border: 0 none;
	background: none;
}


/* ----------------------------------------- Location log ----------------------------------------- */

#location {
	margin-bottom: 3em;
	text-align: left;
}

#location dt, #location dd {
	border-bottom: solid 1px #EEEEEE;
}

#location dt span {
	padding-left: 12px;
	background: url('./images/bullet_indent.gif') no-repeat 0 3px;
}

#location dt .dent0 {
	padding-left: 18px;
	background: url('./images/bullet_globalspot.gif') no-repeat 5px 50%!important;
	font-weight: bold;
}

#location dd span {
	padding-left: 10px;
	background: url('./images/bullet_spot.gif') no-repeat 0 3px;
}

#location dd .localAuthor {
	font-size: 0.92em;
	vertical-align: middle;
	color: #999999;
}


/* ---------------------------------------- Tag log (page) --------------------------------------- */

#taglog {
	margin-bottom: 3em;
	font-family: AppleGothic, Dotum, '돋움', 'Lucida Grande', 'Myriad Pro', Helvetica, Tahoma, sans-serif;
}

#taglog ul {
	list-style: none;
	text-align: left;
}

#taglog li {
	display: inline;
	line-height: 18pt
}

#taglog li a.cloud1 {
	font-weight: bold;
	font-size: 12pt;
}

#taglog li a.cloud2 {
	font-weight: bold;
	font-size: 11pt;
	color: #151515;
}

#taglog li a.cloud3 {
	font-weight: bold;
	font-size: 10pt;
	color: #575757;
}

#taglog li a.cloud4 {
	font-size: 9pt;
	color: #7D7D7D;
}

#taglog li a.cloud5 {
	font-size: 8pt;
	color: #AAAAAA;
}

#taglog li a:hover {
	color: #FFFFFF;
}


/* -------------------------------------------------- Keyword log ------------------------------------------------- */

#keywords ul {
	list-type-style: none;
	text-align: left;
}

#keywords ul li {
	display: inline;
	line-height: 2.2em
	list-type-style: none;
	padding-right: 10px;
}


/* ------------------------------------------------ Page navigation ----------------------------------------------- */

.pagingSearch {
	height: 21px;
	width: 740px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.paging {
	font-family: Verdana;
	font-size: 8pt;
	color: #575757;
	text-align: left;
	width: 530px;
	float: left;
	margin-bottom: 50px;
}

.paging a:link, .paging a:visited {
	color: #575757;
	text-decoration: none;
}

.paging a:hover, .paging a:active {
	background-color: #151515;
	color: #FFFFFF;
	text-decoration: none;
}

.paging .selected {
	font-weight: bold;
	color: #151515;
}


/* ------------------------------------------------- Search form -------------------------------------------------- */

.searchBox {
	float: right;
	width: 210px;
	text-align: right;
	background-color: #F1F1F1;
}


/* ------------------------------------------ tag cloud (sidebar only) ------------------------------------------ */

#tagbox ul {
	padding-top: 1em;
	width: 200px;
	text-align: left;
}

#tagbox li {
	display: inline;
	line-height: 1.5;
}

#tagbox a {
	letter-spacing: -1px;
}

#tagbox li a.cloud1 {
	font-weight: bold;
	font-size: 1.6em;
	color: #CB89B3;
}

#tagbox li a.cloud2 {
	font-weight: bold;
	font-size: 1.5em;
	color: #DAB1CD;
}

#tagbox li a.cloud3 {
	font-weight: bold;
	font-size: 1.2em;
	color: #D9C8D3;
}

#tagbox li a.cloud4 {
	font-size: 1em;
	color: #999999;
}

#tagbox li a.cloud5 {
	font-size: 0.9em;
	color: #CCCCCC;
}

#tagbox li a:hover {
	background-color: #F5F5F5;
	text-decoration: none;
	color: #333333;
}

/* ------------------------------------------ Categories ------------------------------------------ */

#category h3 {
	text-align: left;
	font: bold 10pt AppleGothic, Verdana, Dotum, '돋움', sans-serif !important;
	background-color: #FFFFFF;
	color: #151515;
	padding: 0 0 10px 0;
}

#category {
	font: 8pt AppleGothic, Dotum, '돋움', sans-serif;
	text-align: left;
	float: left;
	line-height: 15pt;
	width: 150px;
}

#category ul {
	list-style: none;
	text-align: left;
}

#category li a {
}

#category li a:link, #category li a:visited {
	color: #575757;
	text-decoration: none;
}

#category li a:hover, #category li a:active {
	color: #FFFFFF;
	background-color: #151515;
	text-decoration: none;
}

/* ------------------------------------------ 1 depth ------------------------------------------ */

#category ul li ul li a {
	padding-left: 22px;
	background: url('./images/icon_folder.jpg') no-repeat 0 50%;
}

#category ul li ul li a:link, #category ul li ul li a:visited {
	color: #575757;
}

#category ul li ul li a:hover, #category ul li ul li a:active {
	color: #FFFFFF;
	background-color: #151515;
}

/* ------------------------------------------ 2 depth ------------------------------------------ */

#category ul li ul {
	margin: 0;
}

#category ul li ul li ul li {
	border-bottom: 1px solid #EEEEEE;
}

#category ul li ul li ul li a {
	border: 0 none;
	padding-left: 36px;
	background: url('./images/bg_tree.gif') no-repeat 22px 45%;
}

#category ul li ul li ul li.lastChild a {
	background: url('./images/bg_treeEnd.gif') no-repeat 22px 45%;
}

/* ------------------------------------------ selected ------------------------------------------ */

#category .selected {
	font-weight: bold;
}

#category .selected ul li {
	font-weight: normal;
}

/* ------------------------------------------ recently ------------------------------------------ */

.recentA {
	float: left;
	line-height: 15pt;
	margin-right: 50px;
}

.recentA h3 {
	text-align: left;
	font: bold 10pt AppleGothic, Verdana, Dotum, '돋움', sans-serif !important;
	background-color: #FFFFFF;
	color: #151515;
	padding: 0 0 10px 0;
}

.recentA ol, .recent ul {
	margin-top: .3px;
	list-style: none;
	text-align: left;
	float: left;
}

.recentA li {
	font: 8pt AppleGothic, Dotum, '돋움', sans-serif;
	line-height: 15pt;
}

.recentA li a {
	padding-top: 3px;
}

.recentA li a:link, .recent li a:visited {
	color: #575757;
	text-decoration: none;
}

.recentA li a:hover, .recent li a:active {
	background: #151515;
	color: #FFFFFF;
	text-decoration: none;
}

.recentA span {
	color: #575757;
}

.recentA cite {
	color: #AAAAAA;
}

.recent {
	float: left;
	line-height: 15pt;
}

.recent h3 {
	text-align: left;
	font: bold 10pt AppleGothic, Verdana, Dotum, '돋움', sans-serif !important;
	background-color: #FFFFFF;
	color: #151515;
	padding: 0 0 10px 0;
}

.recent ol, .recent ul {
	margin-top: .3px;
	list-style: none;
	text-align: left;
	float: left;
}

.recent li {
	font: 8pt AppleGothic, Dotum, '돋움', sans-serif;
	line-height: 15pt;
}

.recent li a {
	padding-top: 3px;
}

.recent li a:link, .recent li a:visited {
	color: #575757;
	text-decoration: none;
}

.recent li a:hover, .recent li a:active {
	background: #151515;
	color: #FFFFFF;
	text-decoration: none;
}

.recent span {
	color: #575757;
}

.recent cite {
	color: #AAAAAA;
}

/* ------------------------------------------ Bookmarks ------------------------------------------ */

.bookmarks {
	clear: left;
	font: normal 8pt AppleGothic, Verdana, Dotum, '돋움', sans-serif !important;
	line-height: 15pt;
	text-align: left;
}

.bookmarks h3 {
	font: bold 10pt AppleGothic, Verdana, Dotum, '돋움', sans-serif !important;
	background-color: #FFFFFF;
	color: #151515;
	padding: 30px 0 10px 0;
}

.bookmarks li {
	border: 1px solid #F0F0E6;
	padding: 5px;
	display: block;
}

.bookmarks li a:link, .bookmarks li a:visited {
	color: #CCCCCC;
	text-decoration: none;
}

.bookmarks li a:hover, .bookmarks li a:active {
	background: #151515;
	color: #FFFFFF;
	text-decoration: none;
}