/* 묻고답하기 로케이션 */
.top_bg .navi_step_qna {width: 250px; height: 40px; float: right;}
.navi_step_qna ul {float: right;}
.navi_step_qna li {height: 40px; float: left; line-height: 40px; padding: 0 0 0 7px;}
.navi_step_qna .cs_home_icon {width: 11px; height: 40px; background: url('/cs_center/img/home_icon_cs.png') no-repeat right center;;}

.cs_navi_text2 {font-size: 13px; color: #009ece;}

.mainbody_bg .cs_qna_bg {position: relative; width: 1003px; height: auto; margin-top: 9px; }

/* 묻고답하기 타이틀 */
.cs_qna_bg .qna_main_title {width: 1003px; height: 63px; background: url('/qna/img/qna_main_title.png') no-repeat; border-bottom: 1px solid #5ab2d8;}

/* 묻고답하기 메인컨텐츠 */
.cs_qna_bg .qna_contents_bg {position: relative; width: 1003px; height: auto; margin: 15px 0 50px 0;}
/*.qna_contents_bg .qna_top_detail {clear: both; width: 1003px; height: 26px; margin-bottom: 5px; line-height: 26px; text-align: right;}*/
#qna_category {position: absolute; top: -70px; right: 10px;}

.top_detail_text {float: left; margin: 0 0 0 35px; font-weight: bold; color: #d40000; line-height: 25px;}

/* 묻고답하기 텝 */
/*.qna_list_bg .qna_list_tab_bg {position: relative; width: 1003px; height: 38px; margin: 50px 0 50px 0; clear: both;}
.qna_list_tab_bg ul {width: 1003px; height: 53px; overflow: hidden;}
.qna_list_tab_bg li {width: 199px; height: 53px; float: left; cursor: pointer; text-indent: -9999px;}
.qna_list_tab_bg ul li.qna_tab01 {background: url('/qna/img/qna_tab_01.jpg');}
.qna_list_tab_bg ul li.qna_tab02 {background: url('/qna/img/qna_tab_02.jpg');}
.qna_list_tab_bg ul li.qna_tab03 {background: url('/qna/img/qna_tab_03.jpg');}
.qna_list_tab_bg ul li.qna_tab04 {background: url('/qna/img/qna_tab_04.jpg');}
.qna_list_tab_bg ul li.qna_tab05 {background: url('/qna/img/qna_tab_05.jpg');}
.qna_list_tab_bg ul li.qna_select {background-position: 0 -53px;}*/


/* 묻고답하기 리스트 검색 */
.qna_list_bg .qna_search_bg {float: right; margin: 0 10px 0 0;}
.qna_search_bg select {padding: 3px 0; margin: 0 5px 0 0;}
.qna_search_bg input[type="text"] {width: 200px; padding: 3px 0; margin: 0 5px 0 0;}
.qna_search_bg input[type="button"] {width: 50px; height: 25px;}

#qna_frm:after {content: ""; display: block; clear: both;}

/*.qna_search_bg .select_box_93_bg {position: absolute; width: 93px; height: 26px;}*/
/*.select_box_93 {width: 93px; height: 26px; border: 1px solid #bbbbbb; padding: 4px 2px 4px 2px;}*/
/*.qna_search_bg .text_box_194_bg {position: absolute; width: 194px; height: 26px; margin-left: 100px;}*/
/*.text_box_194_bg .text_box_194 {width: 186px; height: 20px; border: 1px solid #bbbbbb; padding: 2px 4px 2px 4px;}*/
/*.qna_search_bg .btn_search_deli {position: absolute; width: 65px; height: 22px; margin: 2px 0 2px 300px; cursor: pointer;}*/


.select_box_150 {width: 150px; height: 26px; border: 1px solid #bbbbbb; padding: 4px 2px 4px 2px;}

/* 묻고답하기 리스트*/
.qna_contents_bg .qna_list_bg {position: relative; width: 1003px; height: auto; margin-top: 30px;}
.qna_list {width: 100%; height: 100%; margin: 10px 0 0 0;}
.qna_list table {width: 1003px; height: auto;}
.qna_list table tr {height: 40px; border-bottom: 1px solid #a8e2fb; text-align: center;}
.qna_list table tr:hover {background: #e1f6ff;}
.qna_list table tr:first-child {height: 30px; background: #009ece; font-weight: bold; color: #fff;}
.qna_list table tr td.list_title_1,
.qna_list table tr td.list_title_2 {cursor: pointer;}
.qna_list table tr td.list_title_2_hold {color: #767676;}
.qna_list table tr td.list_title_1:hover,
.qna_list table tr td.list_title_2:hover {text-decoration: underline; font-weight: bold;}
.qna_list table tr td.okok {text-indent: -9999px; background: url('/qna/img/qna_liststate_yes.png') no-repeat center center;}
.qna_list table tr td.none {text-indent: -9999px; background: url('/qna/img/qna_liststate_no.png') no-repeat center center;}

/*묻고답하기 리스트 열람 비밀번호 입력창*/
/*비원원 클릭시*/
.passInputBox {position: absolute; width: 350px; height: 230px; top: 130px; left: 270px; background: #fff; border: 1px solid #000; background: url('../image/passWord_pop.png') #fff no-repeat center 20px; display: none;}
.passInputBox p {text-align: center; font-weight: bold; margin: 80px 0 15px 0;}
.passInputBox input[type="text"] {width: 190px; height: 30px; border: none; background: #eaeaea; display: block; margin: 0 auto; text-align: center;}
.passInputBox ul {width: 152px; margin: 20px auto 0 auto;}
.passInputBox ul li {float: left; margin: 0 3px;}
.passInputBox ul li.ok input {width: 70px; height: 30px; border: none; background: #5ab2d8; color: #fff; font-weight: bold;}
.passInputBox ul li.cancel input {width: 70px; height: 30px; border: none; background: #ccc;}
/*회원클릭시*/
.passInputBox_member {position: absolute; width: 350px; height: 190px; top: 130px; left: 270px; background: #fff; border: 1px solid #000; background: url('../image/passWord_pop.png') #fff no-repeat center 20px; display: none;}
.passInputBox_member p {text-align: center; font-weight: bold; margin: 80px 0 10px 0;}
.passInputBox_member ul {width: 222px; margin: 20px auto 0 auto;}
.passInputBox_member ul li {float: left; margin: 0 3px;}
.passInputBox_member ul li.login input {width: 140px; height: 30px; border: none; background: #5ab2d8; color: #fff; font-weight: bold;}
.passInputBox_member ul li.cancel input {width: 70px; height: 30px; border: none; background: #ccc;}



/* 묻고답하기 글쓰기 버튼 - 페이지 넘버 */
.qna_list_bg .qna_btn_write_bg {position: relative; width: 1003px; height: 36px; margin-top: 40px;}
.qna_btn_write_bg .qna_write_btn {position: absolute;  height: 35px; top:0; right: 0;}
.qna_btn_write_bg .qna_write_btn .myWriteList_btn {position: absolute; top: 0; right: 0; cursor: pointer;}

.qna_list_bg .qna_list01_num {text-align:center; font-size:12px; font-weight:bold; padding-top:12px; color:#5ab2d8;}

/* 묻고답하기 글쓰기 페이지 */
.qna_contents_bg .qna_write_bg {position: relative; width: 963px; height: 600px; margin: 0 auto; /*margin-top: 40px; padding: 0 20px 0 20px;*/}
.qna_write_bg>h3 {width: 963px; height: 40px; font-size: 14px; font-weight: bold; color: #fff; background: #009ece; line-height: 40px; text-align: center; display: inline-block;}
.qna_write_table {width: 963px;}
.qna_write_table tr {height: 34px; border-bottom: 1px solid #a8e2fb; text-align: left;}
.qna_write_table td.left {background: #e1f6ff; text-indent: 40px; font-weight: bold;}
.qna_write_table td.right {text-indent: 30px;}
.qna_write_table label {margin: 0 30px 0 0;}
.qna_write_table textarea {margin: 10px 0;}
.qna_write_table input#title {width: 500px;}
.qna_write_table input[type="text"] {padding: 3px 0;}
.qna_write_table input[type="password"] {height: 20px;}
.qna_write_table input[type="file"] {height: 20px;}
.qna_write_table select {padding: 3px 0;}


/*20151023 추가*/
.agree_chk {margin: 15px 0 0 0; padding: 15px 0; text-align: center; background: #f2f2f2;}
.agree_chk dt {margin: 10px 0 0 0; font-weight: 600;}
.agree_chk dt:first-child {margin: 0;}
.agree_chk dd {color: #5e5e5e;}
.agree_chk p {margin: 10px 0 0 0;}
.agree_chk label {color: red; font-weight: 600;}








.qna_btn_bg ul{width: 438px; height: 36px; margin: 0 auto;}
.qna_btn_bg li {width: 136px; height: 35px; float: left; padding: 0 5px; margin: 30px 0; cursor: pointer;}

/*묻고답하기 답변완료 */
.qna_contents_bg .qna_answer_bg {position: relative; width: 963px; /*height: 900px;*/ margin-top: 40px; padding: 0 20px 0 20px;}
.qna_answer_bg>h3 {width: 963px; height: 40px; font-size: 14px; font-weight: bold; color: #fff; background: #009ece; line-height: 40px; text-indent: 40px;}
.qna_answer_table {width: 963px;}
.qna_answer_table tr {height: 34px; border-bottom: 1px solid #a8e2fb; text-align: left;}
.qna_answer_table td.left {background: #e1f6ff; text-indent: 40px; font-weight: bold;}
.qna_answer_table td.right {text-indent: 30px;}
.qna_answer_table label {margin: 0 30px 0 0;}
.qna_answer_table textarea {margin: 20px 0;}
.qna_answer_table  input[type="text"] {height: 20px;}
.qna_btn_bg_c {width: 1003px; height: 36px; margin-top: 30px;}
.qna_btn_bg_c ul {width: 450px; margin: 0 auto;}
.qna_btn_bg_c li {width: 136px; height: 35px; float: left; padding: 0 5px; cursor: pointer;}

/* 묻고답하기 관리자답변 */
.qna_contents_bg .qna_adminw_bg {position: relative; width: 963px; height: 950px; margin-top: 40px; padding: 0 20px 0 20px;}
.qna_adminw_bg>h3 {width: 963px; height: 40px; font-size: 14px; font-weight: bold; color: #fff; background: #d40000; line-height: 40px; text-indent: 40px;}
.qna_admin_wtable {width: 963px;}
.qna_admin_wtable tr {height: 34px; border-bottom: 1px solid #a8e2fb; text-align: left;}
.qna_admin_wtable td.left {background: #e1f6ff; text-indent: 40px; font-weight: bold;}
.qna_admin_wtable td.right {text-indent: 30px;}
.qna_admin_wtable label {margin: 0 30px 0 0;}
.qna_admin_wtable textarea {margin: 20px 0;}
.qna_admin_wtable  input[type="text"] {height: 20px;}

/* 묻고답하기 버튼 : 삭제 리스트가기 */
.btn_136_qna_write {position: absolute; width: 136px; height: 35px; background: #959595; cursor: pointer;}
.btn_136_qna_write .in_border {width: 130px; height: 29px; border: 1px solid #fff; margin: 2px; text-align: center; color: #fff; font-weight: bold; line-height: 29px;}
.btn_136_qna_write:hover {background: #747474;}
.btn_136_qna_write:active {margin: 1px 0 0 0;}


/* 묻고답하기 답변 버튼  */
.btn_136_qna_write_admin {width: 136px; height: 35px; background: #959595; cursor: pointer; text-align:center;text-indent: 0px;margin:0 0 30px 30px ;padding-top:1px;}
.btn_136_qna_write_admin .in_border {border: 1px solid #fff; margin: 2px; text-align: center; color: #fff; font-weight: bold; line-height: 29px;}

/* 묻고답하기 텍스트 */
.qna_font01 {font-weight: bold; color: #d40000;}
.qna_font02 {font-weight: bold; cursor: pointer;}
.qna_font02:hover {color: #5ab2d8;}
.qna_font02:active {color:#009ece;}



/*추가 08/25*/

/*묻고 답하기 로그인 레이어 팝업*/
#login_form_qa {position: absolute; top: -88px; right: 30%; width: 450px; height: 540px; background: #fff; border: 1px solid #888; z-index: 99999; display: none;}    
#login_form_qa span.title {display: block; height: 30px; line-height: 30px; background: #5ab2d8; color: #fff; font-size: 14px; font-weight: bold; text-indent: 20px;}
#login_form_qa span.logo {display: block; width: 149px; height: 39px; background: url('/image/ecard_logo.png') no-repeat; text-indent: -9999px; margin: 40px auto;}        
#login_form_qa .welcome {font-size: 16px; font-weight: bold; text-align: center; margin: 0 0 20px 0;}
#login_form_qa form {text-align: center; border-bottom: 1px solid #d5d5d5; padding: 0 0 20px 0;}
#login_form_qa input[type="text"] {width: 200px; height: 25px; margin: 0 0 10px 0; text-indent: 10px;}
#login_form_qa input[type="password"] {width: 200px; height: 25px; margin: 0 0 10px 0; text-indent: 10px;}
#login_form_qa input[type="button"] {width: 202px; height: 35px; margin: 0 0 20px 0; border: 1px solid #000; cursor: pointer;}
#login_form_qa form span a{color: #000;}
#login_form_qa form span#pwsearchQa {cursor: pointer;}
#login_form_qa form span:hover {font-weight: bold; text-decoration: underline;}
#login_form_qa form p.QaNoticeLine {padding: 15px 0 10px 0; font-weight: bold; color: #d40000;}
#login_form_qa .info {text-align: center; margin: 30px 0 0 0;}
#login_form_qa .join a {display: block; width: 200px; height: 30px; line-height: 30px; background: #5ab2d8; text-align: center; margin: 10px auto; color: #fff;}
#login_form_qa .close {position: absolute; top: 4px; right: 20px; width: 20px; height: 20px; background: url('/image/login_close_btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}

/*묻고 답하기 비밀번호 찾기 레이어 팝업*/
#pwSearch_qa {position: absolute; top: -88px; right: 30%; width: 450px; height: 540px; background: #fff; border: 1px solid #888; z-index: 99999; display: none;}    
#pwSearch_qa span.title {display: block; height: 30px; line-height: 30px; background: #5ab2d8; color: #fff; font-size: 14px; font-weight: bold; text-indent: 20px;}
#pwSearch_qa span.logo {display: block; width: 149px; height: 39px; background: url('/image/ecard_logo.png') no-repeat; text-indent: -9999px; margin: 40px auto;}        
#pwSearch_qa .notice {font-size: 16px; font-weight: bold; text-align: center; margin: 0 0 20px 0;}
#pwSearch_qa form {text-align: center; border-bottom: 1px solid #d5d5d5; padding: 0 0 20px 0;}
#pwSearch_qa input[type="text"] {width: 200px; height: 25px; margin: 0 0 10px 0; text-indent: 10px;}
#pwSearch_qa input[type="button"] {width: 100px; height: 35px; margin: 20px 0 20px 0; border: none; background: #5ab2d8; color: #fff; cursor: pointer;}
#pwSearch_qa input[type="button"].confirm {background: #3b80ad; color: #fff;}
#pwSearch_qa form span:hover {font-weight: bold; text-decoration: underline;}
#pwSearch_qa .idsearch {text-align: center; margin: 30px 0 0 0;}
#pwSearch_qa .sch a {display: block; width: 200px; height: 30px; line-height: 30px; background: #a8a8a8; text-align: center; margin: 10px auto; color: #fff;}
#pwSearch_qa .close {position: absolute; top: 4px; right: 20px; width: 20px; height: 20px; background: url('/image/login_close_btn.png') no-repeat center center; text-indent: -9999px; cursor: pointer;}