@charset "utf-8"; * {margin: 0; padding: 0; border: 0;} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, dfn, em, img, ins, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0; padding: 0; border: 0; font-size:12px; font-weight:normal;} html, body {height:auto;} html {overflow-y:auto; overflow-x:hidden;} body, input, textarea, select, button {color:#666; font-size:12px; line-height:120%; #line-height:100%; font-family:'맑은고딕','Malgun Gothic','돋움','dotum','Tahoma','verdana','Helvetica','Arial';} img, input, button, select, textarea {vertical-align:middle;} legend, caption {visibility: hidden; position:absolute; height:0; line-height: 0; width:0;} ul, ol, dl, dt, dd {list-style:none;} img, fieldset {border:none;} body {background: #fff;} li img {vertical-align: top;} table {border-spacing:0; padding:0; border:0;} th, td {padding:0;} hr {display:none;} dt img, dd img {vertical-align: top;} a:link {color:#666; text-decoration:none;} a:hover {color:#666; text-decoration:underline;} /********** 레이아웃 **********/ #n_all_wrap {position:relative; width:100%; min-height:100%;} #n_all_wrap #n_all_l {position:absolute; top:0; right:50%; width:50%; height:100%; background:#fff url(/images/bank_v2/n_all_bg_l.gif) repeat-x left 97px;} #n_all_wrap #n_all_r {position:absolute; top:0; left:50%; width:50%; height:100%; background:#fff url(/images/bank_v2/n_all_bg_r.gif) repeat-x left 97px;} #n_all_wrap #n_all_header {position:absolute; top:0; left:50%; width:980px; height:101px; margin:0 0 0 -490px; background:#fff url(/images/bank_v2/n_all_header_bar.gif) no-repeat left bottom; z-index: 500;} #n_all_header a.logo {position: absolute; top:27px; left:0;} #n_all_header ul.gnb_wrap {position: absolute; top:44px; left:200px;} #n_all_header ul.gnb_wrap li {float:left; margin:0 25px 0 0;} #n_all_header .subgnb_wrap {} #n_all_header .subgnb_wrap .po1 {position: absolute; top:60px; left:182px; display: none;} #n_all_header .subgnb_wrap .po2 {position: absolute; top:60px; left:495px; display: none;} #n_all_header .subgnb_wrap .po3 {position: absolute; top:60px; left:585px; display: none;} #n_all_header .subgnb_wrap .subgnb {width:181px; padding:48px 0 22px 0;} #n_all_header .subgnb span.t {position: absolute; top:25px; left:0; width:181px; height:23px; background:url(/images/bank_v2/n_subgnb_bg_t.png) no-repeat left top;} #n_all_header .subgnb span.b {position: absolute; bottom:0; left:0; width:181px; height:22px; background:url(/images/bank_v2/n_subgnb_bg_b.png) no-repeat left top;} #n_all_header .subgnb span.b1 {position: absolute; bottom:0; left:0; width:181px; height:22px; background:url(/images/bank_v2/n_subgnb_bg_b1.png) no-repeat left top;} #n_all_header .subgnb ul.subgnb_list {background:url(/images/bank_v2/n_subgnb_bg_m.png) repeat-y left top;} #n_all_header .subgnb ul.subgnb_list li {display: block; height:24px; padding:12px 0 0 15px;} #n_all_header .subgnb ul.subgnb_list li.even {background:url(/images/bank_v2/n_subgnb_bg_m1.png) repeat-y left top;} #n_all_header ul.gnb1_wrap {position: absolute; top:0; right:0; width:245px; height:70px; background:#fff url(/images/bank_v2/n_all_header_bg.gif) no-repeat right top;} #n_all_header ul.gnb1_wrap li {float:left;} #n_all_header ul.gnb1_wrap li.li1 {position: absolute; top:48px; left:30px;} #n_all_header ul.gnb1_wrap li.li2 {position: absolute; top:48px; left:77px;} #n_all_header ul.gnb1_wrap li.li3 {position: absolute; top:48px; left:121px;} #n_all_header ul.gnb1_wrap li.li4 {position: absolute; top:48px; left:174px;} #n_all_header ul.gnb1_wrap li.li5 {position: absolute; top:48px; left:100px;} #n_all_header div.gnb1_wrap {position: absolute; top:0; right:0; width:245px; height:70px; background:#fff url(/images/bank_v2/n_all_header_bg.gif) no-repeat right top;} #n_all_header div.gnb1_wrap ul.ul1 {width: 200px; height:100%; text-align: center;} #n_all_header div.gnb1_wrap ul.ul1 li {float:left; margin-top: 48px; width: 50px;} #n_all_header div.gnb1_wrap ul.ul2 {width: 210px; height:100%; text-align: center;} #n_all_header div.gnb1_wrap ul.ul2 li {float:left; margin-top: 48px; width: 70px;} #n_all_wrap #n_all_contents {position:relative; width:980px; margin:auto; padding:101px 0 136px 0;} #n_all_wrap #n_all_contents .contents_wrap {position:relative; border: 1px solid #dadada; border-top:none;} #n_all_wrap #n_all_contents .contents_wrap .n_layout_l_wrap {position:absolute; top:0; left:0; width:227px; height:100%; #padding:109px 0 0 0; border-right: 1px solid #dadada;} #n_all_wrap #n_all_contents .contents_wrap .n_layout_r_wrap {position:relative; min-height:690px; padding:115px 0 50px 50px; margin:0 0 0 227px;} #n_all_contents #n_all_footer {position:absolute; bottom:0; left:50%; width:980px; height:136px; margin:0 0 0 -490px; background:#fff; border-top:1px solid #d9d9d9;} #n_all_footer ul.menu_wrap {position: absolute; top:20px; left:0;} #n_all_footer ul.menu_wrap li {float: left; padding:0 15px; background:url(/images/bank_v2/n_footer_bar.gif) no-repeat left 1px;} #n_all_footer ul.menu_wrap li.first {padding:0 15px 0 0; background: none;} #n_all_footer p {position: absolute; top:57px; left:0; color:#737373; font-size: 11px; line-height: 140%;} /********** 공통 **********/ .selbox1_wrap {display: block; border:2px solid #083f88; background: #fff;} .selbox1_wrap a.txt {display: block; width:242px; height:21px; padding:5px 30px 0 10px; color:#333333;} .selbox1_wrap a.txt span.btn {position: absolute; top:0; right:0; display: block; width:25px; height:26px; background:url(/images/bank_v2/n_selbox_ic1.gif) no-repeat center 11px;} .selbox1_wrap ul.option_list {position:absolute; top:26px; left:0; display: block; overflow:hidden; width:100%; padding:5px 0; border:1px solid #ccc; background: #fff;} .selbox1_wrap ul.option_list li {display: block; height:20px; padding:3px 10px 0 10px; font-size: 12px; color:#333333;} .selbox1_wrap ul.option_list li a {color:#333333;} .selbox2_wrap {position:relative; display: block; width:167px; border:2px solid #a8adb3; background: #fff;} .selbox2_wrap a.txt {display: block; height:21px; padding:5px 30px 0 10px; font-weight:bold; color:#294c7a;} .selbox2_wrap a.txt span.btn {position: absolute; top:0; right:0; display: block; width:25px; height:26px; background:url(/images/bank_v2/n_selbox_ic1.gif) no-repeat center 11px;} .selbox2_wrap ul.option_list {position:absolute; top:26px; left:0; display: block; overflow:hidden; width:100%; padding:5px 0; margin:0 0 0 -1px; border:1px solid #ccc; background: #fff;} .selbox2_wrap ul.option_list li {display: block; height:20px; padding:3px 10px 0 10px; font-size: 12px; color:#333333;} .selbox2_wrap ul.option_list li a {color:#333333;} .mg_t70 {margin:70px 0 0 0;} .mg_t60 {margin:60px 0 0 0;} .mg_t40 {margin:40px 0 0 0;} .mg_t30 {margin:30px 0 0 0;} .mg_t20 {margin:20px 0 0 0;} .mg_t5 {margin:5px 0 0 0;} .mg_0 {margin:0 0 0 0;} input.inbox_01 {height:17px; padding:3px; color:#192f3c; border:1px solid #d3d3d3;} input.inbox_02 {height:19px; padding:2px; font-size:14px; color:#192f3c; border:1px solid #d3d3d3;} input.inbox_03 {height:19px; padding:2px; font-size:14px; color:#2f5b74; border:1px solid #d3d3d3; background: #f2f2f2;} input.btn_search {width:60px; height:27px; margin:2px 0 0 10px;} p.n_path_wrap {padding:0 0 2px 15px; background:url(/images/bank_v2/n_path_ic.gif) no-repeat left 50%;} p.n_path_wrap a {display: inline-block; padding:0 11px 0 5px; color:#7f7f7f; background:url(/images/bank_v2/n_path_bg.gif) no-repeat right 6px;} p.n_path_wrap strong {display: inline-block; font-weight: bold; padding:0 0 0 5px; color:#000;} /********** 메인 **********/ .n_main_visual_wrap {position:relative; float:left; width:735px; height: 298px; background:url(/images/bank_v2/n_visual_bg.gif) no-repeat left top;} .n_main_visual_wrap ul.img_wrap {overflow:hidden; position: absolute; top:0; left:1px; width:489px; height: 296px;} .n_main_visual_wrap ul.img_wrap li {display:block; height:296px;} .n_main_visual_wrap ul.img_wrap .img1 {position:relative; width:489px; height:296px; background:url(/images/bank_v2/n_visual_img1.jpg) no-repeat left top;} .n_main_visual_wrap ul.img_wrap .img1 span {position: absolute; top:25px; left:30px;} .n_main_visual_wrap ul.img_wrap .img1 a {position: absolute; top:174px; left:31px;} /* .n_main_visual_wrap ul.img_wrap .img2 {position:relative; width:489px; height:296px; background:url(/images/bank_v2/n_visual_img2.jpg) no-repeat left top;} */ /* .n_main_visual_wrap ul.img_wrap .img2 span {position: absolute; top:25px; left:30px;} */ /* .n_main_visual_wrap ul.img_wrap .img2 a {position: absolute; top:174px; left:31px;} */ .n_main_visual_wrap ul.img_wrap .img2 {position:relative; width:489px; height:296px; background:url(/images/bank_v2/n_visual_img2.jpg) no-repeat left top;} .n_main_visual_wrap ul.img_wrap .img2 span {position: absolute; top:25px; left:30px;} .n_main_visual_wrap ul.img_wrap .img2 a {position: absolute; top:174px; left:31px;} .n_main_visual_wrap ul.img_wrap .img3 {position:relative; width:489px; height:296px; background:url(/images/bank_v2/n_visual_img2.jpg) no-repeat left top;} .n_main_visual_wrap ul.img_wrap .img3 span {position: absolute; top:25px; left:30px;} .n_main_visual_wrap ul.img_wrap .img3 a {position: absolute; top:174px; left:31px;} .n_main_visual_wrap ul.btn_wrap{position: absolute; top:0; left:489px; border-left:1px solid #e5e5e5;} .n_main_visual_wrap ul.btn_wrap li {display:block; border-bottom:1px solid #e5e5e5;} .n_main_visual_wrap ul.btn_wrap li a {display:block; width:244px; height:73px;} .n_main_visual_wrap ul.btn_wrap li a.btn1 {height:98px; overflow: hidden;} .n_main_visual_wrap ul.btn_wrap li a:hover.btn1 {position:0 -98px;} /* .n_main_visual_wrap ul.btn_wrap li a.btn2 {background:url(/images/bank_v2/n_visual_menu2.gif) no-repeat left top;} */ /* .n_main_visual_wrap ul.btn_wrap li a:hover.btn2 {background-position:0 -73px;} */ .n_main_visual_wrap ul.btn_wrap li a.btn2 {height:98px; } .n_main_visual_wrap ul.btn_wrap li a:hover.btn2 {position:0 -98px;} .n_main_visual_wrap ul.btn_wrap li a.btn3 {height:98px; } .n_main_visual_wrap ul.btn_wrap li a:hover.btn3 {position:0 -98px;} .n_main_infosearch_wrap {position:relative; float:left; width:245px; height:74px; background:url(/images/bank_v2/n_infosearch_bg.jpg) no-repeat left top;} .n_main_infosearch_wrap input {position: absolute; top:25px; left:30px; width:160px; height:20px; font-weight:bold; font-size:14px; background:url(/images/bank_v2/n_infosearch_txt.gif) no-repeat left 3px; color:black; outline: none;} .n_main_infosearch_wrap a {position: absolute; top:28px; right:33px;} .n_main_devhelp_wrap {float:left; display: block; width:245px; height:224px;} .n_main_search_wrap_main {position:relative; clear:both; height:121px; background:url(/images/bank_v2/n_mainsearch_bg.jpg) no-repeat left top;} .n_main_search_wrap_main .po1 {position: absolute; top:56px; left:30px; z-index: 100;} .n_main_search_wrap_main .po2 {position: absolute; top:56px; left:345px; z-index: 100;} .n_main_search_wrap_main .po3 {position: absolute; top:56px; left:661px; z-index: 100;} .n_main_search_wrap {position:relative; clear:both; height:121px; background:url(/images/bank_v2/n_mainsearch_bg.jpg) no-repeat left top; z-index:500;} .n_main_search_wrap .po1 {position: absolute; top:56px; left:30px;} .n_main_search_wrap .po2 {position: absolute; top:56px; left:345px;} .n_main_search_wrap .po3 {position: absolute; top:56px; left:661px;} .n_main_movie_wrap {position:relative; float: left; width:488px; height:267px; border-left:1px solid #dadada; border-bottom:1px solid #dadada;} .n_main_movie_wrap h1 {position: absolute; top:26px; left:25px;} .n_main_movie_wrap .movie1 {position: absolute; top:60px; left:25px; width:197px; height:131px; background:url(/images/bank_v2/n_movie_bg.gif) no-repeat left top;} .n_main_movie_wrap .movie1 ul li {display: none; text-align: center; vertical-align: middle;} .n_main_movie_wrap .movie1 ul li .btn {position: absolute; width: 56px; height: 56px; background: transparent; top: 50%; left: 50%; margin-top: -23px; margin-left: -28px;} .n_main_movie_wrap .movie1 img {position: absolute; top:-28px; left:-72px; width:195px; height:112px; background: #000;} .n_main_movie_wrap p.txt1 {position: absolute; top:207px; left:25px;} .n_main_movie_wrap .movie2 {position: absolute; top:60px; left:259px; width:197px; height:131px; background:url(/images/bank_v2/n_movie_bg.gif) no-repeat left top;} .n_main_movie_wrap .movie2 ul li {display: none;} .n_main_movie_wrap .movie2 ul li .btn {position: absolute; width: 56px; height: 56px; background: transparent; top: 50%; left: 50%; margin-top: -23px; margin-left: -28px;} .n_main_movie_wrap .movie2 img {position: absolute; top:-28px; left:-72px; width:195px; height:112px; background: #000;} .n_main_movie_wrap p.txt2 {position: absolute; top:207px; left:258px;} .n_main_notice_wrap {position:relative; float: left; width:245px; height:267px; border-left:1px solid #dadada; border-bottom:1px solid #dadada;} .n_main_notice_wrap h1 {position: absolute; top:26px; left:25px; display: block;} .n_main_notice_wrap a.more {position: absolute; top:26px; right:24px;} .n_main_notice_wrap ul.list_wrap {position: absolute; top:65px; left:22px;} .n_main_notice_wrap ul.list_wrap li {display: block; padding:0 0 0 8px; margin:0 0 8px 0; background:url(/images/bank_v2/n_mnotice_ic.gif) no-repeat left 5px; height: 13px;} .n_main_notice_wrap ul.list_wrap li a.txt1 {display: block; overflow:hidden; white-space:nowrap; max-width:158px; color:#333; text-overflow: ellipsis; float: left;} .n_main_notice_wrap ul.list_wrap li a.txt2 {display: block; overflow:hidden; white-space:nowrap; width:188px; color:#333; text-overflow: ellipsis; float: left;} .n_main_notice_wrap ul.list_wrap li img {margin-top: 2px; margin-left: 5px;} .n_main_bestinfo_wrap {position:relative; float: left; width:243px; height:267px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-right:1px solid #dadada;} .n_main_bestinfo_wrap h1 {position: absolute; top:26px; left:25px; display: block;} .n_main_bestinfo_wrap ul.list_wrap {position: absolute; top:65px; left:22px;} .n_main_bestinfo_wrap ul.list_wrap li {display: block; position:relative; padding:0 0 0 21px; margin:0 0 8px 0;} .n_main_bestinfo_wrap ul.list_wrap li span {position: absolute; top:2px; left:0;} .n_main_bestinfo_wrap ul.list_wrap li a {display: block; overflow:hidden; white-space:nowrap; width:170px; color:#333; text-overflow: ellipsis;} .n_main_bestinfo_wrap ul.list_wrap li.blue a {color:#349ad1; font-weight: bold;} .n_mainbanner_wrap {clear:both; overflow:hidden; height:75px;} .n_mainbanner_wrap div {width: 980px; height: 75px; overflow: hidden; position: absolute; } .n_mainbanner_wrap div ul.list_wrap {display: block; width:3000px; height:26px; margin:25px 0 0 0; position: absolute;} .n_mainbanner_wrap div ul.list_wrap li {float:left; margin:0 16px 0 17px;} .main_img_wrap{position: absolute; top:0; left:0px; overflow:hidden; width:489px; height:296px; padding-top: 1px;} .mainBgBanner {position:absolute;top:358px; left:1px;width:489px;height:1386px;} .mainBgBanner .mBanBgItem {float:left;width:489px;height:296px;} .mainTxtBanner {position:absolute;top:0px;left: 459px;width:1956px;height:296px;} .mainTxtBanner div {float:left;width:459px;height:266px; padding-top: 35px; padding-left: 30px; } .mainBtnBanner {position:absolute;top:0px;left:0px;width:151px;height:265px; padding-top: 166px; padding-left: 31px;} .mainBtnBanner a img{opacity: 0; } #popupBg {position:absolute;left:0;top:0; display:none; z-index:800; background-color: #000000; width: 100%; height: 100%; opacity: 0;} #playPopup {position:absolute; z-index: 1000; display:none; opacity: 0;} #video {position:absolute; width: 560px; height: 315px; margin-top: 20px;} #video2 {position:absolute; width: 560px; height: 315px; left: 0; top: 0;} #videoClose {position:absolute; width: 30px; height: 30px; left: 560px; margin-left: -10px; z-index: 1100;} /********** 뷰어 **********/ /* #n_viewer_wrap {position: absolute; top:100px; left:50%; width:864px; height:734px; margin:0 0 0 -432px; background:url(/images/bank_v2/n_pop_view_bg.png) no-repeat left top; z-index: 800;} */ #n_viewer_wrap {position: absolute; top:-7px; left:-17px; width:847px; height:707px; margin:0; background:url(/images/bank_v2/n_pop_view_bg.png) no-repeat left top; z-index: 800; overflow: hidden;} #n_viewer_wrap .area {position: absolute; top:7px; left:17px; overflow:hidden; width:830px; height:700px;} #n_viewer_wrap .area .nv_black {position:fixed; top:0; left:0; width:100%; height:100%; background: #000; filter:alpha(opacity=70); opacity: 0.70; -moz-opacity:0.70; z-index: 500; display: none;} .nv_menu_wrap {position: absolute; top:77px; left:0; border-bottom:1px solid #d8d8da; z-index: 1;} .nv_menu_wrap li {display:block;} .nv_menu_wrap li a.btn {display:block; width:155px; height:46px; background:url(/images/bank_v2/nv_view_menu1.gif) no-repeat left top;} .nv_menu_wrap .smenu_wrap {border-top:1px solid #d8d8da; background:url(/images/bank_v2/nv_view_smenubg.gif) repeat-y left top; visibility: hidden; height: 0; padding: 0; padding-left: 24px; } .nv_menu_wrap .smenu_wrap li {display:block;} .nv_menu_wrap .smenu_wrap li a {display:block; padding:0 0 10px 12px; color:#3b4655; font-family:'Dotum','돋움'; background:url(/images/bank_v2/n_ic_01.gif) no-repeat left 5px;} .nv_menu_wrap .smenu_wrap li a.on {color:#408dd5;} .nv_chu_wrap {position: absolute; bottom:0; left:0; width:154px; height:204px;} .nv_chu_wrap a {position: absolute; bottom:29px; left:45px;} .nv_chu_wrap p {position: absolute; bottom:102px; left:17px; width:100px; padding:13px 10px 20px 10px; color:#000; background:url(/images/bank_v2/nv_chu_subg2.gif) repeat-y left bottom;} .nv_chu_wrap p span.t {position: absolute; top:0; left:0; width:100%; height:11px; background:url(/images/bank_v2/nv_chu_subg3.gif) no-repeat left top;} .nv_chu_wrap p span.b {position: absolute; bottom:0; left:0; width:100%; height:20px; background:url(/images/bank_v2/nv_chu_subg1.gif) no-repeat left bottom;} .nv_chu_wrap p span.m {display: block;} .nv_chu_wrap p strong {color:#389bc8; font-weight: bold; font-size: 25px; line-height: 100%;} .nv_content_wrap {position: absolute; top:77px; left:165px; overflow:hidden; width:523px; height:623px; padding:0 0 0 52px; background:url(/images/bank_v2/nv_contents_bg.png) no-repeat left top;} .nv_content_wrap h2 {display: block; padding:0 40px 35px 40px; margin:40px 52px 30px 0; font-size:22px; line-height:120%; color:#000; font-weight: bold; letter-spacing:-1px; border-bottom:3px solid #78b5c9; overflow-y: hidden; text-align: left; width: 391px;} .nv_content_wrap h2 span {font-size:22px; color:#000; font-weight: bold; letter-spacing:-1px;} .nv_content_wrap .contents {width:100%; height:440px; margin:0; overflow-y: auto; overflow-x: hidden; } .nv_content_wrap .contents_t {position: absolute; top:0; left:0; width:70px; height:101px; background:url(/images/bank_v2/nv_contents_bg1.png) no-repeat left top;} .nv_content_wrap .contents h3 {display: block; font-size: 17px; color:#000; font-weight: bold;} /* 사이드 메뉴 */ .nv_side_wrap {position: absolute; top:66px; right:-560px; width:638px; height:500px; background:url(/images/bank_v2/n_bg_viewer1.png) repeat-y right top; z-index: 1000; } .side_menu_wrap {position: absolute; top:12px; left:0; width:90px; height:100%;} .side_menu_wrap a.btn1 {display: block; position: absolute; top:13px; left:0; width:100%; height: 88px;} .side_menu_wrap a.btn2 {display: block; position: absolute; top:359px; left:0; width:80px;} .side_menu_wrap ul {position: absolute; left:0px; width:98px; height:240px; top:110px; z-index: 500;} .side_menu_wrap li {display: block; width:100%; height:80px;} .side_menu_wrap li a {display: block; height: 80px;} /* 사이드메뉴 a */ .side_a_cont_wrap {position: absolute; top:35px; left:142px; width:490px; height:570px; display:none; overflow: hidden; } .side_a_cont_wrap span.img1 {float:left; width:334px; height:225px; background: #cccccc;} .side_a_cont_wrap span.img2 {float:left; width:72px; height:45px; margin:0 30px 15px 30px; background: #cccccc;} .side_a_cont_wrap p.title {clear:both; width:434px; padding:20px 0 0 0; line-height:140%; font-size: 20px; font-weight: bold; color:#000;} .side_a_cont_wrap div {margin:30px 0 0 0; width:434px; height: 200px; overflow-x: hidden; overflow-y: auto; } .side_a_cont_wrap div p.cont {clear:both; width:100%; line-height:140%; color:#404040; text-align: justify;} .side_a_cont_wrap a.btn_close {position:absolute; bottom:0px; right:56px; display:block; width:75px; height: 32px; } /* 사이드메뉴 b */ .side_b_cont_wrap {position: absolute; left:77px; width:462px; height:180px; padding:20px 0px 40px 10px; background:url(/images/bank_v2/nv_viewer_bg.png) no-repeat left top; top: 122px; display:none;} #side_b_cont_wrap_a {width: 100%; height: 100%; display: none; overflow-y: auto;} #side_b_cont_wrap_b {width: 100%; height: 100%; display: none; overflow-y: auto;} #side_b_cont_wrap_c {width: 100%; height: 100%; display: none; overflow-y: auto;} .side_b_cont_wrap div a.btn_close {position:absolute; bottom:10px; right:10px; display:block; width:75px; height: 32px;} .side_b_cont_wrap div dl {margin:10px 0 10px 20px;} .side_b_cont_wrap div dl dt {font-weight: bold; color:#000; font-size: 14px;} .side_b_cont_wrap div dl dd {margin:5px 0 0 0; padding:0 0 0 13px; color:#404040; background:url(/images/bank_v2/n_ic_02.gif) no-repeat 4px 5px;} /* 사이드메뉴 c */ .side_c_cont_wrap {position: absolute; top:35px; left:142px; width:490px; height:570px; display: none;} .side_c_cont_wrap a.btn_close {position:absolute; bottom:0; right:35px; display:block; width:75px; height: 32px; } .side_c_cont_wrap table.questiontb {width:450px; border-collapse:collapse; border-bottom:1px solid #e0e1e3; margin-bottom: 20px;} .side_c_cont_wrap .questiontb th {background:url(/images/bank/popup/tb_botbg.gif) left bottom no-repeat; padding:10px 0; text-align:right; color:#2799be; font-weight:normal;} .side_c_cont_wrap .questiontb td {border-bottom:1px solid #e0e1e3; padding:10px 0; color:#404040;} .side_c_cont_wrap .questiontb th span {padding-right:15px; font-color: black;} .side_c_cont_wrap .questiontb input {width:103px; height:21px; border:1px solid #c0c4ca; vertical-align:middle;} .side_c_cont_wrap .questiontb select {width:55px; height:21px; padding:0px 0; vertical-align:middle; border:1px solid #c0c4ca; font-size:12px;} /******* 개발도우미 *******/ .n_main_infosearch_wrap {position:relative; float:left; width:245px; height:74px; background:url(/images/bank_v2/n_infosearch_bg.jpg) no-repeat left top;} .n_main_infosearch_wrap input {position: absolute; top:25px; left:30px; width:160px; height:20px; font-weight:bold; font-size:14px; background:url(/images/bank_v2/n_infosearch_txt.gif) no-repeat left 3px;} .n_main_infosearch_wrap a {position: absolute; top:28px; right:33px;} .n_main_devhelp_wrap {float:left; display: block; width:245px; height:224px;} .n_main_search_wrap {position:relative; clear:both; height:121px; background:url(/images/bank_v2/n_mainsearch_bg.jpg) no-repeat left top; z-index:1;} .n_main_search_wrap .po1 {position: absolute; top:56px; left:30px;} .n_main_search_wrap .po2 {position: absolute; top:56px; left:345px;} .n_main_search_wrap .po3 {position: absolute; top:56px; left:661px;} .n_main_movie_wrap {position:relative; float: left; width:488px; height:267px; border-left:1px solid #dadada; border-bottom:1px solid #dadada;} .n_main_movie_wrap h1 {position: absolute; top:26px; left:25px;} .n_main_movie_wrap .movie1 {position: absolute; top:60px; left:25px; width:197px; height:131px; background:url(/images/bank_v2/n_movie_bg.gif) no-repeat left top;} .n_main_movie_wrap .movie1 a {position: absolute; top:46px; left:73px; width:56px; height:56px;} .n_main_movie_wrap p.txt1 {position: absolute; top:207px; left:25px;} .n_main_movie_wrap .movie2 {position: absolute; top:60px; left:259px; width:197px; height:131px; background:url(/images/bank_v2/n_movie_bg1.gif) no-repeat left top;} .n_main_movie_wrap .movie2 a {position: absolute; top:46px; left:73px; width:56px; height:56px;} .n_main_movie_wrap p.txt2 {position: absolute; top:207px; left:258px;} .n_main_notice_wrap {position:relative; float: left; width:245px; height:267px; border-left:1px solid #dadada; border-bottom:1px solid #dadada;} .n_main_notice_wrap h1 {position: absolute; top:26px; left:25px;} .n_main_notice_wrap a.more {position: absolute; top:26px; right:24px;} .n_main_notice_wrap ul.list_wrap {position: absolute; top:65px; left:22px;} .n_main_notice_wrap ul.list_wrap li {display: block; padding:0 0 0 8px; margin:0 0 8px 0; background:url(/images/bank_v2/n_mnotice_ic.gif) no-repeat left 5px;} .n_main_notice_wrap ul.list_wrap li a {display: block; overflow:hidden; white-space:nowrap; width:188px; color:#333; text-overflow: ellipsis;} .n_main_bestinfo_wrap {position:relative; float: left; width:243px; height:267px; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-right:1px solid #dadada;} .n_main_bestinfo_wrap h1 {position: absolute; top:26px; left:25px;} .n_main_bestinfo_wrap ul.list_wrap {position: absolute; top:65px; left:22px;} .n_main_bestinfo_wrap ul.list_wrap li {display: block; position:relative; padding:0 0 0 21px; margin:0 0 8px 0;} .n_main_bestinfo_wrap ul.list_wrap li span {position: absolute; top:2px; left:0;} .n_main_bestinfo_wrap ul.list_wrap li a {display: block; overflow:hidden; white-space:nowrap; width:170px; color:#333; text-overflow: ellipsis;} .n_main_bestinfo_wrap ul.list_wrap li.blue a {color:#349ad1; font-weight: bold;} .n_mainbanner_wrap {clear:both; overflow:hidden; height:75px;} .n_mainbanner_wrap ul.list_wrap {display: block; width:3000px; height:26px; margin:25px 0 0 0;} .n_mainbanner_wrap li {float:left; margin:0 33px 0 0;} .n_search_wrap {position:absolute; top:0; left:0; width:229px; height: 83px; margin:0 0 0 -1px; background:#fff url(/images/bank_v2/n_left_bg.gif) no-repeat left bottom;} .n_search_wrap input {width:171px; height:40px; padding:0 40px 0 10px; margin:20px 0 0 4px; font-size:14px; background: #fff;} .n_search_wrap a {position:absolute; top:32px; right:18px; width:15px; height:16px;} .n_smenu_wrap {margin:109px 0 0 28px; width:171px;} .n_smenu_wrap dt {height:57px; border-bottom: 1px solid #9a9a9a;} .n_smenu_wrap dd {height:39px; border-bottom: 1px solid #e4e4e4;} .n_smenu_wrap dd.last {border-bottom: 1px solid #9a9a9a;} .n_searchopt_wrap {position:relative; margin:29px 0 0 0;} .n_searchopt_wrap p.title {position:absolute; top:0; left:0; height:82px;} .n_searchopt_wrap .sel_1 {position:absolute; top:82px; left:28px; z-index: 300;} .n_searchopt_wrap .sel_2 {position:absolute; top:122px; left:28px; z-index: 290;} .n_searchopt_wrap .sel_3 {position:absolute; top:162px; left:28px; z-index: 280;} .n_searchopt_wrap p.tip {position:absolute; top:207px; left:28px; width:159px; height:29px;} .n_devhelp_t_wrap {position:absolute; top:0; left:0; width:751px; height: 83px; margin:0 0 0 1px; background:#fff url(/images/bank_v2/n_devhelp_bg.gif) no-repeat left top;} .n_devhelp_t_wrap .img {position:absolute; top:8px; right:15px;} .n_devhelp_btn_top {display:block; position:absolute; bottom:0; right:0; width:44px; height:19px; margin:0 -1px -1px 0;} h2.n_cont_title {margin:40px 0 0 0;} .n_devhelp_txt1 {margin:25px 0 0 0;} .n_devhelp1_list_wrap {width:651px; margin:70px 0 0 0;} .n_devhelp1_list_wrap li {display: block; position: relative; margin:0 0 40px 0;} .n_devhelp1_list_wrap li a {display: block; position: absolute; top:42px; right:25px;} .n_devhelp2_btn {display:block; margin: 40px 0 150px -57px; padding-left: 50%;} .n_devhelp3_list_wrap {width:651px; height:129px; padding:0 0 0 1px; margin:54px 0 0 0; background:url(/images/bank_v2/n_devhelp3_bg.gif) no-repeat left top;} .n_devhelp3_list_wrap li {float: left; height:100%; padding:0 1px 0 0; text-align:center; background:url(/images/bank_v2/n_devhelp3_bg.gif) no-repeat right top;} .n_devhelp3_list_wrap li a {float: left; height:100%; background:url(/images/bank_v2/n_devhelp3_bg.gif) no-repeat right top;} .n_devhelp3_movie_wrap {position:relative; width:573px; height: 403px; margin:50px 0 0 36px; background:url(/images/bank_v2/n_devhelp3_img2.gif) no-repeat left top;} .n_devhelp3_movie_wrap span.pan {position:absolute; top:0; right:0; width:241px; height: 333px; background:url(/images/bank_v2/n_devhelp3_img3.png) no-repeat right top;} .n_devhelp3_movie_wrap a.play {display:block; position:absolute; top:30%; left:50%; width:96px; height:96px; margin:0 0 0 -48px;} .n_devhelp3_movie_wrap object {display:block; position:absolute; top:24px; left:24px; width:527px; height:296px; overflow: hidden;} .n_devhelp3_btn {display:block; margin: 27px 0 70px 0; text-align: center;} .n_devhelp4_list1_wrap {width:651px; height:47px; margin: 39px 0 0 0; background:url(/images/bank_v2/n_devhelp4_bg.gif) no-repeat left bottom;} .n_devhelp4_list1_wrap li {float: left; width:164px; height: 100%;} .n_devhelp4_list1_wrap li a {display: block; width:164px; height: 47px;} .n_devhelp4_list1_wrap li a span {display:none; width:0; height: 0; line-height: 0;} .n_devhelp4_list2_wrap {width:651px; height:47px; margin: 39px 0 0 0; background:url(/images/bank_v2/n_devhelp4_bg1.gif) no-repeat left bottom;} .n_devhelp4_list2_wrap li {float: left; width:164px; height: 100%;} .n_devhelp4_list2_wrap li a {display: block; width:164px; height: 47px;} .n_devhelp4_list2_wrap li a span {display:none; width:0; height: 0; line-height: 0;} .n_devhelp4_list3_wrap {width:651px; height:47px; margin: 39px 0 0 0; background:url(/images/bank_v2/n_devhelp4_bg2.gif) no-repeat left bottom;} .n_devhelp4_list3_wrap li {float: left; width:164px; height: 100%;} .n_devhelp4_list3_wrap li a {display: block; width:164px; height: 47px;} .n_devhelp4_list3_wrap li a span {display:none; width:0; height: 0; line-height: 0;} .n_devhelp4_cont_wrap {position: relative; margin:30px 0 0 0; width:100%; height:400px; background:url(/images/bank_v2/n_devhelp4_img2.gif) no-repeat left top; z-index: 1;} .n_devhelp4_cont_wrap img.title_a {position: absolute; top:0; left:3px;} .n_devhelp4_cont_wrap img.title_b {position: absolute; top:0; left:172px;} .n_devhelp4_cont_wrap img.title_c {position: absolute; top:0; left:341px;} .n_devhelp4_cont_wrap img.title_d {position: absolute; top:67px; left:147px;} .n_devhelp4_cont_wrap img.title_e {position: absolute; top:227px; left:3px;} .n_devhelp4_cont_wrap img.title_f {position: absolute; top:227px; left:341px;} .n_devhelp4_cont_wrap img.title_g {position: absolute; top:0; left:526px;} .n_devhelp4_cont_wrap .po_a {position: absolute; top:58px; left:3px;} .n_devhelp4_cont_wrap .po_b {position: absolute; top:58px; left:172px;} .n_devhelp4_cont_wrap .po_c {position: absolute; top:58px; left:341px;} .n_devhelp4_cont_wrap .po_d {position: absolute; top:0; left:310px;} .n_devhelp4_cont_wrap .po_e {position: absolute; top:0; left:135px;} .n_devhelp4_cont_wrap .po_f {position: absolute; top:130px; right:60px;} .n_devhelp4_cont_wrap .po_g {position: absolute; top:20px; right:160px;} .n_devhelp4_bx_wrap {} .n_devhelp4_bx_wrap img.arrow {position: absolute; top:-17px; left:54px; width:28px; height:21px;} .n_devhelp4_bx_wrap img.arrow1 {position: absolute; top:145px; left:-16px; width:20px; height:28px;} .n_devhelp4_bx_wrap img.arrow2 {position: absolute; top:237px; left:-16px; width:20px; height:28px;} .n_devhelp4_bx_wrap img.arrow3 {position: absolute; top:107px; left:-16px; width:20px; height:28px;} .n_devhelp4_bx_wrap img.arrow4 {position: absolute; top:107px; right:-13px; width:20px; height:28px;} .n_devhelp4_bx_wrap .t_wrap {position:relative; display:block; height:4px; padding:0 7px 0 4px;} .n_devhelp4_bx_wrap .t_wrap span.l {position:absolute; top:0; left:0; display:block; width:4px; height:100%; background: #083f88;} .n_devhelp4_bx_wrap .t_wrap span.m {display:block; width:100%; height:100%; background: #083f88;} .n_devhelp4_bx_wrap .t_wrap span.r {position:absolute; top:0; right:0; display:block; width:7px; height:100%; background:url(/images/bank_v2/n_devhelp4_bx_1.png) no-repeat right top;} .n_devhelp4_bx_wrap .b_wrap {position:relative; display:block; height:8px; padding:0 7px 0 4px;} .n_devhelp4_bx_wrap .b_wrap span.l {position:absolute; top:0; left:0; display:block; width:4px; height:100%; background:url(/images/bank_v2/n_devhelp4_bx_2.png) no-repeat left bottom;} .n_devhelp4_bx_wrap .b_wrap span.m {display:block; width:100%; height:100%; background:url(/images/bank_v2/n_devhelp4_bx_3.png) repeat-x left bottom;} .n_devhelp4_bx_wrap .b_wrap span.r {position:absolute; top:0; right:0; display:block; width:7px; height:100%; background:url(/images/bank_v2/n_devhelp4_bx_4.png) no-repeat right bottom;} .n_devhelp4_bx_wrap .m_wrap {position:relative; overflow:hidden; display:block; padding:0 7px 0 4px;} .n_devhelp4_bx_wrap .m_wrap span.l {position:absolute; top:0; left:0; display:block; width:4px; height:100%; background: #083f88;} .n_devhelp4_bx_wrap .m_wrap div.m {display:block; width:100%; height:100%; background: #fff;} .n_devhelp4_bx_wrap .m_wrap span.r {position:absolute; top:0; right:0; display:block; width:7px; height:100%; background:url(/images/bank_v2/n_devhelp4_bx_5.png) repeat-y right top;} .n_devhelp4_cont_wrap .list_wrap {} .n_devhelp4_cont_wrap .list_wrap li {display: block; padding:12px 13px;} .n_devhelp4_cont_wrap .list_wrap li.even {background: #eaebeb;} .n_devhelp4_cont_wrap .list_wrap li a {display:block; padding:0 0 0 10px; color:#2f363f; background:url(/images/bank_v2/n_ic_04.gif) no-repeat left 6px;} .servicetb01 {width:651px; border-collapse:collapse; border-top:2px solid #a7add6; border-bottom:2px solid #a7add6; clear:both; margin: 20px 0 20px 0;} .servicetb01 th {text-align:right; font-weight:normal; color:#4286ac; height:31px; background:url(/images/bank/guide/th_bgbgb.gif) left bottom no-repeat;} .servicetb01 td {border-bottom:1px solid #cfd4d6; height:31px;} .servicetb01 td.underline {background:url(/images/bank/guide/td_bgbg.gif) left bottom no-repeat; border-bottom:none;} .servicetb01 th span {padding-right:20px;} .servicetb01 td div.txtbox {height:150px; padding:20px; line-height:16px;} .servicetb01 em {font-style:normal; color:#000000;} .toolList {} .toolList li {float:left; margin-right:11px; margin-bottom:14px;} .toolList li a img {vertical-align:top;} .n_devhelp5_cont_wrap {position: relative; margin:30px 0 0 0; width:100%; height:400px; background:url(/images/bank_v2/n_devhelp5_img1.gif) no-repeat left top;} .n_devhelp5_cont_wrap .devhelp5_1 {position: absolute; top:133px; left:19px; width:97px;} .n_devhelp5_cont_wrap .devhelp5_1 dt {display: none; height:0; width:0; line-height: 0;} .n_devhelp5_cont_wrap .devhelp5_1 dd {display:block; height:21px; padding:5px 0 0 0; text-align:center;} .n_devhelp5_cont_wrap .devhelp5_2 {position: absolute; top:133px; left:190px; width:97px;} .n_devhelp5_cont_wrap .devhelp5_2 dt {display: none; height:0; width:0; line-height: 0;} .n_devhelp5_cont_wrap .devhelp5_2 dd {display:block; height:21px; padding:5px 0 0 0; text-align:center;} .n_devhelp5_cont_wrap .devhelp5_3 {position: absolute; top:133px; left:360px; width:97px;} .n_devhelp5_cont_wrap .devhelp5_3 dt {display: none; height:0; width:0; line-height: 0;} .n_devhelp5_cont_wrap .devhelp5_3 dd {display:block; height:21px; padding:5px 0 0 0; text-align:center;} .n_devhelp5_cont_wrap .devhelp5_4 {position: absolute; top:133px; left:531px; width:97px;} .n_devhelp5_cont_wrap .devhelp5_4 dt {display: none; height:0; width:0; line-height: 0;} .n_devhelp5_cont_wrap .devhelp5_4 dd {display:block; height:21px; padding:5px 0 0 0; text-align:center;} .n_devhelp5_cont_wrap .devhelp5_5 {position: absolute; top:308px; left:106px;} .n_devhelp5_cont_wrap .devhelp5_5 li {float: left; padding:0 13px 0 12px; background:url(/images/bank_v2/n_devhelp5_bg.gif) no-repeat right top;} .n_devhelp5_cont_wrap .devhelp5_5 li.last {background: none; padding:0 0 0 12px;} .n_devhelp6_cont_wrap {position: relative; overflow:hidden; margin:30px 0 0 0; width:100%;} .n_devhelp6_cont_wrap .devhelp6_1 {float:left; margin:0 0 0 0; width:295px;} .n_devhelp6_cont_wrap .devhelp6_1 dt {height:62px;} .n_devhelp6_cont_wrap .devhelp6_1 dd {display:block; height:34px; background:url(/images/bank_v2/n_devhelp6_bg.gif) repeat-x left bottom;} .n_devhelp6_cont_wrap .devhelp6_1 dd.last {background:none; border-bottom: 1px solid #ccc;} .n_devhelp6_cont_wrap .devhelp6_2 {float:left; margin:0 0 0 32px; width:304px;} .n_devhelp6_cont_wrap .devhelp6_2 dt {height:62px;} .n_devhelp6_cont_wrap .devhelp6_2 dd {display:block; height:34px; background:url(/images/bank_v2/n_devhelp6_bg.gif) repeat-x left bottom;} .n_devhelp6_cont_wrap .devhelp6_2 dd.last {background:none; border-bottom: 1px solid #ccc;} .n_devhelp6_cont_wrap .devhelp6_3 {float:left; margin:40px 0 0 32px; width:304px; } .n_devhelp6_cont_wrap .devhelp6_3 dt {height:64px;} .n_devhelp6_cont_wrap .devhelp6_3 dd {display:block; height:34px; background:url(/images/bank_v2/n_devhelp6_bg.gif) repeat-x left bottom;} .n_devhelp6_cont_wrap .devhelp6_3 dd.last {background:none; border-bottom: 1px solid #ccc;} .n_devhelp6_cont_wrap .devhelp6_4 {float:left; margin:40px 0 0 0; width:295px; vertical-align: top;} .n_devhelp6_cont_wrap .devhelp6_4 dt {height:64px;} .n_devhelp6_cont_wrap .devhelp6_4 dd {display:block; height:34px; background:url(/images/bank_v2/n_devhelp6_bg.gif) repeat-x left bottom;} .n_devhelp6_cont_wrap .devhelp6_4 dd.last {background:none; border-bottom: 1px solid #ccc;} .n_devhelp7_list1_wrap {width:651px; height:47px; overflow:hidden; margin: 39px 0 0 0; background:url(/images/bank_v2/n_devhelp7_img1.gif) no-repeat left bottom;} .n_devhelp7_list1_wrap li {float: left; width:164px; height: 100%;} .n_devhelp7_list1_wrap li a {display: block; width:164px; height: 47px;} .n_devhelp7_list1_wrap li a span {display:none; width:0; height: 0; line-height: 0;} .n_devhelp7_list2_wrap {width:651px; height:47px; overflow:hidden; margin: 39px 0 0 0; background:url(/images/bank_v2/n_devhelp7_img4.gif) no-repeat left bottom;} .n_devhelp7_list2_wrap li {float: left; width:164px; height: 100%;} .n_devhelp7_list2_wrap li a {display: block; width:164px; height: 47px;} .n_devhelp7_list2_wrap li a span {display:none; width:0; height: 0; line-height: 0;} .n_devhelp7_list3_wrap {width:651px; height:47px; overflow:hidden; margin: 39px 0 0 0; background:url(/images/bank_v2/n_devhelp7_img5.gif) no-repeat left bottom;} .n_devhelp7_list3_wrap li {float: left; width:164px; height: 100%;} .n_devhelp7_list3_wrap li a {display: block; width:164px; height: 47px;} .n_devhelp7_list3_wrap li a span {display:none; width:0; height: 0; line-height: 0;} .n_devhelp7_list4_wrap {width:651px; height:47px; overflow:hidden; margin: 39px 0 0 0; background:url(/images/bank_v2/n_devhelp7_img6.gif) no-repeat left bottom;} .n_devhelp7_list4_wrap li {float: left; width:164px; height: 100%;} .n_devhelp7_list4_wrap li a {display: block; width:164px; height: 47px;} .n_devhelp7_list4_wrap li a span {display:none; width:0; height: 0; line-height: 0;} .tabsubMenu {background: url('/images/icon/uiuxSubTabbg.gif') repeat-x left top; margin: 0 50px 0 115px} .n_devhelp7_movie_wrap {position:relative; width:573px; height: 403px; margin:20px 0 0 36px; background:url(/images/bank_v2/n_devhelp3_img2.gif) no-repeat left top;} .n_devhelp7_movie_wrap span.pan {position:absolute; top:0; right:0; width:241px; height: 333px; background:url(/images/bank_v2/n_devhelp3_img3.png) no-repeat right top;} .n_devhelp7_movie_wrap a.play {display:block; position:absolute; top:30%; left:50%; width:96px; height:96px; margin:0 0 0 -48px;} .n_devhelp7_movie_wrap object {display:block; position:absolute; top:24px; left:24px; width:526px; height:296px; overflow: hidden;} .n_devhelp7_txt {padding:0; margin:0;} .serviceinbox {width:651px; height:69px; position:relative; overflow:hiddeen; float:left; background:url(/images/bank/guide/service_box.png) no-repeat; margin: 20px 0 20px 0;} .serviceinbox p {margin:20px 0 0 20px; line-height:16px;} .servicetb {width:651px; border-top:1px solid #a7add6; border-bottom:1px solid #a7add6;} .servicetb th {text-align:right; font-weight:normal; color:#4286ac; height:31px; background:url(/images/bank/guide/serviceth_bg.gif) left bottom no-repeat;} .servicetb td {border-bottom:1px solid #cfd4d6; height:31px; width: 479px;} .servicetb th span {padding-right:20px;} .servicetb td input {vertical-align:middle;} .servicetb td input.style {width:100%; height:19px; border:1px solid #dcdcdc;} .servicetb td textarea {width:100%; height:134px; border:1px solid #dcdcdc; margin:6px 0; line-height:15px;} .servicetb .pachfile {width: 400px;} .servicetb .pachfile li {padding-bottom:3px;} .servicetb .pachfile li img {vertical-align:middle; margin:0 5px;} .servicetb .pachfile li strong {color:#000; font-size:11px; font-weight:normal;} .servicetb .no_bg {background:none !important;} .servicetb .no_bd {border-bottom:none !important;} /********** 수행사례 뷰어 **********/ #n_case_view_wrap {position:absolute; top:0; left:0; width:100%; min-height:100%; z-index: 801; display: none;} #n_case_view_wrap .nv_black {position:fixed; top:0; left:0; width:100%; height:100%; background: #000; filter:alpha(opacity=70); opacity: 0.70; -moz-opacity:0.70; z-index: 500;} .n_case_wrap {position: absolute; top:184px; left:50%; width:980px; margin:0 0 0 -490px; #padding:20px 0 0 0; z-index: 800;} .n_case_wrap a.close {position:absolute; top:-26px; right:-23px; display:block; width:46px; height:47px; z-index: 799;} .n_case_wrap .t_wrap {position: absolute; top:0; left:0; width:100%; height:20px; z-index: 600;} .n_case_wrap .t_wrap .t_l {position: absolute; top:0; left:0; width:20px; height:20px; background:url(/images/bank_v2/n_case_bg1.png) no-repeat left top;} .n_case_wrap .t_wrap .t_r {position: absolute; top:0; right:0; width:20px; height:20px; background:url(/images/bank_v2/n_case_bg2.png) no-repeat right top;} .n_case_wrap .t_wrap .t_m {display: block; height:20px; margin:0 20px; background: #fff;} .n_case_wrap .b_wrap {position: absolute; bottom:0; left:0; width:100%; height:20px; z-index: 600;} .n_case_wrap .b_wrap .b_l {position: absolute; bottom:0; left:0; width:20px; height:20px; background:url(/images/bank_v2/n_case_bg3.png) no-repeat left top;} .n_case_wrap .b_wrap .b_r {position: absolute; bottom:0; right:0; width:20px; height:20px; background:url(/images/bank_v2/n_case_bg4.png) no-repeat right top;} .n_case_wrap .b_wrap .b_m {display: block; height:20px; margin:0 20px; background: #fff;} .n_case_wrap .m_wrap {display: block; min-height:500px; padding:70px 0 0 0; margin:20px 0 20px 0; background: #fff;} .n_case_wrap .menu_wrap {position:absolute; top:0; left:47px; display: block; width:886px; height:85px; z-index:788;} .n_case_wrap .menu_wrap li {float:left; height:100%; text-align:center; background:url(/images/bank_v2/n_case_menu_bg.gif) no-repeat right 36px;} .n_case_wrap .menu_wrap li a {} .n_case_wrap .menu_wrap li.li01 {width:107px;} .n_case_wrap .menu_wrap li.li02 {width:145px;} .n_case_wrap .menu_wrap li.li03 {width:152px;} .n_case_wrap .menu_wrap li.li04 {width:161px;} .n_case_wrap .menu_wrap li.li05 {width:171px;} .n_case_wrap .menu_wrap li.li06 {width:150px; background: none;} .n_case_wrap .case1_wrap {position:relative; width:954px; min-height:100px; padding:46px 0 0 0; margin:0 13px; background:url(/images/bank_v2/n_case_bod1_bg.gif) no-repeat left top;} .n_case_wrap .case1_wrap a.down {position:absolute; top:-5px; left:3px;}