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

body{
	margin:0;
	background-color: #EEE;
	font:13px NanumGothic, "나눔고딕", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";
	color:#3f3f3f;
	text-align: center;
}

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

ul, ol	{margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5	{margin:0; padding:0;}
img	{border:none;}
input, textarea	{font:12px NanumGothic, "나눔고딕", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS"; outline: none;}

/* layout */
#container{
}
#headerWrap{
	height: 110px;
	min-width: 1110px;
	background: #4f94c7 url(./images/bgHeader.png) repeat-x left bottom;
}
#header{
	margin: 0 auto;
	padding-top: 30px; 
	width: 1110px;
	text-align: left;
}
#menuWrap{
	margin: 0 auto;
	width: 1110px;
	text-align: left;
}
#wrapper{
	margin: 0 auto;
	padding-top: 15px;
	width: 1110px;
	text-align: left;
}
	#content{
		float:left;
		width: 790px;
		overflow: hidden;
	}
	#sidebar{
		float: right;
		width: 300px;
	}
#footer{
	margin-top: 40px;
	min-width: 1110px;
	background: #c9c9c9;
}
	#copyright{
		margin: 0 auto;
		padding: 20px 0;
		width: 1110px;
		text-align: left;
	}


/* header */
#header h1{
	float: left;
	width: 680px;
}
#header .search{
	float: right;
	margin-top: 6px;
	padding: 5px;
	width: 290px;
	height: 23px;
	background: url(./images/bgSearch.png) no-repeat;
}
#header .searchinput{
	float: left;
	padding: 4px 6px 4px 4px;
	width: 215px;
	height: 15px;
	background: none;
	border: none;
	font-size: 11px;
	line-height: 100%;
	color: #888;
	outline: none;
}
#header a.btSearch{
	float: left;
	width: 64px;
	height: 23px;
	background: url(./images/btSearch.gif) no-repeat;
}
#header a:active.btSearch{
	background-position: 0 -23px;
}
#header .btSearch span{
	display: none;
}


/* menu */
#menuWrap{
	clear: both;
}
#menu{
	float: left;
	width: 850px;
}
#menu a{
	display: block;
	margin-top: 23px;
	padding: 0 18px; 
	background: url(./images/blLine.png) no-repeat right 2px;
	color: #2e5d7f;
}
#menu li.last a{
	background: none;
}

#menu a:hover{
	text-decoration: underline;
}
#menu li{
	float: left;
}

#social{
	float: right;
	margin-top: 15px;
	width: 100px;;
}
#social li{
	float: right;
	padding-right: 7px;
}


/* content */
.contentBoxT{
	padding-top: 7px;
	background: url(./images/bgContentBoxT.gif) no-repeat left top;
}
.contentBoxB{
	padding-bottom: 7px;
	background: url(./images/bgContentBoxB.gif) no-repeat left bottom;
}
.contentBoxM{
	position: relative;
	background: url(./images/bgContentBoxM.gif) repeat-y;
}

/* nonEntry */

h3.medialog{
	display: none;
}
#tt-body-media h3.medialog{
	display: block;
	padding: 10px 20px 15px 55px;
	background: url(./images/blMedia.png) no-repeat 20px 9px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	line-height: 140%;
}
#tt-body-media #nonEntry{
	padding: 0 20px;
}

#searchList h3{
	padding: 10px 20px 15px 55px;
	background: url(./images/blSearchList.png) no-repeat 20px 9px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	line-height: 140%;
}
#searchList ol{
	padding: 15px 20px 7px 20px;
}
#searchList ol li{
	padding: 5px 0;
	list-style: inside decimal;
}
#searchList ol li a{
	color: #2e5d7f;
}
#searchList ol li a:hover{
	text-decoration: underline;
}
#searchList ol li .date{
	font: 10px Verdana;
	color: #a0a0a0;
}
#searchList ol li .cnt{
	color: #ed4f4f;
}

#taglog h3{
	padding: 10px 20px 15px 55px;
	background: url(./images/blTaglog.png) no-repeat 20px 9px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	line-height: 140%;
}
#taglog ul{
	padding: 15px 20px 12px;
}
#taglog ul li{
	float: left;
	padding: 5px 13px 0 0;
}
* html #taglog ul li{
	height: 34px;
}
#taglog ul li a{
	display: block;
	float: left;
	height: 32px;
	background: url(./images/bgRoundBoxL.png) no-repeat;
}
* html #taglog ul li a{
	padding: 5px;
	height: auto;
	background: none;
	border: 2px solid #DDD;
}
#taglog ul li a span{
	display: block;
	padding: 8px 10px 0;
	height: 24px;
	margin-right: -7px;
	background: url(./images/bgRoundBoxR.png) no-repeat right top;
	white-space:nowrap;
}
* html #taglog ul li a span{
	display: inline;
	padding: 0;
	margin: 0;
	height: auto;
	background: none;
}
#taglog ul li a:hover{
	background-position: 0 -38px;
}
* html #taglog ul li a:hover{
	border: 1px solid #ed4f4f;
}
#taglog ul li a:hover span{
	background-position: right -38px;
}

#localog h3{
	padding: 10px 20px 15px 55px;
	background: url(./images/blLocalog.png) no-repeat 20px 9px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	line-height: 140%;
}
#localog .localogBody{
	padding: 20px 20px 2px;
}
#localog .spot{
	margin-bottom: 10px;
}
#localog .info{
	margin-bottom: 10px;
}
#localog a{
	color: #2e5d7f;
}
#localog a:hover{
	text-decoration: underline;
}

#guestbook h3{
	padding: 10px 20px 15px 55px;
	background: url(./images/blGuestbook.png) no-repeat 20px 9px;
	font-size: 18px;
	line-height: 140%;
}
#guestbook .commentWrite{
	padding-bottom: 20px;
}

#entryNotice h2{
	padding: 10px 20px 15px 50px;
	background: url(./images/blArticle.png) no-repeat 20px 9px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	line-height: 140%;
}
#entryProtected h2{
	padding: 10px 20px 15px 50px;
	background: url(./images/blArticle.png) no-repeat 20px 9px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	line-height: 140%;
}
.protectedBody{
	padding: 20px 20px 12px;
}
.protectedBody p{
	margin: 0 0 10px;
	line-height: 180%;
}
.protectedBody input.pass{
	padding: 5;
	height: 20px;
	border: 1px solid #DDD;
}


/* entry */
.entry h2{
	padding: 10px 20px 15px 50px;
	background: url(./images/blArticle.png) no-repeat 20px 9px;
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	line-height: 140%;
}
.underTitle{
	margin: 10px 20px 0;
	font-size: 10px;
	color: #a0a0a0;
	text-align: right;
}
.underTitle .date{
	padding-right: 5px;
	font: 10px Verdana;
	color: #a0a0a0;
}
.underTitle .category{
	padding-left: 5px;
	font-size: 11px;
}
.underTitle .category a{
	color: #2e5d7f;
}
.underTitle .category a:hover{
	text-decoration: underline;
}
.admin{
	margin: 10px 20px 0;
	padding: 5px 0;
	border-top: 1px dotted #DDD;
	border-bottom: 1px dotted #DDD;
	font-size: 12px;
}

.article{
	margin: 0 20px;
	padding: 20px 0;
	line-height: 180%;
}

.article a:link	{color: #2e5d7f;}
.article a:hover	{text-decoration: underline}
.article a:visited	{color: #c700c9;}
.article a:active	{color: #ed4f4f;}

.article h1	{font-size: 18px; margin-bottom: 10px;}
.article h2	{background: #f7f7f7; padding: 5px 10px; margin-bottom: 10px; border-bottom: 1px solid #DDD; font-size: 16px;}
.article h3	{color: #cc0000;}

.article blockquote{
	padding: 10px;
	margin: 20px;
	background-color: #f7f7f7;
	border: 1px solid #DDD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.moreless_fold span{
	padding-left:17px;
	background:url(./images/blMore.gif) no-repeat 0 2px;
	color: #2e5d7f;
}
.moreless_top span{
	padding-left:17px;
	background:url(./images/blLess.gif) no-repeat 0 2px;
	color: #2e5d7f;
}
.moreless_bottom span{
	padding-right:17px;
	background:url(./images/blLess.gif) no-repeat right 2px;
	color: #2e5d7f;
}
.moreless_fold{
}
.moreless_top{
}
.moreless_content{
	padding:10px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.moreless_bottom{
	text-align:right;
}

div.another_category{
	margin-top: 20px;
	padding: 15px 20px;
	border: 1px solid #DDD;
	background-color: #f7f7f7;
}
div.another_category h4{
	padding-bottom:0 !important;
	padding-left: 30px !important;
	border:none !important;
	background: url(./images/blFolderBig.png) no-repeat 0 3px;
	font-size: 14px !important;
	color: #313131 !important;
}
div.another_category h4 a{
	color: #313131 !important;
}
div.another_category table th a{
	padding-left:12px;
	background:url(./images/blArrow.png) no-repeat 0 4px;
	color: #2e5d7f !important;
}
div.another_category table th a.current{
	border-bottom:none !important;
	font-weight:normal !important;
	background:url(./images/blArrow2.png) no-repeat 0 4px;
}

div.another_category table td{
	display: none;
}

.article img{
	max-width: 620px;
	height: auto;
}

.article .imageblock{
	overflow: hidden;
}
.article .cap1{
	margin: 10px 0 0;
	padding: 0;
	text-align: center;
	color: #777;}

.tagTrail{
	clear: both;
	margin: 0 20px;
	padding-left: 30px;
	background: url(./images/blTag.png) no-repeat left 5px;
	line-height: 160%;
}
.tagTrail a{
	color: #2e5d7f;
}
.tagTrail a:hover{
	text-decoration: underline;
}

.actionTrail{
	margin-top: 20px;
	padding: 20px;
	border-top: 1px solid #DDD;
	text-transform: uppercase;
	color: #a0a0a0;
}
.actionTrail a{
	font: 18px Verdana;
}
.actionTrail .cnt{
	color: #ed4f4f;
}
.actionTrail a.tb{
	color: #b2b2b2;
}
.actionTrail a.tb .cnt{
	color: #f8b9b9;
}


/* trackback */

.trackback{
	padding: 10px 20px;
	border-top: 1px solid #DDD;
}
.trackback h3{
	padding: 7px;
	background-color: #f7f7f7;
	border: 1px solid #DDD;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font: normal 11px Verdana;
}
.trackback li{
	margin-top: 10px;
	list-style: decimal inside;
}
.trackback li h5{
	display: inline;
	font-weight: normal;
	font-size: 13px;
}
.trackback li a{
	color: #2e5d7f;
}
.trackback li .name{
	color: #a0a0a0;
}
.trackback li .date{
	font: 10px Verdana;
	color: #a0a0a0;
}
.trackback li a.del{
	color: #ed4f4f;
}


/* comment */

.comment{
}
.commentList{
}
.commentList ol li{
	padding: 0 20px;
	border-top: 1px solid #DDD;
	background: url(./images/blogIcon.png) no-repeat 20px 20px;
}
.commentList ol li ul li{
	margin-left: 65px;
	padding: 0;
	border-bottom: none;
	border-top: 1px solid #DDD;
	background: url(./images/blogIcon.png) no-repeat 0 20px;
}
.commentList ol li .rp_secret, .commentList ol li .guest_secret{
	background: url(./images/iconSecret.png) no-repeat 0 20px;
}
* 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;
}

.commentList img{
	position: absolute;
	left: 7px;
	top: 27px;
	width: 38px;
	height: 38px;
	background-color: #FFF;
}
.commentList p img{
	position: static;
	width: auto;
	height: auto;
}
.commentList .cList{
	position: relative;
	padding: 20px 0;
}
.commentList .name{
	padding-left: 65px;
	font-size: 16px;
	font-weight: bold;
	color: #2e5d7f;
}
.commentList .name a{
	color: #2e5d7f;
}
.commentList .date{
	font: 10px Verdana;
}
.commentList a.btEdit{
	font: 10px Verdana;
}
.commentList a:hover.btEdit, .commentList .date a:hover{
	text-decoration: underline;
}
.commentList p{
	padding: 10px 0 0 65px;
	margin: 0;
	line-height: 180%;
}
.commentList p a{
	color: #2e5d7f;
}
.commentList p a:hover{
	text-decoration: underline;
}
.commentList a.btReply{
	display: block;
	position: absolute;
	right: 0;
	top: 20px;
	padding-left: 15px;
	background: url(./images/blReply.png) no-repeat 0 1px;
	font: 11px Verdana;
	color: #3e5d7f;
}
* html .commentList a.btReply{
	right: 20px;
}
.commentList a:hover.btReply{
	text-decoration: underline;
}
.commentWrite{
	padding: 20px 20px 12px;
	border-top: 1px solid #DDD;
}
.commentWrite label{
	display: block;
	margin-bottom: 15px;
	font: 15px Verdana;
	color: #a0a0a0;
}
.memberWrap{
	padding-bottom: 20px;
}
.memberWrap p{
	float:left;
	padding: 0 20px 0 0;
	margin: 0;
	width: 236px;
}
.memberWrap p.last{
	padding: 0;
	margin: 0;
}

.insert{
	padding: 5px;
	width: 214px;
	height: 17px;
	border: 1px solid #DDD;
}
.insertOn{
	padding: 5px;
	width: 214px;
	height: 17px;
	border: 1px solid #ed4f4f;
}
.insert2{
	padding: 10px;
	width: 720px;
	height: 130px;
	overflow: auto;
	border: 1px solid #DDD;
	line-height: 160%;
	resize: vertical;
}
.insertOn2{
	padding: 10px;
	width: 720px;
	height: 130px;
	overflow: auto;
	border: 1px solid #ed4f4f;
	line-height: 160%;
	resize: vertical;
}

.submitWrap{
	position: relative;
	padding-top: 25px;
	margin-bottom: 10px;
}
.submitWrap label{
	display: inline;
	margin: 0;
	font: 12px Verdana;
}
.submitWrap a.submit{
	display: block;
	position: absolute;
	right: 0;
	top: 20px;
	width: 108px;
	height: 36px;
	background: url(./images/btSubmit.png) no-repeat;
}
.submitWrap a:hover.submit{
	background-position: 0 -44px;
}
.submitWrap a.submit span{
	display: none;
}


/* sidebar */

#sidebar{
	font-size: 12px;
}
#sidebar a{
	color: #2e5d7f;
}
#sidebar .cnt, .c_cnt{
	font: 10px Verdana;
	color: #ed4f4f;
}

.sidebarBoxGreyT{
	padding-top: 7px;
	background: url(./images/bgSidebarBoxGreyT.gif) no-repeat;
}
.sidebarBoxT{
	padding-top: 7px;
	background: url(./images/bgSidebarBoxT.gif) no-repeat;
}
.sidebarBoxB{
	padding-bottom: 7px;
	background: url(./images/bgSidebarBoxB.gif) no-repeat left bottom;
}
.sidebarBoxM{
	padding: 0;
	position: relative;
	background: url(./images/bgSidebarBoxM.gif) repeat-y;
}
#sidebar h3{
	padding: 2px 10px 7px;
	background: url(./images/bgSidebarBoxGreyM.gif) repeat-y;
	font: 10px Verdana;
	color: #777;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}


#sidebar .module{
	clear: both;
	margin-bottom: 20px;
}
#sidebar li{
	padding: 8px 13px;
	border-top: 1px solid #DDD;
}
#sidebar ul{
}

#about .aboutBox{
	border-top: 1px solid #DDD;
	padding: 15px 15px 0;
	line-height: 160%;
}
#about .imageWrap{
	display: block;
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
	padding: 5px;
	border: 1px solid #DDD;
}
#about img.blogImage{
	width: 115px;
	height: auto;
	border: 1px solid #DDD;
}
#about p{
	padding: 0;
	margin: 0 0 15px 0;
}
#notice{
	clear: both;
}

#sidebar #sidebarMenu li{
	padding: 2px 13px;
	float:left;
	border-top: none;
}
* html #sidebar #sidebarMenu li{
	padding: 3px 13px 2px;
}
#sidebar #sidebarMenu li.last{
	padding-right: 0;
}

#sidebar #category li{
	padding: 0;
}
#category ul li a{
	display: block;
	padding: 7px 13px 7px 34px;
	background: url(./images/blFolder.png) no-repeat 13px 9px;
}
#category ul li ul li ul li a{
	background: none;
}

#recentComment .name{
	padding: 7px 0 0 17px;
	background: url(./images/blComment.png) no-repeat 0 8px;
	color: #a0a0a0;
}
#recentComment .date{
	font: 10px Verdana;
}

#recentTrackback .name{
	padding: 7px 0 0 17px;
	background: url(./images/blTrackback.png) no-repeat 0 8px;
	color: #a0a0a0;
}
#recentTrackback .date{
	font: 10px Verdana;
}


.calendarBody{
	padding: 13px 13px 5px;
	border-top: 1px solid #DDD;
}
/* 월 */
.cal_month{
	padding-bottom: 10px;
	font: 12px Verdana;
}
/* 요일*/
.cal_week1{
	padding:3px 0; 
	text-align: center;
}
/* 일요일 */
.cal_week2, .cal_day_sunday, .cal_day_sunday a{
	color: #ed4f4f; 
	text-align: center; 
}
/* 이번주 */
.cal_current_week td{
	background-color: #FFF !important;
}
/* 일반 */
.cal_day, .cal_day1, .cal_day2{
	padding:5px 0; 
	background-color: #f7f7f7; 
	text-align: center;
}
/* 오늘 */	
.cal_day4{
	text-decoration: underline;
}
/* 글 작성한 날 */
a.cal_click{
	font-weight: bold;
}

.counterBody{
	padding: 13px 13px 5px;
	border-top: 1px solid #DDD;
	font-family: Verdana;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
.total{
	padding-bottom: 7px;
}
.totalNum{
	color: #ed4f4f;
}
.today, .yesterday{
	font-size: 10px;
}
.todayNum, .yesterdayNum{
	color: #a0a0a0;
}


#tagbox ul{
	padding: 7px 13px 5px;
	border-top: 1px solid #DDD;
}
#sidebar #tagbox ul li{
	float: left;
	padding: 5px 13px 0 0;
	border-top: none;
}
* html #sidebar #tagbox ul li{
	height: 34px;
}
#tagbox ul li a{
	display: block;
	float: left;
	height: 32px;
	background: url(./images/bgRoundBoxL.png) no-repeat;
}
* html #tagbox ul li a{
	padding: 5px;
	height: auto;
	border: 2px solid #DDD;
	background: none;
}
#tagbox ul li a span{
	display: block;
	padding: 9px 10px 0;
	height: 23px;
	margin-right: -6px;
	background: url(./images/bgRoundBoxR.png) no-repeat right top;
	white-space:nowrap;
}
* html #tagbox ul li a span{
	display: inline;
	padding: 0;
	margin:0;
	height: auto;
	background: none;
}
#tagbox ul li a:hover{
	background-position: 0 -38px;
}
* html #tagbox ul li a:hover{
	border: 2px solid #ed4f4f;
}
#tagbox ul li a:hover span{
	background-position: right -38px;
}

#twitter_div{
	position: relative;
	height: auto;
}
#twitter_div li{
	line-height: 160%;
}


/* paging */

#paging{
	padding: 20px 0 0;
}
#paging a.prev, #paging a.next, #paging a.num{
	display: block;
	float:left; 
	height: 32px;
	background: url(./images/bgRoundBoxL2.png) no-repeat;
}
* html #paging a.prev, * html #paging a.next, * html #paging a.num{
	padding: 5px;
	height: auto;
	background: none;
	border: 2px solid #DDD;
	background-color: #FFF;
}
#paging a.num{
	margin-right: 13px;
}
* html #paging a.num{
	margin-right: 8px;
}
#paging a.prev span, #paging a.next span{
	display: block;
	padding: 7px 10px 0;
	height: 25px;
	margin-right: -6px;
	background: url(./images/bgRoundBoxR2.png) no-repeat right top;
	font: 14px Verdana;
	white-space:nowrap;
}
#paging a.num span{
	display: block;
	padding: 7px 8px 0;
	height: 25px;
	margin-right: -6px;
	background: url(./images/bgRoundBoxR2.png) no-repeat right top;
	font: 13px Verdana;
	white-space:nowrap;
}
* html #paging a.prev span, *html #paging a.next span, * html #paging a.num span{
	display: inline;
	padding: 0;
	margin: 0;
	height: auto;
	background: none;
}
#paging a:hover.prev, #paging a:hover.next, #paging a:hover.num{
	background-position: 0 -38px;
}
* html #paging a:hover.prev, * html #paging a:hover.next. * html #paging a:hover.num{
	border: 2px solid #ed4f4f;
}
#paging a:hover.prev span, #paging a:hover.next span, #paging a:hover.num span{
	background-position: right -38px;
}
#paging .num{
	margin-right: 5px;
}
#paging a.num span.selected{
	color: #ed4f4f;
}
#paging p{
	padding: 0 3px 0 15px;
	margin: 0;
	float: left;
	font: 14px Verdana;
}
* html #paging p{
	padding: 0 0 0 17px;
}
#paging span.interword{
	display: block;
	float: left;
	padding-right: 5px;
}




/* copyright */
#copyright{
	font: 10px Verdana;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #777;
}
#copyright a{
	color: #777;
}
#copyright .blogger{
	font-size: 12px;
}
#copyright .tistory{
	color: #ff6600;
}
#copyright .daum1{
	color: #797cff;
}
#copyright .daum2{
	color: #80a500;
}
#copyright .daum3{
	color: #e2a500;
}
#copyright .daum4{
	color: #d34447;
}
#copyright .maker{
	color: #3c77a2;
}


    /* full clearfix */
    /* add to floating elements which shall clear floating after themselves */ 
	* html .clearfix {
	    height: 1%; /* IE5-6 */
	    }
	*+html .clearfix {
		display: inline-block; /* IE7not8 */
		}
	.clearfix:after { /* FF, IE8, O, S, etc. */
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	    }


div.blogger-news-widget {
     background: url(http://cfs.tistory.com/custom/blog/78/780981/skin/images/daumviewonbg9.gif?=462102747) no-repeat scroll center center;
     display:inline;
     clear:both;
     float:right;
     overflow:hidden !important;
     margin-top: 10px;
     margin-bottom: 10px;
 }


/* 이전 블로그 주소 접속 시 */
#newdomain {
    position: fixed;
    display: block;
    bottom: 0px; 
    left: 0px; 
    width: 100%; 
    height: 35px; 
    border-top: 2px solid #AAAAAA;
    padding: 5px 5px 5px 50px;
    background: url(http://cfile1.uf.tistory.com/image/1505090B4AD0AC1A723B57) no-repeat left center;
    background-color: #454545;
    z-index: 99999;
    cursor: pointer;
    color: #fff;
}
#newdomain span { color: #ffc600; }