@font-face {font-family:nanum; src:url(images/NanumGothic.eot)};
@font-face {font-family:nanumEB; src:url(images/NanumGothicExtraBold.eot)};
body{font-family:nanum; font-size: 12px;}
div{font-family:nanum; font-size: 12px;}

@charset "utf-8";
/* CSS Document */

/*colorset*/
/*
배경색, 글자색 292929
카피라이트 배경색 0c0c0c
카피라이트 글자색 b7b7b7

사이드바h3 배경색 06101a
사이드바about 글자색 6497d2
검색창 배경색 0b1a2a
검색창 글자색 b6bbc0

메뉴선택색상 162b61

코멘트창 날짜색상 4f4f4f
본문 날짜색상 7f7f7f
본문 제목색상 33345b

*/

body{
	margin:0;
	background:#292929 url(./images/bgTop.gif) repeat-x;
	font:12px "nanum", "나눔고딕", "맑은고딕", "Dotum", "돋움", "Gulim", "굴림", "Verdana", "Arial", "Trebuchet MS";
        text-align:center;
        color:#252525
}

a:link	{color:#292929; text-decoration:none;}
a:hover	{color:#292929; text-decoration:none;}
a:visited	{color:#292929; text-decoration:none;}
a:active	{color:#292929; text-decoration:none;}

/*기본*/
ul, ol	{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5	{margin:0; padding:0;}
img	{border:none;}
input, textarea	{border:none; background:none; outline-style:none; font-size:12px;}
.cnt, .c_cnt	{color:#ff6600; font:11px verdana;}

/*layout*/
#containerWrap{
	background:url(./images/bg.gif) no-repeat center top;
}
#container{
	margin:0 auto 25px;
	width:1000px;
	text-align:left;
}
	#topMenu{
		padding:10px;
	}
	#header{
		position:relative;
		padding:15px 0 0 10px;
		height:70px;
	}
	#wrapperR{
		padding-left:9px;
		background:url(./images/bgContentL.gif) no-repeat left 18px;
	}
	#wrapperL{
		padding-right:9px;
		background:url(./images/bgContentR.gif) no-repeat right 18px;
	}
	#wrapper{
		background:#FFF url(./images/bgContent.gif) repeat-y right top;
	}
		#menu{
			padding:18px 20px 0 10px;
			width:952px;
			height:60px;
			background:url(./images/bgMenu.gif) repeat-x left 18px;
		}
		#content{
			width:640px;
			float:left;
		}
		#sidebar{
			width:340px;
			font-size:12px;
			float:right;
		}
#footer{
	background-color:#0c0c0c;
	clear:both;
}
	#copyright{
		margin:0 auto;
		padding:10px 20px 10px 20px;
		width:1000px;
		text-align:center;
	}

/*topMenu*/
#topMenu a{
	margin-right:15px;
	color:#FFF;
	font:10px Verdana;
	text-transform:uppercase;
}

/*header*/
#header h1{
}
#header h1 a{
	font:26px "nanumEB", "나눔고딕 Bold", "NanumGothic Bold";
	color:#FFF;
}
#header .subTitle{
	font:12px "Verdana";
	color:#FFF;
}
#header .search{
	position:absolute;
	width:347px;
	top:34px;
	right:2px;
}
#header .search input.searchinput{
	padding:14px 10px 0 10px;
	height:24px;
	width:263px;
	background-color:#0b1a2a;
	font:13px "nanumEB", "나눔고딕 Bold", "NanumGothic Bold";
	color:#b6bbc0;
	vertical-align:middle;
}
#header .search input.submit{
	vertical-align:middle;
}

/*menu*/
#menu a{
	display:block;
	padding:18px 15px 0px 15px;
	height:27px;
	font:bold 14px "verdana", "나눔고딕 Bold", "NanumGothic Bold";
	color:#FFF;
	float:left;
}
#menu a:active{
	background-color:#162b61;
}
#menu a:hover{
	background-color:#162b61;
}
#menu a.btTwitter, #menu a.facebook, #menu a.btGoogle, #menu a.btPinterest, #menu a.btRss, #menu a.phone, #menu a.btslide{
	margin-top:13px;
	padding:0 0 0 10px;
	float:right;
}
#menu a:hover.btTwitter, #menu a:hover.facebook, #menu a:hover.btGoogle, #menu a:hover.btPinterest, #menu a:hover.btRss, #menu a:hover.phone, #menu a:hover.btslide{
	background:none;
}
body#tt-body-page #menu a.blog, body#tt-body-category #menu a.blog, body#tt-body-notice #menu a.notice, body#tt-body-tag #menu a.tag, body#tt-body-location #menu a.localog, body#tt-body-media #menu a.media, body#tt-body-guestbook #menu a.guestbook{
	background-color:#06101a;
}


/*entry*/
#entry{
	padding-bottom:25px;
	border-bottom:1px solid #ddd;
}
#entry h2{
	margin-bottom:7px;
	font-size:24px;
	font-family: "nanum Bold", "나눔고딕 Bold", "NanumGothic Bold", "Verdana Bold";
}
#entry h2 a{
	color:#33345b;
	font-size:24px;
	font-family: "nanum Bold", "나눔고딕 Bold", "NanumGothic Bold", "Verdana Bold";
}
.titleWrap{
	margin:15px 25px 25px;
	color:#7f7f7f;
	font:11px Verdana;
	text-transform:uppercase;
}
.titleWrap .category a{
	color:#7f7f7f;
	font:11px "nanum 고딕", "dotum", "돋움";
}
.titleWrap .date{
	color:#7f7f7f;
}
.titleWrap .admin{
	margin-top:10px;
	padding:5px;
	background-color:#f7f7f7;
	border:1px solid #ddd;
	font-size:11px;
}

.article{
	padding:0 25px;
         margin-bottom: 5px;  
	overflow:hidden;
	line-height:160%;
}

.article a:link	{color:#4c62bb;}
.article a:hover	{text-decoration:underline;}
.article a:active	{color:#ff0190;}
.article a:visited	{color:#c700c9;}

.article h1	{margin:10px 0; font:20px;}
.article h2	{margin:10px 0; padding:3px; border-bottom:1px solid #ddd; background-color:#f0f0f0; font-size:18px;}
.article h3	{margin:10px 0; font-size:16px; color:#cc0000;}
.article h4	{margin:10px 0; font-size:16px; border-bottom:2px solid #4c62bb;}

.article ol{
	margin:10px 0 10px 25px;
	list-style:decimal;
}
.article ol li{
	margin:0;
	padding:0;
	list-style:decimal;
}
.article ul.list{
	margin-left:25px;
	margin-bottom:20px;
}
.article ul.list li{
	margin:0;
	padding-left:15px;
	background:url(./images/hd_list.gif) no-repeat 5px 8px;
}

blockquote{
	margin:15px 0;
	padding:10px 0 10px 60px;
	background:url(./images/bgBlock.gif) no-repeat;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.moreless_fold span{
	padding-left:17px;
	padding-bottom:3px;
	background:url(./images/icon_more.gif) no-repeat;
}
.moreless_top span{
	padding-left:17px;
	padding-bottom:3px;
	background:url(./images/icon_less.gif) no-repeat;
}
.moreless_bottom span{
	padding-right:17px;
	padding-bottom:3px;
	background:url(./images/icon_less.gif) no-repeat right 0;
}
.moreless_fold{
}
.moreless_top{
}
.moreless_content{
	padding:15px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.moreless_bottom{
	text-align:right;
}

.cap1{
	margin:5px 0;
	padding:0;
	color:#888;
}

.tagTrail{
	margin:0 25px 20px;
	font-size:12px;
}
.tagTrail .tagText{
	padding:3px;
	background-color:#06101a;
	color:#FFF;
	font:12px Verdana;
	text-transform:uppercase;
}

.trackbackTitle{
	padding:10px;
	margin:0 25px;
	background-color:#e5e5e5;
	text-transform:uppercase;
}
.trackback{
	padding:10px 10px 0;
	margin:0 25px;
	background-color:#f7f7f7;
}
*html .trackback{
	background:none;
}
.trackback .trackbackAdd{
	padding-bottom:10px;
	font:12px Verdana;
	text-transform:uppercase;
}
.trackback ol{
	margin-left:35px;
	list-style:decimal;
}
.trackback ol li{
	padding-bottom:10px;	
}
.trackback ol li .name{
	color:#4f4f4f;
}
.trackback ol li .date{
	font:12px Verdana;
	color:#4f4f4f;
}
.trackback ol li a.del{
	font:12px Verdana;
	text-transform:uppercase;
	color:#4f4f4f;
}
.commentTitle{
	margin-top:15px;
	padding:25px 25px 0px;
	border-top:1px solid #ddd;
	font:12px nanum, Verdana;
	text-transform:uppercase;
}
.commentTitle .cnt{
	font:14px Verdana;
	color:#292929;
}

.comment{
}

.commentList{
	padding-bottom:25px;
	border-bottom:1px solid #ddd;
}
.commentList ol{
}
.commentList ol li{
	padding-top:15px;
	padding-bottom:1px;
	margin:0 25px;
}
.commentList ol li img{
	position:absolute;
	left:5px;
	top:5px;
	width:36px;
	height:36px;
}
.commentList ol li p img{
	left:auto;
	top:auto;
}
.commentList ol li .cList{
	position:relative;
	background:url(./images/blogIcon.gif) no-repeat;
}
.commentList ol li .rp_secret .cList, .commentList ol li .guest_secret .cList{
	background:url(./images/blogIconSecret.gif) no-repeat;
}
.commentList ol li ul li .rp_secret .cList, .commentList ol li ul li .guest_secret .cList{
	background:url(./images/blogIconSecret2.gif) no-repeat;
}
.commentList ol li .rp_secret .date, .commentList ol li .rp_secret .name, .commentList ol li .guest_secret .date, .commentList ol li .guest_secret .name{
	display:none;
}

.commentList ol li .rp_admin .cList, .commentList ol li .guest_admin .cList{
	background:url(./images/blogIconAdmin.gif) no-repeat;
}
.commentList ol li ul{
}
.commentList ol li ul li{
	margin-right:0;
	padding:20px 0 1px 40px;
}
.commentList ol li ul li .cList{
	margin:0;
}
.commentList .name{
	padding-left:65px;
	font:bold 14px "nanum", "나눔고딕", "NanumGothic", "돋움", "dotum";
}
.commentList .name a{
	color:#1c478e;
}
.commentList ol li .info{
	position:relative;
	padding:5px;
	height:12px;
	margin-left:65px;
	background-color:#e5e5e5;
}
.commentList ol li ul li .info{
	margin-left:0;
}
.commentList .date{
	font:12px Verdana;
	color:#4f4f4f;
}
.commentList .date a{
	color:#4f4f4f;
}
.commentList .control{
	display:block;
	position:absolute;
	right:5px;
	top:5px;
	float:right;
	font:12px Verdana;
	text-transform:uppercase;
}
.commentList .control a{
	padding-left:5px;
	color:#4f4f4f;
}

.commentList p{
	margin:0 0 10px;
	padding:5px 0 0 65px;
	line-height:160%;
}

.commentWrite{
	padding:25px 25px 15px;
}
.commentWrite p{
	margin:0 0 10px;
	padding:0;
}
.commentWrite label{
	font:12px Verdana;
	text-transform:uppercase;
}
.commentWrite label.secret{
	font:12px "nanum", "dotum", "돋움";
}
.input{
	margin-right:5px;
	padding:5px;
	width:180px;
	border:1px solid #bbb;
	cursor:text;
}
.input_on{
	margin-right:5px;
	padding:5px;
	width:180px;
	border:1px solid #666;
	cursor:text;
}
.textarea{
	padding:10px;
	width:570px;
	height:150px;
	border:1px solid #bbb;
	cursor:text;
}
.textarea_on{
	padding:10px;
	width:570px;
	height:150px;
	border:1px solid #666;
	cursor:text;
}
.commentWrite .secretWrap{
}
.commentWrite a.submit{
	display:block;
	margin-top:-30px;
	width:64px;
	height:44px;
	background:url(./images/btSubmit.gif) no-repeat;
	float:right;
}
.commentWrite a:hover.submit{
	background-position:0 -44px;
}
.commentWrite a.submit span{
	display:none;
}

.teamProfile { 
margin-left:24px;
width: 582px;
clear: both;
border: 5px solid #DDD;
}
.ProfileImage {
float: left;
width: 102px!important;
}
.ProfileDesc {
color: #666;
float: left;
font: 12px 나눔고딕, nanumgothic, 맑은고딕, malgun gothic, lucida Grande, lucida Sans Unicode, dotum, gulim, appleGothic, sans-serif;
width: 440px;
}
.teamProfile fieldset {
border: none;
padding: 10px;
}

/*paging*/
#paging{
	margin:25px;
	width:585px;
}
#paging span{
}
#paging a{
	display:block;
	font:10px Verdana;
	text-transform:uppercase;
	padding:5px;
}
#paging a.prev{
	border:1px solid #ddd;
	background-color:#f7f7f7;
	float:left;
}
#paging a.next{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd;
	background-color:#f7f7f7;
	float:left;
}
#paging .selected{
	color:#ff6600;
}
#paging .numbox{
}
#paging a.num, #paging span.interword{
	padding:5px 7px;
	border-right:1px solid #ddd;
	display:block;
	float:left;
}
#paging a:hover.num{
	color:#666;
}

/*nonEntry*/
#nonEntry h3{
	font:24px "nanumEB", "nanum Bold", "나눔고딕 Bold", "NanumGothic Bold";
	color:#33345b;
}
#nonEntry h3 .cnt{
	font:24px Georgia;
	color:#33345b;
}
#searchList, #searchRplist, #taglog, #localog{
	margin:15px 25px 25px;
}

#searchList ol, #searchRplist ol{
	list-style:decimal;
	margin:25px 0 0 35px;
}
#searchList ol li, #searchRplist ol li{
	padding-bottom:10px;
}



#taglog ul{
	margin-top:25px;
	padding:10px;
	background-color:#e5e5e5;
	text-align:justify;
	line-height:200%;
}
#taglog li	{background:none;  display:inline;}
#taglog a	{padding:5px; color:#333;}
#taglog a:hover.cloud1, #taglog a:hover.cloud2, #taglog a:hover.cloud3	{color:#FFF; background-color:#06101a;}
#taglog a:visited	{color:#999;}	
#taglog li a.cloud1	{font-weight:bold;  background-color:#ff9900; color:#FFF;}
#taglog li a.cloud2	{font-weight:bold;  background-color:#70c5d4; color:#FFF;}
#taglog li a.cloud3	{font-weight:bold;  background-color:#FFF;}
#taglog li a.cloud4	{font-weight:bold; }
#taglog li a.cloud5	{}


#localog{
}
#localog .localogBody{
	margin:25px 0;
}
#localog .spot{
	padding:5px 0;
}
#localog .info{
	padding:5px 0;
}
#localog .info a{
	color:#4c62bb;
}
#localog .info a:hover{
	text-decoration:underline;
}

#guestbook h3{
	margin:15px 0 0 25px;
}
#guestbook .commentList{
	border-bottom:none;
}
#guestbook .commentWrite{
	padding-bottom:40px;
	border-bottom:1px solid #ddd;
}

#entryNotice h2, #entryProtected h2{
	margin:15px 25px 25px 25px;
	font:24px "nanumEB", "nanum Bold", "나눔고딕 Bold", "NanumGothic Bold";
	text-align:left;
}

#entryProtected{
	text-align:center;
}
#entryProtected .protectedBody{
	margin:0 auto;
	padding:40px 0 25px 90px;
	width:342px;
	height:160px;
	background:url(./images/bgProtectedArticle.gif) no-repeat;
	color:#FFF;
	text-align:left;
}
#entryProtected .protectedBody p{
	line-height:160%;
}
#entryProtected input{
	padding:5px;
	width:180px;
	height:15px;
	background-color:#FFF;
}
#entryProtected input.submit{
	width:60px;
	height:25px;
	font:12px Verdana;
	text-transform:uppercase;
	background-color:#e5e5e5;
	cursor:pointer;
}

/*sidebar*/
#sidebar h3{
	padding:8px 10px;
        border-top:1px solid #ddd;
        border-bottom:1px solid #ddd;
	font:15px  "nanum Bold", "나눔고딕 Bold", "NanumGothic Bold", "Verdana Bold";
	text-transform:uppercase;
	color:#33345B;
        background-color:#e5e5e5;
}
#sidebar .module{
	padding:10px;
                
}
#recentPost, #recentComment, #recentTrackback, #blogImage, #sidebarLink, #tagbox, #notice, #archive, #category{
	padding-bottom:10px;
                border-bottom:1px solid #ddd;
}
#aladdin{
	padding:7px 5px 0px 5px;
                border-bottom:1px solid #ddd;
}
#sidebar ul{
	margin:10px 10px 0 10px;
}
#sidebar ul li{
	padding:5px 0;
}

#sidebar ul li a .name{
	color:#4c62bb;
}

#blogImage .blogImageBody{
	margin:15px 20px 10px;
	padding:10px;
	width:280px;
	background-color:#06101a;
	color:#FFF;
}
#blogImage img{
	margin-right:10px;
	width:73px;
	float:left;
}
#blogImage .about{
	font:12px Verdana;
	color:#6497d2;
	text-transform:uppercase;
}
#blogImage p{
	margin:5px 0;
	padding:0;
	line-height:160%;
}
#blogImage .blogger{
	font:12px "nanum", "맑은 고딕", "dotum", "돋움";
}

#notice{
	font:12px nanum;
	color:#6497d2;
	text-transform:uppercase;
}
#notice .noticeText{
	font:12px Verdana;
	color:#6497d2;
	text-transform:uppercase;
}
#notice a{
}
#notice ul{
	background:none;
}
#category ul li ul{
	margin:0 0 0 10px;
	padding:0;
	background:none;
}
#category ul li ul li{
	padding:10px 0 0;
}
#category ul li ul li{
	padding-left:20px;
	background:url(./images/bgTree.gif) no-repeat;
	border-left:1px solid #ddd;
}

.ib	        {cursor:pointer;}
.branch3	{cursor:pointer;}

#tagbox ul					{ text-align:justify; line-height:200%; }
#tagbox ul li 			        { display:inline; border:none; background:none; padding:0;}
#tagbox li a	                        {padding:3px;}
#tagbox li a:hover.cloud1, #tagbox li a:hover.cloud2, #tagbox li a:hover.cloud3	{background-color:#06101a; color:#FFF;}
#tagbox li a.cloud1		{font-weight:bold;  background-color:#FF9900; color:#FFF}
#tagbox li a.cloud2 	        {font-weight:bold;  background-color:#70c5d4; color:#FFF}
#tagbox li a.cloud3		{font-weight:bold;  background-color:#FFF;}
#tagbox li a.cloud4		{font-weight:bold; }
#tagbox li a.cloud5		{}

#sidebarLink ul li a{
	padding-right:17px;
	background:url(./images/bgLink.gif) no-repeat right top;
}

#counter{
	padding:10px;
	background-color:#e5e5e5;
	font:12px Verdana;
	text-transform:uppercase;
        border-bottom:1px solid #ddd;
}
#counter .totalText{
	color:#ff6600;
}
#counter .todayText{
	color:#6497d2;
}
#counter .yesterdayText{
	color:#6497d2;
}
#copyright{
	font:11px Verdana;
	color:#b7b7b7;
}
#copyright a{
	color:#FFF;
}

/* Float bug */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clearfix {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* */
/* 타이틀 라인 삭제 추가 2010.06.25 */
.twtr-doc h3 { border:none !important; }