@charset "utf-8";

/* Tag Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {  margin:0; padding:0; } 
/*table { border-collapse:collapse; border-spacing:0; } */
fieldset,img {  border:0; } 
address,caption,cite,code,dfn,em,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption { text-align:left; }  
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }

/* Font Style */
body,input,textarea,select,option { font-size:12px; font-family:Dotum,돋움,AppleGothic,애플고딕,"Malgun Gothic","맑은 고딕","Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Sans-Serif; color:#7d7d7d; }
body { line-height:1.3em; }

/* Global Class */
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }
.tlink { color:#369; cursor:pointer;}
.tlink:hover { color:#f80; 	}
.none { display:none; }
.form_text { height:12px; border-bottom:#d8d8d8 1px solid; border-left:#a7a7a7 1px solid; border-right:#d8d8d8 1px solid; border-top:#a7a7a7 1px solid; padding:2px 4px; background:#fbfbfb; line-height:1; }
.btn { display:block; float:left; width:100px; height:23px; padding:3px; 
	text-decoration:none; color:#000;
	text-align:center;line-height:23px; 
	background:url(/images/btn/bg_btn.gif) no-repeat; }
.btn .form_submit { vertical-align:top; }	


#popup { position:relative; padding:0 10px; background:#fff url(/images/bg/popup_bg.gif) left top repeat-x;}
h1 { height:30px; margin-bottom:11px; padding-left:19px;  font-weight:normal; color:#000; font-size:12px; line-height:39px; background:url(/images/ico_memo.gif) 0px  11px  no-repeat; }
h2.title { padding-left:15px; margin-bottom:10px; border-bottom:2px solid #7e9ac7; background:url(/images/icon/icon_circle1.gif) no-repeat 0 5px; line-height:20px; color:#547ab7; font-weight:bold; }
h2.mypage { position:absolute; right:10px; top:7px; background:#FFFFD2; padding:2px 4px; color:#000; font-weight:bold;}


.iframe { border:1px solid #d6d6d6; padding:10px; margin-bottom:15px; }
.close { position:absolute; top:9px; right:8px; }
.no_image { background:none !important; }

.table_popup { width:100%; border-top:1px solid #d6d6d6; margin-bottom:15px; }
.table_popup tr { }
.table_popup th, 
.table_popup td { border-bottom:1px solid #d6d6d6; line-height:22px; padding:2px 0; }
.table_popup td img { vertical-align:middle; }
.table_popup th { color:#555; font-weight:bold; text-align:right; }
.table_popup td { padding:2px 10px; background:url(/images/icon/icon_bar1.gif) no-repeat 4px 50%; }
.table_popup td img { margin-left:4px; }

.btn { height:22px; margin-bottom:13px; }
.btn .left { float:left; }
.btn .right { float:right; }

/* table */
.table_type1 { width:100%; padding:0; margin-bottom:15px; background:url(/images/table/bg_heading1.gif) repeat-x 0 1px; font-size:11px; }
.table_type1 caption { display:none; }
.table_type1 thead { }
.table_type1 tbody tr { background:#f9f9f9; }
.table_type1 tbody tr.odd { background:#fff; }
.table_type1 tbody tr:hover,
.table_type1 tbody tr.over { background:#e0e8f5; }
.table_type1 th, 
.table_type1 td { padding:4px 3px; line-height:20px; border-bottom:1px solid #d9d9d9; text-align:center; background:none; }
.table_type1 th { padding:5px 3px; font-weight:normal; border-top:1px solid #bfbfbf; border-bottom:1px solid #bfbfbf; background:url(/images/table/icon1.gif) no-repeat right 8px; font-weight:bold; line-height:20px; }
.table_type1 thead th:last-child,
.table_type1 thead th.last-child { background:none; }
.table_type1.text_left td { text-align:left; }

/* search */
#search { position:relative; min-height:1%; margin-bottom:15px; padding:5px 0 3px; border:1px solid #b8b8b8; background:#f2f2f2 url(/images/search/bg_search.gif) repeat-x center; font-size:11px; }
#search h3 { display:none; }
#search form { padding-left:5px; padding-right:85px; }
#search .round { position:absolute; width:4px; height:4px; background-image:url(/images/search/round.gif); background-repeat:no-repeat; font-size:0; }
#search .round.lt { top:-1px; left:-1px; background-position:left top; }
#search .round.rt { top:-1px; right:-1px; background-position:right top; }
#search .round.lb { bottom:-1px; left:-1px; background-position:left bottom; }
#search .round.rb { bottom:-1px; right:-1px; background-position:right bottom; }
.table_search { width:100%; color:#6c6c6c; }
.table_search th { padding:0 5px; text-align:right; font-weight:bold; }
.table_search td { height:24px; padding:0 5px; line-height:24px; background:none; }
.table_search td .form_text { padding:2px; }
.table_search td label { margin-right:5px; }


/* Help */
fieldset.help { border:1px solid #ccc; margin:10px 0px; clear:left;  }
fieldset.help legend { margin:5px; padding:0px 5px; font-weight:bold;}
fieldset.help p { padding:10px; }

/*Editor*/

div.edit_module {	
background:#369;
padding:0 10px;
color:#fff; height:25px; line-height:23px; 	border-right:1px solid #369;
}
div.edit_toolbar {
background:url(/item/icon/bg.gif);
position:relative;
display:block;
height:25px;
clear:left;
border-right:1px solid #d5d5d5;
}
div.edit_toolbar select { display:block; float:left;border:1px solid #ddd; padding:0px; margin:0px;}
div.edit_toolbar img { display:block; float:left; }
div.ruller { background:url(/item/ruller.gif) no-repeat; position:relative; height:15px; overflow:hidden; border-right:1px solid #d5d5d5;
} 
iframe#dhtmlframe {border:1px solid #ccc; }


/* Tab */ 
.tab { position:relative; width:100%; top:-2px; margin-bottom:20px; height:27px; border-bottom:2px solid #555;  }
.tab li { z-index:10; position:relative; left:1px; top:2px; height:27px; float:left; margin-left:-1px; }
.tab li a { float:left; height:27px; margin-left:15px; background-image:url(/images/layout/tab_bg.gif); background-repeat:no-repeat; background-position:right 0; color:#a1a1a1; text-decoration:none; }
.tab li a:hover { text-decoration:none; color:#a1a1a1; }
.tab li a span { float:left; overflow:hidden; position:relative; left:-15px; height:27px; padding-left:15px; line-height:28px; background-image:url(/images/layout/tab_bg.gif); background-repeat:no-repeat; cursor:pointer; }
.tab li.sele2 { z-index:20; }
.tab li.sele2 a { background-position:right -27px; font-weight:bold; color:#555; }
.tab li.sele2 a span { background-position:0 -27px; }
.tab li.sele2 a:hover { color:#555; }

/* 페이지이동 */
div.paginator { position:relative; height:22px; margin:0 auto -22px; text-align:center; font-weight:bold; font-size:11px; }
div.paginator a { position:relative; top:4px; padding:5px 7px 3px; border:1px solid #dcdcdc; margin:0px; color:#aaa; text-decoration:none; }
div.paginator a:hover,
div.paginator a:focus { padding:4px 6px 2px; border:2px solid #8e8e8e; color:#333; text-decoration:none; }
div.paginator a:active { padding:4px 6px 2px; border:2px solid #8e8e8e; color:#333; text-decoration:none; }
div.paginator .selected { padding:5px 7px 3px; background:#d7e7d3; border:1px solid #8e8e8e; color:#333; font-weight:bold; }


/* Button  */
.btn1 { display:inline-block; position:relative; height:18px; margin-left:3px; background:url(/images/btn1.gif) no-repeat right center; text-decoration:none; vertical-align:middle; line-height:18px; }
.btn1:hover { text-decoration:none; }
.btn1 span, 
.btn1 button,  
.btn1 input { display:inline-block; overflow:visible; padding:0 3px 0 6px; position:relative; left:-3px; height:18px; border:0; background:url(/images/btn1.gif) no-repeat left center ; line-height:18px; cursor:pointer; color:#666; }
.btn1 button { line-height:20px; }
* html .btn1 button, { line-height:23px; }

.btn2 { display:inline-block; position:relative; height:22px; margin-left:3px; background:url(/images/btn2.gif) no-repeat right top; text-decoration:none; vertical-align:middle; color:#666; }
.btn2:hover { text-decoration:none; }
.btn2 span, 
.btn2 button, 
.btn2 input { display:inline-block; overflow:visible; padding:0 3px 0 6px; position:relative; left:-3px; height:22px; border:0; background:url(/images/btn2.gif) no-repeat left center; line-height:22px; cursor:pointer; color:#666; }
.btn2 input { line-height:20px; }
.btn2 button { line-height:20px; }
*:first-child+html .btn2 button { line-height:1; }


.btn3 { display:inline-block; position:relative; font-size:12px; font-weight:bold; height:22px; margin-left:3px; background:url(/images/btn3.gif) no-repeat right top; text-decoration:none; color:#fff; }
.btn3:hover { text-decoration:none; color:#333; }
.btn3 span, 
.btn3 button, 
.btn3 input { display:inline-block; overflow:hidden; height:22px; position: relative; left:-3px; margin:0; border:0; background:url(/images/btn3.gif) no-repeat; line-height:22px !important; line-height:23px; cursor:pointer; color:#fff; }
.btn3 span { padding:0 3px 0 6px; }
.btn3 button { padding:0 0 0 3px; }
.btn3 input { padding-left:3px; }

.skin1 a { text-decoration:none; color:#555; }
.skin1 table { clear:left; width:100%; margin-bottom:12px; }
.skin1 table caption { height:25px; }
.skin1 table thead th { font-weight:normal; height:30px; padding:0 5px; background:url(/images/bg/table_bg.gif) repeat-x; color:#787878; }
	.skin1 table thead th.first { background:url(/images/bg/table_bg_first.gif) no-repeat; }
	.skin1 table thead th.last { background:url(/images/bg/table_bg_last.gif) no-repeat right top; }
.skin1 table tbody td { height:30px; padding:0 5px; text-align:center; }
.skin1 table tbody td.title { text-align:left; white-space:normal;  }
.skin1 table tbody td a.sele { font-weight:bold !important; }
.skin1 table tbody td p { background:#f3f3f3; padding:5px; margin:5px;  }
.skin1 table tbody tr { background:url(/images/bg/table_bg_line.gif) bottom repeat-x; }
.hilite1 { font-weight:bold; background-color:#ff0; }
.skin1 table tbody td.numbers  { font-family:tahoma; font-size:10px; }
.skin1 table tbody td.user_function  { font-family:돋움; font-size:12px; font-weight:bold; }
.skin1 table tbody td strong { color:#f5550d; font-weight:bold; }
.skin1 table tbody td em { font-family:tahoma; padding-left:2px; color:#f50; position:relative; font-weight:bold; font-size:9px; }
.skin1 table tbody td em.noread { color:#c00 !important; }
.skin1 table tbody td em.black { color:#000 !important; }

/*Message*/
div.msg { clear:left; padding:10px 4px;  }

/*로그인박스*/
#loginBox { border:1px solid;padding:10px; background:#f8f8f8; border:1px solid #ddd; }
#loginBox dl { padding:5px; clear:left;}
#loginBox dt { clear:left; float:left; width:80px; padding:3px; }
#loginBox dd { float:left; padding:3px; }

ul.login_text { padding:10px; }
ul.login_text li { display:inline; }
ul.login_text a { color:#787878; text-decoration:none; border:1px solid #ddd; padding:3px; background:#fff;  }
ul.login_text a:hover { background:#aaa; color:#fff; }

/*신고하기*/
.reasontxt { display:none; height:50px;width:260px;}

/*일반 HTML 목록*/
div.raw { padding:20px; line-height:1.5em; }
div.raw ol { padding:8px; margin-left:30px; }
div.raw ol li { list-style-type:decimal; }
div.raw h3 { font-family:Gulim; font-size:14px; letter-spacing:-0.1em; color:#000; padding:5px 0; margin:10px 0; border-bottom:1px solid #aaa; }
div.raw h4 { margin-top:10px; padding-left:10px; font-weight:bold; }
div.raw p  { padding-left:20px; }


/*Profile Function*/
.user_function {cursor:pointer; }

/*Layer*/
#Layer { position:absolute; z-Index:100; display:none; color:#555;}
#Layer a { color:#555; }
#Layer.user { background:#f3f3f3 url('/images/layout/Lay_bottom.gif') bottom no-repeat;  width:125px;}
#Layer.user ul {  list-style-type:none; width:125px; background:url('/images/layout/Lay_bg_top.gif') no-repeat; padding-top:8px; padding-bottom:23px; }
#Layer.user li { padding:5px; cursor:pointer;  background:url('/images/layout/Lay_bg.gif'); line-height:1.4em;}
#Layer.user li a { padding-left:30px; background:url('/images/icon/icons.gif') no-repeat; }
d-position: 10px -15px; }
#Layer.user li a.searchs { background-position: 10px -29px; }
#Layer.user li a.guestbook { background-position: 10px -43px; }
#Layer.user li a.memo { background-position: 10px -57px; }