@charset "utf-8";
/* CSS Document */

#boardSkin { width:100%;}
#boardSkin input { vertical-align:middle;}
#boardSkin select { background:#ffffff; border:1px solid #e0e0e0; padding:2px; vertical-align:middle; }
/*#boardSkin .textForm { background:#ffffff; border:1px solid #e0e0e0; padding:3px; height:13px;}*/
#boardSkin .textForm { background:#ffffff; border:1px solid #e0e0e0; padding:3px;}
#boardSkin .textForm2 { background:#ffffff; border:1px solid #e0e0e0; padding:3px;}
#boardSkin .middleCon { vertical-align:middle;}
#boardSkin a { color:#333333; }
#boardSkin a:hover { color:#713bc4; text-decoration:underline;}
#boardSkin .clr { clear:both;}

#boardSkin #tabArea { height:32px; background:url(../images/tab_bg.gif) repeat-x top left; margin-bottom:15px;}
#boardSkin #tabArea ul { float:left; }
#boardSkin #tabArea ul li { float:left; display:inline-block; .display:inline; zoom:1;}

/*################################# write #################################*/

#boardSkin .agreeBox { background:#f8f8f8; border:1px solid #dddddd; padding:20px;}
#boardSkin .agreeBox .agreeText { }
#boardSkin .agreeBox p { text-align:center; padding-top:15px; font-size:9pt;}
#boardSkin .agreeBox p .smallT { font-size:11px; color:#999;}
#boardSkin .agreeBox table { width:100%; border-top:2px solid #000; background:#FFF;}
#boardSkin .agreeBox table th, 
#boardSkin .agreeBox table td { border:1px solid #d4dadd; padding:10px; font-size:9pt; text-align:center;}
#boardSkin .agreeBox table th { color:#000; background:#ececec;}

#boardSkin #reservationArea { padding:15px 0; border-bottom:1px solid #dddddd;}
#boardSkin #reservationArea .calendarWrap { float:left; width:440px;}
#boardSkin #reservationArea .writeWrap { float:left; width:440px;}

#boardSkin #reservationArea .calendarWrap .headBox { width:100%; background:#f7f7f7; border:1px solid #dddddd; height:43px;}
#boardSkin #reservationArea .calendarWrap .headBox .wrap { text-align:center;}
#boardSkin #reservationArea .calendarWrap .headBox .wrap span.month { line-height:43px; color:#ff685f; font-weight:500; font-size:14px; display:inline-block; .display:inline; zoom:1; padding:0 12px;}
#boardSkin #reservationArea .calendarWrap .headBox .wrap img { vertical-align:middle;}
#boardSkin #reservationArea .calendarWrap #calendar { width:100%; border:1px solid #dddddd; margin-top:10px; border-collapse: collapse;}
#boardSkin #reservationArea .calendarWrap #calendar thead th { padding:7px 0; color:#999999; font-size:11px; background:#f7f7f7; border:1px solid #dddddd;}
#boardSkin #reservationArea .calendarWrap #calendar tbody td { height:35px; padding:7px; text-align:center; color:#333333; font-weight:500; border:1px solid #dddddd; position:relative; vertical-align:top;}
#boardSkin #reservationArea .calendarWrap #calendar .todayOn { background:#ecf7fa; color:#ff685f;}
#boardSkin #reservationArea .calendarWrap .calendarText { font-size:11px; color:#888888; line-height:25px;}
#boardSkin #reservationArea .calendarWrap .calendarText strong { color:#ff0000; font-weight:500;}

#boardSkin #reservationArea .writeWrap .headBox { width:95%; float:right; text-align:left; background:#f7f7f7; border:1px solid #dddddd; height:43px; color:#000000; font-weight:500; line-height:43px;}
#boardSkin #reservationArea .writeWrap .headBox input { color:#e0302c; font-weight:500;}
#boardSkin #reservationArea .writeWrap .headBox th { font-weight:500; color:#000000; text-align:left; padding-left:15px; line-height:43px;}
#boardSkin #reservationArea .writeWrap #formList { width:95%; float:right; text-align:left; margin-top:12px;}
#boardSkin #reservationArea .writeWrap #formList th { color:#000000; text-align:left; font-weight:normal;}
#boardSkin #reservationArea .writeWrap #formList th.on { color:#ff685f;}
#boardSkin #reservationArea .writeWrap #formList th,
#boardSkin #reservationArea .writeWrap #formList td { padding:4px 0 4px 15px;}
#boardSkin #reservationArea .writeWrap #formList td .smallText { font-size:11px; color:#999999; letter-spacing:-1px; padding-top:3px;}

#boardSkin .check_img { background:#f8f8f8; margin-top:15px; padding:10px 0 10px 0; width:100%; border:1px solid #dddddd; text-align:center;}
/*#boardSkin .check_img img { margin-left:-250px;}*/

#boardSkin #writeForm { border-top:2px solid #000000; margin-top:20px;}
#boardSkin #writeForm th,
#boardSkin #writeForm td { border-bottom:1px solid #dfdfdf; padding:7px 0; text-align:left;}
#boardSkin #writeForm th { font-size:11px; font-weight:500; color:#585858; padding-left:15px;}
#boardSkin #writeForm td .tt { color:#999; font-size:11px; letter-spacing:-1px; margin-left:10px;}

/*################################# view & modify #################################*/

#boardSkin .viewHeadBox { background:#f7f7f7; border:1px solid #dddddd; padding:10px 20px;}
#boardSkin .viewHeadBox strong { color:#000; font-weight:500;}
#boardSkin #commonList { border-top:2px solid #000000; margin-top:20px;}
#boardSkin #commonList th,
#boardSkin #commonList td { border-bottom:1px solid #dfdfdf; padding:7px 0; text-align:left;}
#boardSkin #commonList th { font-size:11px; font-weight:500; color:#585858; padding-left:15px;}
#boardSkin #commonList td.date { color:#000000; font-weight:500;}
#boardSkin #commonList td span.ing { color:#0033FF; font-weight:bold}
#boardSkin #commonList td span.end { color:#ff0000; font-weight:bold}
#boardSkin #commonList td .smallText { font-size:11px; color:#999999; letter-spacing:-1px; padding-top:3px;}
#boardSkin .btnArea3 { text-align:center; padding-top:20px;}


/*################################# password #################################*/

#boardSkin #passwordBox2 { width:700px; height:205px; background:url(/board/skin/reservation/images/password_bg.jpg) no-repeat; margin:50px auto 0 auto; position:relative;}
#boardSkin #passwordBox2 .textForm { background:#ffffff; border:1px solid #e0e0e0; padding:3px; }
#boardSkin #passwordBox2 .form { color:#333; font-weight:500; position:absolute; left:244px; top:114px;}
#boardSkin #passwordBox2 .form td { padding:3px 5px;}
#boardSkin #passwordBox2 .form .btn { text-align:left; vertical-align:bottom;}