@charset "utf-8";
@import "common.css";

/* layout */
#wrap {width:100%}

#header {z-index:100; position:absolute; top:0; left:0; width:100%; min-width:1280px; padding-bottom:18px; border-top:10px solid #47505b; background:#fff url('../images/bg_line.gif') no-repeat center bottom}
#header .inner {position:relative; width:1024px !important; margin:0 auto; *zoom:1}
#header .inner:after {display:block; clear:both; content:""}
#header h1 {float:left; width:306px; margin-top:45px}
#header h1 a {float:left; display:block}

.util {position:absolute; top:0; right:0; width:auto; *zoom:1}
.util:after {display:block; clear:both; content:""} 
.util ul {float:left; width:auto; margin-top:19px; *zoom:1; line-height:12px}
.util ul:after {clear:both; display:block; content:""}
.util li {float:left; margin-left:8px; padding-left:8px; background:url('../images/bg_util.gif') no-repeat left 1px}
.util li:first-child {margin-left:0; padding-left:0; background:none}
.util li a {color:#666;d92; font-size:11px; line-height:13px; letter-spacing:-1px;font-family:dotum,'돋움'}
.util div {position:relative;float:left; margin:16px 0 0 20px; width:auto; height:20px}
.util div .searchLabel {position:absolute;top:-2px;left:0;width:110px;font-size:11px;color:#666;text-align:center;font-family:dotum,'돋움'}
.util div input[type="text"] {width:116px; height:16px; padding:0 2px; border:none; border-bottom:1px solid #ccc; font-size:11px; color:#666}
.util div input[type="image"] {padding:6px 2px 0; border:none}
.util > a {float:left; display:block; margin-left:8px; padding:4px 14px 6px; text-align:center; color:#fff; font-size:11px; background:#47505b}
.util > a span {font-size:11px; padding-right:14px; background:url('../images/bl_language.gif') no-repeat right 1px}

#gnb {position:relative; float:left; margin:56px 0 0 70px}
#gnb ul {*zoom:1; line-height:16px}
#gnb ul:after {clear:both; display:block; content:""}
#gnb > ul > li {float:left; min-width:80px; margin-left:16px; padding-left:31px; background:url('../images/bg_gnb.gif') no-repeat left top}
#gnb > ul > li:first-child {margin-left:0; margin-right:16px; padding-left:0; background:none}
#gnb > ul > li > a {font-size:16px; font-family:'nanumB'; color:#3a3a3a}
#gnb ul ul {display:none; margin-top:27px; padding-bottom:25px}
#gnb ul ul a {color:#b8bac6}
#gnb ul ul a.on {color:#000}
#gnb ul ul li {margin-top:3px}
#gnb ul ul li:first-child {margin-top:0}

/* 10/24 수정 */
.container {width:1024px; margin:0 auto; padding:126px 0 50px; background: url('../images/bg_lnb.gif') repeat-y 202px 0; *zoom:1}
.container:after {clear:both; display:block; content:""}

#content {float:right; width:805px; min-height:603px; *zoom:1}
#content:after {display:block; content:""; clear:both}
/* 10/24 수정 끝 */

#footer {clear:both; width:100%; min-width:1280px; height:90px; padding-top:3px; border-bottom:10px solid #47505b; background:url('../images/bg_line.gif') no-repeat center top}
#footer .inner {position:relative; width:1024px !important; margin:0 auto; padding-top:17px}
#footer .inner > span {position:absolute; left:0; top:36px; width:118px} /* 1024수정 */
#footer .fmenu {padding-left:189px; margin-bottom:8px} 
#footer .fmenu ul {*zoom:1}
#footer .fmenu ul:after {clear:both; display:block; content:""}
#footer .fmenu li {float:left; margin-left:15px; padding-left:16px; background:url('../images/bg_fmenu.gif') no-repeat left 6px}
#footer .fmenu li:first-child {margin-left:0; padding-left:0; background:none}
#footer .fmenu a {font-family:'nanumB'; color:#666}
#footer .familySite {position:absolute; top:22px; right:0}
#footer .familySite span .sbHolder {width:176px; height:28px; border:1px solid #bbb}
#footer .familySite span .sbSelector {top:7px; color:#777}
#footer .familySite span .sbToggle {background:url(../images/select-icons2.gif) no-repeat left top; display:block;height:28px; position:absolute; right:0; top:0; width:26px}
#footer .familySite span .sbToggle:hover {background:url(../images/select-icons2.gif) no-repeat left top}
#footer .familySite span .sbToggleOpen {background:url(../images/select-icons2.gif) no-repeat left top}
#footer .familySite span .sbToggleOpen:hover {background:url(../images/select-icons2.gif) no-repeat left top}
#footer .familySite span .sbOptions {border:1px solid #bbb; top:-197px !important}
#footer .familySite span .sbOptions li:first-child {display:none}
#footer .familySite span .sbOptions a {padding:7px 20px 6px 7px; border-bottom:1px solid #bbb}
#footer .familySite span .sbOptions a:hover, #footer .familySite span .sbOptions a:focus{color: #777;text-decoration: none; font-family:'nanumB'}
#footer .familySite span .sbOptions .last a {border-bottom:none}
#footer address {padding:2px 0 0 189px; font-size:11px; line-height:16px; color:#bbb} /* 1024수정 */
#footer address p {color:#aaa; font-family:'nanumB'}

#lnb {float:left; width:180px; margin:44px 21px 0 0}
#lnb h2 {font-size:24px; .line-height:28px; font-family:'nanumE'; color:#161a49}
#lnb h2 span {display:block; margin-top:6px; font-size:12px; font-family:'nanumB'; color:#c2c2c2}
#lnb h2 strong {letter-spacing:-2px}
#lnb ul {margin-top:40px}
#lnb li {border-bottom:1px solid #e6e6e6}
#lnb li.on {position:relative; top:-1px; border:none; background:#094c80}
#lnb li.on a {background:url('../images/bl_lnb_on.png') right 15px no-repeat; color:#fff}
#lnb li a {display:block; margin-right:10px; padding:8px 0 7px 5px; background:url('../images/bl_lnb.png') right 15px no-repeat; font-size:15px; color:#666}

.location {text-align:right; color:#353535}
.location span {margin-right:8px; padding:0 15px 3px 0; background:url('../images/bl_loc.gif') right 3px no-repeat}
.location strong {color:#353535; font-family:'nanumB'}
.location img {position:relative; top:-1px; .top:0}

.title {width:100%; margin:25px 0 53px}
.title img {margin:-3px 0 0 4px}
.title h3 {margin-top:6px; font-size:38px; line-height:100%; color:#272727; font-family:'nanumB'}

/* main */
#main #content {float:none; padding:81px 0 0; width:1280px; margin:0 auto}
#main .inner {position:relative; width:1280px; margin:0 auto}
#main .mainBg_top {position:absolute; left:0; top:0; width:100%; height:10px; background:url('../images/main/bg_main_top.png') repeat-x left top; z-index:10}
#main .mainBg_bottom {position:absolute; left:0; bottom:0; width:100%; height:14px; background:url('../images/main/bg_main_bottom.png') repeat-x left top; z-index:10}

#main_visual {overflow:hidden}
#main_visual ul {width:3000em; *zoom:1}
#main_visual ul:after {content:""; display:block; clear:both}
#main_visual li {float:left}

/* 10/29 재반영 */
.top_txt {position:absolute; left:128px; top:140px; z-index:9}
.top_txt > p {font-size:30px; padding-bottom:70px; font-family:'nanumB'; color:#424242; letter-spacing:-1px; line-height:30px}
.top_txt > p span {font-family:'nanum'}
.top_txt ul {margin-bottom:18px}
.top_txt .control {*zoom:1; .margin-bottom:10px}
.top_txt .control:after {content:""; display:block; clear:both}
.top_txt .control span {position:relative; top:1px; float:left; margin-right:8px}
.top_txt .control .btn_play {display:none}
.top_txt .control div {float:left; position:relative; .top:-3px}
.top_txt .circle {margin-bottom:25px}
.top_txt .circle a {margin-right:3px}
.top_txt .control img {vertical-align:top}
.top_txt ul {width:162px; border:1px solid #888}
.top_txt li {border-top:1px solid #888; background:url('../images/main/bg_list_off.png') repeat left top}
.top_txt li.on {background:#fff}
.top_txt li a {display:block; padding:13px 10px 12px; background:url('../images/main/bl_list_arrow.png') no-repeat 93% center}
.top_txt li:first-child {border-top:0}
.top_roll_txt {margin-bottom:23px; color:#444; font-size:14px}
.top_roll_txt p:first-child {display:block}
.top_roll_txt p {position:absolute; top:40px; left:0; width:400px; display:none; height:58px; letter-spacing:-1px; line-height:20px}
/* 10/29 재반영 */

.detail_btn p:first-child {display:block}
.detail_btn p {display:none; margin-bottom:0}

/* 10/26 추가 및 수정 끝 */
.txt_list {position:absolute; right:100px; top:0; width:441px; border:1px solid #b1bdc8; border-top:0; background:#fff}
.txt_list .detail {position:relative; height:142px; padding:27px 20px 24px; border-top:1px solid #d1d1d1}
.txt_list .btn_more {position:absolute; right:20px; top:33px; padding-right:14px; background:url('../images/bl_more_arrow.gif') no-repeat right center; font-size:11px; color:#888}
.txt_list h2 {margin-bottom:5px; font-family:'nanumB'; font-size:16px; color:#444}
.txt_list h2.mt {margin-bottom:15px}
.txt_list p {margin-bottom:18px; font-size:12px; color:#888}
.txt_list li {*zoom:1; margin-top:2px; padding-left:7px; color:#888; background:url('../images/bl_dot.gif') no-repeat left 8px; line-height:18px; .line-height:14px}
.txt_list li:first-child {margin-top:0}
.txt_list li strong {color:#408ed6; font-family:'nanumB'}
.txt_list li a {float:left}
.txt_list li span {float:right}
.txt_list li:after {content:""; display:block; clear:both}
.txt_list .number {*zoom:1}
.txt_list .number:after {content:""; display:block; clear:both}
.txt_list .number span {float:left}
.txt_list .number a {position:relative; top:18px; float:right}
.txt_list .notice {position:relative; height:173px; padding-bottom:0}
.txt_list .notice ul {margin-bottom:21px}
.txt_list .notice .txt {position:absolute; width:362px; bottom:0; left:20px; padding:10px 20px 8px; color:#fff; background:#6895c7}
.txt_list .notice .txt strong {display:inline-block; height:12px; font-family:'nanumB'; padding-right:12px; margin-right:7px; border-right:2px solid #fff; line-height:12px}
.txt_list .notice .txt span {display:inline-block; height:12px; font-family:'nanumB'; line-height:12px}
.txt_list .notice .txt span a {color:#fff}
/* 10/25 추가 */
.txt_list .notice .txt p {padding-left:20px; margin-bottom:0; color:#fff; background:url('../images/main/bl_notice.gif') no-repeat left 4px}
/* 10/25 추가 끝 */

/* select box */
.size01 .sbHolder {width:190px}

/* paginate */
.paginate {margin-top:19px; text-align:center}
.paginate a, .paginate strong {padding:0 3px 0 2px; color:#999}
.paginate strong {color:#000; font-family:'nanumB'}
.paginate .prev {padding:0 11px 0 0; margin-left:-7px}
.paginate .next {margin-right:-6px; padding:0 0 0 5px}

/* 검색 */
.tbl_search {margin-top:20px; text-align:center}

/* 리스트, 뷰 스타일 테이블 */
.tbl_style01 {width:100%; border-top:2px solid #444; color:#444; text-align:center}
.tbl_style01 tr.bg {background:#fafafa}
.tbl_style01 th {padding:6px 0 10px; border-bottom:1px solid #e3e3e3; font-family:'nanumB'}
.tbl_style01 th span {display:block; background:url('../images/bg_thBar.gif') left top no-repeat}
.tbl_style01 th:first-child span {background:none}
.tbl_style01 td {padding:6px 0 10px; border-bottom:1px solid #e3e3e3}
.tbl_style01 td.left {padding:6px 23px 10px; text-align:left}
.tbl_style01 td a {display:block; font-size:14px; font-family:'nanumB'; color:#444}
/* 10/28 수정 */
.tbl_style01 td p {width:100%; margin-top:6px}
/* 10/28 수정 끝 */
.tbl_view td div {min-height:290px; padding:5px 18px; text-align:left}
.left div {margin:6px 0}
.txt_none td {padding:100px 0}

/* 나눔 레귤어인 경우 */
.tbl_style01 .td_title {padding:9px 23px 9px; text-align:left}
.tbl_style01 .td_title a {font-family:'nanum'; font-size:12px}
.tbl_style01 td img {position:relative; top:2px}

/* 입력양식 테이블 (새로높이 고정) */
.tbl_style02 {width:100%; border-top:2px solid #424242; color:#444}
.tbl_style02 th, .tbl_style02 td {height:36px; border-bottom:1px solid #e4e4e4}
.tbl_style02 th {padding-left:20px; font-family:'nanumB'; border-right:1px solid #e4e4e4; background:#fafafa; text-align:left}
.tbl_style02 td {padding-left:13px}
.tbl_style02 td .sbOptions a, .tbl_style02 td .sbSelector {color:#777}
.tbl_style02 td em {padding:0 8px; color:#777}
.tbl_style02 td .size01 .sbHolder {margin-left:5px}
.tbl_style02 td input, .tbl_style02 td em, .tbl_style02 td span {display:block; float:left}
.tbl_style02 th span {font-family:'nanumB'}
.tbl_style02 textarea {margin:7px 0; width:618px; padding:5px; height:180px; border:1px solid #e3e3e3; font-size:12px; font-family:'nanum'; color:#444}
/* 10/24 추가 */
.tbl_style02 .no1 {position:relative; z-index:12}
.tbl_style02 .no2 {position:relative; z-index:11}
/* 10/24 추가 끝 */
.file_area {padding-top:2px}
.file_area a {float:left; margin-right:12px}
.file_area input {margin-right:5px; padding:3px 5px 2px}
.file_area span {position:relative; top:1px; color:#777}
.th_center th {text-align:center; padding-left:0}

/* 10/29 추가 */
.th_center2 th span {display:block; width:35px; margin:0 auto}
.th_center3 th span {display:block; width:65px; margin:0 auto; font-family:'nanumE'; color:#424242}
/* 10/29 추가 끝 */

.viewBottom {width:100%; color:#444; *zoom:1}
.viewBottom:after {display:block; content:""; clear:both}
.viewBottom dt {float:left; width:63px; padding:7px 0 9px 33px; background:url('../images/bl_prev.gif') 19px 16px no-repeat; color:#444; font-family:'nanumB'; border-bottom:1px solid #e3e3e3}
.viewBottom dt:first-child {background:url('../images/bl_next.gif') 19px 16px no-repeat}
.viewBottom dd {float:left; padding:7px 20px 9px 28px; float:right; width:661px; border-bottom:1px solid #e3e3e3; background:url('../images/bg_thBar.gif') left 8px no-repeat}
.viewBottom a {color:#444}

.btnArea {margin-top:20px; *zoom:1} /* 양쪽버튼 */
.btnArea:after {display:block; content:"": clear:both} 
.btnArea a {display:block; float:right}
.btnArea a:first-child {float:left} 
.btnRight {width:100%; margin-top:20px; text-align:right} /* 오른쪽버튼 */
.btnCenter {width:100%; margin-top:20px; text-align:center}/* 가운데버튼 */

.subject {margin-bottom:21px; font-size:20px; color:#424242; font-family:'nanumB'}
.info_txt {overflow:auto; overflow-x:hidden; height:164px; padding:4px 20px; border:1px solid #e3e3e3; border-top:2px solid #444}
.info_txt strong {display:block; margin-bottom:20px; font-weight:bold; color:#696d73}
.info_txt p {margin-bottom:20px}

.agree_inp {margin:10px 0 0 8px}
.agree_inp input {vertical-align:middle}
.agree_inp label {position:relative; top:1px}

.grayBox {margin:43px 0 21px; padding:7px 16px; border:1px solid #e3e3e3} 
.grayBox p {padding-left:13px; background:url('../images/bl_boxArr.gif') left 7px no-repeat}

.noneBox {border:1px solid #e3e3e3; border-top:2px solid #444}
.noneBox p {margin:35px 0 45px 177px; padding:12px 0 0 135px; background:url('../images/bg_letter.gif') left top no-repeat}
.noneBox strong {display:block; margin-bottom:20px; font-size:14px; font-family:'nanumB'}
.noneBox p.img {padding:37px 0 16px 135px; background:url('../images/bg_view.gif') left top no-repeat}

.img_list {border-top:2px solid #444}
.img_list li {padding:21px 19px; border-bottom:1px solid #e3e3e3; *zoom:1}
.img_list li:after {display:block; content:""; clear:both} 
.img_list li.bg {background:#fafafa}
.img_list li p {float:left; width:134px; height:95px; margin-right:19px; padding:7px; border:1px solid #e3e3e3}
.img_list li div {margin-top:5px}
.img_list li a {display:block; float:left; color:#444}
.img_list li a strong {display:block; margin-bottom:8px; font-size:14px; font-family:'nanumB'}
.img_list li a span {display:block}
.img_list li a strong + span {overflow:hidden; max-height:40px; margin-bottom:17px}
.img_list li a span b + b {padding:0 10px}

.road {margin-bottom:40px; *zoom:1}
.road:after {display:block; content:""; clear:both}
.road div {float:left; width:395px}
.road div:first-child {margin-right:15px}

/* 자주하는 질문 */
.tab_inner {border-top:2px solid #444}
.tab_inner .menu {*zoom:1; margin-bottom:30px}
.tab_inner .menu:after {content:""; display:block; clear:both}
.tab_inner .menu li {position:relative; float:left; width:133px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background:#fcfcfc; text-align:center}
.tab_inner .menu li:first-child {border-left:1px solid #e3e3e3}
.tab_inner .menu li:first-child.on {width:134px; border-left:0}
.tab_inner .menu li.on {background:#fff; border-bottom:none}
.tab_inner .menu li.on a {color:#444; font-family:'nanumB'}
.tab_inner .menu li a {display:block; padding:10px 0 9px; color:#888; text-align:center}
.tab_inner .detail {display:none}
.tab_inner .detail:first-child {display:block}
.tab_inner .detail ul {border-top:1px solid #e3e3e3}
.tab_inner .detail li.on div {display:block}
.tab_inner .detail li.on p {font-family:'nanumB'}
.tab_inner .detail p a:hover, .tab_inner .detail p a:focus {font-family:'nanumB'}
.tab_inner .detail li p {padding:9px 20px 8px; border-bottom:1px solid #e3e3e3}
.tab_inner .detail div {display:none; padding:22px 20px 18px; border-bottom:1px solid #e3e3e3; line-height:24px}
.tab_inner .detail .bg p {background:#fafafa}
.tab_inner .menu li:first-child.on {width:132px; border-left:1px solid #e3e3e3}

/* 금융상품 */
.tbl_style03 {width:100%; margin-bottom:33px; border-top:2px solid #424242; color:#444; text-align:left}
.tbl_style03 th {padding:9px 20px 8px; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:#fafafa; color:#696d73; text-align:left}
.tbl_style03 td {padding:9px 20px 8px; border-bottom:1px solid #e4e4e4; color:#696d73}
.tbl_style03 .mt30 {margin-left:30px}

.tbl_style04 {width:100%; margin-bottom:33px; border-top:2px solid #424242; color:#444; text-align:center}
.tbl_style04 th {padding:9px 0 8px; border-bottom:1px solid #e4e4e4; background:#fafafa; color:#696d73}
.tbl_style04 th span {padding-right:10px}
.tbl_style04 td {padding:12px 0; border-bottom:1px solid #e4e4e4; color:#696d73}

.tbl_style05 {width:100%; margin-bottom:33px; border-top:2px solid #424242; color:#444; text-align:center}
.tbl_style05 tr th:first-child {border-left:0}
.tbl_style05 tr td:first-child {border-left:0; text-align:center}
.tbl_style05 th {padding:9px 0 8px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fafafa; color:#696d73}
.tbl_style05 td {padding:16px 24px 15px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; color:#696d73; text-align:left; line-height:22px}

/* 10/30 수정 및 추가 */
.rental_txt h4 {margin-bottom:20px; font-family:'nanumB'; color:#424242; font-size:20px}
.rental_txt h4:first-child {font-size:25px}
.rental_txt .comment {margin-bottom:24px; color:#6b707b; font-size:14px}
.rental_txt .mt40 {margin-bottom:40px}
.rental_txt .tb_inner {*zoom:1}
.rental_txt .tb_inner h4 {font-size:20px}
/* 10/30 수정 및 추가 끝 */
.rental_txt .tb_inner:after {content:""; display:block; clear:both}
.rental_txt .tb_inner .left {float:left; width:392px}
.rental_txt .tb_inner .right {float:right; width:392px}

.rental_step {height:98px; text-align:center; background:url('../images/bl_step_arrow.gif') no-repeat right 40px}
.rental_step p {padding-top:52px; margin-right:10px; color:#92959a}
.rental_step.bg_none {background:none}
.rental_step .step1 {background:url('../images/bg_rental_step1.gif') no-repeat center 10px}
.rental_step .step2 {background:url('../images/bg_rental_step2.gif') no-repeat 49px 8px}
.rental_step .step3 {background:url('../images/bg_rental_step3.gif') no-repeat center 8px}
.rental_step .step4 {background:url('../images/bg_rental_step4.gif') no-repeat 48px 8px}
.rental_step .step5 {background:url('../images/bg_rental_step5.gif') no-repeat center 8px}
.rental_step .step6 {background:url('../images/bg_rental_step6.gif') no-repeat center 8px}

/* 회사소개 */
.company_txt {margin-top:85px}
.company_txt p {margin-bottom:20px}

/* 1025 찾아오시는 길*/
.tbl_style02 dl:first-child {margin:5px 0;}
.tbl_style02 dl {margin-bottom:5px; *zoom:1}
.tbl_style02 dl:after {display:block; content:""; clear:both}
.tbl_style02 dt {float:left; width:55px; margin-right:9px}
.tbl_style02 dd {float:left} 
.tbl_style02 dd strong {color:#129800}
.tbl_style02 dd strong.blue {color:#223cbf}

.rightTxt {width:100%; margin-top:-29px; text-align:right; font-size:14px; color:#424242; font-family:'nanumB'}
.rightTxt span {position:relative; top:-1px; margin:0 5px 0 12px; padding-left:18px; background:url('../images/bl_phone.gif') no-repeat left 3px; font-size:12px; font-family:'nanum'}
.rightTxt a {position:relative; top:-1px;}