html, body{ height:100%; }
body { color:#333; }
.wrap{ width:100%; height:100%; }
.container{ width:940px; height:100%; margin:0 auto; zoom:1; }/*padding-top:30px; text-align:left; */
/* 게시판 페이징 */
.paging{ text-align:center; margin:20px 0 50px; }
.paging > a{ display:inline-block; margin:0 1px; width:27px; height:27px; line-height:27px; vertical-align:top; font-family:Verdana; font-size:13px; overflow:hidden; }
.paging > a.on{ color:#f3f3f3; background:#231f20; }
.paging > a.page span{ display:block; width:25px; height:25px; line-height:25px; text-indent:-9999px; border:1px solid #ccc; background:url('../images/common/page_arrow.png') no-repeat; }
.paging > a.page:hover{ background:#f3f3f3; }
.paging > a.page .next{ background-position:center -24px; }
.paging > a.page .next10{ background-position:center 6px; }
.paging > a.page .pro10{ background-position:center -84px; }
.paging > a.page .pro{ background-position:center -54px; }
/* 포인트충전검색 */
.pointSearch{ width:910px; padding:5px 10px 0; border-top:2px solid #06C; }
.pointSearchBox { height:24px; }
.pointSearchBox dt,
.pointSearchBox dd { float:left; text-align:center; line-height:21px; }
.pointSearchBox dt { padding:2px 0 0; font-weight:600; }
.pointSearchBox dd.calender { padding:0 5px;}
.pointSearchBox dd.Btn { padding-left:5px; }
.pointSearchBox select { margin:2px 0 0; height:21px; }
.inputText { padding-left:3px; width:70px; height:20px; line-height:20px; border:1px solid #d1d7de; }
.btn1Warp{ width:100px; margin:0 auto; padding:20px 0; }
.btn2Warp{ width:130px; margin:0 auto; padding:20px 0; }
.btn2Warp img{ cursor:pointer; }
.ml10{ margin-left:10px; }
a.searchBtn{ display:block; width:60px; height:20px; background:#FFF; overflow:hidden; }
a.searchBtn{ line-height:20px; text-align:center; color:#ff7400; font-weight:bold; border:1px solid #d1d7de; }
a.RedBtn{ display:inline-block; padding:0 5px; height:20px; background:#FFF; overflow:hidden; }
a.RedBtn{ line-height:20px; text-align:center; color:#FFF; font-weight:bold;
border:1px solid #ac110b;
background:#fb481b; /* Old browsers */
background: -moz-linear-gradient(top, #fb481b 0%, #d20f03 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb481b), color-stop(100%,#d20f03)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fb481b 0%,#d20f03 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fb481b 0%,#d20f03 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fb481b 0%,#d20f03 100%); /* IE10+ */
background: linear-gradient(to bottom, #fb481b 0%,#d20f03 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb481b', endColorstr='#d20f03',GradientType=0 ); /* IE6-9 */
}
a.detailBtn{ padding:3px 10px 0; color:#fb481b; font-weight:bold; border:1px solid #d1d7de; background:#FFF; }
a.allDelBtn{ padding:4px 15px; color:#ff669b; font-weight:bold; border:1px solid #d1d7de; background:#FFF; }
.borderWarp{ margin-top:5px; width:940px; border:1px solid #b0b0b0; border-top:0 none; }
.borderTable{ width:100%; font-size:12px; }
.borderTable th{ height:35px; line-height:35px; text-align:center; font-weight:600; border-right:1px solid #6fa2dd; background:url('../images/member/table_header.png') repeat-x; }
.borderTable th.last{ border-right:0 none; }
.borderTable td{ height:24px; padding:2px 2px 0; text-align:center; line-height:24px; border-right:1px solid #bdbebd; border-bottom:1px solid #bdbebd; }
.borderTable td select{ width:50px; height:20px; vertical-align:top; }
.borderTable td img{ vertical-align:top; margin:1px 0 0 3px; }
.borderTable td textarea { width:95%; border:1px solid #bdbebd;}
.borderTable td.cost{ text-align:right; padding-right:3px; }
.borderTable td.carried{ background:#FFC; }
.borderTable td.last{ border-right:0 none; }
.borderTable td.bottom{ border-bottom:0 none; font-weight:600; background:#f5f6f6; }
.borderTable td p{ padding-top:2px; line-height:12px; }
.borderTable td input[type=text]{ padding:0 2px; width:85px; height:20px; line-height:20px; text-align:center; border:1px solid #d1d7de; }
.borderTable th.top{ height:17px; padding-top:3px; line-height:12px; background:url('../images/member/table_header_short.png') repeat-x; }
.borderTable th.bottom{ height:18px; padding-top:3px; line-height:12px; overflow:hidden; }
.borderTable tfoot th { border-bottom:1px solid #6fa2dd; border-right:1px solid #bdbebd; background:#95c4eb; }
.borderTable tfoot .bottom { height:29px; line-height:29px; border-bottom:0 none; }
.borderTable tfoot td.bottom { background:none; }
/*포인트 월별집계*/
.monthWarp{ margin:5px; width:390px; border-left:1px solid #b0b0b0; border-right:1px solid #b0b0b0; }
.monthTable{ width:100%; font-size:12px; }
.monthTable th{ height:30px; line-height:30px; text-align:center; font-weight:600; border-right:1px solid #6fa2dd; background:url('./images/member/table_header.png') repeat-x; }
.monthTable th.last{ border-right:0 none; }
.monthTable td{ height:17px; padding:3px 5px 0; text-align:right; line-height:17px; border-right:1px solid #bdbebd; border-bottom:1px solid #bdbebd; }
.monthTable td.date{ text-align:center; font-weight:bold; }
.monthTable td.last{ border-right:0 none; }
/* Mac인증번호추가 */
.wrap h2{ margin:5px; height:24px; line-height:27px; font-size:13px; text-align:center; font-weight:bold; border:1px solid #9faebd; background:#dbe2e9; }
.columnWarp{ margin:0 auto; width:340px; border:1px solid #9faebe; }
.columnTable{ width:100%; font-size:11px; }
.columnTable th.last, .columnTable td.last{ border-bottom:0 none; }
.columnTable th{ height:22px; line-height:22px; text-align:center; font-weight:600; border-bottom:1px solid #d1d7de; background:#ecf1f5; }
.columnTable td{ height:21px; padding:2px 5px; border-bottom:1px solid #d1d7de; }
.columnTable td select{ width:110px; }
.columnTable td img{ cursor:pointer; }
.columnTable td input[type=text]{ width:100px; padding:1px 3px; border:1px solid #d1d7de; }
.columnTable td input[type=text].gray{ background:#efefef; }
.columnTable td input[type=text]#bigo{ width:155px; }
.columnTable th.rightLine{ border-right:1px solid #d1d7de; }
/*담당자별 답변건수*/
.replyWrap{ margin:5px 5px 0; border:1px solid #d1d7de; border-bottom:0 none; background:#ecf1f5; }
.replyWrap dl{ width:310px; height:24px; margin:0 auto; font-size:12px; line-height:1.25; padding:5px; }
.replyWrap dl dt{ float:left; line-height:23px; font-weight:bold; }
.replyWrap dl dd{ float:left; padding-left:10px; line-height:22px; }
.replyWrap dl dd input[type=text]{ float:left; margin-right:5px; padding-left:3px; width:80px; height:20px; line-height:20px; border:1px solid #d1d7de; }
.replyWrap dl dd img{ float:left; display:block; cursor:pointer; overflow:hidden; }
.replyWrap dl dd span{ float:left; display:block; margin:0 3px; line-height:24px; overflow:hidden; }
/* 카테고리 분류등록 */
.categoryAddTitle{ width:470px; margin:0 auto; padding:15px; border-top:2px solid #06C; }
.categoryAddTitle h3 { margin-bottom:3px; font-size:14px; font-weight:600; }
.categoryAddTitle p {margin-bottom:3px; }
.categoryAddTitle p:last-child {margin-bottom:0; }
.categoryAddTitle p.gray { color:#777; }
.categoryAddTitle p.blue { color:#06C; }
.categoryAddWarp{ width:480px; margin:0 auto; border:1px solid #b0b0b0; }
.categoryAddTable{ width:100%; font-size:12px; }
.categoryAddTable th{ height:32px; line-height:32px; text-align:center; font-weight:600; border-bottom:1px solid #6fa2dd; border-right:1px solid #6fa2dd; background:url('../images/member/table_header.png') -1px repeat-x; }
.categoryAddTable td{ text-align:center; border-right:1px solid #bdbebd; border-bottom:1px solid #bdbebd; }
.categoryAddTable td input[type=text]{ padding:0 2px; height:20px; line-height:20px; text-align:center; border:1px solid #d1d7de; }
.categoryAddTable .last{ border-right:0 none; }
.categoryAddTable .bottom { border-bottom:0 none; }
.categoryAddBtn{ width:230px; margin:0 auto; padding:15px 0 0; }
.categoryAddBtn input:first-child {margin-right:3px;}
.categoryAddBtn input[type=button]{ display:block; float:left; width:110px; height:32px; font-size:12px; text-align:center; line-height:32px; font-weight:bold; letter-spacing:-1px; border:1px solid #9faebe; cursor:pointer; overflow:hidden;
background: rgb(219,226,233); /* Old browsers */
background: -moz-linear-gradient(top, rgba(219,226,233,1) 0%, rgba(209,215,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,226,233,1)), color-stop(100%,rgba(209,215,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(219,226,233,1) 0%,rgba(209,215,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(219,226,233,1) 0%,rgba(209,215,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(219,226,233,1) 0%,rgba(209,215,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(219,226,233,1) 0%,rgba(209,215,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe2e9', endColorstr='#d1d7de',GradientType=0 ); /* IE6-9 */
}
.comment { width:480px; margin:0 auto; padding:10px 0; }
input[type=button]{
display:block; width:60px; height:22px; border:1px solid #9faebe; cursor:pointer; overflow:hidden;
line-height:23px; text-align:center; font-weight:bold;
background: rgb(219,226,233); /* Old browsers */
background: -moz-linear-gradient(top, rgba(219,226,233,1) 0%, rgba(209,215,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,226,233,1)), color-stop(100%,rgba(209,215,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(219,226,233,1) 0%,rgba(209,215,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(219,226,233,1) 0%,rgba(209,215,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(219,226,233,1) 0%,rgba(209,215,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(219,226,233,1) 0%,rgba(209,215,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe2e9', endColorstr='#d1d7de',GradientType=0 ); /* IE6-9 */
}
.chartWrap{ margin:0 5px; border:1px solid #d1d7de; text-align:center; }
/* 견적서요청 */
.replyTable{ width:314px; margin:5px; font-size:12px; border-top:1px solid #9faebe; border-left:1px solid #9faebe; }
.replyTable th{ height:24px; line-height:26px; text-align:center; font-weight:600; border-right:1px solid #d1d7de; border-bottom:1px solid #d1d7de; background:#ecf1f5; }
.replyTable td{ height:19px; line-height:21px; padding:2px 5px; text-align:center; border-right:1px solid #d1d7de; border-bottom:1px solid #d1d7de; }
a.grayBtn{ display:block; width:100px; height:32px; font-size:12px; text-align:center; line-height:32px; font-weight:bold; letter-spacing:-1px; border:1px solid #9faebe; cursor:pointer; overflow:hidden;
background: rgb(219,226,233); /* Old browsers */
background: -moz-linear-gradient(top, rgba(219,226,233,1) 0%, rgba(209,215,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(219,226,233,1)), color-stop(100%,rgba(209,215,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(219,226,233,1) 0%,rgba(209,215,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(219,226,233,1) 0%,rgba(209,215,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(219,226,233,1) 0%,rgba(209,215,222,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(219,226,233,1) 0%,rgba(209,215,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbe2e9', endColorstr='#d1d7de',GradientType=0 ); /* IE6-9 */
}
/* 예외요소 */
.screen_out{ visibility:hidden; overflow:hidden; position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0;}
.black{ color:#000; font-weight:bold; }
.red{ color:#F00; font-weight:bold; }
.pink{ color:#F3C; }
.blue{ color:#06C; font-weight:bold; }
.green{ color:#006600; font-weight:bold; }
.family{ font-family:Verdana, sans-serif; }
.reply{ display:inline-block; width:15px; height:15px; background:url('../images/common/sp_rgt.png') 8px -94px no-repeat; }
.alignL{ text-align:left; }
.alignR{ text-align:right; }