@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */

/* 본문 공통 */
body{
		font:12px/1.5 Dotum, Verdana, AppleGothic, Sans-serif;
		color:#666;
		background: /*@background-color*/#fff /*@*/ /*@background-image*/ /*@*/ /*@background-image-repeat*/repeat/*@*/ /*@background-image-position*/center center/*@*/;
		margin: 0; padding: 0;
}
a:link          { color:#666;  font-size:12px; font-weight:normal;   text-decoration:none;}
a:visited       { color:#666666;  font-size:12px; font-weight:normal;    text-decoration:none;}
a:hover         { color:#666; font-size:12px; font-weight:normal;  text-decoration:underline;}
a:active        { color:#666;   font-size:12px; font-weight:normal;   text-decoration:none;}

/* 페이징 - 현재 페이지 */
	.selected               { font-weight:bold;  color:#f30;}
	.no-more-prev { padding-left:6px; color:#999;}
	.no-more-next { padding-right:6px; color:#999;}

/* 카테고리 - 이미지 버튼 */
	.ib                     { cursor:pointer;}
/* 카테고리 - 트리 셀 */
	.branch3                { cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
	.c_cnt                  { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f30; }

/* 달력 월 표시 */
	.cal_month              { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  height:18px; }
/* 달력 요일 표시(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; }

/* 달력 Week(tr 영역)  */
	.cal_week               { }
	.cal_current_week       { }

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

/* 달력 지난 달 날짜 표시(td)   */
	.cal_day1               { color:#ccc;}
/* 달력 다음 달 날짜 표시(td)   */
	.cal_day2               { color:#ccc;}
/* 달력 이번 달 날짜 표시(td) */
	.cal_day3               { color:#666;}
/* 달력 오늘 날짜 표시(td) */
	.cal_day4               { color:#666;  text-decoration:underline; font-weight: bold; }
/* 달력 글쓴 날 링크 스타일 */
	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;}
/* 종류별 방명록 글 [##_guest_rep_class_##] */
	.guest_general          {  padding-left:20px; }
	.guest_admin            { background:url(images/iconAdmin.gif) no-repeat; padding-left:20px;}
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
	.hiddenComment { background:url(images/iconSecret.gif) no-repeat;  padding-left:20px;  font-weight:normal;}


/* 이미지 아래 캡션 스타일 */
	.cap1                   { color:#999;  text-align:center; padding:4px 0; margin:0;}
/* 그림 */
	.imageblock             { border:0px 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/icon_view_more.gif) top left no-repeat;  padding-left:20px; color:#000;}
	.moreless_top           { background:url(images/icon_stop_view.gif) top left no-repeat;  padding-left:20px; color:#000;}
	.moreless_body          { }
	.moreless_bottom        { background:url(images/icon_stop_view.gif) top right no-repeat;  padding-right:20px; color:#999; text-align:right;}

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

/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

hr              { display:none;}
img             { border:0;}
h1, h2, h3, h4  { margin:0;  padding:0;}
h1              { font-size:1.6em;}
h2              { font-size:1.4em;}
h3              { font-size:1.2em;}
h4              { font-size:1em;}
input, textarea { font: 1em dotum; }
input { height: 16px; }
table { border-collapse: collapse; border-spacing: 0; }

/* 블로그 레이아웃 */
/* wrapContainer */
#wrapTop, #wrapMid, #wrapBtm { clear: both; width:/*@post-width:314=*/944px/*@*/; margin: 0 auto; }
#wrapTop, #wrapBtm { height: 12px; }
.tCenter, .bCenter { float: left; width:/*@post-width:290=*/920px/*@*/; }
.mCenter { float: left; width: /*@post-width:278=*/908px/*@*/; }

#wrapTop { background: transparent url(images/box_topleft.gif) no-repeat left top; margin-top: 30px; }
.tCenter { height: 12px; margin-left: 12px; display: inline; background: transparent url(images/box_top_line.gif) repeat-x 0 0; }
.tRight { float: left; width: 12px; height: 12px; background: transparent url(images/box_toprig.gif) no-repeat 0 0; }

#wrapMid { background: transparent url(images/box_left_line.gif) repeat-y left; }
.mRight { 
	padding-left: 12px; 
	background: transparent url(images/box_rig_line.gif) repeat-y right;
}

#wrapBtm { height: 12px; background: transparent url(images/box_botleft.gif) no-repeat; }
.bCenter { height: 12px; margin-left: 12px; display: inline; background: transparent url(images/box_bot_line.gif) repeat-x; }
.bRight { float: left; width: 12px; height: 12px; background: transparent url(images/box_botrig.gif) no-repeat; }

#container {	
        width:100%;        
        height: 100%; background: #fff;
	margin:0 auto;
        float:left;
}

#wrapContent { background: #fff url(images/sidebarbg_img.gif) repeat-y center 10px; }

.main_content {
	width:100%;
}

#content { 
	width:676px;
margin:0 auto;
float:left;

}

#sidebar { float: left; width: 223px; margin-right:20px; padding-bottom:50px; background:#f5fae6; }
#footer { clear:both; padding:20px 0 0 0; }

/* ***** Header ***** */
#header .blogTitle		{ 
	width:/*@post-width:290=*/920px/*@*/; height: /*@title-height=*/109px/*@*/;
	background: /*@title-background-color=*/transparent /*@*/ /*@title-background-image=*/url(images/topbg_img.gif) /*@*/ /*@title-background-image-repeat=*/repeat/*@*/ /*@title-background-image-position=*/center center/*@*/;
}
#header a              { /*@title-color=:#000000*/color:#000000;/*@*/ }
#header h1             { padding-top:/*@title-height:-65=*/44px/*@*/; padding-left: 42px; }
#header .blogMenu      { padding: 0; margin-top: 8px;}
#header h1 a           { font-family:/*@title-font-family=*/dotum/*@*/; font-size:/*@title-font-size*/16px/*@*/; font-weight:bold;  letter-spacing:-1px;}
#header h1 a:hover     { color:#333;  text-decoration:none;}

#header .blogMenu { background: url(images/menubar_left.gif) no-repeat left top; }
#header .wrapBlogMenu { background: url(images/menubar_rig.gif) no-repeat right top; }
#header .blogMenu ul   { 
	margin: 0 6px;  padding: 10px 0 0 36px;  list-style:none; height: 27px; 
	background: url(images/menubar_bg.gif) repeat-x left top;
}
#header .blogMenu li   { display:inline;   margin-right: 30px;}
#header .blogMenu li a { font-family: gulim; color: #fff; font-weight: bold; letter-spacing: -1px; }

/* ***** content ***** */
#content .nonEntry h3   { border-bottom:1px solid #ccc;  margin-bottom: 30px;  color: #333;}

#content .entryNotice,
#content .entryProtected,
#content .entry             { margin-bottom: 50px; margin-top:24px; text-align:left; }
#content .entry img { border:0px solid; }
#search_box {
        float:right;
        margin-top:45px;
	/*position:absolute;
        width:200px;
        top:58px;
        left:777px;*/
}

.search_keyword input{
	width:165px; 
	height:30px; 
 	padding:0 0 0 5px; 
	border:none; 
	background:url(images/bg_searchBar.gif) top left no-repeat; 
	font-size:12px;
        line-height:28px;
}

*html .search_keyword input {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cfs.tistory.com/blog/skin/tis_Fotolog_Black/images/bg_searchBar.gif', sizingMethod='crop');
}
	
.search_bt button{
        width:30px;
        height:30px;
        float:right;
        margin-top:0px;
        border:none;
        background:url(images/btn_searchTop.gif) no-repeat;
	display:inline;
}

#searchList h3 { margin-top:14px; *margin-top:24px; margin-bottom:15px; border-bottom:1px solid #cccccc; color:#333; font-size:14px; font-weight:bold; }
#searchList ol,
#searchRplist ol            { list-style:none;  padding:0;  margin:0 0 30px 0;}
#searchList ol.s_list > li a:visited { color:#666; font-weight:normal; }
#searchList li,
#searchRplist li            { border-bottom:1px solid #eee;  padding-bottom:2px;  margin-bottom:4px;}
#searchList .date,
#searchRplist .date         { font:0.95em Verdana, Helvetica, Arial, Gulim, sans-serif;  margin-right:10px; }
#searchList .cnt            { font:0.75em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#f60;}
#searchRplist .name         { font:0.95em Dotum, Arial, sans-serif;    color:#999;  padding-left:8px;}

#localog .spot              { padding-left:30px;  margin-bottom: 6px; }
#localog .info              { padding-left:15px;  margin-bottom: 6px; }
#localog a { color:#617f8a; text-decoration: none; }

#taglog ul                  { padding: 0; margin:0; text-align:justify;}
#taglog li                  { display:inline;}
#taglog li .cloud1          { color:#699;  font-weight:bold;  font-size:14px;}
#taglog li .cloud2          { color:#84bbdd;  font-weight:bold;  font-size:14px;}
#taglog li .cloud3          { color:#333; }
#taglog li .cloud4          { color:#999; }
#taglog li .cloud5          { color:#999; }

#guestbook { float:left; margin-top:28px; width:700px; text-align:center; }
#guestbook p                { padding:2px 0; margin:0;}

	#guestWrite                 { padding:10px;  background-color:#f5fae6; border:1px solid #d9dccb; color: #666;}
	#guestWrite input           { width:150px; border:1px solid #f5f5f5; color: #666; }
	#guestWrite textarea        { width:/*@post-width:-38=*/ 650px /*@*/; overflow: hidden;  padding:5px; border:1px solid #d9dccb;}
	#guestWrite .homepage       { width:300px;}
	#guestWrite .submit         { background:url(./images/guest_btn_comment.gif) no-repeat; width:91px; height:31px; overflow:hidden; display:block; text-indent:-1000em; border:0; cursor:pointer; margin:0 auto; margin-top: 10px;}

	#guestList                  { padding:10px 0 0 0; color: #666; width:700px; float:left;  }
	#guestList ol,
	#guestList ul               { margin:0; padding:0;  list-style:none;}

	#guestList li p             { border-top:1px solid #d9dccb; margin-top:5px; padding-top:5px;}
	#guestList ol li            { border:5px solid #f5fae6;  padding:10px;  overflow:hidden;}
	#guestList li ul li         { margin-left:20px;  background:url("images/guest_icon.gif") no-repeat 10px 10px;  background-color:#f5f5f5;  padding-left:25px;  border:none;  width:/*@post-width:-102=*/ 621px /*@*/; overflow:hidden;}
	#guestList li .name         { color:#55941c; font-weight:bold; float:left; margin-right:3px; }
          #guestList ol.guest > li a:link,a:visited{ color:#55941c; font-weight:bold; }
	#guestList li .date         { font-family: verdana; font-size: 11px; color: #999; float:left; margin-right:3px; }
    #guestList .control a span { font-size: 16px; color: #999;  padding-top:3px;}

/* entry */
.entryNotice h2,
.entryProtected h2,
.entry { margin-top:24px; }
.entry h2                { font-size:1.2em;  line-height:1.4em; }
.titleWrap               { border:1px solid #e5e5e5; padding:1px; text-align:left; height:67px;  }
.titleWrap h2 a          { 
  /*@post-title-color=:#333;*/color: #3A730C;/*@*/
  /*@post-title-font-family=:;*/font-family: dotum;/*@*/
  font-size: /*@post-title-font-size*/inherit/*@*/;
}
.titleWrap .category { margin-right:6px; }
.titleWrap .category, .titleWrap .category a   { font: 11px Dotum, Arial, sans-serif;  color:#596352; }
.titleWrap .date         { font: 11px Dotum, Arial, sans-serif;  color:#596352; }

.entryProtected .protectedContentWrap { border: 1px solid #ececec; padding: 30px; }
.entryProtected .protectedForm { background-color: #f9f9f9; padding: 15px 0; text-align: center; margin-top: 30px; }
.entryProtected .protectedForm input.pass { border: 1px solid #ddd; vertical-align: middle; }
.entryProtected label { vertical-align: middle; }
.entryProtected p.text   { width:220px; background: url(images/img_protect.gif) no-repeat left top ; padding-left:50px; margin: 0 auto; }
.entryProtected input    { width:200px; }
.entryProtected .submit  { border: none; width: 41px; height: 21px; background: url(images/btn_pass_confirm.gif) no-repeat; text-indent: -1000em; display: inline; vertical-align: middle; }

.article { 
  margin: 36px 0 0 0; overflow:hidden; 
  /*@post-body-color=:#666666;*/color: #666666;/*@*/
  /*@post-body-font-family=:;*/font-family: dotum;/*@*/
  font-size: /*@post-body-font-size*/inherit/*@*/;
}
.article a:link          { color:#666666;  text-decoration:none;}
.article a:visited       { color:#666666;  text-decoration:none;}
.article a:hover         { color:#666666;  text-decoration:underline;}
.article a:active        { color:#666666;  text-decoration:none;}

.article dt              { text-decoration:underline;}
.article dd              { margin-left:20px;  padding-bottom:10px;}
.article blockquote      { background: url(images/icon_quotation.gif) top left no-repeat;  padding-left:25px;  margin:10px 20px; }

.author                  { text-align:right; color:#666; padding: 40px 0;}
.author .text            { font: 0.85em Verdana, Arial, Helvetica, sans-serif; color: #999; }

.tagTrail                { color: #999; letter-spacing: -1px; padding: 0 0 5px 35px;  background: url(images/icon_tag.gif) left 3px no-repeat; clear:both; border-bottom: 1px solid #d1d3d4; margin-bottom: 10px; }
.tagTrail a						   { color: #999; }
.tagText                 { display:none;}

.actionTrail             { width:/*@post-width:-30=*/600px/*@*/;padding:7px 15px;  clear:both;}
.actionTrail .cnt        { color:#f60;}

.trackback               { width:/*@post-width=*/630px/*@*/;  overflow:hidden; }
.trackback a             { color:#000;}
.trackback h3            { 
	font:12px dotum; color:#333;  border-bottom:1px solid #f5f5f5;  margin:0 0 7px;
	border: 1px solid #e7e8e9; background-color: #f9f9f9; padding: 7px 15px; }
.trackback h3 span			{ font: 11px verdana; color: #999; cursor: pointer; }
.trackback h4            { font:12px dotum; color: #999; margin:0;}
.trackback h4 a			{ color: #000; letter-spacing: -1px; }
.trackback ol            { margin:0;  padding:0;  list-style:none;}
.trackback li            { border-top: 1px dotted #dedede;  padding: 15px;}
.trackback .date         { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#999;}
.trackback p             { font:0.95em Dotum, Arial, sans-serif;  color:#999;  margin:3px 0 0 0; padding:0;  letter-spacing:-1px}

.trackback a.delete      { background:url(images/iconDelete.gif) left top no-repeat;  padding-left:8px;  text-decoration:none;}
.trackback a.delete span { display:none;}

.comment                          { border: 1px solid #e7e8e9;  background-color:#f9f9f9; padding: 5px 15px 15px; margin-bottom: 4px; width:/*@post-width:-32=*/598px/*@*/; overflow:hidden; }
.comment p                        { clear: both; margin:3px 0 0 0; padding:0;}

.comment h3                       { display:none;}
.comment ol,
.comment ul                       { margin:0;  padding:0;  list-style:none;}
.comment .date                    { float: left; font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; color:#999; padding-right: 15px; }
.comment .name                    { float: left; color:#333; font: 12px gulim bold; letter-spacing: -1px; padding-right: 15px; }
.comment .name a                  { color:#333; font-weight:bold;}
.comment .control				{ float: left; }

.comment ol li                    { padding: 10px 5px 10px 0; border-bottom: 1px dotted #ccc; }
.comment li ul li                 { padding: 10px 10px 5px 25px;  background: url("images/iconReComment.gif") no-repeat 0 6px; border:none;}
.comment .control a				{ text-decoration: none; }
.comment .control a.address       { background:url(images/btn_b_address.gif) no-repeat;  padding-bottom:2px; width: 35px; height: 15px; display: block; float: left; }
.comment .control a.address span  { display:none;}
.comment .control a.modify        { background:url(images/btn_b_editndel.gif) no-repeat; padding-bottom:2px; width: 52px; height: 15px; display: block; float: left; }
.comment .control a.modify span   { display:none;}
.comment .control a.write         { background:url(images/btn_b_reply.gif) no-repeat; padding-bottom:2px; width: 39px; height: 15px; display: block; float: left; }
.comment .control a.write span    { display:none;}

.commentWrite                     { padding: 20px 0 0; }
.commentWrite p.writerInfo label  { width: 80px; float: left; font: 0.85em verdana; padding-top: 2px; vertical-align: middle;  }
.commentWrite p.writerInfo input  { float: left; width:150px; border: 1px solid #d1d3d4; vertical-align: middle; margin-bottom: 5px; padding: 2px 0 0 8px; }
.commentWrite textarea            { width:/*@post-width:-44=*/586px/*@*/;  padding: 5px; border: 1px solid #d1d3d4; }
.commentWrite .homepage           { width: /*@post-width:-180=*/450px/*@*/ !important; font: 0.85em verdana; color: #999; height: 16px; }
.commentWrite input.submit        { background: url(images/btn_reply_input.gif) no-repeat; width: 76px; height: 29px; display: block; margin: 5px auto 0; text-indent: -1000em; border: none; cursor: pointer; }
.commentWrite .secretWrap         { clear: both; padding: 0 0 5px; margin-top: 10px;}
.commentWrite .checkbox           { border:none; padding:0;	margin:0; width:25px;}

#paging            { padding-top:10px;  text-align:center;  font-size:0.95em; float:left; width:700px; }
#paging .numbox    { font:0.95em verdana; padding: 0 18px; }
#paging .num span      { border:0px solid #eee; width: 23px; height: 23px; margin-right: 1px; margin-left:1px; }
#paging .num span.selected { color: #55941c; }
#paging a { text-decoration: none; }
#paging a:hover { text-decoration: underline;  }
#paging a:visited { color:#666666; font-weight:normal;  }
#paging #prevPage { background:url(images/btn_page_pre.gif) left 0 no-repeat; height: 23px; padding-left:9px;}
#paging #nextPage { background:url(images/btn_page_next.gif) right 0 no-repeat; height: 23px; padding-right:9px;}

/* ***** sidebar ***** */
/*
#sidebar ul                    { padding:0;  margin:0;  list-style:none;}
/*#sidebar li                    { background: url(images/bullet_dot.gif) 0 6px no-repeat;  padding-left: 12px;}
#sidebar li a { color: #666; }*/
#sidebar h3                    { font-family: gulim; font-size: 1em; font-weight:bold; color: #333; letter-spacing: -1px; padding-top:30px; border-bottom:2px solid #d3d3d3; margin-bottom: 6px;}
#sidebar .cnt                  { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif;  color:#f60;}
#sidebar .date                 { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif;  color:#94a0a5;}
#sidebar .name                 { font:0.9em Dotum, Arial, sans-serif;  color:#94a0a5;}
*/
#profile { background-color: #fff; }
#profile .topL { background: url(images/pbox_topleft.gif) no-repeat; height: 11px; }
#profile .topC { background: url(images/pbox_top_line.gif) repeat-x; height: 11px; }
#profile .topR { background: url(images/pbox_toprig.gif) no-repeat; height: 11px; }
#profile .midL { background: url(images/pbox_left_line.gif) repeat-y; width: 11px; }
#profile .midR { background: url(images/pbox_rig_line.gif) repeat-y right top; width: 11px; }
#profile .btmL { background: url(images/pbox_botleft.gif) no-repeat; height: 11px; }
#profile .btmC { background: url(images/pbox_bot_line.gif) repeat-x; height: 11px; }
#profile .btmR { background: url(images/pbox_botrig.gif) no-repeat right bottom; height: 11px; }

#blogImage img { width:150px; padding-bottom: 10px; }
#blogDesc { color: #ADADAD;  font-size:0.9em;  line-height:1.2em;  letter-spacing:-1px; }
#blogDesc p { margin: 0; padding: 0; }
.userID { color: #999; line-height: 2em; }

#notice               { margin:10px 0;  padding:0;}
#notice li            { margin:0 0 2px 0; padding:0 0 1px 0; background:none;}
#notice a	     { background:url(images/icon_sidebar_notice.gif) 0 0 no-repeat; padding:1px 0 5px 30px;}

#adminMenu            { margin: 8px 0 0 0; background: transparent url(images/admin_boxletf.gif) no-repeat; height: 45px; text-align: center;}
#adminMenu ul { background: #f0f0f0 url(images/admin_boxrig.gif) no-repeat right; height: 34px; padding: 7px 0 4px; margin-left: 4px; }
#adminMenu li         { display:inline; background:none; padding: 0; margin: 0; }
.admin { text-align:right; margin-top:5px; }

#searchBox				{ margin: 15px 0 0 0; }
#searchBox input         { width: 133px; height:16px; border:1px solid #d0d0d0; margin-bottom: 1px; vertical-align: middle; }
#searchBox .submit       { background:url(images/btn_search.gif) no-repeat; width: 32px;  height:24px; text-indent:-5000px; border:0; cursor:pointer; vertical-align: middle; }

#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;}

#tagbox ul            { padding:5px 2px;	text-align: justify;}
#tagbox li            { background: none;  display: inline; padding: 0 7px 0 0; }
#tagbox li .cloud1    { font-weight:bold; font-size: 14px; color: #366; }
#tagbox li .cloud2    { font-weight:bold; font-size: 14px; color: #6e8a86; }
#tagbox li .cloud3    { font-weight:bold; font-size: 14px; color: #333; }
#tagbox li .cloud4    { font-size: 12px; color: #333; }
#tagbox li .cloud5    { font-size: 12px; color: #333; }
#tagbox a:hover       { text-decoration: none; }

#recentComment        { overflow:hidden;}
#recentComment .info_wrap  {  margin-bottom:3px; color:#999; display:block;}

#recentTrackback      { overflow:hidden;}
#recentTrackback .info_wrap  {  margin-bottom:3px; color:#999; display:block;}

#archive li           { }
#calendar td             { font-family:verdana;}

#counter              { font:0.85em Verdana, Helvetica, Arial, Gulim, sans-serif; padding: 10px 15px;  margin-top: 20px; border: 1px solid #dedede; background-color: #eee; color: #999; line-height: 1.5; }
#counter dl, #counter dt, #counter dd { padding: 0; margin: 0; }
#counter dt { float: left; width: 80px; }
#counter dd.total { font-weight: bold; color: #333; }

#adTistory       { text-align:center; margin-top: 20px; }
#adTistory .tistoryJoin a { font: 11px dotum; letter-spacing: -1px; color: #999; }
#btnRSS          {  margin-top: 20px; text-align:center;}

/* ***** footer ***** */
#footer          { clear: both; text-align:center;  padding:30px 10px 10px 10px;  font:11px Verdana, dotum;	color:#666;}
#footer .footMenu { padding-bottom: 8px; }
#footer .footMenu span { color: #b6b6b6; }
#footer a        { color:#828282;}
#footer .copyright, #footer .copyright a { font: 11px dotum; color: #fff; }

.clear { clear: both; }
* html .clear { display: inline; }



/**************************************************
프로그램 ID : style.css
프로그램 명 : benepia default Cascading Style Sheets
작   성   자 : 신다예(shindayeu@gmail.com)
최초 작성일 : 2010-09-06
최종 작성일 : 
참고 사항 : 기본 CSS.
**************************************************** */

/* Table Style 
------------------------------------------------------------------------------- */
div.table {height:100%;}
div.table table {width:100%; letter-spacing:0;}

/* 목록 */
table.tblList td {padding:5px 0 3px 0; color:#7b7b7b; text-align:left; border-bottom:1px solid #e0dfd4;}
table.tblList td.date {width:80px; color:#666; text-align:left; font-family:Verdana; font-size:11px;}
table.tblList td.subj {width:896px; text-align:left;}
table.tblList td.subj a.subja {color:#333; font-weight:normal;}
table.tblList td.subj span.reNum {margin-left:3px; color:#ff663a; font-family:Verdana; font-size:11px;}

/* contents 
------------------------------------------------------------------------------- */
.bbsListSub {height:100%; padding-top:10px;}
.bbsListSub .topTit {border-bottom:1px solid #ccc; font-weight:bold; font-size:14px; color:#333; padding-bottom:2px; margin-bottom:10px;}
.bbsListSub .topTit span {color:#3a730c;}

.listView {padding:25px 0;}
.listView .titleBox {border:1px solid #e5e5e5; padding:1px; text-align:left;}
.listView .titleBox .titleSub {background:#f0f0f0; padding:15px 10px;}
.listView .titleBox p.tit {font-size:16px; font-weight:bold; color:#3a730c;}
.listView .titleBox p.txt {font-size:11px; padding-top:5px; color:#596352;}
.listView .img {display:block; font-size:0; padding-top:10px;}
.listView .cont {padding:15px 8px; text-align:left;}


/**************************************************
프로그램 ID : default.css
프로그램 명 : benepia default Cascading Style Sheets
작   성   자 : 신다예(shindayeu@gmail.com)
최초 작성일 : 2010-09-06
최종 작성일 : 
참고 사항 : 기본 CSS.
**************************************************** */

/* default 
------------------------------------------------------------------------------- */
*{margin:0;padding:0;}
html,body{padding:0; margin:0; font-size:12px; color:#898989; font-family:Dotum, "돋움", Verdana; line-height:16px;}
div,p,dl,dt,dd,ul,li,ol,input,th,td {padding:0; margin:0; list-style:none;}
input,select,textarea{vertical-align:middle; color:#898989; font-family:Dotum, "돋움", Verdana; font-size:12px;}
img{border:none;}
/*
a:link,a:visited{text-decoration:none; color:#898989;}
a:active{text-decoration:none; color:#333;}
a:hover{text-decoration:none; color:#333;}
*/
hr{display:none;}
fieldset {border:0;}
legend{position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
input {border:1px solid #c2c2c2; padding:2px 0 1px 5px;}
table {margin:0; padding:0; border-collapse:collapse; table-layout: fixed;}

/* layout
------------------------------------------------------------------------------- */
#wrap-container{width:100%;}
	#header-container, #mid-container, #footer-container {position:relative;}
	#mid-container{}
	#footer-container{margin:75px 0;}

/* layout-front
------------------------------------------------------------------------------- */
#header-container{height:136px; background:url(./images/bg_top.gif) repeat-x top; z-index:500;}
	.topArea {position:relative;height:41px;}
	.quickMenu {position:absolute; top:15px; right:0; font-size:11px; color:#7b7a78;}
	.quickMenu li {position:relative; float:left; background:url(./images/bar_001.gif) no-repeat top right; margin-right:4px; padding-right:5px; line-height:13px;}
	.quickMenu li a.ql:link,a.ql:visited {color:#898989; font-weight:normal;}
	.quickMenu li.first {position:absolute; top:-4px; *top:-5px; left:-95px; background:none;}
	.quickMenu li.last {background:none; padding-right:5px;}
	.logoSchArea {width:100% position:relative; margin:0 auto; padding-top:19px;}
	.logoSchArea .logo {text-align:center;}
	.logoSchArea .search {position:absolute; top:52px; left:742px;}
	.logoSchArea .search .searchBar {background:url(./images/bg_searchBar.gif) no-repeat; width:161px; height:21px; border:none; padding:8px 0 0 10px; color:#000;}
		:root .logoSchArea .search .searchBar {height:25px; padding-top:4px;}
	.logoSchArea .search .searchBtn {border:none; vertical-align:top; margin:-2px 0 0 -5px; *margin-top:0;}
	.gnbAtea {width:942px; margin:0 auto; height:42px; text-align:center; background:url(./images/bg_topNavi.gif) no-repeat top right;}
	.gnbAtea ul {display:inline; color:#614f43; font-weight:bold;}
	.gnbAtea ul li {display:inline-block; *display:inline; *zoom:1; background:url(./images/bar_002.gif) no-repeat right 10px; margin-right:39px; padding-right:39px; font-size:0;}
	.gnbAtea ul li.last {background:none; margin-right:0; padding-right:0;}

#main-container{clear:both; width:100%; height:100%; overflow:hidden;}
	.mainVisualArea {height:421px; background:url(./images/bg_mainVisual01.gif) repeat-x;}
	.mainVisualArea .mainVisual {position:relative; width:982px; height:421px; margin:0 auto; background:url(./images/bg_mainVisual02.gif) no-repeat;}
		.mainVisual .frmViewImg {width:560px; height:350px; position:absolute; top:29px; left:212px;}
		.mainVisual .frmViewImg .viewTxt {padding:12px 15px; position:absolute; left:0; top:0; line-height:14px; z-index:2; color:#fff; 
		/* 0.6 투명도가 적용 된 색상 적용 */background: rgba(0, 0, 0, 0.6); 
		/* IE 5.5 - 7 */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
		/* IE 8 */-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
		.mainVisual .frmViewImg .viewTxt dl dt {font-weight:bold; font-size:16px; padding-bottom:10px;}
		.mainVisual .frmViewImg .backImg {position:absolute; left:0; top:0; z-index:1;}
		.mainVisual .frmViewImg .coverImg {position:absolute; left:0; top:0;  z-index:3;}
		.mainVisual .sFrmL {width:157px; height:149px; position:absolute; top:128px; left:41px;}
		.mainVisual .sFrmL .backImg {position:absolute; left:0; top:0; z-index:1;}
		.mainVisual .sFrmL .coverImg {position:absolute; left:0; top:0;  z-index:2;}
		.mainVisual .sFrmR {width:157px; height:149px; position:absolute; top:128px; right:41px;}
		.mainVisual .sFrmR .backImg {position:absolute; left:0; top:0; z-index:1;}
		.mainVisual .sFrmR .coverImg {position:absolute; left:0; top:0;  z-index:2;}
		.mainVisual .sFrmL .btn, .sFrmR .btn {position:absolute; left:57px; top:40px;  z-index:3;}
	
	.mainContArea {width:920px; margin:0 auto; clear:both; overflow:hidden;}
	.conLArea {float:left; width:235px; margin-right:10px;}
	.conMArea {float:left; width:430px; margin-right:10px;}
	.conRArea {float:left; width:235px;}

	.newsBox {clear:both; overflow:hidden; height:24px; background:url(./images/bg_armyNewsBar.gif) no-repeat; padding-top:7px;}
	.newsBox li {float:left; text-align:center; font-weight:bold; color:#fff; width:306px;}
	.newsBox li a.nl {color:#fff;}
	.newsBox li a:hover {color:#fff;}

	.listBox {width:100%; height:100%;}
	.listBox .title {position:relative; height:18px; background-color:#95ccad; border-left:1px solid #82be9c; border-right:1px solid #82be9c; padding:3px 0 0 10px;}
	.listBox .title .more {position:absolute; top:4px; right:10px;}
	.listBox .list {border-left:1px solid #dedddb; border-right:1px solid #dedddb; padding:10px 5px 5px 12px;}
	.listBox .list li {background:url(./images/bar_003.gif) no-repeat left 7px; padding-left:8px; line-height:20px;}
	/*.listBox .list li a:link,a:visited {color:#898989;}
	.listBox .list li a:hover {text-decoration:underline; color:#55941c;}*/

	.mainTab {position:relative; height:100%;}
	.mainTab .tabList {margin-bottom:-1px;}
	.photoMvBox {width:119px; padding-top:7px;}
	.photoMvBox .img {position:relative; border:1px solid #ccc; padding:5px; display:block; font-size:0;}
	.photoMvBox .img .btPlay {position:absolute; top:52px; right:9px;}
	.photoMvBox .subj {font-weight:bold; padding-top:6px; text-align:center;}
	.photoMvBox .subj a:hover {color:#898989;}
	.photoMvBox .date {font-size:11px; margin-top:-2px; text-align:center;}

#mid-container {clear:both; overflow:hidden; width:100%; height:100%; background:url(./images/bg_bodyShadow.gif) left top repeat-x; padding-top:25px;}
#mid-container .midArea {width:920px; height:100%; margin:0 auto; background:url(./images/bg_contLeftMn.gif);}

#left-container {float:left; width:170px; height:100%; padding-bottom:5px; background:#f5fae6;}
	.leftArea {width:170px; height:100%;}
	.leftArea li { }
	.leftArea li#bg01 {background:url(./images/bg_leftMn01.gif) left top no-repeat; list-style:none; }
	.leftArea li#bg02 {background:url(./images/bg_leftMn02.gif) left top no-repeat; list-style:none; }
	.leftArea li#bg03 {background:url(./images/bg_leftMn03.gif) left top no-repeat; list-style:none; }
	.leftArea li#bg04 {background:url(./images/bg_leftMn04.gif) no-repeat; list-style:none; }
	.leftArea li#bg05 {background:url(./images/bg_leftMn05.gif) no-repeat; list-style:none; }
	.leftArea li p {position:relative; height:12px; padding:8px 15px 10px 20px;}
	.leftArea li p .btn {position:absolute; top:9px; right:10px;}
        .leftArea ul.main>li a:link {color:#000; font-size:12px; font-weight:bold;}
        .leftArea ul.main>li a:visited {color:#000; font-size:12px; font-weight:bold;}
        .leftArea ul.sub {padding:2px 12px; _margin-top:-4px;}
	.leftArea ul.sub li {background:url(./images/bar_004.gif) left bottom repeat-x; padding:7px 0px 5px 0px; }
	.leftArea ul.sub li.last {background:none;}
/*        .leftArea ul.sub>li a:link,a:visited {color:#666666; font-size:11px;}*/
	.leftArea ul.sub li span {background:url(./images/bar_003.gif) left 4px no-repeat; padding-left:10px; font-weight:normal; font-size:11px;color:#666;}
	.leftArea ul.sub li span a {background:url(none); display:inline;}

/*
        .main a:link,a:visited {color:#666666; font-size:11px;}
        .sub  a:link,a:visited {color:#000; font-size:12px; font-weight:bold;}
*/
#content-container {position:relative; float:left; width:676px; height:100%; overflow:hidden;}

#footer-container{clear:both; margin:50px 0 25px 0;}
	.footerBox {width:920px; margin:0 auto;}
	.footerBox .footerBtn li {float:left; height:38px; font-size:0; padding-bottom:10px;}
	.footerBox .footerCopy {clear:both; overflow:hidden; height:60px; padding-top:15px; background-color:#eaecf0; border-top:1px solid #dedede;}
	.footerBox .footerCopy .logo {float:left; padding:0 30px;}
	.footerBox .footerCopy .copy {float:left; margin-top:8px;}
	.footerBox .footerCopy .copy .copyright {padding-top:3px;}
	.footerBox .footerinfo {text-align:center; font-size:11px; padding-top:18px; line-height:15px;}
/*
       #footer-container .footerBox .footerinfo a:link, a:visited, a:active { color:#898989; text-decoration:none; font-weight:normal; }
       #footer-container .footerBox .footerinfo a:hover { color:#898989; text-decoration:underline;}*/


/* Box
------------------------------------------------------------------------------- */
.greenBox235 {width:235px; background:url(./images/greenBox235_t.gif) no-repeat; padding-top:5px;}
.greenBox235 .btm {width:235px;  height:5px; font-size:0; background:url(./images/greenBox235_b.gif) no-repeat;}

.greenBox430 {width:430px; background:url(./images/greenBox430_t.gif) no-repeat; padding-top:5px;}
.greenBox430 .btm {width:430px;  height:5px; font-size:0; background:url(./images/greenBox430_b.gif) no-repeat;}

.brwLineBox430 {width:430px; background:url(./images/brwLineBox430_t.gif) no-repeat; padding-top:5px;}
.brwLineBox430 .cont {width:402px; border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0; padding:5px 13px;}
.brwLineBox430 .btm {width:430px;  height:5px; font-size:0; background:url(./images/brwLineBox430_b.gif) no-repeat;}
.brwLineBox430 .cont table td {vertical-align:top;}


/* 공통 
------------------------------------------------------------------------------- */
.bn {border:none;}

.c {text-align:center;}
.r {text-align:right;}
.l {text-align:left;}

.t {vertical-align:top;}
.m {vertical-align:middle;}
.b {vertical-align:bottom;}

.mgt5 {margin-top:5px;}
.mgt10 {margin-top:10px;}
.mgt15 {margin-top:15px;}
.mgt25 {margin-top:25px;}

.pdt10 {padding-top:10px;}

/* 탭 */
.tabList {position:relative; height:29px; width:100%;}
.tabList li {float:left; font-size:0;}
.tabList .more {position:absolute; top:12px; right:10px;}


/* 투명
------------------------------------------------------------------------------- */
.png24 {tmp:expression(setPng24(this));}


	.mainContArea {width:920px; margin:0 auto; clear:both; overflow:hidden;}
	.conLArea {float:left; width:235px; margin-right:10px;}
	.conMArea {float:left; width:430px; margin-right:10px;}
	.conRArea {float:left; width:235px;}

	.newsBox {clear:both; overflow:hidden; height:24px; background:url(./images/bg_armyNewsBar.gif) no-repeat; padding-top:7px;}
	.newsBox li {float:left; text-align:center; font-weight:bold; color:#fff; width:306px;}
	.newsBox li a.nl {color:#fff;}
	.newsBox li a:hover {color:#fff;}

	.listBox {width:100%; height:100%;}
	.listBox .title {position:relative; height:18px; background-color:#95ccad; border-left:1px solid #82be9c; border-right:1px solid #82be9c; padding:3px 0 0 10px;}
	.listBox .title .more {position:absolute; top:4px; right:10px;}
	.listBox .list {border-left:1px solid #dedddb; border-right:1px solid #dedddb; padding:10px 5px 5px 12px;}
	.listBox .list li {background:url(./images/bar_003.gif) no-repeat left 7px; padding-left:8px; line-height:20px;}
	/*.listBox .list li a:link,a:visited {color:#898989;}
	.listBox .list li a:hover {text-decoration:underline; color:#55941c;}*/

	.mainTab {position:relative; height:100%;}
	.mainTab .tabList {margin-bottom:-1px;}
	.photoMvBox {width:119px; padding-top:7px;}
	.photoMvBox .img {position:relative; border:1px solid #ccc; padding:5px; display:block; font-size:0;}
	.photoMvBox .img .btPlay {position:absolute; top:52px; right:9px;}
	.photoMvBox .subj {font-weight:bold; padding-top:6px; text-align:center;}
	.photoMvBox .subj a:hover {color:#898989;}
	.photoMvBox .date {font-size:11px; margin-top:-2px; text-align:center;}

.bnr {
margin:100px;
}

#tt-post-title a:hover { color:#55941c }