@font-face{font-family:Å丮9;src:url(http://june44.com/tori9.eot);}
body {
font-family: Å丮9, Gulim, ±¼¸², sans-serif;
font-size: 12px;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 40px;
margin-right: 0px;
padding: 0;
color: #333;
}

form {
margin: 0px;
} 

ul {
margin: 0;
padding: 0;
list-style: none;
}

h1{
font-size: 170%;
font-family: Gulim, ±¼¸², sans-serif;
color: #333;
margin: 0px;
padding: 0px;
}

h2{
font-size: 140%;
font-family: Gulim, ±¼¸², sans-serif;
color:#5F5960;
margin: 0px;
padding: 0px;
}

img {
border: 0;
}

a:link, a:visited, a:active {
color: #333;
text-decoration:none;
}
a:hover {
color: #437CCD; 
text-decoration:none;
}

#wrap {
width:800px;
text-align:left;
/*
margin: 0 auto;
*/

}

#login {
text-align:right;
padding-top: 20px;
padding-right: 5px;
}

html>body #wrap_middle { 
background:url(img/middle_bg.png) repeat-y left top; 
}


#bg_color_area {
margin-left:5px;
margin-right:5px;
background:#FFF url(img/main-bg1.gif) no-repeat right top;
}



/***** top *****/
#top_area {
margin-left:10px;
margin-right:10px;
}
#title {
padding-top:15px;
padding-left:6px;
}
#site_info {
padding-left:22px;
color:#666 ;
}
#top_menu {
text-align:right;
}
#top_menu img {
margin-left: 10px;
}
#top_line_bg {
height:5px;
background:url(img/top_bg_line1.gif);
margin-top: 2px;
margin-bottom: 3px;
}
#top_calendar {
margin-bottom: 40px;
}
/***** top *****/



/***** middle *****/
#middle {
_height:1%;/* IE's 3 pixel float:left.. */
background:url(img/post_sidebar_line1.gif) repeat-y 550px 0;
margin-bottom: 70px;
}

.sidebar {
width: 220px;
float:right;
margin-bottom: -25px; /* .sidebar_item_area ÀÇ margin-bottom: 25px ¸¸Å­ ¸¶À̳ʽº.. ±¸ºÐ ¹è°æÀ̹ÌÁö ±æÀÌ ¶§¹®¿¡..*/
}


#main_area {
width: 550px;
float:left;
}

#content_top {
margin-bottom: 20px;
}

* html #w_date_area {
margin-right: 7px; 
}

#w_date_area {
float:left;
width: 53px;
height: 63px;
margin-right: 10px;
background:url(img/post_w_date_bg.gif) no-repeat;
text-align:center;
font-weight:bold;
}

#post_w_month {
margin-top: 4px;
font-size:14px;
color:#B4A8B4;
}

#post_w_date {
font-size:19px;
color:#EEE;
}

#post_control {
color:#FFF;
letter-spacing: 5px;
}

#post_control a {
color:#fff;
}

#post_w_weekday {
font-family:Tahoma;
font-size:10px;
color:#fff;
font-weight:normal;
}

#post_title {
margin-bottom: 3px;
}

#post_category {
font-weight:bold;
color:#8C888D;
margin-bottom: 15px;
}

#files {
text-align:right;
padding-right: 10px;
}

#content {
clear:both;
margin: 0px 12px 50px 12px;
line-height: 140%;
overflow: auto;
_word-break:break-all;
}

#tag_and_trackback {
_height: 1%;
margin-bottom: 15px;
}

#tag_and_trackback img {
margin-right: 2px;
vertical-align:middle;
}

#post_tag {
float:left;
}
#post_tag a {
color:#00AADB;
}

#post_trackback {
float:right;
text-align:right;
padding-right: 10px;
}

#btn_comment_trackback_area {
height: 25px;
background:#5F5960 url(img/comment_trackback_btn_bg.gif) no-repeat right top;
margin-bottom: 15px;
}


/*** comment_trackback_area ***/
#comment_trackback_area {
margin: 0px 12px 0px 12px;
}

.trackback_area {
margin-bottom: 15px;
}

.trackback_content {
padding: 5px 0px 5px 0px;
background:url(img/dot_w4_h1.gif) repeat-x bottom;
margin-bottom: 15px;
overflow:auto;
}

.cmt_name_btn_area {
_height: 1%;
margin-top: 20px; /* 20-15=5px ¿Í~ ¼öÇРõÀç´Ù.. ¤»¤» */
margin-bottom: 6px;
}

.cmt_writer_name_date {
float:left;
height: 20px;
margin-right: 5px;
background:url(img/icon_comment.gif) no-repeat;
padding-left: 22px;
}

.cmt_name_btn_area_bg {
height:10px;
background:url(img/dot_w4_h1.gif) repeat-x 0 6px;
overflow:hidden;
}

.cmt_btn {
float:right;
text-align:right;
margin-left: 5px;
}
.cmt_btn img {
margin-left: 8px;
}

.cmt_concent {
line-height: 140%;
margin-bottom: 13px;
overflow: auto;
_word-break:break-all;

}

.re_box {
margin: 15px 0px 15px 30px;
border:1px solid #B8B8B8 ;
background:url(img/re_bg.gif) no-repeat;
padding: 7px 7px 7px 10px;
}

.cmt_re_writer_name {
margin-bottom: 3px;
}

.cmt_re_concent {
line-height: 140%;
overflow: auto;
_word-break:break-all;
}

.cmt_form_wrap {
padding: 5px;
}

.no_spam {
}

.secret_comment {
float: right;
text-align: right;
}
.secret {
color: #FF0000 
}
/*** comment_trackback_area ***/


#btn_comment_trackback_area img {
margin-right: 2px;
vertical-align:top;
}
#btn_comment_trackback_area a {
color:#FFF;
text-decoration:none;
}
.link_comment{
float:left;
padding: 7px 0px 0px 10px;
}
.link_trackback{
float:right;
text-align:right;
padding: 7px 10px 0px 0px;
}

.prev_next {
margin-top: 4px;
vertical-align:middle;
}
.prev_next img{
vertical-align:middle;
margin: 0px 6px 0px 5px;
}

.no_id_space {
margin-bottom: 30px;
}
/***** middle *****/





/*** paging ***/

.paging {
margin-top: 30px;
text-align:center;
letter-spacing: 1px;
color: #FF9900;
font-family: Georgia, Gulim;
font-size: 13px;
font-weight:bold;
font-style:italic;
}
.paging_spot {
font-family: Georgia, Gulim;
font-weight:bold;
font-style:italic;
font-size: 16px;
color:#E88C24; 
}
.paging img {
/*vertical-align:middle;*/
margin: 0px 1px 0px 1px;
}
/*** paging ***/





/***** sub(sidebar) *****/
.sidebar_item_area {
width: 210px;
margin-bottom: 25px;
}

#profile_image {
text-align:center;
cursor:pointer;
}

#today_condition {
height:24px;
padding-top: 6px;
background:url(img/dot_w4_h1.gif) repeat-x 0px 23px;
}

.today_adm {
color:#83A034;
font-weight:bold;
}

#search_form {
position:relative;
}

#search_form img {
position: absolute;
top: -6px;
right: 5px;
padding: 0px;
margin: 0px;
cursor:pointer;
}

.search_f { 
border: #B7B7B2 1px solid; 
width: 205px;
height: 23px; /* NO DOCTYPE */
/*height: 19px;*/ /* DOCTYPE 4.1 */
background-color: #ffffff; 
vertical-align: middle;
color: #437CCD;
}

#catecory_total {
height:20px;
font-weight:bold;
}

#catecory_total img {
margin-right: 5px;
vertical-align:middle;
}

#catecory_list li {
position:relative;
height: 18px;
background: url(img/icon_category_list.gif) no-repeat 0px 2px;
padding-left: 34px;
}

#catecory_list li img {
position: absolute;
top: -8px;
left: 0px;
padding: 0px;
margin: 0px;
}

.sub_title {
position:relative;
height: 24px;
margin-right: -10px; /* position ÀÌ ÁöÁ¤ µÇ¾îÀÖÁö ¾ÊÀ¸¸é IE6¿¡¼­´Â ÀÌ °ªÀÌ ¾È¸ÔÈû..*/
margin-bottom: 4px; /* DOCTYPE 4.1 ÆÄÆø-Àͽº, NO DOCTYPE ÆÄÆø */
_margin-bottom: 8px; /* NO DOCTYPE IE6 */
background:url(img/sidebar_subtitle_bg1.gif) no-repeat;
padding-top: 5px;
_padding-top: 6px;
padding-left: 22px;
color:#FFF;
}

.post_and_comment_list li {
height: 20px;
background:url(img/icon_sidebar_sub1.gif) no-repeat 0px 3px;
padding-left: 15px;
overflow: hidden;
/*_word-break:break-all; */
_display:block;
/*_width: 190px;*/ /* DOCTYPE 4.1 */
_width: 206px; /* NO DOCTYPE.. Â÷ÀÌ ¾öû³­´Ù.. ¶ß¹ú ¹ÌÄ¡¹ÌÄ¡ */
}

#tag_title {
height: 20px;
background:url(img/icon_tag2.gif) no-repeat;
padding: 2px 0px 0px 34px;
font-weight:bold;
}

#link_title {
height: 24px;
background:url(img/icon_link2.gif) no-repeat;
padding: 2px 0px 0px 34px;
font-weight:bold;
}

#link li {
height: 20px;
background:url(img/icon_sidebar_sub1.gif) no-repeat 9px 2px;
padding-left: 25px;

}
/***** sub(sidebar) *****/




/***** footer *****/
#tail {
height: 40px;
padding-bottom: 10px;
text-align:right;
}

#toplink {
float:right;
width:50px;
}

#copyright {
float:right;
line-height: 18px;
_line-height: 20px;
color:#555;
}
/***** footer *****/




/***** vist *****/
.vist {
font-size:15px;
font-family: Georgia, Gulim;
font-weight:bold;
font-style:italic;
color:#999999;
}
.vist_total {
font-size:18px;
font-family: Georgia, Gulim;
font-weight:bold;
font-style:italic;
color:#999999;
letter-spacing: -1px;
}

/***** vist *****/




/***** sub_page ******/
#sub_page_title {
height:35px;
margin-bottom: 7px;
}
#sub_page_title img {
margin: 0px 7px 0px 7px;
vertical-align: text-bottom;
}

/* guest_book */
.guestbook_area {
margin: 0px 12px 0px 12px;

}
#guestbook_content_area {
margin-top: 15px;
}
/* //guest_book */

/* list */
#list_area {
margin-left:12px;
margin-right: 12px;
}
#list_area h2 {
margin-top: 80px;
text-align:center;
}
#list_area li {
margin: 0px 0px 10px 10px;
}
/* //list */


/* tag */
#tag_area {
margin: 0px 12px 0px 12px;
text-align:center;
line-height:30px;
}

.tag_cloud { margin:0px; padding:0px; list-style:none; text-align:justify; line-height:20px; }
.tag_cloud_1 { display:inline; font:bold 12px dotum; padding:0px; margin:0px 5px 0px 0px; background:#EEEEEE; }
.tag_cloud_2 { display:inline; font:bold 12px dotum; color:#75B200; padding:0px; margin:0px 5px 0px 0px; }
.tag_cloud_3 { display:inline; font:12px dotum; color:#53B8FF; padding:0px; margin:0px 5px 0px 0px; }
.tag_cloud_4 { display:inline; font:bold 12px dotum; color:#E45B00; padding:0px; margin:0px 5px 0px 0px; }
.tag_cloud_5 { display:inline; font:bold 16px dotum; color:#00AADB; padding:0px; margin:0px 5px 0px 0px; background:#F1F1F1; }
/* tag */

/***** //sub_page ******/






/***** form *****/
.input_text { 
/*width: 200px; ½ºÅ¸ÀÏ Á¤ÀÇÇϱ⠱¸Âú¾Æ¼­ Æû¿¡¼­ size ¼±¾ð,, */
/*height: 18px;*/ /* DOCTYPE 4.1 */
height: 22px; /* NO DOCTYPE  */
border: 1px solid #d3d3d3 ; 
vertical-align: middle; 
background-color: #FBFAF7;
}

html>body .input_text {
margin-bottom: 1px;
}

.textarea {
border: 1px solid #d3d3d3; 
background-color: #FBFAF7; 
width:100%; 
height:80px; 
overflow: visible;
margin-top: 0px;
}

.submit	{
background-color:#dfdfdf; 
border:1px solid #ccc; 
cursor: pointer;
width:100%; 
height:23px; 
}
/***** form *****/



.clear_style { 
clear:both; 
}
.clear_style2_h3 { 
clear:both;
height: 3px; 
}
.float_left {
float:left;
}
.float_right {
float:right;
}
.bold_style {
font-weight:bold;
color: #777;
}
.date1 {
font-family:Tahoma;
color:#999999;
font-size:10px;
}
.png24 { 
tmp:expression(setPng24(this));
}