@charset "utf-8"; 



button		{ border:0; margin:0; background:none; cursor:pointer; width:35px; height:46px;}  


.iconlist																{ position:relative; float:left; width:100%; margin-bottom:10px; }
.iconlist	img														{ vertical-align:middle; margin-bottom:3px;}
.iconlist	span														{ margin-right:10px;}


#monthcontrol														{ position:relative; float:left;text-align:center;width:100%;}
#monthcontrol .calendar_header							{ position:relative; float:left; width:100%; height:45px; text-align:center; border-collapse:collapse; background:url(../img/month_bg.gif) left top repeat-x; }  
#monthcontrol .calendar_header  .year_month			{ position:relative; width:auto; display:inline-block; margin-top:11px;}  
#monthcontrol .calendar_header  .year_month span	{ height:22px; margin:10px 0 0 0; padding:0;}  

#monthcontrol .calendar_header .btn_pm				{ position:absolute; left:0; top:0; width:auto;  margin:0; padding:0; text-align:left;}
#monthcontrol .calendar_header .btn_pm a				{ float:right; width:50px;  margin:0; padding:0; text-align:center;}
#monthcontrol .calendar_header .btn_nm				{ position:absolute; right:0; top:0; width:auto;  width:70px;  margin:0; padding:0; text-align:right;}
#monthcontrol .calendar_header .btn_nm a				{ float:right; width:50px;  margin:0; padding:0; text-align:center;}


#calendar											{ position:relative; float:left; width:100%; padding:0;}

#calendar .calendar_box								{ position:relative; float:left; width:100%; border-collapse:collapse; margin:0; _margin-top:-2px; padding:0; border:1px solid #d2d2d2;}
#calendar .calendar_box caption						{ position:absolute; overflow:hidden; visibility:hidden; font-size:0; width:0; height:0; margin:0; padding:0;}

#calendar .calendar_box thead						{ height:45px;}
#calendar .calendar_box thead .hiddenedge			{ border:0; background:none;}
#calendar .calendar_box thead .sundaybg				{ margin:0; padding:0; height:45px; background:url(../img/day_bg01) left top repeat-x; text-align:center; vertical-align:top;}
#calendar .calendar_box thead .weekdaysbg			{ margin:0; padding:0; height:45px; background:url(../img/day_bg02) left top repeat-x; text-align:center; vertical-align:top;}
#calendar .calendar_box thead .saturdaybg			{ margin:0; padding:0; height:45px; background:url(../img/day_bg03) left top repeat-x; text-align:center; vertical-align:top;}

#calendar .calendar_box tbody						{ text-align:center; }
#calendar .calendar_box tbody td					{ height:100px; border:1px solid #d2d2d2; padding:10px 0; text-align:center; vertical-align:top; z-index:1;}
#calendar .calendar_box tbody td img				{ vertical-align:middle;}
#calendar .calendar_box tbody .festivalbg			{ background-color:#f6f6f6}
#calendar .calendar_box tbody .festival				{ width:85%; margin:10px auto 0 auto; line-height:13pt; font-size:11px; letter-spacing:-1px; text-align:left;}
#calendar .calendar_box tbody .festival li			{ position:relative; width:100%; margin:5px 0;/*padding:0 0 0 10px; background:url(../img/text_bullet.gif) 3px 8px no-repeat; */}
#calendar .calendar_box tbody .todaybg				{ background-color:#f4dede}
#calendar .calendar_box tbody .today				{ margin-top:20px;}

#calendar .calendar_box tbody td:hover,  
#calendar .calendar_box tbody td:active,  
#calendar .calendar_box tbody td:focus							{ background:#ddedf4;color:#000}  

#calendar .calendar_box tbody td .detailview					{ position:absolute; left:0px; top:0px; width:300px; border:2px solid #7a8900; background-color:#FFF; z-index:2; display:none;}
#calendar .calendar_box tbody td .detailview dl					{ position:relative; float:left; width:300px; padding:10px 0;}
#calendar .calendar_box tbody td .detailview dl dt				{ position:relative; float:left; width:280px; margin:0 10px; color:#7a8900; text-align:left; font-weight:bold;}
#calendar .calendar_box tbody td .detailview dt .dtitle			{ float:left; width:250px; height:25px;}
#calendar .calendar_box tbody td .detailview dt .closebt		{ display:inline-block; vertical-align:middle; float:right; width:30px; height:25px;}
#calendar .calendar_box tbody td .detailview dl dd				{ position:relative; float:left; width:280px; margin:0 10px; text-align:left; line-height:12pt;}



/* UI Object 
.form_table						{ margin:1em 0;font-size:12px;font-family:Tahoma, Geneva, sans-serif}
.form_table input,
.form_table textarea,
.form_table select,
.form_table table,
.form_table button				{ font-size:12px}
.form_table table				{ width:100%;border:0;border-top:2px solid #999}
.form_table caption				{ padding:8px 0;font-weight:bold;text-align:left}
.form_table th,
.form_table td					{ padding:8px;border:0;vertical-align:top}
.form_table th					{ color:#333}
.form_table td					{ color:#666}
.form_table thead th			{ border-bottom:1px solid #ccc;background:#f8f8f8; vertical-align:middle;}
.form_table tbody th			{ border-bottom:1px solid #ddd;background:#fafafa;text-align:left; vertical-align:middle;width:120px}
.form_table tfoot th			{ border-bottom:1px solid #ddd}
.form_table tbody td			{ border-bottom:1px solid #ddd}
.form_table tfoot td			{ border-bottom:1px solid #ddd;font-weight:bold;color:#333}
.form_table .item				{ vertical-align:middle;}
.form_table .item .i_label		{ top:6px; left:10px}
.form_table .item .i_dsc		{ margin:2px 0}
.form_table .item label			{ margin:0 10px 0 0;cursor:pointer}
.form_table .item .gtext		{ width:240px;}
.form_table .i_text1			{ position:relative; margin:2px; padding:3px 4px; border:1px solid #C9C9C9; width:100px;}
.form_table .i_text2			{ position:relative; margin:2px; padding:3px 4px; border:1px solid #C9C9C9; width:250px;}
.form_table .i_text3			{ position:relative; margin:2px; padding:3px 4px; border:1px solid #C9C9C9; width:130px;}
*/




.calendar_writebt							{position:relative; float:left; margin:30px 0 0 0; border:0px solid;}

/* view_page */
.form_view											{ position:relative; float:left; width:100%; margin-top:10px; border-top:2px solid #00A8E8; margin-bottom:10px;}
.form_view	dl										{ position:relative; float:left; width:100%;}
.form_view	dl	dt									{ height:40px; line-height:40px; border-bottom:1px solid #ccc; margin-bottom:20px;}	
.form_view	dl	dt	span							{ width:auto; margin-left:10px; font-weight:bold; display:inline-block; }
.form_view	.form_contents												{ float:right; width:50%; height:450px;}
.form_view	.form_contents	li											{ width:100%; margin-bottom:5px; display:inline-block;}
.form_view	.form_contents	li	strong								{ float:left; width:23%; font-size:13px;}
.form_view	.form_contents	li	span									{ float:right; width:75%; font-size:13px;}
.form_view	.memo															{ width:100%; display:inline-block; font-size:13px; padding-bottom:20px;}
.form_view	.memo	strong												{ width:100%; display:inline-block;}
.form_view	.form_thum																			{ float:left; width:45%; height:450px;}
.form_view	.form_thum	.thumbox	.thumimg											{ width:95%; height:300px; border:7px solid #eaeaea;}
.form_view	.form_thum	.thumbox	.thumimg	img									{ width:100%; height:300px;}
.form_view	.form_thum	.thumbox	.thumlist												{ position:relative; height:60px; overflow:hidden;}
.form_view	.form_thum	.thumbox	.thumlist	 ul	 li										{ float:left; width:27%; margin:0 5px;}
.form_view	.form_thum	.thumbox	.thumlist	 ul	 li	img								{ width:100%; height:60px;}				
.form_view	.form_thum	.thumbox	.thumlist	 .btn_prev								{ float:left; width:auto; margin-top:15px;}
.form_view	.form_thum	.thumbox	.thumlist	 .btn_next								{ position:absolute; right:0; top:15px; width:auto;}


/* write_page */
.form_write											{ position:relative; float:left; width:100%; margin-top:10px; border-top:2px solid #00A8E8;}
.form_write	ul	li									{ height:35px; border-bottom:1px solid #dfdfdf;}
.form_write	ul	li	strong						{ float:left; width:25%; height:100%; background-color:#f8f8f8; border-right:1px solid #dfdfdf; line-height:32px; font-size:13px;}
.form_write	ul	li	strong	label				{ margin-left:15px;}
.form_write	ul	li	span							{ float:right; width:72%; height:100%; font-size:13px;}
.form_write	ul	li	span	p						{ font-size:11px; margin-left:10px;display:inline;}
.form_write	ul	li	span	input					{ border:1px solid #dfdfdf; vertical-align:middle; margin-top:6px;}
.form_write	ul	li	span	select				{ vertical-align:middle; margin-top:6px;} 
.form_write	.particular							{ height:210px;}
.form_write	.filebox								{ height:200px;}
.form_write	.filebox	span						{ margin-top:10px;}
.form_write	.filebox	.txt_guide				{ width:100%; display:inline-block; margin:10px 0 0 0;}
.form_write	.filebox_del							{ height:100px;}
.form_write	.filebox_del	 .del_img			{ float:left; width:100px; margin-right:15px; text-align:center;}
.form_write	.filebox_del	 .del_img	img	{ width:100px; height:50px;  margin-bottom:5px;}
.form_write	.memo								{ height:100px;}
.form_write	.memo	textarea					{ width:90%; height:75px; font-size:12px; border:1px solid #dfdfdf;}
.form_write	.input_st1							{ width:180px; border:1px solid #dfdfdf;}


/* 버튼 */
.function1								{ position:relative; float:left; width:100%; margin:0 0 5px 0;}
.function1 .bts						{ float:left; }
.function1 .bts span				{ float:left; margin:0 5px 0 0;} 
.function1 .btn_calendar			{ float:right; width:auto;}

.function2								{ position:relative; float:left; width:100%; margin:0 0 5px 0;}
.function2 .bts						{ float:left; }
.function2 .bts span				{ float:left; margin:0 5px 0 0;} 
.function2 .btn_calendar			{ float:right; width:auto;}