@charset "utf-8";

/*-------------------------------*/
/* Global */
/*-------------------------------*/
* {
	margin:0;
	padding:0;
}

html {
	background-color:#fff;
	font-size: 62.5%;
	}

body {
	background:#fff url(./images/bg_bodyLeft.gif) repeat-y 39px 0;
	font:1.2em/1.7em Dotum, 돋움, Helvetica, AppleGothic, Sans-serif;
	color:#666;
	}

a {
	text-decoration:none;
	}
	a:link, a:visited {color:#39c;}
	a:hover, a:active {color:#069;}

/* misc */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End */

hr {display:none;}
img {border:0 none;}
p {margin-bottom:2em;}
br {letter-spacing:0;}
dfn, em, cite{font-style:normal;}

/*-------------------------------*/
/* Layout */
/*-------------------------------*/
#container {
	position:relative;
	z-index:1;
	max-width:1500px;
	min-width:1000px;
	background:url(./images/bg_bodyRight.gif) repeat-y 100% 0;
	}

#header {
	width:100%;
	padding-top:2em;
	background:/*#04afe2*/ url(./images/bg_headImg.gif) repeat-x 0 0;
	}

#mainNav {
	display:inline-block;
	width:100%;
	margin-top:4em;
	background:url(./images/bg_recruit.gif) no-repeat 100% 100%;
	}

#wrapper {
	float:left;
	width:100%;
	background:url(./images/bg_content.gif) no-repeat 15px 0;
	}

#content {
	min-height:30em;
	margin-right:430px;
	padding:0 15px 0 55px;
	font:1em/1.7em Dotum, 돋움;
	}

#sidebar {
	position:relative;
	float:left;
	width:350px;
	min-height:300px;
	margin-left:-430px;
	padding:0 60px 2em 20px;
	background:url(./images/bg_sidebar.gif) no-repeat 0 0;
	font-size:.9em;
	}

#recruit {
	position:absolute;
	width:375px;
	top:-5.2em;
	left:20px;
	}

#marked {
	margin-bottom:3em;
	padding:20px;
	text-align:center;
	}

#flankA {
	float:left;
	display:inline;
	width:160px;
	padding-right:10px;
	line-height:1.5em;
	}
#flankB {
	float:left;
	display:inline;
	width:170px;
	padding-left:10px;
	line-height:1.5em;
	}

#footer {
	clear:left;
	width:100%;
	padding-bottom:3em;
	background:#fff url(./images/bg_footerRight.gif) no-repeat 100% 0;
	}

#misc {
	margin:0 430px 4em 0;
	padding:3em 0 0 40px;
	background:url(./images/bg_footerLeft.gif) no-repeat 0 0;
	}

/*-------------------------------*/
/* Hadding */
/*-------------------------------*/
h1 {
	height:50px;
	font-size:3em;
	margin-left:40px;
	background:url(./images/logo.gif) no-repeat 0 0;
	}

h2 {
	font:bold 1.5em Dotum, 돋움, Sans-Serif;
	letter-spacing:-1px;
	color:#9c0;
	}
	h2 a:link, h2 a:visited {color:#9c0;}
	h2 a:hover, h2 a:active {color:#690;}

	#tt-body-location h2,
	#tt-body-tag h2,
	#tt-body-media h2 {
		margin-bottom:2em;
		padding-bottom:.5em;
		border-bottom:1px solid #eee;
		}

	#tt-body-guestbook h2 {
		margin-bottom:1em;
		}

h3 {
	border-bottom:1px solid #ddd;
	background:#fff url(./images/bg_h3.gif) repeat 0 0;
	font-weight:bold;
	font-size:1.2em;
	color:#04afe2;
	}

h4 {
	font:bold 1.1em Dotum, 돋움, Helvetica, AppleGothic, Sans-Serif;
	}
/*-------------------------------*/
/* header */
/*-------------------------------*/
/* title */
h1 span {
	position:relative;
	z-index:-1;
	display:block;
	width:390px;
	height:50px;
	}

h1 a {
	display:-moz-inline-box; /* for FF */
	display:inline-block; /* for Opera */
	width:390px;
	height:50px;
	}

#header .desc {
	position:relative;
	z-index:-1;
	padding-left:45px;
	cursor:default;
	}

/* Navigation */
#mainNav ul {
	list-style:none;
	margin-right:430px;
	padding-left:40px;
	padding-bottom:3em;
	background:url(./images/bg_bodyTopLeft.gif) no-repeat 0 100%;
	}

#mainNav li {
	display:inline;
	font-family:'Trebuchet MS', Helvetica, Sans-Serif;
	}

#mainNav li a {
	margin-right:5px;
	padding:.2em .7em;
	font-size:.9em;
	text-decoration:none;
	color:#fff;
	background-color:#03a9d4;
	}

	#mainNav li a:hover {
		background-color:#0199c1;
		}
	#mainNav li a:active {
		background-color:#5bc7e3;
		}

/* Selected */
#tt-body-page .tab_page a,
#tt-body-search .tab_page a,
#tt-body-archive .tab_page a,
#tt-body-category .tab_page a,
#tt-body-entry .tab_page a,
#tt-body-location .tab_location a,
#tt-body-tag .tab_tag a,
#tt-body-notice .tab_notice a,
#tt-body-guestbook .tab_guestbook a {
	background-color:#000;
	color:#eee;
	font-weight:bold;
}
/*-------------------------------*/
/* Entry */
/*-------------------------------*/
.entry {
	margin-bottom:3em;
	}

/* subject */
.subject {
	margin-bottom:2em;
	}

.subject ul {
	list-style:none;
	margin-top:.5em;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	}

.subject li {
	display:inline;
	margin-right:.8em;
	padding:.5em 0 .5em 20px;
	font-size:.9em;
	color:#999;
	}
	.subject li.infoDate {background:url(./images/bullet_date.gif) no-repeat 0 45%;}
	.subject li.infoCategory {background:url(./images/bullet_category.gif) no-repeat 0 45%;}
	.subject li.infoAuthor {background:url(./images/bullet_author.gif) no-repeat 0 45%;}

/* Protected */
.protectedBody {
	margin-bottom:2em;
	padding:0 0 4em;
	border-bottom:1px solid #f0f0e6;
	}

.protectedBody p {
	margin:0;
	}

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

/* Search list */
.searchList {
	margin-bottom:3em;
	}

.searchList h2 {
	margin-bottom:1.2em;
	}

.searchList h3 {
	padding-left:12px;
	}

.searchList ol {
	list-style:none;
	padding:.5em 1em;
	background-color:#f7f7f7;
	border:1px solid #f0f0e6;
	}

.searchList li {
	padding:.2em 0;
	border-bottom:1px solid #eee;
	}
.searchList li * {
	vertical-align:middle;
	}

.searchList span, .searchList cite {
	margin-right:.5em;
	font-size:.9em;
	color:#999;
	}

.searchList .slDate {
	float:right;
	}
.searchList .slCnt {
	color:#f90;
	}

/* admin */
.admin {
	margin-bottom:2em;
	padding-bottom:.5em;
	border-bottom:1px dashed #ddd;
	}

.admin a {
	font-size:.9em;
	}

/* Post information */
.pInfo {
	clear:both;
	margin:2em 0 1em;
	padding:0 1em .3em;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	font-size:.9em;
	line-height:1.5em;
	}

.pInfo dl {
	padding:.5em 0; 
	}

.pInfo dt {
	float:left;
	width:6em;
	margin:.3em 0 0;
	padding-left:15px;
	}
	.pInfo .postTag {background:url(./images/bullet_tag.gif) no-repeat 0 45%;}
	.pInfo .response {background:url(./images/bullet_response.gif) no-repeat 0 45%;}
	
.pInfo dd {
	margin:.3em 0 0 8em;
	padding-left:.5em;
	border-left:1px solid #ddd;
	}

/*-------------------------------*/
/* article */
/*-------------------------------*/
/* common style */
.article {
	text-align:justify;
	}

.article a {
	text-decoration:underline;
	}

.imageblock {
	margin:0 0 1.5em;
	border:0 none;
	}

.article img {
	max-width:500px;
	height:auto;
	margin-bottom:1em;
	vertical-align:middle;
	}

.cap1 {
	text-align:center;
	font-size:.9em;
	color:#999;
	}

.moreless_fold {
	padding-left:20px; 
	background:url(./images/bullet_plus.gif) no-repeat 0 50%;
	}
.moreless_top  {
	margin-bottom:.5em;
	padding-left:20px; 
	background:url(./images/bullet_minus.gif) no-repeat 0 50%;
	}
.moreless_bottom {
	display:none;
	}
.moreless_fold span, .moreless_top span, .moreless_bottom span{
	background:#f5f5f5;
	color:#333;
	}

.moreless_content {
	margin-bottom:2em;
	padding:1.2em 1em;
	background-color:#f7f7f7;
	border:solid 1px #f0f0e6;
	}

.article blockquote {
	width:70%;
	min-height:50px;
	margin:0 auto 2em;
	padding:1.5em 40px .2em 40px;
	background:#f7f7f7 url(./images/bg_blockquote.gif) no-repeat 10px 10px;
	color:#333;
	}
	* html .article blockquote {
		height:50px;
		}

.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;
	background:url(./images/bullet_atricleUl.gif) no-repeat 0 .5em;
	}

.article em {
	background-color:#f2f4e7;
	}

del {
	color:#999;
	}
ins {
	text-decoration:underline;
	color:#5a5a5a;
	}

/*-------------------------------*/
/* Trackback */
/*-------------------------------*/
.trackback .url {
	margin-bottom:2em;
	padding:.5em 0 .5em 28px;
	background:#f7f7f7 url(./images/bullet_url.gif) no-repeat 10px 50%;
	border:1px solid #f0f0e6;
	font:.9em 'Trebuchet MS', Verdana, Sans-Serif;
	}

/* Trackback list */
.trackback {
	padding-bottom:.5em;
	}
.trackback ol {
	list-style:none;
	}
.trackback ol li{
	margin-bottom:1em;
	padding:.5em 1em;
	background-color:#f7f7f7;
	border:1px solid #f0f0e6;
	font-family:Dotum, 돋움, AppleGothic, Helvetica, Sans-Serif;
	}

.trackback li span {
	font:.9em 'Franklin Gothic Medium', Helvetica, Sans-Serif;
	color:#999;
	}
	.trackback span a:link, .trackback span a:visited {color:#999;}
	.trackback span a:hover, .trackback span a:active {color:#333;}

.trackback li p {
	margin:1em 0 .5em;
	text-align:justify;
	}

.trackback cite {
	font-family:Dotum, 돋움, Helvetica, AppleGothic, Sans-Serif;
	}

/*-------------------------------*/
/* Comment, Guestbook */
/*-------------------------------*/
.entry .list {
	margin:.5em 0 2em;
	}
#guestBook .list {
	margin-top:2em;
	}

.list ol {
	list-style:none;
	margin-bottom:2em;
	}

.list li {
	margin-bottom:1em;
	border:1px solid #f0f0e6;
	}
.list li p {
	margin-bottom:.5em;
	padding:0 1em;
	}
.list p.author {
	margin-bottom:1em;
	padding:.4em 1em 0;
	}

.list span {
	font:.9em 'Franklin Gothic Medium', Helvetica, Sans-Serif;
	color:#999;
	}
.list span a {
	text-decoration:underline;
	}
	.list span a:link, .list span a:visited {color:#999;}
	.list span a:hover, .list span a:active {color:#333;}

.list span abbr {
	border:0 none;
	}

/* Reply */
.list ol li ol {
	margin:0;
	}
.list ol li ol li {
	margin:.2em 0 0;
	padding:.3em 0;
	background-color:#f7f7f7;
	border:0 none;
	}

.list img {
	vertical-align:middle;
	width:25px;
	height:25px;
	margin-right:.2em;
	padding:2px;
	background-color:#fff;
	border:1px solid #ddd;
	}

/* Write area */
fieldset {
	padding:1em;
	border:1px solid #f0f0e6;
	}
* html fieldset {
	/* \ Not Mac */
	position:relative;
	clear:both;
	margin-top:1.8em;
	padding:2em 1em 1em;
	/* */
	}

legend {
	font:1.2em 'Franklin Gothic Medium', Helvetica, Sans-Serif;
	color:#999;
	}
* html fieldset legend {
	/* \ Not Mac */
	position:absolute;
	top:-.8em;left:.4em;
	/* */
	}

fieldset div {
	margin:.3em 0;
	}

label {
	padding-left:.2em;
	vertical-align:middle;
	font:.9em 'Franklin Gothic Medium', Helvetica, Sans-Serif;
	}

label em {
	color:#999;
	}

input{
	width: 180px;
	padding:2px .5em;
	vertical-align:middle;
	background-color:#f7f7f7;
	border:1px solid #ddd;
	font:1em Gulim, 굴림, AppleGothic,Sans-Serif;
	color:#666;
	}

textarea {
	width:440px;
	height:140px;
	padding:2px .5em;
	background-color:#f7f7f7;
	border:1px solid #ddd;
	font:1em Dotum, 돋움, AppleGothic, Sans-Serif;
	color:#666;
	}
input:focus, textarea:focus {
	background-color:#f8fcfd;
	border-color:#3faebe;
	}

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

.submit input {
	width:80px;
	height:25px;
	margin-top:1em;
	padding:.3em;
	font-size:.9em;
	color:#666;
	cursor:pointer;
	}

/*-------------------------------*/
/* Tag cloud */
/*-------------------------------*/
#taglog {
	margin-bottom:3em;
	}
#taglog ul { 
	list-style:none;
	text-align:justify;
	}
#taglog li { 
	display:inline;
	line-height:2.4em
	}

#taglog li a.cloud1 {font-weight:bold; font-size: 2.2em; color:#04afe2;}
#taglog li a.cloud2 {font-weight:bold; font-size: 1.8em; color:#3ea6d0;}
#taglog li a.cloud3 {font-weight:bold; font-size: 1.5em; color:#3ea6d0;}
#taglog li a.cloud4 {font-size:1.2em; color:#3ea6d0;}
#taglog li a.cloud5 {font-size:.9em; color:#aaa;}
#taglog li a:hover {color:#000; background-color:#f2f4e7;}

/*-------------------------------*/
/* Location log */
/*-------------------------------*/
#location {
	margin-bottom:3em;
	}

#location .place, #location .pTitle {
	border-bottom:solid 1px #eee;
	}

.place span {
	padding-left:10px;
	background:url(./images/bullet_indent.gif) no-repeat 0 3px;
	}

.place .dent0 { /* first child */
	padding-left:18px;
	background:url(./images/bullet_pin.gif) no-repeat 0 50%!important;
	font-weight:bold;
	}

#location .localAuthor {
	vertical-align:middle;
	font-size:.9em;
	color:#999;
	}

/*-------------------------------*/
/* page navigation */
/*-------------------------------*/
#pageNav {
	position:relative;
	width:100%;
	margin-bottom:3em;
	padding-top:.4em;
	font:.9em 'Trebuchet MS', Helvetica, Sans-Serif;
	color:#bbb;
	}

#tt-body-notice #pageNav { /* Notice page only */
	padding-top:2em;
	border-top:1px solid #eee;
	}

#pageNav .selected {
	font-weight:bold;
	color:#f90;
	}
#pageNav a {
	display:inline;
	}

/*-------------------------------*/
/* side bar */
/*-------------------------------*/
/* common */
#sidebar a:link, #sidebar a:visited {color:#666;}
#sidebar a:hover, #sidebar a:active {color:#000;}


#flankA div, #flankB div {
	margin-bottom:2em;
	}

/* admin menu */
#adminMenu {
	float:left;
	display:inline;
	width:170px;
	}
#adminMenu ul {
	list-style:none;
	}

#adminMenu li {
	display:inline !important;
	margin-left: .7em;
	padding-left:9px;
	background:url(./images/bullet_dot.gif) no-repeat 0 50%;
	}

#adminMenu li a:link, #adminMenu li a:visited {
	color:#fff;
	background-color:#03a9d4;
	}
#adminMenu li a:hover, #adminMenu li a:active {
	color:#fff;
	background-color:#0199c1;
	}

#adminMenu abbr {
	border:0 none;
	}

/* Search */
#searchForm {
	display:inline;
	width:205px;
	text-align:right;
	}

#searchForm .sInput {
	width:150px;
	padding:.3em 5px;
	background-color:#62d0eb;
	border:1px solid #a3e1f0;
	color:#333;
	font:1em Dotum, 돋움, AppleGothic, Helvetica, Sans-Serif;
	}
#searchForm .sInput:focus {
	background-color:#77d7ee;
	border:1px solid #fff;
	}

#searchForm .searchSubmit {
	width:23px;
	height:23px;
	padding:0;
	margin:0;
	vertical-align:middle;
	background:none;
	border:0 none;
	cursor:pointer;
	}

/* category */
#category div {
	margin:0;
	}

#category .ib, #category .branch3 {
	cursor:pointer;
	}

#treeComponent { /* category table*/
	margin-top:.5em;
	line-height:1.6em;
	}

#category .c_cnt {
	font:.95em 'Franklin Gothic Medium', Helvetica, Sans-Serif;
	color:#f90;
	}

/* list style */
#flankA ol, #flankA ul, #flankB ol, #flankB ol {
	list-style:none;
	}
#flankA li, #flankB li {
	border-bottom:1px solid #ddd;
	}
#flankA li a, #flankB li a {
	display:block;
	padding:.4em 0;
	}
#flankA li a:hover, #flankB li a:hover {
	background:#eee url(./images/bg_sideListA.gif) repeat 0 0;
	}

#sidebar cite {
	display:block;
	width:100%; /* for IE */
	color:#999;
	}

#sidebar li span { /* count */
	font:.95em 'Trebuchet MS', Sans-Serif;
	color:#f90;
	}

/* calendar */
#calendar caption {
	font-family:'Franklin Gothic Medium', Helvetica, Sans-Serif;
	}

#calendar th {
	font-weight:normal;
	}

#calendar td, #calendar th {
	border-bottom:1px solid #e3e3e3;
	text-align:center;
	}

#calendar td a {
	display:block;
	}
	#calendar table td a:link,
	#calendar td a:visited {
		color:#9c0;
		}
	#calendar td a:hover,
	#calendar td a:active {
		background:#eee url(./images/bg_sideListA.gif) repeat 0 0;
		font-weight:bold;
		color:#04afe2 !important;
		}

.cal_day4 {
	color:#04afe2 !important;
	}

/* tag coud (sidebar only)*/
#tagbox ul {
	margin-top:.5em;
	}

#tagbox li {
	display:inline;
	border:0 none;
	line-height:1.6em;
	}
#tagbox li a {
	display:inline;
	}

#tagbox li a.cloud1 {font-weight:bold; font-size:1.8em; color:#abc833;}
#tagbox li a.cloud2 {font-weight:bold; font-size:1.5em; color:#bfd36a;}
#tagbox li a.cloud3 {font-weight:bold;font-size:1.2em; color:#bfca92;}
#tagbox li a.cloud4 {font-size:1.1em; color:#b8c39a;}
#tagbox li a.cloud5 {font-size:1em; color:#aaa;}
#tagbox li a:hover {background:none; color:#000;text-decoration:underline;}

/* archive */
#archive select {
	width:100%;
	margin-top:1em;
	font:1em 'Trebuchet MS', Helvetica, Sans-Serif;
	}

/* stats */
#stats ul {
	margin-top:.5em;
	list-style:none;
	}

#stats li {
	border:0 none;
	font-family:'Trebuchet MS', Helvetica, Sans-Serif;
	}

#stats dfn {
	color:#999;
	}

/*-------------------------------*/
/* Footer */
/*-------------------------------*/
#footer p {
	margin:0;
	font-size:.9em;
	line-height:1.4em;
	color:#999;
	}

/* license */
#footer .license {
	padding:.2em 0 0 10px;
	border-left:1px solid #ddd;
	}

/* RSS button */
#footer .rss {
	padding-left:10px;
	border-left:1px solid #ddd;
	}
#footer .rss * {
	vertical-align:middle;
	}

#footer .rss img {
	margin-right:.3em;
	}

/*-------------------------------*/
/* Advertisement */
/*-------------------------------*/
.adPostTop, .adPostBottom{
	padding:1em 0;
	text-align:center;
	}

#TatterMedia_memberList a {
	padding:.2em 0 !important;
	font-size:.9em;
	}
#TatterMedia_memberList div {
	margin:.5em 0 0;
	}
#TatterMedia_memberList ul {
	padding:0 !important;
	}

#TatterMedia_postList {
	width:100% !important;
	padding:1.5em 0 0 !important;
	border:0 none !important;
	}

.post_list {
	margin:0 40px !important;
	}

.postbox {
	display:block !important;
	width:33% !important;
	margin:0 .15% 1em !important;
	}

.postbox li a {
	display:block;
	line-height:1.7em !important;
	}
	.postbox li a:link {
		color:#666 !important;
		}
	.postbox li a:hover {
		background:#eee url(./images/bg_sideListA.gif) repeat 0 0;
		color:#000 !important;
		}

.postbox h3 {background-color:#fff !important;}
.postbox h3 a:link, .postbox h3 a:visited {color:#04afe2 !important;}
.postbox h3 a:hover, .postbox h3 a:active {color:#09c !important;}

















	#TatterMedia_postList 				{ background:#f8f8f8 !important; border-color:#8ed2c5 #ddd #ddd !important; border-style:solid !important; border-width:1px !important; display:none !important; font-family:verdana, dotum !important; margin:20px auto 0 !important; overflow:hidden !important; width:980px !important; display:block !important;}
		#TatterMedia_postList a				{ color:#333 !important; text-decoration:none !important; }
		#TatterMedia_postList a:hover		{ color:#8ed2c5!important !important; }		
		#TatterMedia_postList h2 			{ border-bottom:1px solid #ddd !important; margin:0 20px 20px !important; }
		#TatterMedia_postList h2 a			{ background:url(http://file.tattermedia.com/media/images/footer_tnm.gif) 0 center no-repeat !important; font-size:16px !important; font-family:trebuchet ms !important; height:44px !important; letter-spacing:1px !important; line-height:44px !important; padding:2px 0 2px 32px !important; }
		#TatterMedia_postList .post_list 	{ font-size:11px !important; letter-spacing:-1px !important; }
		#TatterMedia_postList .postbox 		{ border-left:1px solid #ddd !important; float:left !important; margin:0 0 20px !important; width:33.2% !important; }
		#TatterMedia_postList .no01,
		#TatterMedia_postList .no04			{ border-left:none !important; }
		#TatterMedia_postList .postbox h3 	{ font-size:11px !important; margin:0 0 10px 20px !important; background:none !important; border:0 !important }
		#TatterMedia_postList .no01 h3,
		#TatterMedia_postList .no04	h3		{ }
		#TatterMedia_postList .postbox ul 	{ list-style:none !important; margin:0 0 0 20px !important; padding:0 !important; }
		#TatterMedia_postList .no01 ul,
		#TatterMedia_postList .no04	ul		{ }
		#TatterMedia_postList li a			{ color:#666 !important; line-height:2 !important; }
		.adSquare.tnmad {
 	       min-height: 250px !important;
	       text-align: center !important;
	  }
	  #TatterMedia_badge { background:url(http://file.tattermedia.com/media/image/plugin/tnm_badge_white.gif) no-repeat !important; display:block !important; height:0 !important; margin:0 auto !important; overflow:hidden !important; padding:50px 0 0 !important; text-align:center !important; width:160px !important; }
	  
	  .postbox { height:165px; }
	  #TatterMedia_postList li a:hover { background:none !important;}