@charset 'utf-8';
/* grouping elements */
div.contentMove { font-size: 9pt; color: #979797 ; height: 40px; line-height: 40px; text-align: center; border-top: #e2e2e2 1px solid; border-bottom: #e2e2e2 1px solid; background-color: #f3f3f3; _padding-top:13px }
div.contentHeading1 { border-bottom: 2px solid #c2d0df; padding: 3px; }
div.utilButton {padding: 5px; text-align: right;}
div.contentTitle { width: 800px; height: 70px; background-color: #e5ebf4; }
div.contentTitle2 { width: 800px; height: 40px; background-color: #e5ebf4; }
div.bgcolorBlueTop { height: 7px; width: 800px; background: #e5ebf4 url("/image/b_box_top.gif") no-repeat top left; }
div.bgcolorBlueBottom { height: 7px; width: 800px; background: #e5ebf4 url("/image/b_box_bottom.gif") no-repeat bottom left; }
div.content { width: 780px; border-style: solid; border-width: 10px; border-color: #e5ebf4; }
div.bgcolorWhiteTop { width: 780px; height: 9px; background: #ffffff url("/image/w_box_top.gif") no-repeat top left; }
div.bgcolorWhiteBottom { width: 780px; height: 9px; background: #ffffff url("/image/w_box_bottom.gif") no-repeat bottom left; }
div.contentDown { width: 800px; height: 31px; background-color: #e5ebf4; text-align: center; }
div.contentFaq { width: 780px; border-style: solid; border-width: 10px; border-color: #e5ebf4; }
div.contentTalk { width: 800px; height: 37px; background-color: #e5ebf4; text-align: center; }
div.contentComment { width: 780px; border-style: solid; border-width: 10px; border-color: #e5ebf4; }
span.contentDate { padding-left: 1em; font-size: 11px; font-weight: normal; color: #4b5c9a }
span.contentDate2 { padding-right:380px ; vertical-align:bottom; font-size: 11px; font-weight: normal; color: #4b5c9a;  }



/* images elements */
img.contentImg { vertical-align: middle; }
img.signSgl { margin: 10px 3px 0 50px; float: left; vertical-align: middle; }
img.signPlr {	margin: 10px 0 0 30px; vertical-align: middle; }
img.loanBank { margin: 0.5em 0 0 4em; vertical-align: middle; }
img.content1 { vertical-align: middle; margin: 0 0 1em 5em;}
img.sign_move{ margin: -6px 3px 0 10px; vertical-align: middle} /*function에서 가져옴 신호등에 있는 이동버튼 */
img.add_btnimg{padding-left:20px}

/* headings elements */
h1.contentH1 { font-size: 15px; line-height: 2em; color: #4b5c9a; }
h2.contentH2 { margin: 15px 0 0 0; font-size: 13px; color: #4b5c9a; }
h3.contentH3 { font-size: 13px; color: #4b5c9a; padding-left: 45px; padding-top: 10px; background: url("/image/icon_arrow3.gif") no-repeat top left; background-position: 0px 5px; line-height: 2em; }
h4.contentH4 { font-size: 12px; color: #a960dd; padding-left: 20px; }
h5.contentH5 { margin: 11px 0 0 0; font-size: 13px; color: #4b5c9a; }

/* paragraphs elements */
p.contentTitleP 		{ color: #4b5c9a; margin: 10px 25px 1em 40px; }
p.contentP 					{ color: #333333; margin: 0 25px 1em 3em; text-align: justify; text-indent: 1em; line-height: 1.5em; }
p.contentP_R { color: #333333; margin: 0 25px 0em 3em; text-align: right; width:700px; text-indent: 1em; line-height: 0.5em; }
p.contentP_C { color: #333333; margin: 0 25px 1em 3em; text-align: center; text-indent: 1em; line-height: 1.5em; }
p.contentP1 				{ color: #333333; margin: 0 25px 0 0; text-align: justify; }
p.contentP_2  			{ color: #333333; margin: 0 25px 0px 40px; text-align: justify; text-indent: 1em; line-height: 1.5em; }
p.contentP_3  			{ color: #333333; margin: 10px 25px 0px 20px; text-align: justify; text-indent: 1em; line-height: 1.5em; font-weight:bold;}
p.contentP1NoIndent { color: #333333; margin: 0 25px 1em 0em; text-align: justify; line-height: 1.5em; }
p.functionP 				{ margin: 0 10px; line-height: 1.5em; text-align: justify }
p.functionP_center {  line-height: 1.5em; text-align: center; font-weight:bold }

/* Unordered lists elements */
ol.content1 { padding-left: 5em; line-height: 1.5em; padding-bottom: 0.5em; list-style-type: decimal; margin: 0 25px 0 0; }
ol.content2 { padding-left: 1em; line-height: 1.5em; padding-bottom: 0.5em; list-style-type: decimal; margin: 0 25px 0 0; }
ol.content3 { padding-left: 1em; line-height: 1.5em; padding-bottom: 0.5em; list-style-type: decimal; margin: 0 25px 0 0; }
ol.content4 { padding-left: 1em; line-height: 1.5em; padding-bottom: 0.5em; list-style-type: lower-roman; margin: 0 25px 0 0; }
ul.content1 { padding-left: 5em; list-style-type: disc; font-weight: normal; line-height: 1.5em; padding-bottom: 0.5em; margin: 0 25px 0 0; }
ul.content2 { padding-left: 1em; list-style-type: circle; font-weight: normal; line-height: 1.5em; padding-bottom: 0.5em; margin: 0 25px 0 0; }
ul.content3 { padding-left: 1em; list-style-type: square; font-weight: normal; line-height: 1.5em; padding-bottom: 0.5em; margin: 0 25px 0 0; }
ul.content4 { padding-left: 1em; list-style-type: none; font-weight: normal; line-height: 1.5em; padding-bottom: 0.5em; margin: 0 25px 0 0; }

/* horizontal rules */
hr.contentHr { margin-left: 25px; margin-right: 25px; color: #e4e4e4; border-style: solid; border-top: none; border-left: none; border-right: none; }
hr.contentHr_white { margin-left: 25px; margin-right: 25px; color: #e4e4e4; border-style: solid; border-top: none; border-left: none; border-right: none; }
hr.contentHr_blue2 { height:5px; border-bottom:2px solid #9faddd; border-top: none; border-left: none; border-right: none;}
hr.contentHr_add {  float:left;width:780px; height:2px;  border-bottom:2px solid #9faddd; border-top: none; border-left: none; border-right: none;}/* 서비스 덧글*/

/* forms */
form.contentMoveForm { vertical-align: middle; border-style: solid; border-width: 0px; border-color: black; border-right: #d0d0d0 1px solid; border-top: #d0d0d0 1px solid; font-size: 9pt; border-left: #d0d0d0 1px solid; border-bottom: #d0d0d0 1px solid; font-family: "돋움"; background-color: #ffffff; color: #1b1b1b }

/* tables */
table.dataTable { margin: 0.5em 0 1.5em 4em; border: 1px solid #aebac6; border-collapse: collapse; padding: auto; }
table.dataTable th { padding: 7px; border: 1px solid #aebac6; background-color: #e4ebf4; text-align: center; vertical-align: middle; }
table.dataTable th.gray { padding: 7px; border: 1px solid #aebac6; background-color: #ebf5f9; vertical-align: middle; line-height: 1.5em; }
table.dataTable td { padding: 7px; border: 1px solid #aebac6; background-color: #ffffff; line-height: 1.5em; vertical-align: middle; }
table.dataTable td.left { padding: 7px; border: 1px solid #aebac6; background-color: #ffffff; line-height: 1.5em; vertical-align: middle; text-align: left}
table.dataTable td.center { padding: 7px; border: 1px solid #aebac6; background-color: #ffffff; line-height: 1.5em; vertical-align: middle; text-align: center}
table.dataTable td.right { padding: 7px; border: 1px solid #aebac6; background-color: #ffffff; line-height: 1.5em; vertical-align: middle; text-align: right}
table.dataTable td.gray { padding: 7px; border: 1px solid #aebac6; background-color: #ebf5f9; line-height: 1.5em; vertical-align: middle; text-align: center}
table.dataTable1 { border: 1px solid #aebac6; border-collapse: collapse; }
table.dataTable1 th { padding: 7px; background-color: #e4ebf4; height: 70px; line-height: 1.5em; vertical-align: middle; }
table.dataTable1 td { padding: 7px; border: 1px solid #aebac6; background-color: #ffffff; line-height: 1.5em; height: 50px; text-align: center; height: 50px; vertical-align: middle; }
table.dataTable1 td.left { padding: 7px; border: 1px solid #aebac6; background-color: #ffffff; line-height: 1.5em; height: 50px; text-align: left; height: 50px; vertical-align: middle; }
table.dataTable1 td.height75 { padding: 7px; border: 1px solid #aebac6; background-color: #ffffff; line-height: 1.5em; text-align: center; height: 75px; vertical-align: middle; }
table.dataTable1 td.height100 { padding: 7px; border: 1px solid #aebac6; background-color: #ffffff; line-height: 1.5em; height: 100px; vertical-align: middle; }
table.dataTable1 td.height125 { padding: 7px; border: 1px solid #aebac6; background-color: #ffffff; line-height: 1.5em; text-align: center; height: 125px; vertical-align: middle; }
table.dataTableDouble { margin: 0.5em 0 1.5em 4em; border-collapse: collapse; text-align: center; }
table.dataTableDouble td { vertical-align: middle; height: 50px; }
table.bankTable { margin: 0.5em 0 1.5em 4em; border: 1px solid #aebac6; border-collapse: collapse; }
table.bankTable td {  padding: 0; border: 1px solid #aebac6; }
table.faqList { width: 780px; margin-top: 5px 20px 0 20px; }


/* 서비스faq*/
.addListForm_ser {width:780px; font-size:9pt}
.addListForm_ser em, .addListForm_ser strong {font-style:normal; color:#ff6600;}
.addListForm_ser a, .addListForm_ser a:link {text-decoration:none; color:#7b7b7b; font-weight:bold;} 
.addListForm_ser a:hover, .addListForm_ser a:active {text-decoration:none; font-weight:bold; color:#5aa0d5;}
.add_center {text-align:center}/* 09-09-24 자료가 없을때 나오는 문구정렬*/

/*덧글*/
div.add_write{ margin:20px 0 10px}/* 서비스 덧글 메시지*/
.add_right {text-align:right; line-height:20px}/* 컨텐츠 덧글 문구정렬*/

/* 서비스faq 목록*/
.addList_ser { width:780px; margin-top:5px 10px 0 10px; }
.addList_ser caption {position:absolute; visibility:hidden; overflow:hidden; height:0; width:0; font-size:0; text-align:left;}
.addList_ser th{ border-bottom:1px solid #e3e3e3;padding:6px 10px 10px 5px; text-align:left; color:#435595; line-height:normal; white-space:normal;}
.addList_ser td{ border-bottom:1px solid #e3e3e3; padding:6px 10px 10px 5px;  color:#666; line-height:normal; white-space:normal;  overflow:hidden; text-overflow:ellipsis; }
 
.addList_ser th.name{width:130px; }/* 이름 */
.addList_ser td.reple{width:550px; text-align:left; line-height: 1.5em;  overflow:hidden; text-overflow:ellipsis;  white-space:normal;}/* 리플 */
.addList_ser td.jium{width:100px; text-align:center}/* 삭제 */

/* faq 시작 */
.faq { width:800px; margin:0 0 0 0px;}
.faq legend {position:absolute; width:0; height:0; overflow:hidden; font:0/0 san-serif; visibility:hidden;}
.faq p.txt {text-align: center; color: #CC0000;}


/* faq*/
.faqListForm {width:780px; font-size:9pt}
.faqListForm em, .faqListForm strong {font-style:normal; color:#ff6600;}
.faqListForm a, .faqListForm a:link {text-decoration:none; color:#7b7b7b; font-weight:bold;} 
.faqListForm a:hover, .faqListForm a:active {text-decoration:none; font-weight:bold; color:#5aa0d5;}
.faq_center {text-align:center}/* 09-09-24 자료가 없을때 나오는 문구정렬*/


/* faq 목록*/
.faqList { width:780px;  margin-top:5px 20px 0 20px; }
.faqList caption {position:absolute; visibility:hidden; overflow:hidden; height:0; width:0; font-size:0; text-align:left;}

.faqList tr.notice {background:#f8f8f8;}
.faqList tr.total {background:#f8f8f8;}
.faqList th { width:780px; height:32px; border:0; padding:10px 5px; text-align:center; color:#435595; background: url(../image/table_t_bg.gif) repeat-x left top; line-height:normal;  }
.faqList td { width:780px; border:0; border-bottom:1px solid #e3e3e3; padding:6px;  color:#666; line-height:normal; }

.faqList td.num{ font:1em Tahoma;}/* 번호 */
.faqList td.check {font:1em Tahoma;}
.faqList td.category{}/* 분류 */
.faqList td.title{width:100%; white-space:normal; text-align:left; line-height: 1.5em;}/* 제목 */
.faqList td.title a:link, .faqList td.title a:visited {text-decoration:none;}
.faqList td.title .replyNum{color:#387C50; font:0.9em Tahoma; }
.faqList td.title img.reply { vertical-align: middle; margin-right:5px;}
.faqList td.author{}
.faqList td.file{}/* 첨부자료 */
.faqList td.name{}/* 이름*/
.faqList td.state{ font:1em Tahoma;}
.faqList td.vCount{text-align:center; font:1em Tahoma;}/* 조회 */
.faqList td.rCount{text-align:right; font:1em Tahoma;}
.faqList td.date{font:1em Tahoma;}
.faqList td.caseList {text-align:left;}
.faqList td.sectionEx {text-align:left}
.faqList td.caseEx {text-align:left;}
.faqList td.caseEx a:link {text-decoration:none;}
.faqList td.dateEx {width:80px;}/* 날짜 */
.faqList td.nameEx {width:60px;}
.faqList td.reply_name {width:200px; } /* 덧글작성자 */

/* 버튼 */
.boardNavigation { text-align:center; margin-bottom: 40px; width: 780px; }
.boardNavigation a.button {display:block;  height:21px;}
.boardNavigation .button input, 
.boardNavigation a.button {display:inline; border:0; background:#2846b8 url(image/btn_board_bg.gif)  no-repeat 0 0; vertical-align:middle; color:#fff; font-weight:bold; padding:3px 4px 1px 4px; cursor:pointer; text-decoration:none; font-size:1em;}
.boardNavigation a.button {padding:0px 8px 0px 8px;}
.boardNavigation a.button2 {display:inline; border:0; background:#2846b8 url(image/btn_board_bg.gif)  no-repeat 0 0; vertical-align:middle; color:#fff; font-weight:bold; padding:5px 4px 5px 4px; margin-top:5px; margin-right:10px; cursor:pointer; text-decoration:none; font-size:1em;}
.boardNavigation a.button2 {padding:5px 8px 5px 8px;}
.boardNavigation .pagination { padding: 10px 0; position: relative }
.boardNavigation .pagination img {background:#5F9D7F; vertical-align:middle; margin:0 3px;}
.boardNavigation .buttonLeft {float:left; text-align:left;}
.boardNavigation .buttonRight {float:right; text-align:right;}
.boardNavigation .buttonRight span.button {float:left; text-align:right; color:#fff; font-weight:bold; cursor:pointer; text-decoration:none;}
.boardNavigation .buttonLeft a {float:left; margin-right:5px;}
.boardNavigation .buttonRight a {float:left; margin-left:5px;}
.boardNavigation .pagination ul li {float:left; padding:0 2px;}

/* table*/
table.custmoer_table { margin: 2em 0 1.5em 4em; border-collapse: collapse; padding: auto; }
table.qna_table{ float:right; margin: 2em 0 1.5em 4em; border-collapse: collapse; padding: auto; }
table.star_table { width:800px;  border-collapse: collapse; padding: auto;   text-align: center;  height:40}
table.star_table  td{ width:800px; border-bottom:1px solid #adc6de;  text-align: center;}

/*서비스 faq*/
span.faq_question{padding-bottom:0px; color:#6eabc9; font-weight:bold; line-height:1.7em}
hr.faqline_grayspace {height:1px;  border-bottom:1px solid #cfcfcf; border-top: none; border-left: none; border-right: none}
pre.faq_answer {margin:0 0 0 9px;}

/* 생활안정서비스 전체보기*/
div.service_title {padding-top:20px; padding-bottom:15px }
div.service_sub_title { float:left;  padding:5px 0  0 0 }
div.service_box { width:974px;  margin-top:25px; margin-bottom:10px; text-align:left;  border:3px solid  #dfdfdf; padding:10px; color:#747474;  }
div.service_box td{  height:21px ; }
.service_box em, .service_box strong {font-style:normal; color:#ff6600 }
.service_box a, .service_box a:link {text-decoration:none; color:#7b7b7b } 
.service_box a:hover, .service_box a:active {text-decoration:underline;  color:#5aa0d5 }

div.service_box2 { width:974px;  margin-top:35px; margin-bottom:10px; text-align:left;  border:3px solid  #dfdfdf; padding:10px; color:#747474}
div.service_box2 td{  height:21px ; }
.service_box2 em, .service_box2 strong {font-style:normal; color:#ff6600 }
.service_box2 a, .service_box2 a:link {text-decoration:none; color:#7b7b7b } 
.service_box2 a:hover, .service_box2 a:active {text-decoration:underline;  color:#5aa0d5 }

.service_all {width:780px; font-size:9pt}

span.text_left{ text-align:left}

/* 생활안정서비스 전체보기(12/11) mini사이즈 작업*/
div.service_title {padding-top:20px; padding-bottom:15px }
div.service_sub_title { float:left;  padding:5px 0  0 0 }
div.service_box3 { width:594px;  margin-top:25px; margin-bottom:10px; text-align:left;  border:3px solid  #dfdfdf; padding:5px; color:#747474;  }
div.service_box3 td{  height:21px ; letter-spacing:-0.5px; }
.service_box3 em, .service_box3 strong {font-style:normal; color:#ff6600 }
.service_box3 a, .service_box3 a:link {text-decoration:none; color:#7b7b7b } 
.service_box3 a:hover, .service_box3 a:active {text-decoration:underline;  color:#5aa0d5 }

div.service_box4 { width:594px;  margin-top:35px; margin-bottom:10px; text-align:left;  border:3px solid  #dfdfdf; padding:5px; color:#747474}
div.service_box4 td{  height:21px ; letter-spacing:-1px;}
.service_box4em, .service_box4 strong {font-style:normal; color:#ff6600 }
.service_box4 a, .service_box4 a:link {text-decoration:none; color:#7b7b7b } 
.service_box4 a:hover, .service_box4 a:active {text-decoration:underline;  color:#5aa0d5 }