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

#boardSkin {margin:0 10px; font-size:13px; color:#222222;}
#boardSkin * { margin: 0; padding: 0; border: 0;}
#boardSkin table {border-collapse: collapse;}
#boardSkin select, #boardSkin input[type="text"], #boardSkin input[type="password"],#boardSkin textarea {background:#ffffff; border:1px solid #d9d9d9; font-size:13px; color:#222222; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}
#boardSkin select {height:30px; padding:3px; vertical-align:middle; -webkit-box-sizing:border-box; box-sizing:border-box;}
#boardSkin .textForm {height:30px; padding:0 5px;}
#boardSkin .middleCon { vertical-align:middle;}
#boardSkin a { color:#222; }
#boardSkin a:hover { text-decoration:none;}
#boardSkin .clr { clear:both;}
.filebox {display:block; position:relative; height:30px; margin-right:75px !important;}
.filebox input[type="file"] {position: absolute; top:-10px; left:0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label {position:absolute; top:1px; right:-75px; width:70px; height:30px; color:#222222 !important; text-align:center; line-height:30px; border:1px solid #b5b5b5 !important; background:#f7f5f8; cursor:pointer;}
.filebox input[type="text"] {width:100%;}
#boardSkin .file_img {margin-top:5px;}


.totalCount {float:left; position:relative; top:-35px; height:0; font-size:14px; color:#222;}

#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:15px;}
#boardSkin .agreeBox .agreeText {font-size:12px;}
#boardSkin .agreeBox p { text-align:center; padding-top:10px;}
#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:7px; font-size:12px; text-align:center;}
#boardSkin .agreeBox table th { color:#000; background:#ececec;}

#boardSkin #reservationArea {padding:15px 0px;}
#boardSkin #reservationArea .calendarWrap {}
#boardSkin #reservationArea .writeWrap {}

#boardSkin #reservationArea .calendarWrap .headBox { width:100%; background:#f7f7f7; border:1px solid #dddddd; height:47px;}
#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:12px; display:inline-block; .display:inline; zoom:1; padding:3px;}
#boardSkin #reservationArea .calendarWrap .headBox .wrap img { vertical-align:middle;}
#boardSkin #reservationArea .calendarWrap img.btn {height:14px;}
#boardSkin #reservationArea .calendarWrap #calendar { width:100%; border:1px solid #dddddd; margin-top:10px; border-collapse: collapse;}
#boardSkin #reservationArea .calendarWrap #calendar thead th { padding:10px 0; color:#999999; font-size:13px; background:#f7f7f7; border:1px solid #dddddd;}
#boardSkin #reservationArea .calendarWrap #calendar tbody td { height:35px; padding:3px; 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:12px; color:#888888; line-height:25px;}
#boardSkin #reservationArea .calendarWrap .calendarText strong { color:#ff0000; font-weight:400;}

#boardSkin #reservationArea .writeWrap .headBox {text-align:left; background:#f7f7f7; border:1px solid #dddddd; height:47px; color:#000000; font-weight:500; line-height:43px;}
#boardSkin #reservationArea .writeWrap .headBox input { color:#e0302c; font-weight:500;}
#boardSkin #reservationArea .writeWrap .headBox th {font-size:13px; font-weight:500; color:#000000; text-align:left; padding-left:15px; line-height:43px;}
#boardSkin #reservationArea .writeWrap table {table-layout:fixed !important; width:100%;}
#boardSkin #reservationArea .writeWrap #formList {table-layout:fixed; text-align:left; width:100%; margin-top:12px;}
#boardSkin #reservationArea .writeWrap #formList th {line-height:30px; vertical-align:top; 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 {font-size:13px; padding:4px 0 4px 5px;}
#boardSkin #reservationArea .writeWrap #formList td .smallText {font-size:12px; color:#999999; letter-spacing:-1px; padding-top:3px;}

#catelist {margin:10px 0;}
#catelist li {position:relative; padding-left:10px; margin-bottom:5px; font-size:13px; color:#323232; line-height:20px;}
#catelist li:before {position:absolute; top:9px; left:2px; width:3px; height:3px; background:#8c8c8c; content:'';}
#catelist li b {color:#ff4a00;}

#reservationPop {display:none;}
#reservationPop:before {position:fixed; top:0; left:0; z-index:100000; width:100%; height:10000px; background:rgba(0,0,0,0.3); content:'';}
#reservationPop .box {position:absolute; top:270px; left:2%; width:96%; padding-bottom:50px; z-index:100000; background:#fff;}
#reservationPop .btn_close {position:absolute; top:15px; right:15px;}
#reservationPop .btn_close img {width:20px;}
#reservationPop h2 {border-bottom:1px solid #d5d5d5; padding:23px 0 20px 55px; font-size:16px; color:#131a2a; font-weight:bold; line-height:1.3; background:url('../images/ico_chk01.png') no-repeat 13px 23px; background-size:30px;}
#reservationPop h2 small {display:block; font-size:11px; color:#565656; font-weight:300;}
#reservationPop .chkWrap {overflow:hidden; padding-bottom:30px;}
#reservationPop .chkWrap dl {padding:30px 0 0 25px; box-sizing:border-box;}
#reservationPop .chkWrap dl.clear {clear:both;}
#reservationPop .chkWrap dt {font-size:14px; color:#131a2a; font-weight:bold;}
#reservationPop .chkWrap dd {padding-top:10px;}
#reservationPop .chkWrap input[type="checkbox"] {margin-right:8px;}
#reservationPop .chkWrap li {font-size:12px; margin-bottom:6px; color:#565656;}
#reservationPop .btnWrap {text-align:center;}
#reservationPop .btnWrap img {width:150px;}


#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 {max-width:90%;}

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

#formList td .btn_select {display:block; height:30px; padding-left:25px; border:1px solid #e0e0e0; font-size:13px; color:#222222; line-height:30px; background:url('../images/ico_chk03.png') no-repeat 7px center; background-size:12px; box-sizing:border-box;}


/*############################################################# ¹öÆ°¿µ¿ª #############################################################*/

#boardSkin .btnArea {overflow:hidden; position:relative; margin:20px 10px 0; text-align:center;}
#boardSkin .btnArea * {vertical-align:middle;}
#boardSkin .btnArea p.right {text-align:right;}
#boardSkin .btnArea p.left {text-align:left;}
#boardSkin .btnArea .btn02 {margin:0 1px !important;}
.btn01 {display:inline-block; min-width:48px; height:24px; margin:0 1px !important; font-size:12px; color:#fff !important; line-height:24px; text-align:center; background:#2c2c2c;}
.btn03 {display:inline-block; min-width:80px; height:35px; margin:0 2px !important; font-size:14px; color:#fff !important; line-height:35px; text-align:center; background:#2c2c2c;}
.btn02 {display:inline-block; width:48px; height:30px; color:#222222 !important; font-size:12px; text-align:center; line-height:28px; border:1px solid #b5b5b5 !important; background:#f7f5f8; cursor:pointer;}


#boardSkin .btnArea a {display:inline-block;}
#boardSkin .btnArea .gray01 {background:#b5b6b8 !important;}

/*################################# 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 {font-size:14px; border-bottom:1px solid #dfdfdf; padding:10px; text-align:left;}
#boardSkin #commonList th {padding-left:20px; font-size:14px; 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:500}
#boardSkin #commonList td span.end { color:#ff0000; font-weight:500}
#boardSkin #commonList td .smallText {font-size:13px; color:#999999; letter-spacing:-1px; padding-top:3px;}
#boardSkin #commonList td #catelist li {font-size:14px;}
#boardSkin .btnArea3 { text-align:center; padding-top:20px;}


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

#boardSkin #passwordBox2 {border:5px solid #dddddd; background:#FFF; padding:10px 10px 20px; text-align:center;}
#boardSkin #passwordBox2 .imgBox {display:inline-block; overflow:hidden;}
#boardSkin #passwordBox2 .imgBox img {margin-right:-3px;}
#boardSkin #passwordBox2 .textForm { background:#ffffff; border:1px solid #e0e0e0; padding:0 10px; height:35px;}
#boardSkin #passwordBox2 .form {table-layout:fixed; width:95%; max-width:320px; margin:30px auto 0; color:#333; text-align:left;}
#boardSkin #passwordBox2 .form th {font-size:13px; text-align:left;}
#boardSkin #passwordBox2 .form td {padding:3px 5px;}
#boardSkin #passwordBox2 .form .btn { text-align:left; vertical-align:bottom;}
#boardSkin #passwordBox2 .form input {width:100%; height:30px;}
#boardSkin #passwordBox2 .btn_submit {display:inline-block; min-width:48px; border:1px solid #d0d0d0; height:35px; box-sizing:border-box; color:#464646;}
#boardSkin #passwordBox2 .t1 {margin-top:5px; font-size:16px; font-weight:bold; letter-spacing:-1px;}
#boardSkin #passwordBox2 .t2 { margin-top:10px; font-size:12px; font-weight:normal; letter-spacing:-1px;}
#boardSkin #passwordBox2 .btn {}

.f_size01 {width:30%;}
.f_size02 {width:15%;}
.full {width:100% !important;}
.red {color:#c90b0b;}
input.phone {width:26%;}
select.phone {width:32%;}