@charset "utf-8";

html { } 

body { 
    background:url(images/bg.jpg);
    font: 75%/1.6 Dotum, Verdana, Gulim, AppleGothic, Sans-serif;
    margin: 0px; color:#000000;
    background-color: #FFFFFF;
 }

a:link { color:#000; text-decoration:none; }
a:visited { color:#000;  text-decoration:none; }
a:hover { color:#0080FF /* 0263C4*/; text-decoration:none/*underline*/; }
a:active { color:#000; text-decoration:none; }

/* 페이징 */
    .paging .selected { font-weight:bold;  color:#333; font-size:1.2em; text-decoration:underline; }
    .paging .no-more-prev { color:#ddd; }
    .paging .no-more-next { color:#ddd; }

/* 카테고리 - 이미지 버튼 */
    .ib                     { cursor:pointer; }
/* 카테고리 - 트리 셀 */
    .branch3                { cursor:pointer; }
/* 카테고리 - 카테고리 옆 개수 스타일 */
    .c_cnt                  { display:none; }

/* 종류별 코멘트 [##_rp_rep_class_##] */
    .rp_general             { }
    .rp_admin               { background-color:#D9E9FF; }
    .rp_secret              { color:#999; }
/* 종류별 코멘트 [##_guest_rep_class_##] */
    .guest_general          { }
    .guest_admin            { background-color:#D9E9FF; }
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
    .hiddenComment { color:#999; }

/* 이미지 아래 캡션 스타일 */
    .cap1                   { color:#666666;  text-align:center; }
/* 그림 */
    .imageblock { border:none; vertical-align:top; line-height:normal; }
    .imageblock a:link,
    .imageblock a:visited,
    .imageblock a:hover,
    .imageblock a:active { border-style: none; }
    .imageblock img { margin: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) left no-repeat; padding-left:13px; font-weight:bold; font-size:1.1em; font-color:#D9E9FF; }
    .moreless_top           { background:url(images/iconLess.gif) left no-repeat; padding-left:13px; font-weight:bold; font-size:1.1em; font-color:#D9E9FF; }
    .moreless_body          { }
    .moreless_bottom        { display:none; }
/* 키워드 */ 
    .key1 { cursor: pointer; border-bottom: 1px dotted ccc; }

hr {  }
img { border:0; }
h1, h2, h3, h4  { margin:0; padding:0; }
h1 { font:3em batang, Georgia; font-weight:normal; margin:5px 0; }
h1 a:link { color:#000000; text-decoration:none; }
h1 a:visited { color:#000000; text-decoration:none; }
h1 a:hover { color:#000000; text-decoration:none; }
h1 a:active { color:#000000; text-decoration:none; }
h2 { font:2.2em Dotum; display:block; border-left:10px solid #0080FF; padding:2px 10px; margin-bottom:20px; }
h3 { display:block; border-left:10px solid #0080FF; border-bottom:1px solid #0080FF; padding:0 5px; margin-bottom:10px;   font-size:1.1em; font-weight:bold; }
h4 { font-size:1em; font-weight:bold;  }
textarea { font-size:1em; border:1px solid #C9D9FF; padding:2px; margin-bottom:10px; }

.aro { font:0.7em Verdana; padding:2px 0; color:#0080FF; }
.name { font-size:1em/*font:1em Verdana*/; font-weight:bold; }
.date { color:#666666; font-size:1em; }
.cnt { font:0.75em Verdana; color:#0080FF; }

.con { text-align:right; color:#666666; font-size:0.9em; }
.con a:link { color:#666666; text-decoration:none; }
.con a:visited { color:#666666;  text-decoration:none; }
.con a:hover { color:#0080FF; text-decoration:underline; }
.con a:active { color:#666666; text-decoration:none; }


/* 소스 코드 하이라이트 대용 */ 
.code { width:590px; font-family: Verdana; border:1px solid #7F9DB9; margin:5px auto/*10px*/; background-color:#F9F7F1; }
.code ol { margin:0 0 0 42px; padding:5px 0; background-color:#FFFFFF; border-left:1px solid #CBB885; }
.code li { padding:1px 10px;  }
.box {  font-family: Verdana; border:1px solid #7F9DB9; padding:10px; margin:5px 10px;  background-color:#FFFFFF;  }



/* ================================

[색상 변경]
 에디터 메뉴중 [ 편집 ] → [ 바꾸기 ] 를 이용해 바꿔주시면 됩니다

(연한 핑크색)#FBE5F1
(진한 핑크색)#FF6790

(하늘색)#D9E9FF
(연한 파랑색)#C9D9FF
(진한 파랑색)#0080FF



[본문 크기 변경]
기본 본문 가로 사이즈는 610입니다. 변경시 검색후 변경하시면 됩니다
단, 본문을 늘리거나 줄일시 전체 사이즈에도 영향이 가므로 같은 수를 더하거나 빼주시면 됩니다

예) 본문 200증가 - 전체 사이즈 200증가

블로그 전체 사이즈 : #container 의 880px
본문 사이즈 : #content 의 610px / .article의 width:610px; 


[카테고리를 기본으로 바꾸기]
이 스킨은 리스트 형식의 카테고리를 사용하고 있지만, 불편할 경우 원래의 카테고리로 바꿀 수 있습니다
skin.html 파일에서 [##_category_list_##] 를 [##_category_##] 로 변경


================================ */

/* 레이아웃 */

#topscroll { 
    padding:0px;
    margin:0px;
 }

#container { 
    width:880px;
    padding:50px;
    margin:0px auto;
 }


#header { 
    width:880px;
    padding:0px;
    margin-bottom:10px;
 }

#staticposition { position:relative; top:0 auto; }
#staticmenu { padding-left:658px; margin:0px; position:absolute; }
#staticmenu .scrolltop { display:block; background:url("./images/top_normal.gif") top left no-repeat;  width:12px; height:35px; position:absolute; z-index:1; }
#staticmenu .scrolltop:hover { background:url("./images/top_hover.gif") top left no-repeat; width:15px; height:35px; position:absolute; z-index:1; }
#staticmenu .scrolltop_text { font:0.8em Batang; display:block; width:10px; height:35px; background-color:#D9E9FF; position:absolute; z-index:0; }

#content { 
    float:left;
    width:610px;
    border:4px solid #D9E9FF;
    padding:20px;
    margin-bottom:20px;
 } 

#sidebar { 
    float:right;
    width:200px;
    padding-top:10px;
 }   

#footer { 
    clear:both;
    font-size:11px;
    margin-top:20px;
    padding:20px;
    color:#666666;
    text-align:center;
 }

#banner { 
    margin:10px auto;
    text-align:center;
 }

.header h1 span { font-family:batang; left top no-repeat; position:absolute; z-index:0; }
.header .blogtitleposition { display:block; width:270px; height:45px; position:relative; margin-bottom:20px; }
.header .blogtitleposition .blogtitle_hover { display:block; width:1px; height:1px; background:url(images/blogtitle_hover.jpg) left top no-repeat; }
.header .blogtitle a { display:block; width:270px; height:45px; background:url(images/blogtitle.jpg) left top no-repeat; position:absolute; z-index:1; }
.header .blogtitle a:hover { display:block; width:270px; height:45px; background:url(images/blogtitle_hover.jpg) left top no-repeat; position:absolute; z-index:2; } 
.header .titleimage 
.header .blog_menu { font-size:1.1em; margin:5px 0; margin-left:1px; }
.header .blog_menu ul { list-style:none; padding:0; margin:0; }
.header .blog_menu li { background:url(images/arrow.png) 2px 3px no-repeat; padding-left:11px; display:inline; margin:0 5px; }

.taglog { }
.taglog ul { padding:0; margin:0; }
.taglog li { display:inline; padding:3px; }
.taglog li .cloud1 { font-size:1.4em; color:#0080FF; background-color:#D9E9FF; font-weight:bold; text-decoration:underline; }
.taglog li .cloud2 { font-size:1.4em; color:#0080FF; background-color:#D9E9FF; font-weight:bold; }
.taglog li .cloud3 { font-size:1.4em; color:#0080FF; background-color:#D9E9FF; }
.taglog li .cloud4 { font-size:1.2em; color:#666; }
.taglog li .cloud5 { font-size:1em; color:#666; }

.guestbook { }
.guestbook p { margin:5px 0; }
.guestbook .guestWrite { padding:10px; }
.guestbook .guestWrite .input_name, .input_pass { width:100px; height:15px; font-size:1em; font-family:Dotum; border:1px solid #C9D9FF; }
.guestbook .guestWrite .input_address { width:257px; height:15px; font-size:1em; font-family:Dotum; border:1px solid #C9D9FF; }
* html .guestbook .guestWrite .input_address { width:251px; height:15px; font-size:1em; font-family:Dotum; border:1px solid #C9D9FF; }
.guestbook .guestWrite textarea { width:465px; height:80px; font-size:1em; font-family:Dotum; border:1px solid #C9D9FF; margin:0; }
.guestbook .guestWrite .submit { width:80px; height:60px; font-size:1em; font-family:Dotum; font-weight:bold; border:1px solid #0080FF; color:#0080FF; background-color:#D9E9FF; }
.guestbook .guestList { padding:10px; margin-top:0px; border-top:2px solid #D9E9FF; }
.guestbook .guestList ol { list-style:none; padding:0; margin:0;  }
.guestbook .guestList ol li { border-bottom:2px solid #D9E9FF; }
.guestbook .guestList ul { list-style:none; margin:0; padding:0; }
.guestbook .guestList ul li { border:none; border-top:1px solid #D9E9FF; margin-top:0px; }
.guestbook .guestList p { margin:10px; }
.guestbook .guestList .gu_re1 { padding:10px; }
.guestbook .guestList .gu_re2 { padding:10px 10px 10px 70px; }
.guest_admin { background-color:#D9E9FF; }

.searchList { }
.searchList a:visited { background:url(images/visited.gif) top left no-repeat; padding-left:15px; }
.searchList .search_infor { font-size:1.2em; font-weight:bold; }
.searchList ol { list-style:none; padding:0 20px; margin:0; }
.searchList li { margin-bottom:4px; }
.searchList .date { font:0.75em Verdana; }

.entry { }
.entry .title { margin-bottom:30px; }
.entry .article { width:610px; margin:20px 0; }
.entry .article a:link { color:#005CB1; text-decoration:none; border-bottom:1px dotted; }
.entry .article a:visited { background:url(images/visited.gif) top right no-repeat; color:#005CB1; text-decoration:none; border-bottom:1px dotted; padding-right:15px; }
.entry .article a:hover { color:#005CB1; text-decoration:none; border:0; }
.entry .article .key { display:none; }
.entry .article .another_category { margin-top:80px; background-color:#F5FAFF; }
.entry .article .another_category a:link { border:0; }
.entry .article .another_category a:visited { background:none; border:0; padding:0; }
.entry .article .another_category a:hover { }
.entry .article .another_category table a:link { border:0; }
.entry .article .another_category table a:visited { background:url(images/visited.gif) top right no-repeat; color:#005CB1; text-decoration:none; border:0; padding-right:15px; }
.entry .article .another_category table a:hover { }
.entry .article_infor { /*font-family: Verdana;*/ font-size:90%; color:#666666; text-align:right;  padding-right:5px; }
.entry .article_infor .cnt { font-size:0.95em; color:#0080FF; }
.entry .admin { text-align:right; font-size:0.9em; padding-right:5px; }
.entry .tagTrail { text-align:right; font-size:0.9em; color:#0080FF; padding-right:5px; }
.entry .tagTrail a:link { color:#0080FF; text-decoration:none; }
.entry .tagTrail a:visited { color:#0080FF; text-decoration:none; }
.entry .tagTrail a:hover { color:#0080FF; text-decoration:underline; }
.entry .tagTrail a:active { color:#0080FF; text-decoration:none; }
.entry .tag_text { font-size:1.1em; font-weight:bold; color:#0080FF; margin-right:2px; }
.article blockquote { border:1px solid #D9E9FF; padding:10px; margin:10px; }
.entry .trackback { padding:10px 0; margin:5px 0; background-color:#D9E9FF; }
.entry .trackback .tb_address { font-family:Verdana; text-align:center; padding:5px 0 10px 0; }
.entry .trackback .tbpd { display:block; width:560px; margin-left:20px; border-top:1px dotted #0080FF; }
.entry .trackback .tbtitle { font-size:1.2em; font-weight:bold; margin-left:10px; }
.entry .trackback ol { list-style:none; padding:0; margin:0; }
.entry .trackback li { padding:0 10px; }
.entry .trackback .title { font-size:1.1em; font-weight:bold; }
.entry .trackback .del a:link { font-size:1.1em; font-weight:bold; color:#0080FF; text-decoration:none; }
.entry .trackback .del a:visited { font-size:1.1em; font-weight:bold; color:#0080FF; text-decoration:none; }
.entry .trackback .del a:hover { font-size:1.1em; font-weight:bold; color:#0080FF; text-decoration:none; }
.entry .trackback .del a:active { font-size:1.1em; font-weight:bold; color:#0080FF; text-decoration:none; }
.entry .trackback .bar { padding-left:5px; }
.entry .trackback .tb_text { display:none; margin:2px 0; font-size:0.9em; color:#666666; }
.entry .trackback .more { margin-left:5px; color:#0080FF; }
.entry .comment { padding:10px 0; margin:10px 0; border-top:2px solid #D9E9FF; border-bottom:1px solid #D9E9FF; }
.entry .comment ol { list-style:none; padding:0; margin:0 0 20px 0; }
.entry .comment ol li { border-bottom:2px solid #D9E9FF; margin-bottom:10px; } 
.entry .comment ul { list-style:none; margin:0; padding:0; }
.entry .comment ul li { border:none; border-top:1px solid #D9E9FF; margin-bottom:0px; }
.entry .comment p { margin:5px; }
.entry .comment .co_re1 { padding:5px 10px; }
.entry .comment .co_re2 { padding:10px 10px 10px 50px ; }
.entry .commentWrite p { margin:10px 0; }
.entry .commentWrite .input_name, .input_pass { width:120px; height:15px; font-size:1em; font-family:Dotum; border:1px solid #C9D9FF; }
.entry .commentWrite .input_address { width:272px; height:15px; font-size:1em; font-family:Dotum; border:1px solid #C9D9FF; }
* html .entry .commentWrite .input_address { width:266px; height:15px; font-size:1em; font-family:Dotum; border:1px solid #C9D9FF; }
.entry .commentWrite textarea { background:url(images/bg.jpg); width:520px; height:60px; font-size:1em; font-family: Dotum; margin:0; }
.entry .commentWrite .submit { width:80px; height:42px; font-size:1em; font-family:Dotum; font-weight:bold; border:1px solid #0080FF; color:#0080FF; background-color:#D9E9FF; padding:0; }

.paging { font:1em Verdana ; margin:20px 0 10px 0; clear:both; text-align:center; color:#666; }
.paging a:link { color:#666; }
.paging a:visited { color:#666; }
.paging a:hover { color:#666;  text-decoration:underline; }
.paging a:active { color:#666;  }
.paging .articlelist { font:1.1em Verdana; color:#666; text-align:right; }

#sidebar {  }
#sidebar ol { list-style:none; padding:0; margin:0; }
#sidebar ul { list-style:none; padding:0; margin:0; }
#sidebar .side_part { margin-bottom:30px; }
#sidebar .noti a:link { display:block; border-left:10px solid #0080FF; border-bottom:1px solid #0080FF; padding:0 5px; margin-bottom:10px;   font-size:1.1em; font-weight:bold; }
#sidebar .noti a:visited { display:block; border-left:10px solid #0080FF; border-bottom:1px solid #0080FF; padding:0 5px; margin-bottom:10px;   font-size:1.1em; font-weight:bold; }
#sidebar .noti a:hover { display:block; border-left:10px solid #0080FF; border-bottom:1px solid #0080FF; padding:0 5px; margin-bottom:10px;  font-size:1.1em; font-weight:bold; background-color:#D9E9FF; }
#sidebar .search { } 
#sidebar .search .text{ width:140px; border:2px solid #D9E9FF; margin-left:10px; }
#sidebar .search .submit{ width:40px; height:22px; /*font-size:1em;*/ font-family:Dotum; font-weight:bold; border:1px solid #0080FF; color:#0080FF; background-color:#D9E9FF; margin:0; }

#sidebar .category { padding-left:10px; }
#sidebar .category ul { clear:both; color:#FFFFFF; font-weight:normal; }
#sidebar .category li { margin-top:1px; font-weight:normal;  }
#sidebar .category a:link { display:block;  padding:2px 5px; width:180px; height:18px;  background-color:#D9E9FF; }
#sidebar .category a:visited { display:block;  padding:2px 5px; width:180px; height:18px; background-color:#D9E9FF; }
#sidebar .category a:hover { background-color:#0080FF; color:#FFFFFF; text-decoration:none;  } 

#sidebar .rep { padding-left:10px; color:#666666; font-size:1em; }
#sidebar .rep ul { }
#sidebar .rep li { background:url(images/arrow.png) 1px 5px no-repeat; padding-left:11px; border-bottom:1px solid #D9E9FF; margin-bottom:2px; padding-bottom:2px; }
#sidebar .rep .cnt { font:0.8em Verdana; color:#0080FF; }

#sidebar .counter { text-align:center; }
#sidebar .counter .today { font:0.8em Verdana; color:#666; }
#sidebar .counter .total { font:0.8em Verdana; color:#000; }

#sidebar .side_part_n { margin-bottom:20px; }
#sidebar .noti { color:#666666; }
#sidebar .noti ul { }
#sidebar .noti li { }

.hrs { display:none; }