@charset "utf-8";

/* 전체 속성  HTML Common Setting */
body { background : #ffffff url("./image/bgImg.gif") repeat;}
img { border : none; }
div { overflow : hidden; border : none; }
span { border : none;  border : none;}
table{ table-layout : fixed; overflow: hidden; border : 0px; border-collapse : collapse;}


#top{ 
 position:absolute; margin:auto; z-index:-20;
}

/* 폰트 설정   Font Setting */
@font-face { font-family : 돋움, 굴림, Verdana, Arial, san-serif; }
@font-face { font-family : 소야얼음10; src:url(./image/soyaulum10.eot); font-size : 10pt;}
@font-face { font-family : 소야논8; src:url(./image/soyanon8.eot); font-size : 8pt; }
body, td, input, textarea { font-family:소야얼음10; font-size : 10pt; color : #888888; }

/* 앵커 텍스트 꾸밈 설정 Anchor Text decoration Setting */ 
a:link     { color: #6e6e6e; text-decoration: none; }
a:visited  { color: #6e6e6e; text-decoration: none; }
a:hover    { color: #000000; text-decoration: none; }

/* 공통 속성  Common Setting */
.adm_icon { width : 14px; height : 14px; margin-right : 5px; vertical-align : middle; }
.icon { width : 8px; height : 8px; margin-right : 5px; vertical-align : middle; }
.mn_tb { width : 200px; padding : 0px; margin : 0px; }
.dot_img { width : 6px; height : 6px; margin-right : 3px; vertical-align : middle; }

/* 레이아웃  Layout Setting */
#base { width : 100%; text-align : center; }
#admin_mn { width : 1010px; height : 90px; text-align : right; vertical-align : middle; margin : 15px auto; }

#main_mn {position:relative; width:700px; height : 20px; text-align : right; vertical-align : middle; margin : 15px auto 30px; left:11.2em;  }

#general_layout { width : 1020px; margin : 0px auto; }
#lmn { width : 200px; margin-right : 0px; padding : 0px; float : left;}
#cont_layout { width : 600px; margin : 0px 7px; padding : 0px; float : left;}
#rmn { width : 200px; margin : 0px; padding : 0px;}
.dot_line { width : 100%; height : 1px; background : url(./image/dotline.gif) repeat-x; margin : 10px 0px;}
.dot_line_m { width : 100%; height : 1px; background : url(./image/dotline.gif) repeat-x; margin : 2px 0px; }

/* 메뉴 레이아웃  Menu Layout*/
.mn_top { width : 200px; height : 10px; background : url(./image/mn_top.gif) no-repeat; margin : 0px;}
.mn_area {width: 200px; height : 100%;  background: url(./image/mn_back.gif) repeat-y; margin : 0px; text-align : center;}
.mn_btm { width : 200px; height : 10px; background : url(./image/mn_btm.gif) no-repeat; margin : 0px;}
.mn_ctop { width : 200px; height : 10px; background : url(./image/counter_top.gif) no-repeat; margin : 0px;}
.mn_carea {width: 200px; height : 100%;  background: url(./image/counter_back.gif) repeat-y; margin : 0px; text-align : center;}
.mn_cbtm { width : 200px; height : 10px; background : url(./image/counter_btm.gif) no-repeat; margin : 0px;}
.mn_ttl { width : 200px; padding-left : 10px; font-weight : bold; color : #99bdef; text-align : left; vertical-align : middle;}
.mn_ttl_2 { width : 170px; height : 13px; margin-left : 5px; font-weight : bold; color : #99bdef; text-align : left; vertical-align : middle; float : left; }
.mn_open { width : 9px; height : 10px; text-align : right; vertical-align : bottom; margin-right : 5px;}
.mn_close { width : 180px; height : 10px; text-align : right; vertical-align : middle; margin : 0px auto; }
.open_icon { width : 7px; height : 5px; vertical-align : middle; cursor : pointer; }

/* 컨텐츠 레이아웃 Contents Layout */
.cont_top { width : 600px; height : 10px; background : url(./image/cont_top.gif) no-repeat; margin : 0px; }
.cont_area { width : 600px; background : url(./image/cont_back.gif) repeat-y; margin : 0px; }
.cont_btm { width : 600px; height : 10px; background : url(./image/cont_btm.gif) no-repeat; margin : 0px; }


/******************************* 개별 속성 *******************************/
/***********여기서부턴 각 테이블, 메뉴에 대한 개별적인 속성을*************/
/***********설정합니다. 입맛에 맞게 수정하시면 되겠습니다 ^^ *************/

/******************* 왼쪽 단 메뉴 부분입니다. ******************* /
/* 블로거 프로필 Blogger Profile Domain Sytle */
#lmn_prof { width : 200px; text-align : center; margin-bottom : 10px; }
.prof_lnk { width : 180px; text-align :right ; margin-top : 10px; margin-left : 10px }
.prof_img { width : 180px; margin : 0px; padding : 0px; vertical-align : middle;}
.blogger { width : 180px; margin : 0px; padding : 0px; margin-left : 10px; margin-bottom : 10px; text-align : left; vertical-align : middle;}
.blogger_img { width : 19px; height : 19px; vertical-align : middle; margin-right : 5px;}
.blog_intro { width : 178px; text-align : left; margin-left :10px; }
.own_icon { width : 14px; height : 14px; vertical-align : middle; margin-right : 10px; }
.prof_icon { width : 3px; height : 5px; vertical-align : middle; margin-left : 10px; }
a.prof:link { text-decoration : none; }
a.prof:visited { text-decoration : none; }
a.prof:hover { text-decoration : none; }

/* 카테고리 속성 Catergory Domian Style */
#lmn_category { width : 200px; text-align : center; margin-bottom : 10px; }
#ct_tree { width : 180px; text-align : center; margin : 0px auto; }
.ib { width : 16px; cursor : pointer; }
.branch3 { width : 141px; text-align : left; cursor : pointer; }
.c_cnt { font-family : 소야논8; font-size : 8pt; vertical-align : bottom; }

/* 태그 리스트 속성 Tag List style */
#lmn_tag { width : 200px; text-align : center; margin-bottom : 10px; }
#tag_cld { width : 180px; text-align : left; margin-left : 10px; }
.tag_anch  a:hover { font-weight : bold; text-decoration : underline; }
.tag_anch .cloud1 { color: #e06900; }
.tag_anch .cloud2 { color: #f5a915; }
.tag_anch .cloud3 { color: #328ab9; }
.tag_anch .cloud4 { color: #8acf11; }
.tag_anch .cloud5 { color: #6e6e6e; }

/* 캘린더 속성 Calendar Style */
#lmn_cal { width : 200px; text-align :center; margin-bottom : 10px; }
#cal { width : 180px; margin : 0px auto; }
#arch_btn { width : 180px; text-align : right; font-family : 소야논8; font-size : 8pt; cursor : pointer; margin : 10px auto 0px; }
.cal_month { font-family : 돋움, Verdana; font-size : 10pt; font-weight : bold ; text-align : center; vertical-align : middle; }
.cal_week1 { font-size : 10pt; height : 40px; color : #99bdef; text-align : center; vertical-align : middle; }
.cal_week2 { font-size : 10pt; height : 40px; color : #ff7e0f; text-align : center; vertical-align : middle; }
.cal_week { color : #888888; text-align : center; vertical-align : middle; }
.cal_current_week { background-color : #f8f8f8; }
.cal_day { font-size : 10pt; text-align : center; vertical-align : middle; color : #888888; }
.cal_day_sunday { color : #ff7e0f !important; }
.cal_day_sunday a { color : #ff7e0f !important; }
.cal_day1 { color : #dddddd;}
.cal_day2 { color : #dddddd;}
.cal_day3 { color : #888888; } 
.cal_day4 { font-weight : bold; }
a.cal_click:link { color : #888888; text-decoration : underline; }
a.cal_click:visited { color : #888888; text-decoration : underline; }
a.cal_click:hover { color : #888888; font-weight : bold; text-decoration : underline; }

/* 아카이브 속성 Achaive style */
#lmn_arch { width : 200px; text-align : center; margin-bottom : 10px;}
#arch { width : 180px; text-align : center; margin : 0px auto;}
.arch_lst { width : 180px; text-align : left;}

/******************* 가운데 컨텐츠가 들어가는 부분이에요 *******************/
/*공통 속성 Common Style */
.lst_date { margin-right : 20px; }
.lst_cnt { font-family : 소야논8; font-size : 8pt; margin-left : 5px; }
.arrow { width : 9px; height : 10px; margin-left : 5px; }
.cont_ttl { width : 600px; padding-left : 5px; font-weight : bold; color : #99bdef; text-align : left; vertical-align : middle; }
.cont_art_ttl { width : 360px; margin-left : 5px; font-weight : bold; color : #99bdef; float : left; text-align : left; vertical-align : bottom; }
.cont_art_date { width : 200px; margin-right : 10px; font-family : 소야논8; font-size : 8pt; text-align : right; vertical-align : bottom; }
.rp_arr { width : 9px; height : 10px; }
.rep { width : 10px; height : 9px; vertical-align : middle;}
.mod { width : 9px; height : 9px; vertical-align : middle; }
.add { width : 9px; height : 9px; vertical-align : middle; }

/* 커버 속성 Cover Style */
#cont_cover { width : 600px; margin-bottom : 10px; }
#cover_cont { width : 580px; text-align : center; margin : 0px auto;}

/* 포스트 검색 결과 리스트 속성 Post Search Result Style */
#cont_srl { width : 600px; text-align : center; margin-bottom : 10px; }
#post_lst { width : 580px; text-align : left; margin : 0px auto; }

/* 댓글 검색 결과 리스트 속성 Post Search Result Style */
#cont_rpsrl { width : 600px; text-align : center ; margin-bottom : 10px; }
#rep_lst {width : 580px; text-align : left; margin : 0px auto; }

/* 트랙백 검색 결과 리스트 속성 TrackBack Search Result Style */
#cont_tbsrl { width : 600px; text-align : center; margin-bottom : 10px; }
#tb_lst { width : 580px; text-align : left; margin : 0px auto; }
#tb_body { width : 540px; text-align : left; margin : 0px auto; }

/* 위치 로그 속성 Local Log Style */
#cont_lclog { width : 600px; text-align : center; margin-bottom : 10px; }
#lc_log { width : 580px; text-align : left; margin : 0px auto; }
.local_1 { width : 560px; margin-left : 10px; margin-top : 7px; }
.local_2 { width : 540px; margin-left : 30px; margin-top : 7px; }

/* 태그 로그 속성 Tag Log Style */
#cont_tglog { width : 600px; text-align : center; margin-bottom : 10px; }
#tglog { width : 580px; text-align : left ; margin : 0px auto; }

/* 키로그 속성 Key Log Style */
#cont_keylog { width : 600px; text-align : center; margin-bottom : 10px; }
#keylog { width : 580px; text-align : left; margin : 0px auto; }

/*방명록 속성 Guest borad Style */
#cont_guest { width : 600px; text-align : center; margin-bottom : 10px; }
#glst{ width : 560px; text-align : left; margin : 10px auto 0px; padding : 10px; background : #f8f8f8; }
#gue_desc { width : 100%; text-align : left; }
#grp_icon { width : 9px; text-align :right; vertical-align : top; margin : 10px 0px; padding : 10px 0px; float : left; }
#gue_rp { width : 530px; text-align : left; margin : 10px 0px ; padding : 10px 0px 10px 10px; float : right;}
#gue_rp_desc { width : 100%; text-align : left; }
.guest_info { width : 560px; text-align : left; margin : 0px auto 10px ; padding : 0px 10px; }
.guest_lbl { vertical-align : middle; }
.guest_write {width : 560px; text-align : left; margin : 0px auto; padding : 0px 5px; }
.gue_input_name { width : 100px; height : 18px; vertical-align : middle; margin-left : 5px; }
.gue_input_pwd { width : 100px; height : 18px; vertical-align : middle; margin-left : 5px; }
.gue_input_homepy { width : 300px; height : 18px; vertical-align : middle; margin-left : 5px; padding : 0px; }
.gue_txtarea { width : 487px; height : 86px; float : left;}
.guest_wbtn { width : 57px; height : 86px; vertical-align : middle; margin-left : 10px; float : left;}
.gue_name { width : 260px; height : 16px; text-align : left; vertical-align : bottom; float : left}
.gue_date { width : 200px; height : 16px; text-align : right; vertical-align : bottom; font-family : 소야논8; font-size : 8pt; float : left; }
.gue_mn { width : 75px; height : 16px; text-align : right; vertical-align : bottom; }
.grp_name { width : 260px; height : 16px; text-align : left; vertical-align : bottom; float : left; }
.grp_date { width : 200px; height : 16px; text-align : right; vertical-align : bottom; font-family : 소야논8; font-size : 8pt; float : left; }
.grp_mn { width : 50px; height : 16px; text-align : right; vertical-align : bottom; }

/* 키워드글 속성 */
#cont_key_rep { width : 600px; text-align : center; margin-bottom : 10px; }
#keylog_desc { width : 580px; text-align : left; margin : 0px auto; }

/* 공지 사항 속성 Notice Style */
#cont_notice { width : 600px; text-align : center; margin-bottom : 10px; }
#notice_desc { width : 580px; text-align : left ; margin : 0px auto; }

/* 비밀글 속성 Protected Article Style */
#cont_prot_art { width : 600px; text-align : center; margin-bottom : 10px; }
#prot_art_desc { width : 580px; text-align : left; margin : 0px auto; }
.pwd_lbl { vertical-align : middle; }
.inp_pwd { width: 220px; height : 19px; border:1px #c1c5cc solid ; vertical-align : middle; }
.pwd_submit { width : 50px; height : 19px; vertical-align : middle; margin-left : 5px; background-color : white; border : 1px #888888 solid; }

/* 본문글 속성 Article Style */
#cont_art { width : 600px; text-align : center; margin-bottom : 10px; }
#art_admin { width : 580px; text-align : right; margin : 5px auto; font-family : 소야논8; font-size : 8pt; }
#art_desc { width : 580px; text-align : left; margin : 10px auto; }
#art_tag { width : 550px; text-align : left; vertical-align : middle; float : left; margin-left : 10px;}
#go_top { width : 15px; text-align : right; vertical-align : middle;  margin-right : 10px; }
#act_trail { width : 580px; text-align : left; margin : 0px auto;}
#tb { width : 580px; text-align :left; margin : 10px auto 2px; background : #f8f8f8; }
#rp { width : 580px; text-align :left; margin : 2px auto 2px; background : #f8f8f8; }
#rp_2 { width : 570px; text-align :left; margin : 5px auto 2px; background : #f8f8f8; padding : 5px; float : right;}
#rp2_icon { width : 9px; text-align :right; vertical-align : top; padding-top : 5px; float : left; }
#rp_input { width : 580px; text-align : left; margin : 10px auto; padding : 10px; } 
.cont_art_ct { width : 360px; margin-left : 10px; font-family : 소야논8; font-size : 8pt; float : left; text-align : left; vertical-align : bottom; }
.tag_icon { width : 14px; height : 14px; vertical-align : middle;  }
.top_icon { width : 14px; height : 14px; vertical-align : middle; }
.tb_desc { width : 570px; padding : 5px; font-family : 소야논8; font-size : 8pt; text-align : left; }
.tb_subject { width : 560px; }
.tb_source { width : 400px;  vertical-align : middle; float : left; }
.tb_date { width : 140px; text-align : right; vertical-align : middle; float :left; }
.tb_sub { width : 550px; text-align : left; margin-top : 5px; }
.tb_del { width : 12px; height : 12px; vertical-align : middle; margin-left : 3px; }
.rp_desc { width : 580px; padding : 5px; text-align : left; border-bottom : 1px #888888 dotted; }
.rp_name { width : 300px; text-align : left; font-weight : bold; vertical-align : middle; float : left; }
.rp_date { width : 200px; text-align : right; float : left; }
.rp_mn { width : 60px; text-align : right; vertical-align : middle;}
.rp_sub { width : 570px; text-align : left; margin-top : 5px; }
.rp2_desc { width : 545px; padding : 5px; text-align : left; }
.rp2_name { width : 295px; text-align : left; font-weight : bold; float : left; }
.rp2_date { width : 200px; text-align : right; float : left; }
.rp2_mn { width : 35px; text-align : right; vertical-align : middle; margin-left : 5px; }
.rp2_sub { width : 535px; text-align : left; margin-top : 5px; }
.rp_gue_name { width : 100px; height : 19px; vertical-align : middle; margin-left : 5px; }
.rp_gue_pwd { width : 100px; height : 19px; vertical-align : middle; margin-left : 5px; }
.rp_gue_hompy { width : 300px; height : 19px; vertical-align : middle; margin-left : 5px; }
.chkbox { vertical-align : middle; }
.rp_write {width : 560px; text-align : left; margin : 5px 0px;}
.rp_txtarea { width : 490px; height : 86px; float : left; }
.rp_wbtn { width : 57px; height : 86px; float : right; }
.spellchk { width : 560px; text-align : left; }
.pl_blog_icon { margin-right : 5px; float : left; }

/* 페이징 속성 Paging domain style */
#cont_paging { width : 600px; text-align : center; margin-bottom : 10px; }
.no-more-prev { color : #eee }
.no-more-next { color : #eee }


/*에러페이지 Error Page Style */
#err_page { width  : 600px; text-align : center; margin-bottom : 10px; }

/* 크리에이티브 커먼즈 라이센스 속성 Creative Commons Lisence Style */
#cont_lisence { width : 600px; text-align : center; margin-bottom : 10px; }
.cc { width : 88px; height : 31px; vertical-align : middle; float : left; margin : 0px 10px;}
.cc_desc { width : 450px; text-align : left; vertical-align : middle; float : right; margin-right : 10px; }


/******************* 오른쪽 당 메뉴 부분입니다 *******************/

/* 검색 바 속성 Search Bar Style */
#mn_search { width : 200px; text-align : center; margin-bottom : 10px; }
.mn_srch_input { width : 140px; height : 19px; vertical-align : middle; }
.srch_submit { width : 35px; height : 19px; vertical-align : middle; margin-left : 2px; background-color : white; border : 1px #888888 solid; }

/* 최근 공지 표시 부분 Recent Notice domain style */
#mn_rc_notice { width : 200px; text-align : center; margin-bottom : 10px; }
#rc_notice { width : 180px; margin : 0px auto; text-align : left; }
.rcnotice_lst { width : 180px; text-align : left; margin : 0px auto; }

/* 최근 글 표시 부분 Recent Article domain style */
#mn_rc_art { width : 200px; text-align : center; margin-bottom : 10px; }
#rc_list { width : 180px; margin : 0px auto; text-align : left; }
.rcart_lst { width : 180px; text-align : left; margin : 0px auto; }

/* 최근 덧글 표시부분 Recent Reply domain Style */
#mn_rc_rp { width : 200px; text-align : center; margin-bottom : 10px; }
#rp_list { width : 180px; margin : 0px auto; text-align : left; }
.rcrp_desc { width : 180px; text-align : left; margin : 0px auto; }
.rcrp_author { width : 180px; text-align : right; margin : 0px auto; font-family : 소야논8; font-size : 8pt; }

/* 최근 트랙백 표시 부분 Recent Trackback domain Style */
#mn_rc_tb { width : 200px; text-align : center; margin-bottom : 10px; }
#tb_list { width : 180px; margin : 0px auto; text-align : left; }
.rctb_desc { width : 180px; text-align : left; margin : 0px auto; }
.rctb_name { width : 180px; text-align : right; margin : 0px auto; font-family : 소야논8; font-size : 8pt; }

/* 링크 표시 부분 Link domain Style */
#mn_link { width : 200px; text-align : center; margin-bottom : 10px; }
#link_list { width : 180px; margin : 0px auto; text-align : left; }
.ln_rep { width : 180px; margin : 0px auto; text-align : left; }

/* 카운터, 제작자 속성 Counter, Maker Sytle */
#mn_count { width : 200px; text-align : center; margin-bottom : 10px; }
#mn_maker { width : 200px; text-align : center; margin-bottom : 10px; }
#counter { width : 180px; text-align : center; margin : 0px auto; font-family : 소야논8; font-size : 8pt; }
#maker { width : 180px; text-align : center; margin : 0px auto; font-family : 소야논8; font-size : 8pt; }
.section { width : 75px; text-align : left; float : left; }
.data { width : 100px; text-align : right; }

/* RSS, E-mail 속성 */
#btm_mn { width : 200px; text-align : center; font-family : 소야논8; font-size : 8pt; }
#rss { width : 98px; height : 20px; text-align : left; float : left;  vertical-align : middle; }
#email { width : 98px; height : 20px; text-align : left; float : left;  vertical-align : middle; }
.icon_16 { width : 16px; height : 16px; vertical-align : middle; margin-right : 5px;}

/* more less 속성 */
.moreless_fold { background:url(./image/i_more.gif) left 33% no-repeat; padding-left:20px; color:#000000; } 
.moreless_top { background:url(./image/i_less.gif) left 33% no-repeat; padding-left:20px; color:#000000; } 
.moreless_content { padding:10px; color:#888888; } 
.moreless_bottom { background:url(./image/i_less.gif) right 33% no-repeat; padding-right:20px; color:#000000;text-align:right }