@charset "utf-8"; 



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

#monthcontrol										{ position:relative; float:left;text-align:center; width: 100%; margin: 0; }
#monthcontrol .calendar_header						{ position:relative; float:left; width: 100%; text-align:center; border-collapse:collapse; background:url(../img/month_bg.gif) left top repeat-x;}  
#monthcontrol .calendar_header  .year_month			{ display: inline-block; margin: 0 auto; margin-top: 10px; }
#monthcontrol .calendar_header  .year_month span	{ height:22px; margin: 10px 10px 0 0; padding: 0; font-weight: 500; color: #ffffff; font-size: 20px; letter-spacing: 0.5px; word-spacing: -5px; }

#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: right; 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: 100%; padding: 0; margin: 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 th{  padding-top: 0px; font-weight: bold; color: #ffffff; font-size: 100%; letter-spacing: 0; }
#calendar .calendar_box thead .hiddenedge			{ border:0; background:none;}
#calendar .calendar_box thead .sundaybg				{ height:45px; background:url(../img/day_bg01.gif) left top repeat-x; text-align:center; }
#calendar .calendar_box thead .weekdaysbg			{ height:45px; background:url(../img/day_bg02.gif) left top repeat-x; text-align:center; }
#calendar .calendar_box thead .saturdaybg			{ height:45px; background:url(../img/day_bg03.gif) left top repeat-x; text-align:center; }

#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:top;}
#calendar .calendar_box tbody .festivalbg			{ background-color:#f6f6f6}
#calendar .calendar_box tbody .festival				{ width: 100%; margin: 10px 1% 0 1%; line-height: 13pt; font-size: 65%; letter-spacing: -1px; text-align: left; font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; }
#calendar .calendar_box tbody .festival li			{ position:relative; width:85%; padding:0 0 0 10px; /*background:url(../img/text_bullet.gif) 4px 8px no-repeat;*/ }
#calendar .calendar_box tbody .festival li a:hover{ color: #3e76e2; }
#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: #f7f7f7; color: #000; }

#calendar .calendar_box tbody td .detailview					{ position:absolute; left:0px; top:0px; width:300px; border:2px solid #a0a0a0; background-color: #f9f9f9; 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: #3e76e2; text-align:left; font-weight: 500; }
#calendar .calendar_box tbody td .detailview dt .dtitle			{ float: left; width: 250px; height: 25px; font-size: 13px; }
#calendar .calendar_box tbody td .detailview dt .closebt		{ display:inline-block; vertical-align:middle; float:right; width: 15px; 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;}

/* //UI Object */



.calendar_writebt							{position:relative; float:left; margin: 10px 0 10px 0; border:0px solid; width: 100%; }
.calendar_writebt span:last-child{ float: right; }


@media screen and (max-width:1024px) {
	#calendar .calendar_box tbody .festival{ margin: 0 auto; width: 90%; line-height: 1.3; }
	#calendar .calendar_box tbody .festival li{ width: 80%; padding: 3px 5px; border-bottom: 1px dotted #b9b9b9; background: none; }
	#calendar .calendar_box tbody .festival li:last-child{ border-bottom: 0; }
}