@charset "utf-8";
/*----------------------------------------------------------
global resets based on Eric Meyer's "Reset Reload" at http://www.aimeehoover.com
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light);

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ reset */
html, body, div, span,
h1, h2, h3, h4, h5, h6, p, pre,
a, code, em, font, img, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 1em;
    font-family: inherit;
    /* vertical-align: baseline; */
    }
/* remember to define focus styles! */
:focus {
    outline: 0;
    }
body {
    line-height: 1.5;
    }
ol, ul {
    list-style: none;
    }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
    }
caption, th, td {
    text-align: left;
    font-weight: normal;
    }

/* 그림 2개 배치 */
.dual {
	background-color: #fff;
	margin-bottom: 5px;
}
.dual img {margin-left: 5px;}
/* 그림 3개 배치 */
.triple {
	background-color: #fff;
	margin-bottom: 5px;
}

.branch3 { cursor:pointer; }
#category .branch3 div:hover { color:#eee !important; }
.ib { cursor:pointer; }



/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ style */

/*
	Theme Name: Genesis
	Theme URL: http://www.studiopress.com/themes/genesis
	Description: Genesis is an advanced Theme Framework for WordPress. Please <strong>do not modify</strong> this stylesheet, as it will be overridden in Genesis updates.
	Author: StudioPress
	Author URI: http://www.studiopress.com
	Version: 1.2.1
	
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

body {
	color: #333333;

	font-family: arial,sans-serif, Arial, Tahoma, Verdana;
	font-size: 12px;
	line-height: 20px;
/* 
font:12px NanumGothic, "나눔고딕", "Malgun Gothic", "맑은 고딕", Dotum, "돋움", Gulim, "굴림", Verdana, Arial, "Trebuchet MS";
*/
	margin: 0 auto 0;
	padding: 0;
	background: url(http://cfile1.uf.tistory.com/image/1601C8254CCC4D9CCDE775) bottom right no-repeat fixed; 
	}
	
/***** Hyperlinks ********************/

a, a:visited {
	color: #2255AA;
	text-decoration: none;
	}
	
a:hover {
	color: #2255AA;
	text-decoration: underline;
	}
	
a img {
	border: none;
	}
	
a:focus, a:hover, a:active {
	outline: none;
	}
/***** Wrap ********************/

#wrap {
	/* background: #FFFFFF; */
	margin: 0 auto 0;
	padding: 0;
	}

/***** Header  ********************/

#title-area {
	width: 400px;
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	}
	
#title-area #title {
	font-size: 24px;
	font-weight: normal;
	line-height: 30px;
	margin: 0; 
	padding: 0;
	}
	
#title-area #title a, #title-area #title a:hover {
	color: #333333;
	text-decoration: none;
	}
	
#title-area #description {
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	margin: 0; 
	padding: 0;
	}

#header .widget-area {
	width: 550px;
	float: right;
	}
#header .widget-area img{
	float:left;
	}
	
#header .widget-area p {
	margin: 0;
	padding: 0 0 5px 0;
	}

#header .textwidget a img { padding:2px; margin-right:5px; border: 1px solid #999; }
/***** Image Header - Partial Width ********************/

.header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {
	display: block; 
	float: left;
	width: 300px;
	height: 80px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	}
.header-image #title-area #description {
	display: none;
	}
.header-txt #title-area {
	display: block; 
	float: left;
	width: 300px;
	height: 80px;
	padding: 0 0 0 0px;
	overflow: hidden;
	}
.header-txt #title-area #title { padding-left:43px; }
.header-txt #title-area #title a { line-height:140%; }
.header-txt #title-area #description { padding-left:40px; }

.header-txt #title-area {overflow: auto;}
	
/***** Navigation Menus ********************/

#nav, #subnav {
	width: 960px;
	background: #333333;
	color: #FFFFFF;
	text-transform: uppercase;
	border-bottom: 1px solid #666666;
	overflow: hidden;
	clear: both;
	}

#nav ul, #subnav ul, #header ul.nav, #header ul.menu {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	}
	
#nav li, #subnav li, #header ul.nav li, #header ul.menu li {
	float: left;
	list-style: none;
	}
	
#header ul.nav li, #header ul.menu li {
	background: #333333;
	text-transform: uppercase;
	}
	
#nav li a, #subnav li a, #header ul.nav li a, #header ul.menu li a {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
    margin: 0;
	padding: 7px 10px 5px 10px;
	text-decoration: none;
	position: relative;
	}

#nav li a:hover, #nav li a:active, #nav .current_page_item a, #nav .current-cat a, #nav .current-menu-item, #subnav li a:hover, #subnav li a:active, #subnav .current_page_item a, #subnav .current-cat a, #subnav .current-menu-item, #header ul.nav li a:hover, #header ul.nav li a:active, #header ul.nav .current_page_item a, #header ul.nav .current-cat a, #header ul.nav .current-menu-item a, #header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu .current_page_item a, #header ul.menu .current-cat a, #header ul.menu .current-menu-item a {
	background: #000000;
	color: #FFFFFF;
	}
	
#nav li a.sf-with-ul, #subnav li a.sf-with-ul, #header ul.nav li a.sf-with-ul, #header ul.menu li a.sf-with-ul {
	padding-right: 25px;
	}	
	
#nav li a .sf-sub-indicator, #subnav li a .sf-sub-indicator, #header ul.nav li a .sf-sub-indicator, #header ul.menu li a .sf-sub-indicator {
	background: url(./images/arrow-down.png);
	display: block;
	width: 10px;
	height: 10px;
	top: 12px;
	right: 10px;
	text-indent: -9999px;
	overflow: hidden;
	position: absolute;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited, #subnav li li a, #subnav li li a:link, #subnav li li a:visited, #header ul.nav li li a, #header ul.nav li li a:link, #header ul.nav li li a:visited, #header ul.menu li li a, #header ul.menu li li a:link, #header ul.menu li li a:visited {
	background: #333333;
	color: #FFFFFF;
	width: 158px; 
	font-size: 11px;
	margin: 0;
	padding: 5px 10px 5px 10px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	position: relative;
	}
	
#nav li li a:hover, #nav li li a:active, #subnav li li a:hover, #subnav li li a:active, #header ul.nav li li a:hover, #header ul.nav li li a:active, #header ul.menu li li a:hover, #header ul.menu li li a:active {
	background: #000000;
	}

#nav li li a .sf-sub-indicator, #subnav li li a .sf-sub-indicator, #header ul.nav li li a .sf-sub-indicator, #header ul.menu li li a .sf-sub-indicator {
	background: url(./images/arrow-right.png);
	top: 10px;
	}

#nav li ul, #subnav li ul, #header ul.nav li ul, #header ul.menu li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	width: 180px;
	}

#nav li ul a, #subnal li ul a, #header ul.nav li ul a, #header ul.menu li ul a { 
	width: 160px;
	}

#nav li ul ul, #subnav li ul ul, #header ul.nav li ul ul, #header ul.menu li ul ul {
	margin: -31px 0 0 179px;
	}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfHover ul ul, #subnav li.sfHover ul ul ul, #header ul.nav li:hover ul ul, #header ul.nav li:hover ul ul ul, #header ul.nav li.sfHover ul ul, #header ul.nav li.sfHover ul ul ul, #header ul.menu li:hover ul ul, #header ul.menu li:hover ul ul ul, #header ul.menu li.sfHover ul ul, #header ul.menu li.sfHover ul ul ul {
	left: -999em;
	}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfHover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfHover ul, #subnav li li.sfHover ul, #subnav li li li.sfHover ul, #header ul.nav li:hover ul, #header ul.nav li li:hover ul, #header ul.nav li li li:hover ul, #header ul.nav li.sfHover ul, #header ul.nav li li.sfHover ul, #header ul.nav li li li.sfHover ul, #header ul.menu li:hover ul, #header ul.menu li li:hover ul, #header ul.menu li li li:hover ul, #header ul.menu li.sfHover ul, #header ul.menu li li.sfHover ul, #header ul.menu li li li.sfHover ul {
	left: auto;
	}

#nav li:hover, #nav li.sfHover, #subnav li:hover, #subnav li.sfHover, #header ul.nav li:hover, #header ul.nav li.sfHover, #header ul.menu li:hover, #header ul.menu li.sfHover { 
	position: static;
	}
#nav ul#menu-main-navigation li a { _padding-top:2px !important; }/* ie6 호환성 관계로 한글로 메뉴 구성 시 5px 권장 */
/***** Primary Navigation Extras ********************/
	
#nav li.right {
	float: right;
	margin: 0;
	padding: 7px 10px 5px 10px;
	}

#nav li.right a {
	background: none;
	display: inline;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	border: none;
	}
	
#nav li.right a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#nav li.search {
	padding: 0 10px 0 10px;
	}

#nav li.rss a, #nav li.rss a:hover {
	background: url(./images/rss.png) no-repeat left center;
	margin: 0 0 0 10px;
	padding: 7px 0 5px 16px;
	}
	
#nav li.twitter a, #nav li.twitter a:hover {
	background: url(./images/twitter-nav.png) no-repeat left center;
	padding: 7px 0 5px 20px;
	}
	
#nav li.rss a:hover, #nav li.twitter a:hover {
	text-decoration: underline;
	}

/***** Inner ********************/

#inner {
	width: 960px;
	margin: 20px 0 20px 0;
	}


/***** Content-Sidebar Wrap ********************/

#content-sidebar-wrap {
	width: 790px;
	float: left;
	}

.sidebar-content #content-sidebar-wrap, .content-sidebar #content-sidebar-wrap {
	width: 960px;
	}

.sidebar-sidebar-content #content-sidebar-wrap, .sidebar-content-sidebar #content-sidebar-wrap {
	float: right;
	}
/***** Content ********************/
h1.entry-title { font-size: 17px !important; line-height: 17px; letter-spacing: 0px; margin: 0; font-family:"dotum" !important; font-weight: bold !important; padding-top: 15px;}
h1.entry-title a { color:#333333; }

#content blockquote {
	background: #F7F7F7;
	margin: 10px 15px 15px 15px;
	padding: 10px 20px 10px 15px;
	border: 1px solid #E6E6E6;
	}

#content .post {
	margin: 0 0 40px 0;
	padding: 0;
	}
	
#content .page {
	margin: 0;
	padding: 0 0 15px 0;
	}

#content .post p {
	margin: 0;
	padding: 0 0 10px 0;
	}

.clear {
	clear: both;
	}
	
/***** Headlines ********************/

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #header .widget-area h4 {
	color: #333333;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal;
	text-decoration: none;
	margin: 0 0 5px 0;
	padding: 0;
	}

#content h1 {
	font-size: 20px;
	}
	
#content h2 {
	font-size: 18px;
	}
	
#content h2 a, #content h2 a:visited {
	color: #333333;
	text-decoration: none;
	}
	
#content h2 a:hover {
	color: #2255AA;
	text-decoration: none;
	}
	
#content h3 {
	font-size: 16px;
	}
	
#content h4, #header .widget-area h4 {
	font-size: 14px;
	}

#content h5 {
	font-size: 12px;
	}
	
#content h6 {
	font-size: 10px;
	}
	
/***** Unordered/Ordered Lists ********************/
	
#content .post ul, #content .page ul, #content .post ol, #content .page ol, #header .widget-area ul {
	margin: 0;
	padding: 0 0 15px 0;
	}
	
#header .widget-area ul {
	padding: 0;
	}
	
#content .post ul li, #content .page ul li, #content .post ol li, #content .page ol li, #header .widget-area ul li {
	margin: 0 0 0 20px;
	padding: 0;
	}
	
#content .post ul li, #content .page ul li, #header .widget-area ul li {
	list-style-type: square;
	}

#content .post ul ul, #content .page ul ul, #content .post ol ol, #content .page ol ol {
	padding: 0;
	}

/***** Post Info ********************/
	
.post-info {
	font-size: 11px;
	margin: 0 0 5px 0;
	padding: 0;
	text-transform: uppercase;
	}

/***** Post Meta ********************/
	
.post-meta {
	font-size: 11px;
	padding: 5px 0 0 0; margin-top:-7px !important; 
	text-transform: uppercase;
	border-top: 1px solid #E6E6E6;
	clear: both;
	}
	

/***** Post Icons ********************/
	
.time, .categories {
	margin: 0;
	padding: 0;
	}
	
.post-comments, .tags {
	background: url(./images/icon-dot.gif) no-repeat top left;
	margin: 0 0 0 3px;
	padding: 0 0 2px 10px;
	}

/***** Images ********************/

/*
#content img, #content p img {
	max-width: 100%;
	}

#content .post-image {
	margin: 0 10px 10px 0;
	padding: 4px;
	border: 1px solid #E6E6E6;
	}

img.centered, .aligncenter {
	display: block;
	margin: 0 auto 10px;
	}
	
img.alignnone {
	margin: 0 0 10px 0;
	display: inline;
	}
	
img.alignleft {
	margin: 0 10px 10px 0;
	display: inline;
	}

img.alignright {
	margin: 0 0 10px 10px;
	display: inline;
	}

.alignleft {
	float: left;
	margin: 0 10px 0 0;
	}

.alignright {
	float: right;
	margin: 0 0 0 10px;
	}

*/
/***** Post Navigation **********/

.navigation {
	width: 100%;
	margin: 0;
	padding: 20px 0 20px 0;
	overflow: hidden;
	}
	
.navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

.navigation li {
	display: inline;
	}

.navigation li a, .navigation li.disabled {
	color: #2255AA;
	padding: 3px 5px 3px 5px;
	border: 1px solid #E6E6E6;
	}

.navigation li a:hover, .navigation li.active a {
	background: #F2F2F2;
	color: #2255AA;
	text-decoration: none;
	border: 1px solid #E6E6E6;
	}


/***** Primary & Secondary Sidebars ********************/

#sidebar .widget, #sidebar-alt .widget {
	background: #FFFFFF;
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border: 1px solid #E6E6E6;	
	}
	
#sidebar h2, #sidebar h2 a, #sidebar-alt h2, #sidebar-alt h2 a {
	color: #333333;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
#sidebar h2 a:hover, #sidebar-alt h2 a:hover {
	color: #2255AA;
	text-decoration: none;
	}

#sidebar h4, #sidebar-alt h4 {
	background: #F7F7F7;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 5px 5px 5px 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #E6E6E6;
	}
	
#sidebar .textwidget, #sidebar-alt .textwidget {
	margin: 0;
	padding: 10px 10px 0 10px;
	}
	
#sidebar .widget p, #sidebar-alt .widget p {
	margin: 0;
	padding: 0;
	}
	
#sidebar img, #sidebar a img, #sidebar-alt img, #sidebar-alt a img {
	border: none;
	margin: 0;
	padding: 0;
	}

#sidebar ul, #sidebar ol, #sidebar-alt ul, #sidebar-alt ol {
	margin: 10px 0 0 0;
	padding: 0 10px 0 0px; /* padding: 0 0 0 25px; */
	}

#sidebar ul ul, #sidebar ol ol, #sidebar-alt ul ul, #sidebar-alt ol ol {
	margin: 0;
	padding: 0 0 0 0px; /* padding: 0 0 0 15px; */
	}

#sidebar li, #sidebar-alt li {
	list-style-type: none; 
 	word-wrap: break-word;
	}

	
/***** Buttons ********************/
	
.comment-submit, #submit, .searchsubmit, .enews #subbutton, .gform_footer .button, .reply a, .reply a:visited {
	background: #333333;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: normal !important;
	text-decoration: none;
	text-transform: uppercase;
    margin: 0;
	padding: 3px 5px 3px 5px;
	border: 1px solid #666666;
	}

.comment-submit:hover, #submit:hover, .searchsubmit:hover, .enews #subbutton:hover, .gform_footer .button:hover, .reply a:hover {
	background: #FFFF00; color: #000;
	text-decoration: none;
	border: 1px solid #666666;
	}
	
/***** Search Form(s) ********************/

.searchform {
	margin: 0;
	}

#header .searchform {
	float: right;
	padding: 40px 0 0 0;
	}
	
#sidebar .searchform {
	padding: 5px 0 0 10px;
	}
	
#nav .searchform {
	float: right;
	padding: 0;
	}
	
.s {
	background: #F7F7F7 !important;
	color: #333333;
	font-family: Arial, Tahoma, Verdana;	
	font-size: 11px;
	margin: 5px 4px 0 0;
	padding: 4px 0 4px 5px;
	border: 1px solid #E6E6E6;
	}
	
#header .s, #nav .s, #sidebar .s, #sidebar-alt .s {
	width: 200px;
	}


	
/***** Latest Tweets Widget ********************/

.latest-tweets {
	background: url(./images/twitter.png) top right no-repeat;
	margin: 10px 0 0 0;
	padding: 0;
	}




/***** Footer ********************/

#footer {
	width: 960px;
	background: #333333;
	color: #FFFFFF;
	font-size: 11px;
	margin: 0;
	padding: 5px 0 5px 0;
	text-transform: uppercase;
	overflow: hidden;
	clear: both; 
	}

#footer a, #footer a:visited {
	color: #FFFFFF;
	text-decoration: none;
	}
	
#footer a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	}
	
#footer p {
	margin: 0;
	padding: 0;
	}

#footer .gototop {
	width: 200px;
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	}
	
#footer .gototop a {
	margin: 0;
	padding: 2px 0 2px 18px;
	background: url(./images/footer-top.png) no-repeat left center;
	}
	
#footer .creds {
	width: 740px;
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
	text-align: right;
	}

/***** Comments ********************/

#respond {
	margin: 50px 0 15px 0;
	padding: 0;
	}

#respond .author, #respond .email, #respond .url,
.respond .author, .respond .email, .respond .url {
	background: #F7F7F7 !important;
	width: 250px;
	color: #333333;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	padding: 3px 0 3px 3px;
	margin: 5px 5px 0 0;
	border: 1px solid #E6E6E6;
	}
.secretWrap {margin-top: 5px }	
.comment-textarea {
	background: #F7F7F7 !important;
	width: 98%;
	height: 150px;
	color: #333333;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	padding: 3px 0 3px 3px;
	margin: 5px 0 5px 0;
	border: 1px solid #E6E6E6;
	}
	
.comment-list, .children {
	margin: 0;
	padding: 0;
	}
	
.ping-list {
	margin: 0 0 40px 0;
	padding: 0;
	}
	
.comment-list ol, .ping-list ol {
	margin: 0;
	padding: 10px;
	}

.comment-list li, .ping-list li {
	font-weight: bold;
	margin: 15px 0 5px 0;
	padding: 10px 5px 10px 10px;
	list-style: none;
	}
	
.comment-list li ul li { 
	margin-left: 10px;
	margin-right: -6px;
	}

.comment-list p, .ping-list p {
	font-weight: normal;
	text-transform: none;
	margin: 15px 5px 10px 0;
	padding: 0;
	}
.comment-list li {position:relative; _width:483px; word-wrap: break-word;}
.comment-list ul li {_width:463px; word-wrap: break-word;}

.comment-list li .name img { 
	width:48px;
	height:48px;
	position:absolute;  right: 5px; top:5px;
	background: #fff;

	border: 1px solid #E6E6E6;
	margin: 0 0px 0 0px;
	padding: 4px;
	}
.comment-list li .name img.avatar { 
	
	position:absolute;  right: 5px; top:5px; 
	background: #fff url(./images/no-image.png) -1px -1px no-repeat !important;
	}
.comment-list cite, .comment-list cite a, .ping-list cite, .ping-list cite a {
	font-weight: bold;
	font-style: normal;
	}

.commentmetadata {
	font-size: 11px;
	font-weight: normal;
	}

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

.nocomments {
	text-align: center;
	}

#comments .navigation,#comments-g .navigation {
	display: block;
	margin: 10px 0 0 0;
	}

.thread-alt, .thread-even {
	background: #F7F7F7;
	}

.even, .alt, .depth-1 {
	border: 1px solid #E6E6E6;
	}

#comments-g { margin-top:60px; }







/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Screen */
/* Screen CSS File for AimeeHoover.com
	Created by Bill Erickson
*/
/* Width of Elements */
#wrap, #header, #inner, #footer {width: 1170px;}
#content-sidebar-wrap {width: 920px;  float: right;}
#sidebar-alt {width: 180px; padding-right: 25px; padding-left: 25px;}
#sidebar {width: 225px; padding-left: 25px; float: right; display: inline;}
#content {width: 500px; float: left; padding: 0 84px 50px 84px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; margin-bottom: 80px; min-height: 500px; overflow:hidden;}


/* Header */
#header {padding-top: 30px; height: 80px; border-bottom: 1px solid #999;}
.header-image #header .wrap #title-area {background: url('./images/logo.gif') left top no-repeat;}
.header-image #title-area, .header-image #title-area #title, .header-image #title-area #title a {width: 200px; margin-left: 30px; }   
.header-txt #title-area  { width: 200px; }
#nav {padding-top: 20px; border-bottom: 0; width: 700px; margin: auto;}
#nav, #subnav {width: 650px; clear: none; background: transparent;}
#header ul.nav li, #header ul.menu li {background: transparent;}
#nav li a, #subnav li a, #header ul.nav li a, #header ul.menu li a {color: #333; padding: 0 20px;}
#nav li a.sf-with-ul, #subnav li a.sf-with-ul, #header ul.nav li a.sf-with-ul, #header ul.menu li a.sf-with-ul {padding: 0 20px;}
#header ul.nav li:hover, #header ul.menu li:hover {background: #333}
#nav li a:hover, #subnav li a:hover, #header ul.nav li a:hover, #header ul.menu li a:hover, #nav li.sfHover a, #header ul.nav li.sfHover a, #nav li.sfHover a {color: #fff;}
#nav li li a, #nav li li a:link, #nav li li a:visited, #subnav li li a, #subnav li li a:link, #subnav li li a:visited, #header ul.nav li li a, #header ul.nav li li a:link, #header ul.nav li li a:visited, #header ul.menu li li a, #header ul.menu li li a:link, #header ul.menu li li a:visited {padding: 0 10px;}


#header .widget-area {width: 230px;}
#header .widget-area img {padding: 5px 10px 0 0;}

/* Content */
#inner {margin: 80px 0;}
#inner strong {font-weight: bold;}
.breadcrumb {display: none;}
#content .post .post-thumbnail {text-align: center; padding-top: 10px; padding-bottom: 5px;}
#content .post .post-thumbnail-caption {text-align: center; padding-bottom: 20px;}
.wp-caption {text-align: center; background: transparent; border: none; padding: 20px 0 10px 0;}
#content p.wp-caption-text {padding: 5px 0 0 0; text-align: center; font-size: 13px;}
#content img.alignnone {text-align: center;}
#content em {font-style: italic;}

/* Sidebar */
#sidebar-alt {text-align: right;}
#sidebar .widget, #sidebar-alt .widget {background: transparent; border: 0;}
#sidebar .textwidget, #sidebar-alt .textwidget {padding: 0;}
#sidebar .textwidget p, #sidebar-alt .textwidget p {padding-bottom: 10px;}

#sidebar h4, #sidebar-alt h4 {background: transparent; border: 0; padding: 0;}
#sidebar .searchform {padding: 0;}
#sidebar .searchsubmit {display: none;}

#sidebar .widget a, #sidebar-alt .widget a {color: #000;}
#sidebar .email {background: url('./images/email.jpg') no-repeat; padding-left: 35px; height: 20px; display: block;}
#sidebar .twitter {background: url('./images/twitter.jpg') no-repeat; padding-left: 35px; height: 20px; display: block;}
#sidebar .facebook {background: url('./images/facebook.jpg') no-repeat; padding-left: 35px; height: 27px; display: block;}
#sidebar ul {padding: 0; margin: 0;}
#sidebar li {list-style-type: none;}

#sidebar-alt ul {padding: 0; margin: 0;}
#sidebar-alt li {list-style-type: none;}
#sidebar-alt ul .current-menu-item {font-weight: bold;}
#sidebar-alt .gallery-slideshow-start { display: block; text-decoration: none; padding-right: 25px; margin-top: 10px; background: transparent url('./images/btn-slideshow.gif') no-repeat right center; color: #333; text-transform: uppercase; font-size: 11px; }

#sidebar .widget a, #sidebar-alt .widget a {color: #333;}
#sidebar .widget a:hover, #sidebar-alt .widget a:hover {color: #25A; text-decoration: none;}

/* Footer */
#footer {background: transparent; color: #000; text-transform: none; border-top: 1px solid #999; padding: 30px 0;}
#footer #boxes {margin: auto; width: 830px; border-left: 1px solid #ccc;}
#footer .box {float: left; width: 245px; padding: 0 15px; color: #696969; border-right: 1px solid #ccc; height: 70px;}
#footer .box a {color: #25A;}







/* Clearfix */
.clearfix:after, .search .entry-content:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}




.selected { color:#f00; }
#tt-body-archive .blogPost, 
#tt-body-search .blogPost,
#tt-body-category .blogPost {padding-bottom:50px; }
.postImg2 {display:none;}
#tistorytoolbarid { }
.article { padding-bottom:10px; font-size:105%; }
.article pre { width:478px; padding:10px 10px 20px 10px; border:1px solid f5f5f5; overflow: auto;}
.searchList ol {padding-left:0px !important; margin-left:-15px !important;}
a .cnt_comment {color:#f00; font-weight:bold;}

.searchList li {padding:1px 0!important;}
.key1 {cursor:pointer;}
.trackback-list { border:3px double #E6E6E6; color:#777; padding:0px 0px 0px 0px !important; margin:0px 0 0 0 !important;}
.trackback-list ol { padding:5px 10px 5px 10px !important; margin:0px 0 0 0 !important; list-style:none !important; }
.trackback-list li {padding:0px 0px 0px 0px !important; margin:0px 0 0 0 !important; list-style:none !important;}
.trackback-list a { color:#555; }
.trackback-list a.delete span {color:#eee;}

.taglog ul { }
.taglog .wrapper { padding-top:10px; border-top:1px dotted #aaa; }
.taglog a:link, .taglog a:visited { color:#555; }
.taglog a:hover { color:#111; background-color:#FFFF00; text-decoration:none; }
.taglog li { width:160px; float:left; margin:0 3px 0 0; }
.taglog li a { padding:1px; }
.taglog li .cloud1 {background-color:#A3C238; color:#FCFBFA; font-weight:bold; font-size:14px; }
.taglog li .cloud2 {color:#A3C238; font-weight:bold; font-size:14px; }
.taglog li .cloud3 {background-color:#A9A9A9; color:#FCFBFA; font-weight:bold; font-size:12px; }
.taglog li .cloud4 {color:#373737; font-weight:bold; font-size:12px; }
.taglog li .cloud5 {color:#616161; }

.localog .wrapper { padding:10px 10px 24px 10px; border-top:1px dotted #aaa; }
.localog div { color:#777; font:12px/20px dotum;}
.localog div a:link, .localog div a:visited { color:#333; font:12px/20px dotum; padding:1px; }
.localog div a:hover { color:#111; background-color:#FFFF00; text-decoration:none; }
.localog .spot {	padding-left:21px;
	background:url(images/iconIndentArrow_local.gif) no-repeat 0px 1px;}
.localog .info {padding-left:21px;
	background:url(images/iconIndentArrow_local.gif) no-repeat 0px 1px;}

/* gallery(by. seevaa) ----------------------------------------------------------- 
#gallery112	{ width:500px;}
#gallery112 a { display:block; width:78px; height:78px; float:left; margin:0 4px 4px 0;}
#gallery112 a,
#gallery112 a:link,
#gallery112 a:hover,
#gallery112 a:visited { border:none;}
#gallery112 img	{ width:78px; height:78px;}
#gallery112 span	{ display:block; width:78px; height:78px; float:left; margin:0 4px 4px 0; background:url('images/bg-b10.png') top repeat;}
*/

.another_category { width:500px !important; margin-top:30px !important; border-left:0 !important; border-right:0 !important; padding-left:0 !important; padding-right:0 !important}
.another_category th,
.another_category th a {font-size:11px !important}
.another_category th a:hover {color:#0000A2 !important; font-size:11px !important; text-decoration:inderline !important}
.another_category th a.current {color:#005FBD !important; text-decoration:none !important; font-weight:normal !important;}
.another_category span { font-family: tahoma !important; font-size: 9px !important; color: #ff8400 !important; }
.another_category td { color: #393939 !important; font-family: tahoma !important; font-size: 9px !important; text-align:right !important;}
.another_category_color_gray th a.current {border-bottom-color:#79D049 !important;}

#d1 { color:#999; /* background:#000 url(./images/header.jpg) no-repeat 50% 0%; */ 
background: #eee url('http://cfile1.uf.tistory.com/image/155A50364CD075DA0BBA04') no-repeat 50%; /* under_construction http://cfile24.uf.tistory.com/image/1847BA164CCE684E044ABB */
 font-family: "나눔고딕", NanumGothic, verdana, dotum; line-height:1; font-size:8pt; border-bottom:3px solid #676767; } /* ./images/header.jpg */ /* http://cfile23.uf.tistory.com/image/183790314CCC42E4593695 */

#d1 .articleX a { }
#d1 .tagTrail {line-height:2;}
#d1 a:link,#d1 a:visited { color:#aaa; text-decoration:none; }
#d1 a:hover { color:#eee; }
#d1 .c_cnt	 { font-size:7pt; color:#258982; font-weight:normal;}

#bg-push a img.btn-sidebar {background: url('./images/btn-sidebar-hover.gif') no-repeat;} 
#bg-push a:hover img.btn-sidebar {background: url('./images/btn-sidebar-link.gif') no-repeat;}
#bg-push a:active img.btn-sidebar {background: url('./images/btn-sidebar-active.gif') no-repeat;}


/* *****  side tab menu ***** */
#BOX  {width:200px;_width:197px;
             font-weight:bold; color:#333; padding:6px 0px 0px 0px; border-top:1px solid #ddd; margin-bottom:4px;}

#BOX a.hightlighted, #BOX a.hightlighted_down { background:#fff; color:#e5e5e5; padding: 0px 7px 0px 0px; margin:0;  text-decoration:none; }
#BOX a.hightlighted:hover  { background:#fff;color: #777; }
#BOX a.hightlighted_down { background:#fff;color:#333; border:0;}

#sidecomments {width:200px;_width:197px; overflow:hidden; margin:0; padding:5px 0px 0px 0px; }
#sidecomments ul { margin:0; padding:10px 0px 0px 0px; overflow:hidden; border-top:1px solid #ccc;  }
#sidecomments li {margin:0; padding:0px 0px 5px 2px; overflow:hidden; font-weight:normal; /* font:11px/1.4 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif; */ color:#eee;}
#sidecomments li a { margin:0; padding:0;color:#555; }
#sidecomments li a:hover {color:#2255aa;text-decoration:none; }

#recent {width:200px;_width:197px; overflow:hidden; margin:0; padding:5px 0px 0px 0px;}
#recent ul {margin:0; padding:10px 0px 0px 0px; overflow:hidden; border-top:1px solid #ccc; }
#recent li {margin:0; padding:0px 0px 5px 2px; overflow:hidden; }
#recent li a{margin:0; padding:0; font-weight:normal; /* font:11px/1.4 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;  */ color:#555; }
#recent li a:hover {color:#2255aa;text-decoration:none;}

#category {width:200px;_width:197px; overflow:hidden; margin:0; padding:5px 0px 0px 0px; }
#category ul { margin:0; padding:10px 0px 0px 0px; overflow:hidden; border-top:1px solid #ccc;  }
#category li {margin:0; padding:0px 0px 5px 2px; overflow:hidden;}
#category li a { margin:0; padding:0; font-weight:normal; /* font:11px/1.4 Arial,Georgia, Dotum, Verdana, AppleGothic, Sans-serif;  */ color:#555; }
#category li a:hover {color:#2255aa; text-decoration:none;}

#monthly  {width:200px;_width:197px; overflow:hidden; margin:0; padding:5px 0px 0px 0px; }
#monthly ul {margin:0; padding:10px 0px 0px 0px; overflow:hidden; border-top:1px solid #ccc; }
#monthly li {margin:0; padding:0px 0px 5px 2px; overflow:hidden; }
#monthly li a{margin:0; padding:0; font-weight:normal; font:9px/1.4 Verdana, AppleGothic, Sans-serif; color:#555; }
#monthly li a:hover {color:#2255aa;text-decoration:none;}