@charset "utf-8"; 


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

#monthcontrol										{ position:relative; float:left; background-color:#f8f8f8; border-top:1px solid #ccc;}
#monthcontrol .calendar_header						{ position:relative; float:left; width:720px; text-align:center; border-collapse:collapse; }  
#monthcontrol .calendar_header  .year_month			{ float:left; width:580px; margin:10px 0; font-size:25px; font-weight:bold; color:#333; letter-spacing:-3px;}  
#monthcontrol .calendar_header  .year_month span	{ height:22px; margin:10px 0 0 0; padding:0; letter-spacing:-1px;}  

#monthcontrol .calendar_header .btn_pm				{ float:left; width:70px;  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				{ float:left; width:70px;  margin:0; padding:0; text-align:left;}
#monthcontrol .calendar_header .btn_nm a				{ float:left; width:50px;  margin:0; padding:0; text-align:center;}


#calendar											{ position:relative; float:left; width:720px; margin:0 0 30px 0; 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:10px 0 0 0; height:40px; background:#a40000; text-align:center; vertical-align:top; color:#fff; font-size:14px;}
#calendar .calendar_box thead .sundaybg	span{ display:block; color:#C99; font-size:10px; margin-top:3px;}
#calendar .calendar_box thead .weekdaysbg			{ margin:0; padding:10px 0 0 0; height:40px;  background:#666; text-align:center; vertical-align:top;color:#fff;font-size:14px;}
#calendar .calendar_box thead .weekdaysbg		span{ display:block; color:#ccc; font-size:10px; margin-top:3px;}
#calendar .calendar_box thead .saturdaybg			{ margin:0; padding:10px 0 0 0; height:40px;  background:#0072ad; text-align:center; vertical-align:top;color:#fff;font-size:14px;}
#calendar .calendar_box thead .saturdaybg		span{ display:block; color: #B7D6DF; font-size:10px; margin-top:3px;}

#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; font-weight:bold; letter-spacing:-2px;}
#calendar .calendar_box tbody td img				{ vertical-align:top;}
#calendar .calendar_box tbody .festivalbg			{ background-color:#f6f6f6}
#calendar .calendar_box tbody .festival				{  width:85%; margin:10px 1% 0 1%; line-height:20px; font-size:9pt; letter-spacing:-1px; text-align:left;}
#calendar .calendar_box tbody .festival li			{  position:relative; width:85%; padding:0 0 0 10px; background:url(../img/text_bullet.gif) 3px 6px no-repeat; }
#calendar .calendar_box tbody .festival li a{ line-height:18px; letter-spacing:-1px;}
#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; font-weight:100;}

.festival a{ font-weight:100; letter-spacing:0;}



/* 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;}
.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;}

/* //UI Object */


.calendar_writebt		{ margin:20px 0;text-align: center; clear:both;}
.calendar_writebt		 span		{color:#333;font-weight:bold}
.calendar_writebt		 .button *:hover,
.calendar_writebt		 .button *:active,
.calendar_writebt		  .button *:focus{ color:#0a50a7;font-weight:bold ;}


/*캘린더스타일*/
#m_calendar{ display:none;}

/* responsive web design area */
@media screen and (max-width:800px) {
	#calendar{ display:none;}
	#m_calendar{ display: block;}
	#monthcontrol { width:100%; border-bottom:1px solid #ccc; border-top:2px solid #333; margin-bottom:10px;}
	#monthcontrol .calendar_header{ width:100%;}
	#monthcontrol .calendar_header .btn_pm{ width:15%;}
	#monthcontrol .calendar_header .year_month{ width:70%}
	#monthcontrol .calendar_header .btn_nm{ width:15%;}
	#m_calendar ul{ width:100%; float:left; margin-bottom:20px;}
	#m_calendar ul li{ float:left; width:100%; border-bottom:1px solid #ccc; padding:10px;}
	#m_calendar ul li:nth-child(2n){ background:#f4faff;}
	#m_calendar ul li dl dt{ font-size:15px; color:#06C; float:left; margin-right:10px;}
	#m_calendar ul li dl dd{  float:left}

.ta_bo thead th:nth-child(3), .ta_bo td:nth-child(3), .ta_bo thead th:nth-child(5), .ta_bo td:nth-child(5){ display:none;}
}