@charset "utf-8";

* {
	margin:0; 
	padding:0;
	}

html {
	font-size: 65%;
	background: #f1f1f1 url(./images/bg_stripe.gif);
	}

body {
	font:1.2em/1.8em 'Trebuchet MS', Dotum, 돋움, Tahoma, AppleGothic, Sans-serif;
	color:#5d5d5d;
	padding-top:25px;
	}

a {text-decoration:none;}
a:link, a:visited { color:#2ea3bb; }
a:hover, a:active { color:#222; }

/* misc */
a img {border:none;}
br {letter-spacing:0;}
hr {display:none;}
p { margin:0 0 1.5em;}
abbr {border:0 none;}
dfn {font-style:normal;}



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

/*-------------------------------*/
/* Hadding */
/*-------------------------------*/
h1 {
	letter-spacing: -1px;
	}


h2 { 
	margin-bottom:.5em;
	font:600 1.4em/1 NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", Dotum, 돋움, sans-Serif;
	color:#4e99a8;
	letter-spacing:0;
	}
.subject h2 a,
.subject h2 a:visited { color:#2fb0ca; }
.subject h2 a:hover, h2 a:active { color:#4e99a8; }


h3 { 
	margin-bottom:.83em;
	font:bold 1em Arial, Helvetica, Sans-Serif;
	color:#2ea3bb;
	letter-spacing:0;
	}

h4 {
	font:bold 1.1em Dotum, 돋움, AppleGothic, Sans-Serif;
	}

h5 { 
	font: 18px 바탕, Batang, Georgia, serif;
	color: #555;
	line-height: 1.8em;
	letter-spacing: -1px;
	border-bottom: 1px solid #ddd;
	padding-left: 45px;
	background: url(./images/point.gif) no-repeat left center; 
	}

/*-------------------------------*/
/* layout */
/*-------------------------------*/
#wrapper {
	width:786px;
	overflow:hidden;
	margin:0 auto;
	border:5px solid #e9e9e9;
	}

#header {
	padding:0;
	border: 1px solid #e3e3e3;
	border-bottom-width:0;
	background: url(./images/bg_header.gif) no-repeat 50% 0;
	position:relative;
	height:180px;
	}

#mBody{
	padding:4em 42px 0;
	background:#fff url(./images/bg_content.gif) repeat-x 0 0;
	border:1px solid #e3e3e3;
	border-top-width:0;
	}

#contentColumn {
	width:100%;
	min-height:15em;
	}
	* html #contentColumn {height:15em;}

#extra {
	width:100%;
	padding:2em 0 1em 0;
	font: 1em/1.5 Dotum, 돋움, Tahoma, AppleGothic, Sans-serif;
	letter-spacing:0;
	white-space:nowrap;
	}
#categories {
	float:left;
	display:inline;
	width:30%;
	margin-bottom:2.4em;
	}
#recentPosts {
	float:left;
	display:inline;
	width:30%;
	margin:0 5%;
	}
#recently {
	float:left;
	display:inline;
	width:30%;
	}


#misc {
	position:relative;
	clear:both;
	padding:1em 0 .5em;
	width:100%;
	border-top:1px solid #eee;
	color:#999;
	letter-spacing:0;
	}

#footer {
	clear:both; 
/*	height:4em; */
	padding-top:25px;
	text-align:center;
	}


/*-------------------------------*/
/* Header */
/*-------------------------------*/


#title h1 a,
#title h1 a:visited {
	position: absolute;
	top: 42px;
	left: 42px;
	font: 800 23px Myriad, Helvetica, AppleGothic, Tahoma, 'Trebuchet MS', Arial, Sans-serif;
	color:#effbff;
}

#title h1 a:hover, h1 a:active { color:#fff; border-bottom: 1px dashed #fff; }

#title span {
	position: absolute;
	top: 74px;
	left: 42px;
	font: .9em Verdana, AppleGothic, Dotum, 돋움, Sans-Serif;
	color: #dff7ff;
}


/* tab navigation */
#tabNav {
	position:absolute; bottom:0; right:0;
	padding:.4em 0 0;
	width:100%;
	font:.9em/1.8em 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif;
	line-height:normal;
	}

#tabNav ul {
	padding:0 10px 0 390px;
	list-style:none;
	}
#tabNav li {
	display:inline;
	}
#tabNav a {
	float:left;
	background-color:#8ddae8;
	margin-right:5px;
	text-decoration:none;
	padding:.2em 1em;
	color:#007694;
	border-top:1px solid #b2e1ea;
	}

#tabNav a:hover {
	background-color:#60CCDC;
	color:#333;
	}



/* 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:#fff url(./images/bg_tab.gif) repeat-x 0 100%;
	color:#007694;
	}

#tt-body-page .tab_page a:hover,
#tt-body-search .tab_page a:hover,
#tt-body-archive .tab_page a:hover,
#tt-body-category .tab_page a:hover,
#tt-body-entry .tab_page a:hover,
#tt-body-location .tab_location a:hover,
#tt-body-tag .tab_tag a:hover,
#tt-body-notice .tab_notice a:hover,
#tt-body-guestbook .tab_guestbook a:hover {
	background-color:#fff;
	color:#333;
	}

/*-------------------------------*/
/* Content column */
/*-------------------------------*/
/* Search list */
.searchList {
	margin-bottom:3em;
	font:1em/1.5em Dotum, 돋움, AppleGothic, Sans-Serif;
	letter-spacing:0;
	}

.searchList h2 {
	margin-bottom:1.2em;
	}
.searchList h3 {
	margin-bottom:.5em;
	padding-left:20px;
	background:url(./images/bullet_search.gif) no-repeat 0 50%;
	}

.searchList ol {
	list-style:none;
	background-color:#f9f9f9;
	border:1px solid #e8e8e8;
	padding:.5em 1em;
	}
.searchList li {
	padding:.3em 0;
	}
.searchList li * {vertical-align:middle;}

.searchList span, .searchList cite {
	font:.9em Dotum, 돋움, AppleGothic, sans-serif;
	margin-right:.5em;
	color:#999;
	}

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

.protectedBody em {
	display:block;
	margin-bottom:1em;
	background:none;
	color:#666;
	font-style:normal;
	}

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

/* Administer */
.admin {
	margin-bottom:1.5em;
	background-color:#f9f9f9;
	border:1px dashed #ddd;
	padding:.5em;
	font:.9em Dotum, 돋움, AppleGothic, Sans-Serif;
	}

/* Subject */
.subject {
	margin-bottom:1em;
	line-height:0;
    border-bottom:1px solid #eee;
    padding-bottom:.27em
	}

/* Post info */
.subject span {
	font:.9em/1 'Franklin Gothic Medium', tahoma, Helvetica, Sans-Serif;
	color:#999;
	}
.subject span a {
	font-family:Dotum, 돋움, AppleGothic, Helvetica, Sans-Serif;
	}

/* Entry */
.entry {
	margin-bottom:2.5em;
	}
.article {
	margin: 10px 0;
	width:100%;
	overflow:hidden;
	text-align:justify;
	font:1em/1.9 AppleGothic, Dotum, 돋움, Tahoma, sans-serif;
	}
	.article a{ border:none; }

.article a[rel="external"] {
	padding-right:1.17em;
    margin-right:.33em;
    background:url(./images/bullet_external.gif) no-repeat 100% 0;
	}

blockquote {
	margin:2em auto;
	padding:0 10px;
	width:90%;
	color:#555;
	border-left:5px solid #eee;
	line-height:1.8em;
	}

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

.article ul {
	list-style:none;
	margin:1em 0 1.5em 20px;
	}
.article ul li {
	background:url(./images/bullet_ul.gif) no-repeat 0 .4em;
	padding-left:20px;
	}

pre {
	background-color:#f9f9f9;
	padding:.4em 8px;
	margin-bottom:1em;
	border:1px solid #e8e8e8;
	font-family:'Lucida Console', Monaco, monospace;
	}

code {
	font-family:'Lucida Console', Monaco, AppleGothic, 돋움, Dotum, monospace;
	}
dl {
	margin-bottom:1.5em;
	border:1px solid #eee;
	padding:1em;
	}
dt {font-weight:bold;font-size:.92em;}
dd {padding-left:2em;}

del {
	color:#999;
	}
ins {
	background-color:#f9f9f9;
	}

.imageblock {
	margin:5px 0 0 0;
	border:none;
	}
.imageblock * {
	border:none !important;
	}
.imageblock img {
	background-color:#fff;
	padding:0;
	border:none;
	vertical-align:middle;
	}

.cap1 {
	color:#2ea3bb;
	font-size:1em;
	text-align:center;
	}

.moreless_fold { background:url(./images/icon_more.gif) no-repeat 0 50%; padding-left: 30px; border-top: 4px double #eee; } 
.moreless_top  { background:url(./images/icon_less.gif) no-repeat 0 50%; padding-left: 30px; border-bottom: 1px solid #eee; color: #2ea3bb; }
.moreless_bottom { background:url(./images/icon_lessR.gif) no-repeat 100% 50%; padding-right: 30px; border-top: 1px solid #eee; color: #2ea3bb; text-align:right; }
.moreless_fold span, 
.moreless_top span, 
.moreless_bottom span{ color:#2ea3bb; display:block; }
.moreless_content {
	background-color:#fff;
	padding:1em 0;
	margin-bottom:1em;
	}

.article table {
	width:100%;
	font:.92em/1.8 Dotum, 돋움, AppleGothic, Sans-Serif;
	margin-bottom: .2em;
	}
.article th {
	text-align:left;
    background-color: #fff;
	}
.article thead {
	
	}

.article caption {
	caption-side:bottom;
    margin-top:.5em;
	}
.pInfo {
	background-color:#f9f9f9;
	padding:.4em 8px;
	margin-bottom:1em;
	border:1px solid #e8e8e8;
	}

.postTag {
	clear:both;
	font:.9em Dotum, 돋움, AppleGothic, Sans-Serif;
	padding: 0 0 10px 20px;
	background: url(./images/tag_arrow.gif) no-repeat 0 0;
	}
.postTag a {
	padding:0 .2em;
	}

/* Comment, Trackback toggle */
.ctBtn {
	clear:both;
	font-size:.9em;
	padding-right:5px;
	text-align: right;
	}

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

/* Trackback list */
.trackback {
	padding-bottom:.5em;
	font-family:Dotum, 돋움, AppleGothic, Sans-Serif;
	letter-spacing:-1px;
	}
.trackback ol {
	list-style:none;
	}
.trackback ol li{
	margin-bottom:1em;
	padding:1em 1em;
	background-color:#f9f9f9;
	border:1px solid #e8e8e8;
	}
.trackback cite {
	font-style:normal;
	font-family:Dotum, 돋움, AppleGothic, Helvetica, Sans-Serif;
	}
.trackback li span {
	font:.9em 'Franklin Gothic Medium', Helvetica, Sans-Serif;
	letter-spacing:0;
	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;
	}

/*-------------------------------*/
/* Comment, Guestbook */
/*-------------------------------*/
.entry .list {
	margin:.5em 0 2em;
	font-family:Dotum, 돋움, AppleGothic, Sans-Serif;
	}
#guestBook .list {
	margin-top:2em;
	font-family:Dotum, 돋움, AppleGothic, Sans-Serif;
	}

.list ol {
	list-style:none;
	margin-bottom:2em;
	}
.list li {
	margin-bottom:1em;
	border:1px solid #e8e8e8;
	}
.list li p {
	padding:0 1em;
	margin:0 0 1.2em;
	}
.list p.author {
	padding:.7em 1em 0;
	font:1em Dotum, 돋움, AppleGothic, Sans-Serif;
	letter-spacing:0;
	}

.list span {
	font:.9em 'Franklin Gothic Medium', myriad, tahoma, Sans-Serif;
	letter-spacing:0;
	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;}


/* Reply */
.list ol li ol {
	margin:1em;
	}
.list ol li ol li {
	margin-top:1em;
	background-color:#fafafa;
	border:4px solid #eee;
	}

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

/* Write area */
fieldset {
	padding:1em;
	border:1px solid #e8e8e8;
	letter-spacing:0;
	}
* 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;
	font:.9em 'Franklin Gothic Medium', Helvetica, Sans-Serif;
	vertical-align:middle;
	}
label span {
	color:#999;
	}

input{
	padding:2px .5em;
	background-color:#f9f9f9;
	width: 25em;
	font:1em Dotum, 돋움, AppleGothic, Sans-Serif;
	vertical-align: middle;
	color:#3f3f3f;
	border:1px solid #ddd;
	}
textarea {
	display:block;
	padding:2px .5em;
	width:660px;
	margin:0 auto;
	height:120px;
	background-color:#f9f9f9;
	border:1px solid #ddd;
	font:1em Dotum, 돋움, AppleGothic, Sans-Serif;
	color:#3f3f3f;
	}
input:focus, textarea:focus {
	background-color:#fcfcfc;
	border-color:#ddd;
	}

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

.submit input {
	margin-top:1em;
	padding:.3em;
	width:6.67em;
	height:25px;
	font:.9em 'Trebuchet MS', Helvetica, Sans-Serif;
	color:#666;
	cursor:pointer;
	}

/*-------------------------------*/
/* Location log */
/*-------------------------------*/
#location {
	margin-bottom:3em;
	font-family:Dotum, 돋움, AppleGothic, Sans-Serif;
	}
#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 {
	padding-left:18px;
	background:url(./images/bullet_pin.gif) no-repeat 0 50%!important;
	font-weight:bold;
	}

/*-------------------------------*/
/* Tag cloud */
/*-------------------------------*/
#taglog {
	margin-bottom:3em;
	}
#taglog ul { 
	text-align:justify;
	list-style:none;
	}
#taglog li { 
	display:inline;
	font-family: Dotum, 돋움, AppleGothic, Helvetica, Sans-Serif; 
	line-height:2.4em
	}

#taglog li a.cloud1 { font-weight:bold; font-size: 2.2em; color:#2ea3bb;}
#taglog li a.cloud2 { font-weight:bold; font-size: 1.9em; color:#4db5cd;}
#taglog li a.cloud3 { font-weight:bold; font-size: 1.5em; color:#68b5c7;}
#taglog li a.cloud4 { font-size: 1.2em; color:#6497a3;}
#taglog li a.cloud5 { font-size: .9em; color:#999;}
#taglog li a:hover { color:#069; background-color:#f2f4e7;}

/*-------------------------------*/
/* Page navigation */
/*-------------------------------*/
#paging {
	margin:4.5em 0 3em;
	font:.9em 'Trebuchet MS', Helvetica, Sans-Serif;
	color:#999;
	text-align:center;
	}

/* Selected */
#paging .selected {
	font-weight:bold;
	color:#f60;
	border-bottom:1px solid #999;
	}

/*-------------------------------*/
/* Extra */
/*-------------------------------*/
#extra h3 {
	margin-bottom:.4em;
	border-bottom:1px solid #e6e6e6;
	background-color:#f7f7f7;
	}

#extra ul, #extra ol {
	list-style:none;
	width:100%;
	margin-bottom:2.5em;
	}

#extra li {
	padding:4px 0;
	border-bottom:1px dashed #e6e6e6;
	}

#extra .cfont {
	font:.9em 'Trebuchet MS', Helvetica, Sans-Serif;
	color:#2FB0CA;
	}

#extra a:link, #extra a:visited {color:#5d5d5d;}
#extra a:hover, #extra a:active {color: #4DA3D2;}


/* Categories */
#categories div {
	margin:0 !important;
	}
#categories ul {
	width:100%;
	margin:0 !important;
	}
#categories ul li ul li {
	border:0 none;
	border-top:1px dashed #ddd;
	}


/* 1 depth */
#categories ul li ul li a {
	padding-left:16px;
	background:url(./images/bullet_category.gif) no-repeat 0 45%;
	}

/* 2 depth */
#categories ul li ul li ul {
	padding-top:.3em;
	}
#categories ul li ul li ul li a {
	margin-left:22px;
	background:url(./images/bul_arrow.gif) no-repeat 0 45%;
	}

/* selected */
#categories .selected {
	font-weight:normal;
	}
#categories .selected ul li {
	font-weight:normal;
	}


/* count  */
.c_cnt {
	font:.9em 'Trebuchet MS', Helvetica, Sans-Serif;
	color:#2FB0CA;
	}

#misc div, #misc p {
	float:none;
	display:inline;
	margin-right:1em;
	}
#misc p {
	line-height:2.5em;
	}

/* Search */
#searchForm .sInput {
 width:120px;
 height:20px;
 padding:0 5px;
 background-color:#fff;
 }

#searchForm .searchSubmit {
 font:.9em/13px 'Trebuchet MS', Helvetica, Sans-Serif;
 width: 5em;
 height:22px;
 padding:0;
 cursor:pointer;
 }

#extra cite {
 font-style:normal;
 color:#999;
 }

#misc a {
 padding-left:13px;
 background:url(./images/bullet_check.gif) no-repeat 0 40%;
 }

.adminBtn {
 font:.9em/13px 'Trebuchet MS', Helvetica, Sans-Serif;
 color: #3f3f3f;
 position:absolute;
 top:12px; right:-1em;
 background-color:#f9f9f9;
 border:1px solid #ddd;
 padding:0 .4em;
 height:20px;
 }
.adminBtn a{ line-height:20px; }


#misc .siteInfo {
	font:1em Dotum, 돋움, AppleGothic, Helvetica, Sans-Serif;
	color: #888;	
	}
#misc .siteInfo a,
#misc .siteInfo a:visited { color:#2fb0ca; }
#misc .siteInfo a:hover, h2 a:active { color:#222; }

#misc .copy p {
	margin:0 .5em 0;
	display:inline;
    font: 0.9em 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif;
	color:#666; 
	}
#misc .copy p a{padding:0; background:none;}


/*-------------------------------*/
/* Footer */
/*-------------------------------*/
/* license */
#footer p {
	font-size:.9em;
	margin:0 .5em 0;
	display:inline;
	}

/* RSS + Banner */
.btn_rss {
	background: url(./images/bullet_rss.gif) left 50% no-repeat !important;
	padding-left:15px !important;
	}

.rssBtn { display:block; margin-top:5px; text-indent: -999em; } 
.rssBtn a { display:block; width:215px; height:72px; background: transparent url("./images/myRss.gif") no-repeat 0 0; }
.rssBtn a:hover { background-position: 0 -72px; }
.rssBtn a:active, 
.rssBtn a:focus { outline:none; }

.roh_banner { display:block; margin-top:5px; text-indent: -999em; } 
.roh_banner a { display:block; width:215px; height:80px; background: transparent url("./images/roh_banner.jpg") no-repeat 0 0; }
.roh_banner a:hover { background-position: 0 -80px; }
.roh_banner a:active, 
.roh_banner a:focus { outline:none; }


/* ####### 페이지 공통사항 ####### */
.name { color: #2FB0CA; }
.date { color:#999; }
.copy {
	font: 1em 'Trebuchet MS', Tahoma, AppleGothic, Sans-serif;
	color:#666; 
	}



/* 다음뷰 배경 */
div.blogger-news-widget {
    background: url(./images/viewonbg.gif) no-repeat scroll center center;
    display:inline;
    clear:both;
    float:right;
    overflow:hidden !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 본문 일부 글상자 링크 효과 없애기 */
.article .default_none a:link {  color:#222; text-decoration:none; }
.article .default_none a:visited {  color:#222; text-decoration:none; }


/* popeye 네비게이션 css */

#outer_btn_all  { width:30px; background:none; border:0; }
#outer_btn_all a:hover img { border:0;}

.n01 { float:left; width:30px; height:30px; padding-bottom:5px;}
a.mButton01 { display:block; width:30px; height:30px; background: url('images/n_top.gif') no-repeat; }
a:hover.mButton01 { background-position:-30px 0;}
a.mButton01 span{ display:none; }

.n02 { float:left; width:30px; height:30px; padding-bottom:5px;}
a.mButton02 { display:block; width:30px; height:30px; background: url('images/n_twit.gif') no-repeat; }
a:hover.mButton02 { background-position:-30px 0;}
a.mButton02 span{ display:none; }

.n03 { float:left; width:30px; height:30px; padding-bottom:5px;}
a.mButton03 { display:block; width:30px; height:30px; background: url('images/n_fb.gif') no-repeat; }
a:hover.mButton03 { background-position:-30px 0;}
a.mButton03 span{ display:none; }

.n04 { float:left; width:30px; height:30px; padding-bottom:5px;}
a.mButton04 { display:block; width:30px; height:30px; background: url('images/n_google.gif') no-repeat; }
a:hover.mButton04 { background-position:-30px 0;}
a.mButton04 span{ display:none; }

.n05 { float:left; width:30px; height:30px; padding-bottom:5px;}
a.mButton05 { display:block; width:30px; height:30px; background: url('images/n_rss.gif') no-repeat; }
a:hover.mButton05 { background-position:-30px 0;}
a.mButton05 span{ display:none; }

.n06 { float:left; width:30px; height:30px}
a.mButton06 { display:block; width:30px; height:30px; background: url('images/n_down.gif') no-repeat; }
a:hover.mButton06 { background-position:-30px 0;}
a.mButton06 span{ display:none; }


/* 블로그 메뉴 숨기기 */
#tistorytoolbarid { display : none; }