@charset "utf-8";
/* Float bug */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* */

/* 페이징 - 현재 페이지 */
    .selected               { text-align:center;   font-weight:bold;  color:#f30;} 
	.no-more                { color:#ccc;}

body{
font:13px NanumGothic, "나눔고딕", Malgun Gothic, Dotum, "돋움", Gulim, "굴림", Verdana, Arial,Trebuchet MS;
background:url(./images/bg.jpg) repeat;
color:#333;
margin:0 auto;
padding:0;
text-align:center;
width:970px;
line-height:180%;
}
ul, ol, ul li, ol li    {margin:0; padding:0; list-style:none;}
h1, h2, h3, h4, h5  {margin:0; padding:0;}
img {border:none;}
input, textarea {font:12px NanumGothic, Malgun Gothic, Dotum, Verdana, Arial, Trebuchet MS;}

a:link  {text-decoration:none; color:#333;}
a:hover {text-decoration:none; color:#0060FF}
a:visited   {text-decoration:none; color:#0060FF;}
a:active    {text-decoration:none; color:#0060FF;}

#container{
background-color:#eee;
border: 10px solid #555;
margin:10px auto;
padding:0;
color: #333;
width:970px;
}
/* header 해더 */
#header {
background-color:#111;
color:#fff;
margin:0;
padding:0;
width: 970px;
height:300px;
overflow:hidden;
}
#leftHeader {
float: left;
text-align: left;
height: 70px;
}
#leftHeader{
font:2em NanumGhoth bold;
}
#leftHeader h1 a{
color:#fff;
padding:5px 0 5px 20px;
display:block;
height:100%;
width:100%;
}

#rightHeader {
float: right;
text-align: left;
margin:0;
padding:5px 0;
height: 70px;
width: 500px;
}

#mainHeader {
background:url(./images/header_bg.gif) repeat #111;
color:#ffffff;
font-size:12px;
height: 30px;
margin:0;
overflow:hidden;
padding:0;
width: 970px;
border-top:10px solid #555;
border-bottom:10px solid #555;
clear:both;
}
#mainHeaderLeft {
float: left;
width: 728px;
padding: 7px 0px;
height:23px;
}
#mainHeaderRight {
float: right;
width: 242px;
height: 23px;
padding:3px 0 4px 0px;
}

/* topmenu 메뉴 */
#topmenu {
background-color:#333;
color:#ffffff;
border-bottom:5px solid #555;
font:12px Georgia;
height: 32px;
margin:0;
padding:0;
width: 970px;
clear:both;
}

#menuLeft {
float:left;
color: #333;
width: 728px;
display: block;
}
#menuLeft a {
color:#ffffff;
float:left;
display:block;
font:12px Georgia;
text-transform: uppercase;
text-decoration: none;
text-align: left;
padding: 9px 10px;
}
#menuLeft a:hover{
color:#333;
background-color:#FFF;
}
#menuRight {
float: right;
font-size:12px;
margin:0;
padding-top:2px;
width: 242px;
height:32px;
}

.search{
display:inline;
}
.search input.searchinput{
background-color:#eee;
color:#202020;
width:162px;
margin-left:15px;
height:22px;
border:1px solid #ddd;
vertical-align: middle;
}
.search input.btSearch{
border:1px solid #ddd;
background-color:#222;
color:#fff;
width:50px;
height:25px;
cursor:pointer;
vertical-align: middle;
}
/* bottomMenu */
#bottomMenu{
width: 100%;
height:35px;
font-size: 12px;
font-family: NanumGothic, tahoma, verdana, arial;
clear: both;
background-color:#333;
color:#fff;
border-bottom:10px solid #555;
}
#bMenuMargin{
width: 970px;
margin: 0 auto;
}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left}
ul.menu ul {position:absolute; top:26px; left:0; background:#F0F0F0; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:148px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#F0F0F0}
ul.menu ul li a:hover {background-color:#000; color:#fff;}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border-right:1px solid #000; padding:5px 7px 7px; font-weight:bold; width:134px; color:#eee}
ul.menu .menulink:hover, ul.menu .menuhover {}
ul.menu .sub {background:#F0F0F0 url(./images/arrow.gif) 136px 11px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}

/* 본문영역 레이아웃 */
#wrapper {
clear: both;
margin:0 auto;
width:950px;
padding-top:10px;
}
#content{
float:left;
width:620px;
margin:0;
padding:0;}

#sidebar {
float:right;
margin: 0;
padding:0;
width:320px;
text-align:left;
font-size:12px;
font-family:NanumGhothic , Arial;
line-height:180%;
}
#rightSidebar { float:right; width:155px;}
#leftSidebar { float:left; width:155px;}

#leftSidebar .widget{
background:url(./images/leftsidebartop.gif) no-repeat center top #fff;
border:1px solid #ddd;
padding:9px;
overflow:hidden;
margin:0 0 10px;
}
#rightSidebar .widget{
background:url(./images/rightsidebartop.gif) no-repeat center top #fff;
border:1px solid #ddd;
padding:9px;
overflow:hidden;
margin:0 0 10px;
}

/* content */
#entry, #searchList, #taglog, #localog, #entryNotice, #entryProtected, #nonEntry .comment{
background:url(./images/homepagetop.gif) no-repeat center top #fff;
border:1px solid #dddddd;
margin:0 0 10px;
padding:10px;
width:600px;
text-align:left;
}
#entry h2{
margin:15px 0;
}
#entry h2 a{
font:16px NanumGothic;
font-weight:bold;
height:30px;
padding:10px 0 0 17px;
background:url(./images/icon.gif) no-repeat 0 10px;
color:#333;
}
#entryNotice h3, #nonEntry h3, #entryProtected h3, .commentWrite h3{
background:url(./images/plus.gif) no-repeat left 6px;
color:#333;
font:1.5em NanumGothic Bold;
height:30px;
padding:10px 0 3px 35px;
margin-top:15px;
margin-bottom:15px;
}
.titleWrap{
padding-bottom:10px;
}
.titleWrap .info{
padding:5px;
color:#333;
font:12px NanumGothic;
border-bottom:1px solid #ddd;
}
.titleWrap .info a{
color:#0060FF;
}
.titleWrap .admin{
margin:10px 0 0;
padding:5px;
border:1px solid #ddd;
background-color:#f7f7f7;
font-size:12px;
}
.article{
}
.article a:link {color:#0060FF;}
.article a:hover{color:#0060FF;}
.article a:visited  {color:#0060FF;}

.article h1 {margin:10px 0; font:24px NanumGothic Bold;}
.article h2 {margin:10px 0; padding:3px; border-bottom:1px solid #ddd; background-color:#f0f0f0; font-size:18px;}
.article h3 {margin:10px 0; font-size:16px; color:#cc0000;}
.article h4 {margin:10px 0; font-size:16px; border-bottom:2px solid #ddd;}

.article ol{
margin:10px 0 10px 25px;
list-style:decimal;
}
.article ol li{
margin:0;
padding:0;
list-style:decimal;
}
.article ul.list{
margin-left:25px;
margin-bottom:20px;
}
.article ul.list li{
margin:0;
padding-left:15px;
}
.article img{
border:none;
padding:1px;
max-width:600px;
}
.article img:hover{
padding:0;
border:1px solid #e9e9e9;
}
.article .box{
padding:10px;
margin:10px 0;
border:1px solid #ddd;
background-color:#f7f7f7;
}

.article pre{
padding:10px;
margin:10px 0;
overflow-x:auto;
overflow-y:hidden;
border:1px solid #ddd;
background:url(./images/bg_pre.gif);
font:12px/180% Lucida Console;
}

.article table.tb{
width:100%;
border-collapse:collapse;
font:11px Verdana;
}
.article table.tb th, .article table.tb td{
padding:5px 7px;
border:1px solid #c1c1c1;
text-align:center;
}
.article table.tb th{
background-color:#e9e9e9;
}
.cap1{
margin:5px 0;
padding:0;
color:#888;
}
/* 인용문 */
blockquote{
margin:15px 0;
font-style:italic;
background:url(./images/block.gif) no-repeat scroll 5px 5px #eee;
padding:20px;
}
/* 더보기 */
.moreless_fold span{
padding-left:17px;
background:url(./images/icon_more.gif) no-repeat 0 2px;
}
.moreless_top span{
padding-left:17px;
background:url(./images/icon_less.gif) no-repeat 0 2px;
}
.moreless_bottom span{
padding-right:17px;
background:url(./images/icon_less.gif) no-repeat right 2px;
}
.moreless_fold{
}
.moreless_top{
}
.moreless_content{
padding:15px 0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
.moreless_bottom{
text-align:right;
}
/* 본문아래 태그 */
.tagTrail{
padding:5px 5px 5px 25px;
background:url(./images/icon_tag.gif) no-repeat 5px 9px;
margin-bottom:15px;
border:1px solid #ddd;
}
/* 댓글 코멘트 배경 */
.commentNumWrap {
height: 60px;
background:url(./images/comment_bg.gif) repeat-x 0 0;
padding-top:20px;
}
.commentNum{
float: left;
}
.actionTrail{
float:right;
}
.commentNum, .actionTrail {
color: #333;
height: 60px;
width: 298px;
}
.commentNumWrap .hide, .commentNumWrap .actionhide {
font: 18px "나눔고딕", Vrinda;
text-decoration: none;
padding-left: 10px;
}
.commentNumWrap a.atComment, .commentNumWrap a.atTrackback {
font-size: 12px;
color: #F00;
text-decoration: none;
text-align: left;
padding-left:15px;
}

.commentNum{
background:url(./images/blog_icon.gif) no-repeat 45px 0px;
padding-top:10px;
}
.actionTrail {
background:url(./images/blog_icon.gif) no-repeat 60px 0px;
padding-top:10px;
}
/* 트랙백 */
.trackback {
clear: both;
border-bottom: 1px double #D6D6D6;
margin-bottom:15px;
}
.trackback ol{
margin-left:25px;
margin-top:5px;
list-style:decimal;
}
.trackback ol li{
padding:5px 0;
list-style:decimal;
}
.trackback span{
font:12px Verdana;
}
/* 검색결과 */
#searchList ol li{
border-bottom:1px solid #c1c1c1;
margin-bottom:10px;
}
#searchList ol li a{
border-left:10px solid #c1c1c1;
padding:5px;
display:block;
background-color:#eee;
color:#333;
}
#searchList ol li a:hover{
border-left:10px solid #c1c1c1;
padding:5px;
display:block;
background-color:#000;
color:#fff;
}

#searchList ol li .cnt{
color:#FF3333;
}
#searchList ol li .date{
color:#888;
font:12px Verdana;
}

/* 방명록 댓글 */
.commentWrite{
border:1px solid #c1c1c1;
padding:20px;
margin-bottom:20px;
width:558px;
}
.cwLeft{
float:left;
width:170px;
}
.cwRight{
float:right;
width:380px;
margin:0;
padding-top:13px;
}
.commentWrite textarea, .commentWrite textarea_on{
background:url(./images/textarea_bg.gif) repeat-x #f7f7f7;
height:146px;
width:380px;
}
.commentWrite input.input, .commentWrite input.input_on, #entryProtected input.input{
background:url("./images/bg_button.gif") repeat-x 0 0 #f7f7f7;
height:20px;
width:150px;
}
.submitWrap{
clear:both;
text-align:left;
margin-top:10px;
width:550px;
}
.commentWrite input.submit{
margin-top:10px;
boder:1px solid #c1c1c1;
background:url(./images/bg_button.gif) repeat-x;
color:#1f1f1f;
font:12px/19px Verdana;
text-transform:uppercase;
cursor:pointer;
padding:5px;
width:150px;
}
.commentWrite input.secret{
padding-bottom:10px;
}
.commentWrite input.checkbox{
padding-top:10px;
}
.comment{
}
.commentList ol li{
padding:0;
margin-bottom:15px;
border:1px solid #c1c1c1;
background-color:#eee;
}
.commentList ol li .commentListWrap{
margin:15px;
background:url(./images/blog_icon.gif) no-repeat right top;
}
.commentList ol li.rp_secret .commentListWrap, .commentList ol li.guest_secret .commentListWrap{
margin:15px;
background:none;
}
.commentList ol li.guest_secret ul li.guest_secret .commentListWrap{
background:none;
}
.commentList ol li ul li{
padding:15px 15px 15px 50px;
margin:0;
background-color:#FFF;
border-right:none;
border-bottom:none;
border-left:none;
}
.commentList ol li ul li .commentListWrap, .commentList ol li.rp_secret ul li .commentListWrap, .commentList ol li.guest_secret ul li .commentListWrap{
margin:0;
background:url(./images/blog_icon.gif) no-repeat right top;
}
.commentList img{
padding:2px;
width:48px;
height:48px;
border:2px solid #c1c1c1;
background-color:#FFF;
float:right;
}
.commentList .name{
font-weight:bold;
color:#333;
}
.commentList .name a{
color:#0060FF;
}
.commentList .date{
font:11px Verdana;
}
.commentList p{
padding:0 66px 0 0;
margin:10px 0 0;
line-height:140%;
}
.commentList p img{
padding:0;
width:auto;
height:auto;
border:none;
background:none;
}
.commentList p.info{
margin:3px 0;
font-size:12px;
color:#888;
}
.commentList p.info a{
color:#888;
}
.commentList p.info a:hover{
color:#1f1f1f;
}
/* 태그로그 */
#taglog ul          {padding:15px 0;margin:0; border-top:5px solid #e9e9e9; border-bottom:5px solid #e9e9e9; text-align:justify; line-height:250%;}
#taglog li          {background:none;  display:inline;}
#taglog a           {padding:3px 5px; color:#333;}
#taglog a:hover     {color:#333; text-decoration:underline;}
#taglog a:visited   {color:#999;}
#taglog li a.cloud1 {font-weight:bold;  background-color:#83cb11; color:#FFF;}
#taglog li a.cloud2 {font-weight:bold;  background-color:#70c5d4; color:#FFF;}
#taglog li a.cloud3 {font-weight:bold;  background-color:#f7f7f7;}
#taglog li a.cloud4 {font-weight:bold; }
#taglog li a.cloud5 {}

/* 지역로그 메디아로그 */
#localog #localogWrap{
padding:15px 0;
border-top:5px solid #e9e9e9;
border-bottom:5px solid #e9e9e9;
}
#localog .spot{
margin-bottom:5px;
padding:5px;

}
#localog .info{
margin-bottom:5px;
padding:5px 0;
border:1px solid #c1c1c1;
}
#mediaLogNest{
width:600px !important;
height:700px;
background:url(./images/homepagetop.gif) no-repeat center top #fff;
float:left;
border:1px solid #dddddd;
margin:0 0 10px;
padding:10px;
text-align:left;
display:inline;
}
#mediaLogLimit{
background:none;
}
/* 보호글 공지글 */
#entryProtected .protectedWrapper{
margin:15px 0;
}
#entryProtected .article{
}
#entryProtected p{
margin:7px 0;
padding:0;
}
#entryProtected input.submit{
margin-top:10px;
boder:1px solid #c1c1c1;
background:url(./images/bg_button.gif) repeat-x;
color:#1f1f1f;
font:12px/19px Verdana;
text-transform:uppercase;
cursor:pointer;
width:100px;
padding:2px;
}

#entryProtected input.input, #entryProtected input.input_on, .search input.searchinput{
background-color:#f7f7f7;
}


/* ===== 사이드바 ====== */

#sidebar ul{
list-style-type:none;
margin: 0;
padding:0;
}
#blogImage img{
width:300px;
height:300px;
background:url(./images/blogImage.gif) no-repeat 0 0;
padding:0px;
}
#blogImage .bloger{
color:#0060FF;
}
#sidebar h4{
background-color:#111;
font:12px Georgia, bold;
color:#FFF;
padding:5px 0 5px 7px;
margin-bottom:5px;
text-transform:uppercase;
}
#sidebar ul li {
padding:0;
margin:0;
}
#sidebar ul li a{
background:url(./images/icon.gif) no-repeat left 4px #fff;
color:#333;
text-decoration:none;
margin:0;
padding:5px 0 0px 17px;
}
#sidebar ul li a:hover{
color:#0060FF;
}
#sidebar ul li .name{
padding:5px;
}

/* 카테고리 */
#category {
}
#category ul,#category ul li,#category ul li a, #category ul li ul li a,#category ul li ul li ul li a{
background:none;
}
#category ul li ul li a{
padding:5px 0;
margin:0;
}
#category ul li ul li ul li a{
padding:2px 0 2px 17px;
background:url(./images/icon.gif) no-repeat 0 0;
}
#category ul li ul li ul li ul li a {
padding-left:27px;
background:url(./images/icon.gif) no-repeat 10px 0;
}
#sidebar a:hover{
text-decoration:underline;
}
/* 태그 */
#tagbox ul              { text-align:justify; line-height:160%; font-size:11px;}
#tagbox ul li                   { display:inline; border:none; padding:0;}
#tagbox ul li a {padding:0px 3px; background:none;display:inline;}
#tagbox ul li a.cloud1      {font-weight:bold; }
#tagbox ul li a.cloud2  {font-weight:bold; }
#tagbox ul li a.cloud3      {font-weight:bold; }
#tagbox ul li a.cloud4      {font-weight:bold; }
#tagbox ul li a.cloud5      {}

/* 카운터 */
#counter ul li{
color:#333;
text-decoration:none;
font:11px NanumGothic;
padding:5px;
}
#counter ul li a:hover{
color:#0060FF;
}
#counter .today{
color:#FF0000;
}
.yesterday{
color:#333;
}
#counter ul li{
background:none;
padding:0;
margin:0;
}
/* RSS */
#rss a.rss{
display:block;
width:120px;
height:60px;
background:url(./images/rss.gif) no-repeat;
padding:0;
}
#rss a:hover.rss{
background-position:0 -60px;
}
#rss a.rss span{
display:none;
}

/* footer 푸터 */
#footer {
background-color:#eee;
clear: both;
height: 42px;
width: 970px;
padding:0;
margin:0;
text-align:center;
border-top:10px solid #555;
}
#copyright{
color:#333;
padding:10px 0;
}
#copyright a{
color:#000;
font:12px NanumGothic;
margin: 0;
padding:15px 0;
}
#copyright a:hover{
background-color:#000;
color:#fff;
}

.tnmhot { padding:10px; width:300px; text-align:center;}
.clear { clear:both;}