@charset "utf-8";
/* nothing skin for TC : KJ Yoo(kj@kjnara.com) < modified from default skin (http://1upz.com/) */

* { margin: 0; padding: 0; }
header, nav, section, article, aside, footer { display: block; }
body { font: 12px Verdana,굴림,Gulim,'Trebuchet MS',Tahoma,AppleGothic,Sans-serif;
    width: 100%; background-color: #CCCCCC; }

a img { border:none; }
a {text-decoration:none;}
a:link, a:visited { color:#000000; }
a:hover, a:active { color:#FF0000; }

/* 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%;}

/* title = 21px <- not used
 * subtitle = 18px <- not used
 * subject = 15px
 * normal font = 12px
 * menu and others = 9px
 * */
.subtitle { margin-bottom:20px; font-size:18px;}

/* page width change here / maxium width = 1000px*/
#wrapper { width: 960px; margin: 0 auto; }


/* Header
-----------------------------------------------------------------------------*/
#header { margin-top: 5px; margin-bottom: 5px; position: relative; }

.title p { display:inline; font-size: 9px; vertical-align:bottom; border-left: 1px solid #000000; padding: 0 0 0 4px; }

/* normal menu style */
.menu { font-size: 9px; color: #000000; margin: 5px 0 0 0; display : block; position: absolute; right: 0px; top: 0px; }
.menu a { color: #000000; height: 15px; padding: 0px 4px; width: 60px; }
.menu a:link, .menu a:visited, .menu a:active { color: #000000; }
.menu a:hover { color: #000000; font-weight:bold;}
.menu a.emphasis { font-weight:bold;}

/* black block menu style
.menu { font-size: 9px; color: #ffffff; margin: 5px 0 0 0; display : block; position: absolute; right: 0px; top: 0px; }
.menu a { background-color: #000000; border-right: 1px solid #cccccc; color: #ffffff; 
	height: 15px; float: left;  padding: 0px 4px; width: 60px; }
.menu a:link, .menu a:visited, .menu a:active { color: #ffffff; }
.menu a:hover { background-color: #666666; color: #ffffff; }
.menu a.emphasis { color: #ffff00; }
*/


#category {position: absolute; right:3px; top:24px; background-color: #fff; border: 1px solid #CCCCCC;
	color: #000; padding: 10px;}

/* Section
* -----------------------------------------------------------------------------*/
#section { color: #000000; }
#container { background-color: #FFFFFF; border: 1px solid #000000; padding: 39px; }
#content { padding: 0px; }

.searchForm {text-align:right; margin-bottom:20px;}

.subject { margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:5px; font-size:15px;} 
.subject span { vertical-align:bottom; font-size: 9px; color:#999; float: right; margin-top:10px;}
.article { width:100%; text-align:justify; padding-bottom:10px;}
.article a {border-bottom:1px dashed #ff0000;}

.protectedBody { padding:0 0 20px; margin-bottom:20px; border-bottom:1px solid #eee; }
.protectedBody em { display:block; background:none; color:#999; font-size:9px; padding-bottom:5px; }
input{ padding:2px 1px; background-color:#eee; width: 250px; vertical-align:middle; color:#999; border:1px solid #ddd;}
input.submitBtn { width:55px; font-size:9px; color:#666;}

.searchList { margin-bottom:20px; }
.searchList ol { list-style:none; background-color:#eee; border:1px solid #ddd; padding:10px; margin-top:5px;}
.searchList li { padding:0; }
.searchList span, .searchList cite { font-size:9px; margin-right:5px; color:#999; }

.entry { margin-bottom:20px; }
.admin { margin-bottom:10px; font-size: 9px; text-align: right;}

.postInfo { background-color:#eee; padding:5px; margin-bottom:10px; border:1px solid #ddd; font-size:9px;}
/* add some icon or images here */
.tag a { padding:0 2px; }
.response { }

.trackback { }
.trackback .url { background-color:#eee; padding:5px; margin-bottom:10px; border:1px solid #ddd; font-size:9px;}
.trackback ol { list-style:none; }
.trackback ol li{ margin-bottom:5px; padding:5px; background-color:#fff; border:1px dashed #eee; }
.trackback li span { font-size:9px; color:#666; margin-bottom:20px; padding-bottom:5px; vertical-align:bottom;}
.trackback li .name { font-size:12px; } 
.trackback li p { border-top:1px dashed #eee; margin:5px 0; padding:10px 0; text-align:justify; }

/* comment, guestbook reply list */
.List { padding:10px 0 0 0;}
.List ol, .List ul { margin:0; padding:0;  list-style:none;}
.List ol li { border:1px solid #eee; padding:5px; margin-bottom:10px; }
.List li span { font-size:9px; color:#666; margin-bottom: 20px; padding-bottom: 5px; vertical-align:bottom;}
.List li .name, .List li .fn  { font-size:12px; color:#000;} 
.List li p { border-top:1px solid #eee; margin:5px 0; padding:10px 0; }
.List li ul li { background-color:#eee; margin:5px; border:1px solid #ddd;}
.List li ul li p { border-top:1px solid #ddd; margin:5px 0; padding:10px 0; }





fieldset { padding:10px; border:1px solid #eee; letter-spacing:0; }
* html fieldset {
	/* Not Mac */
	position:relative;
	clear:both;
	margin-top:18px;
	padding:20px 10px 10px;
	}
fieldset div { margin:3px 0; }
label { padding-left:2px; font-size:9px; vertical-align:middle; }
label span { color:#F00; }
.checkbox { background:none; padding:0; border:0 none; }
textarea { padding:2px 5px; width:-moz-available; height:120px; background-color:#eee; border:1px solid #ddd; 
	color:#666; font-size:11px; }
input:focus, textarea:focus { background-color:#F8F8F0; border-color:#d8d8d0; }
.submit input { margin-top:5px; padding:2px 1px; width:150px; font-size:9px; color:#666; cursor:pointer; float:right;}

#location { margin-bottom:20px; }
#location .place, #location .pTitle { border-bottom:solid 1px #eee; }
.place span { padding-left:10px; background:url(./images/indent.gif) no-repeat 0 3px; }
.place .dent0 { padding-left:18px; background:url(./images/pin.gif) no-repeat 0 50%!important; font-weight:bold; }

#taglog { margin-bottom:20px; }
#taglog ul { text-align:justify; list-style:none; }
#taglog li { display:inline; line-height:30px }
#taglog li a.cloud1 { font-weight:bold; font-size: 28px; color:#0092b3;}
#taglog li a.cloud2 { font-weight:bold; font-size: 23px; color:#4db5cd;}
#taglog li a.cloud3 { font-weight:bold; font-size: 19px; color:#68b5c7;}
#taglog li a.cloud4 { font-size: 15px; color:#6497a3;}
#taglog li a.cloud5 { font-size: 11px; color:#999;}
#taglog li a:hover { color:#069; background-color:#f2f4e7;}



#guestBook {}
/* [##_guest_rep_class_##] */
.guest_general { } 
.guest_admin { background:url(images/iconAdmin.gif) no-repeat 0 2px; padding-left:22px; }
.guest_secret { background:url(images/iconSecret.gif) no-repeat 0 2px; padding-left:22px; }

.paging { font-size:9px; margin:10px; padding: 10px 0; color:#666; text-align:center; }
.paging .numbox { border-left: 1px solid #CCCCCC; margin-left: 6px; padding-left: 6px; }
.paging .num { border-right: 1px solid #CCCCCC; margin-right: 5px; padding-right: 8px; }
.paging .selected { color:#000000; }
.paging .no-more-prev, .no-more-next { color:#ccc;}

#extra { width:100%; padding:10px 0 0 0; border-top:1px solid #eee; font-size:9px; color:#999; text-align:right; }
#extra .counter { color:#000000 !important; margin: 10px 0px;}
#extra .rss { background: url(./images/rss.gif) left 50% no-repeat; padding-left:12px;}
#extra a.gototop	{ position:fixed; bottom:45px; right:30px; display:block; width:30px; height:30px; text-indent:-999em; background:url('images/icon-top.png') no-repeat;}
#extra a.gototop:hover	{ background-position:0 -30px;}
#extra a.gototop:active, #extra a.gototop:focus { outline:none;}

/* Widget < sidebar
* -----------------------------------------------------------------------------*/
.category li          { background:none;}
.category li ul li    { background:url(images/bul.gif) 0 6px no-repeat;  padding-left:10px;}
.category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;}
.category li ul li ul li a { color:#999;}
.c_cnt { font-size:9px;  color:#ff0000;}

/* 카테고리 - 이미지 버튼 */
.ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3                { cursor:pointer;}

/* Footer
* -----------------------------------------------------------------------------*/
#footer { clear:both; text-align:center; color:#000000;}
#footer p { font-size:9px !important; text-align:right; margin:0px; }
#footer .copyleft { font-size: 9px; text-align:right; }
#footer .kj { padding-bottom:5px; }



/* Blog default skin
* -----------------------------------------------------------------------------*/
/* 달력 월 표시 */
    .cal_month              { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; font-weight:bold;}
/* 달력 요일 표시(th 영역) */
    .cal_week1              { font:0.95em Dotum, Arial, sans-serif;  height:18px;  font-weight:normal;}
/* 달력 일요일 표시(th 영역) */
    .cal_week2              { font:0.95em Dotum, Arial, sans-serif;  color:#f30; }

/* 달력 Week(tr 영역)  */
    .cal_week               { background-color:#fff;}
    .cal_current_week       { background-color:#eee;}

/* 달력 Day(td 영역) */
    .cal_day                { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;  text-align:center;}
/* 달력 Day, 일요일 (td 영역)  */
    .cal_day_sunday         { color:#f30 !important;}
    .cal_day_sunday a        { color:#f30 !important;}

/* 달력 지난 달 날짜 표시(td)   */
    .cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
    .cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
    .cal_day3               { color:#666;}
/* 달력 오늘 날짜 표시(td) */
    .cal_day4               { color:#000;  text-decoration:underline;}
/* 달력 글쓴 날 링크 스타일 */
    a.cal_click:link        { color:#333;  font-weight:bold;}
    a.cal_click:visited     { color:#333;  font-weight:bold;}
    a.cal_click:hover       { color:#f30;  font-weight:bold;}

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { background:url(images/iconAdmin.gif) no-repeat;  padding-left:20px; }
    .rp_secret              { color:#f30;   font-weight:bold;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { background:url(images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#999;  text-align:center;}
/* 그림 */
    .imageblock             { border:1px solid #ddd;  padding:5px;  margin:5px 0;}
/* 왼쪽 */
    .left                   { }
/* 가운데 */
    .center                 { }
/* 오른쪽 */
    .right                  { }
/* 그림 2개 배치 */
    .dual                   { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
    .triple                 { background-color:#fff; margin-bottom:5px;}

/* 본문 - more / less */
    .moreless_fold          { background:url(images/iconMore.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_top           { background:url(images/iconLess.gif) top left no-repeat;  padding-left:20px; color:#000;}
    .moreless_body          { }
    .moreless_bottom        { background:url(images/iconLess.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

/* 키워드 */ 
    .key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }