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

/*############################################################# 기본 #############################################################*/

#boardSkin { width:100%; font-size: 13px; color: #333333;}
#boardSkin,
#boardSkin a { color:#333; font-weight:normal; text-decoration:none;}

#boardSkin input, #boardSkin textarea, #boardSkin button { outline:none; vertical-align:middle;}
/** #boardSkin input, #boardSkin input, #boardSkin textarea, #boardSkin button { -webkit-appearance:none; -moz-appearance:none; appearance:none; vertical-align:middle;} **/ <!-- 폼요소 디바이스의 디자인 초기화 -->
/** #boardSkin input, #boardSkin input, #boardSkin textarea, #boardSkin button, #boardSkin select { -webkit-border-radius:0; -moz-border-radius:0; -o-border-radius:0; border-radius:0;} **/ <!-- 둥근모서리 제거 -->

#boardSkin img { vertical-align:middle;}
#boardSkin select { background:#ffffff; border:1px solid #e0e0e0; padding:2px; vertical-align:middle; height:30px; font-size:12px;}
#boardSkin .textForm { background:#ffffff; border:1px solid #e0e0e0; padding:3px; height:30px; font-size:12px;}
#boardSkin .textForm2 { background:#ffffff; border:1px solid #e0e0e0; padding:3px; font-size:12px;}
#boardSkin textarea { background:#ffffff; border:1px solid #e0e0e0;  resize:none; font-size:12px;}
#boardSkin .clr { clear:both;}

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

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

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

#boardSkin #reservationArea { padding:15px 0; border-bottom:1px solid #dddddd;}
#boardSkin #reservationArea .calendarWrap {}
#boardSkin #reservationArea .writeWrap { margin-top:30px;}

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

#boardSkin #reservationArea .writeWrap .headBox { width:100%; text-align:left; background:#f7f7f7; border:1px solid #dddddd; height:60px; color:#000000; font-weight:bold; line-height:60px;}
#boardSkin #reservationArea .writeWrap .headBox input { color:#e0302c; font-weight:bold;}
#boardSkin #reservationArea .writeWrap .headBox th { font-weight:bold; color:#000000; text-align:left; padding-left:15px;}
#boardSkin #reservationArea .writeWrap #formList { width:100%; 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:12px; color:#999999; letter-spacing:-1px; padding-top:5px;}

#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:bold; 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; font-size:12px;}
#boardSkin .viewHeadBox strong { color:#000; font-weight:bold;}
#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-weight:bold; color:#585858; padding-left:15px;}
#boardSkin #commonList td.date { color:#000000; font-weight:bold;}
#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:12px; color:#999999; letter-spacing:-1px; padding-top:3px;}
#boardSkin .btnArea3 { text-align:center; padding-top:20px;}
#boardSkin .btnArea3 input, #boardSkin .btnArea3 img { vertical-align:top; height:25px;}


/*################################# password #################################*/
/*
#boardSkin #passwordBox2 { width:90%; margin:0 auto; 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; height:34px;}
#boardSkin #passwordBox2 .form { color:#333; font-weight:bold; position:absolute; left:50px; top:140px;}
#boardSkin #passwordBox2 .form td { padding:3px 5px;}
#boardSkin #passwordBox2 .form .btn { text-align:left; vertical-align:bottom;}
*/

#boardSkin #passwordBox2 {width:95%; max-width:350px; margin:50px auto 0 auto; padding:30px 0; position:relative; border:1px solid #dddddd; text-align:center; background:#f8f8f8;}
#boardSkin #passwordBox2 .textForm {background:#ffffff; border:1px solid #e0e0e0; padding:3px; width:130px; height:30px;}
#boardSkin #passwordBox2 .form {color:#333; font-weight:bold; margin:0 auto;}
#boardSkin #passwordBox2 .form td {padding:3px;}
#boardSkin #passwordBox2 .form .btn {height:30px; text-align:left; vertical-align:bottom;}





.btnArea3 .btn_t02 {display:inline-block; padding:0 12px; line-height:25px; border:1px solid #e4e4e4; background:#f9f9f9; cursor:pointer}