@charset "utf-8";
@Import url("common.css");
@Import url("paging.css");
@Import url("boards.css");

.contents .tit_faq { background:url(../images/title/support_faq.png) top left no-repeat; }
.contents .tit_qna { background:url(../images/title/support_qna.png) top left no-repeat; }

div.tabmenu { clear:left; float:left; margin:10px 0; width:100%; height:33px; border-bottom:1px solid #cdcdcd; }
div.tabmenu ul { float:left; height:32px; border:1px solid #cdcdcd; border-bottom:none; }
div.tabmenu ul li { float:left; width:138px; height:100%; border-left:1px solid #cdcdcd; background:-moz-linear-gradient(top, #fafafa 0%, #ebebeb 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#ebebeb)); background:-webkit-linear-gradient(top, #fafafa 0%,#ebebeb 100%); background:-o-linear-gradient(top, #fafafa 0%,#ebebeb 100%); background:-ms-linear-gradient(top, #fafafa 0%,#ebebeb 100%); background: linear-gradient(top, #fafafa 0%,#ebebeb 60%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa',endColorstr='#ebebeb',GradientType=0 ); }
div.tabmenu ul li:first-child { border-left:none; }
div.tabmenu ul li.selected { background:none; border-bottom:1px solid #fff; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=0 ); }
div.tabmenu ul li a { display:inline-block; width:100%; height:100%; line-height:33px; color:#7d7d7d; text-align:center; text-decoration:none; font-weight:bold; }
div.tabmenu ul li.selected a { color:#3b9710; }
div.tabsubmenu { clear:left; float:left; width:100%; height:49px; line-height:49px; text-align:center; }
div.tabsubmenu a { color:#4b4b4b; text-decoration:none; margin:0 10px; }
div.tabsubmenu a.selected { font-weight:bold; text-decoration:underline; }

p.stats { float:left; margin:5px; width:86px; height:20px; line-height:20px; color:#ffffff; text-align:center; text-indent:0; font-size:8pt; font-weight:bold; -moz-border-radius:3px; border-radius:3px; }
p.new { background-color: #ed971c; }
p.ongoing { background-color: #3c9b35; }
p.done { background-color: #cdcdcd; }

p.rate { float:left; margin:5px; width:86px; height:20px; background:url(../images/bg/qna_rating.png) no-repeat; text-indent:9999px; }
p.rate1 { background-position:0 0; }
p.rate2 { background-position:0 -20px; }
p.rate3 { background-position:0 -40px; }
p.rate4 { background-position:0 -60px; }
p.rate5 { background-position:0 -80px; }

div.worktime { clear:left; float:left; width:100%; margin:20px 0px 0px 20px; z-index:999; }
div.worktime span { color:#3c9610 }

table.qnahead { width:728px; }
table.qnahead thead { width:726px; height:31px; margin-bottom:10px; border:1px solid #c8c8c8; }
table.qnahead thead td { height:31px; text-align:center; font-weight:bold; background-color:#f0f0f0; }
table.qnahead thead td:first-child { text-align:left; text-indent:20px; }

ul.qnalist { margin-top:10px; width:100%; border-bottom:1px solid #c8c8c8; }
ul.qnalist li { clear:left; width:100%; height:33px; border-top:1px solid #c8c8c8; }
ul.qnalist li:nth-child(even) { background-color:#f5f5f5; }
ul.qnalist li a { line-height:33px; }
ul.qnalist div { float:left; line-height:33px; text-align:center; }
ul.qnalist div:first-child { text-align:left; font-weight:bold; text-indent:20px; color:#3b9710; }
ul.qnalist div.subject { width:426px; }
ul.qnalist div.category { width:92px; }
ul.qnalist div.datetime { width:98px; }
ul.qnalist div.status { width:95px; }

p.message { clear:left; margin-bottom:10px; height:30px; line-height:30px; font-weight:bold; color:#3b9710; text-indent:10px; }
ul.topfaq { width:100%; margin-bottom:10px; border:1px solid #c8c8c8; }
ul.topfaq li { clear:left; width:100%; min-height:33px; border-top:1px solid #c8c8c8; text-indent:10px; }
ul.topfaq li p { clear:left; max-height:150px; overflow-y:auto; border-top:1px dotted #ececec; padding:10px; background-color:#fff; }
ul.topfaq li:first-child { border-top:none; }
ul.topfaq li:nth-child(even) { background-color:#f5f5f5; }
ul.topfaq li a { line-height:33px; }

select[name=QnAType] { float:left; width:150px; height:25px; }
input[name=Title] { float:left; margin:0px 20px; width:520px; height:23px; line-height:23px; color:#969696; border:none; }
textarea[name=Question] { float:left; margin:8px 20px; width:686px; height:400px; line-height:150%; color:#969696; border:none; }
textarea[name=Question].small { height:200px; }
iframe#fileupload { width:700px; height:40px; padding:0 0 0 20px; }

table.qnadetail { width:100%; text-align:left; border-collapse:collapse; border:1px solid #d9d9d9; }
table.qnadetail td { text-indent:10px; }
table.qnadetail thead td { height:33px; background-color:#f5f5f5; }
table.qnadetail thead td.subject { text-indent:0; }
table.qnadetail thead td div { margin-top:8px; float:right; text-indent:0; }
table.qnadetail thead h1 { float:left; margin:0px; padding:0; line-height:33px; font-size:12px; font-weight:bold; color:#3b9710; }
table.qnadetail tbody th { height:33px; text-indent:10px; font-weight:bold; cursor:pointer; }
table.qnadetail tbody td.content { padding:20px; vertical-align:top; text-indent:0; }
table.qnadetail tr { border-top:1px solid #d9d9d9; }
table.qnadetail .close { background:url(../images/bg/qna_close.png) top right no-repeat; }
table.qnadetail .open { background:url(../images/bg/qna_open.png) top right no-repeat; }
table.qnadetail .question { background-color:#ebf5ea; }
table.qnadetail .answer { background-color:#eaf4f6; }

ul.reply { float:left; margin-top:20px; border:1px solid #d9d9d9; }
ul.reply>li { clear:left; float:left; padding:6px 0; width:100%; font-size:10pt; border-top:1px solid #d9d9d9; }
ul.reply>li:first-child { border-top:none; }
ul.reply>li.score { background-color:#fdf6dc; }
ul.reply>li.score p { float:left; margin:0 10px; line-height:24px; color:#3c9610; font-weight:bold; font-size:10pt; }
ul.reply li.rate div { float:left; width:100%; height:24px; line-height:24px; text-indent:0; font-weight:bold; text-align:center; }
ul.reply li.rate p { margin:20px 0 0 325px; }
ul.reply li textarea[name=content] { height:200px; }
ul.reply li div.upload { float:left; width:500px; }
ul.reply li div.upload span.info { float:left; margin:0 20px; width:100%; height:24px; line-height:24px; color:#323232; font-weight:bold; }
ul.reply li div.upload p.file { float:left; margin:0 0 8px 10px; line-height:20px; font-size:10pt; color:#969696; display:none; }
ul.reply li div.button { float:right; padding:28px 0 0 0; width:190px; }
ul.reply li .rating { float:left; }

div.rating-cancel,div.star-rating{ float:left; width:24px; height:24px; text-indent:999em; cursor:pointer; display:block; background:transparent; overflow:hidden; }
div.rating-cancel,div.rating-cancel a { background:url(../images/button/delete.gif) no-repeat 0 -16px; }
div.star-rating,div.star-rating a { background:url(../images/btn/qna_rating.png) no-repeat 0 0px; }
div.rating-cancel a,div.star-rating a { display:block; width:24px; height:100%; background-position:0 0px; border:0; }
div.star-rating-on a { background-position:0 -24px!important; }
div.star-rating-hover a { background-position:0 -24px; }
div.star-rating-readonly a { cursor:default !important; }
div.star-rating { background:transparent!important; overflow:hidden!important; }
div.rating-cancel { width:0; height:0; }