@charset "utf-8";

@font-face {
     font-family:'ng';
     font-weight:normal;
     font-style:normal;
     src: url('/assets/woori/css/font/NanumGothic.eot');
     src: local('?'), 
          url('/assets/woori/css/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
          url('/assets/woori/css/font/NanumGothic.woff2') format('woff2'),
          url('/assets/woori/css/font/NanumGothic.woff') format('woff'),
          url('/assets/woori/css/font/NanumGothic.ttf') format('truetype');
}

@font-face {
     font-family:'ngb';
     font-weight:normal;
     font-style:normal;
     src: url('/assets/woori/css/font/NanumGothicBold.eot');
     src: local('?'), 
          url('/assets/woori/css/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
          url('/assets/woori/css/font/NanumGothicBold.woff') format('woff'),
          url('/assets/woori/css/font/NanumGothicBold.ttf') format('truetype');
}
/* basic */
* {margin:0;padding:0}
html {height:100%;font-size:13px;}
body {margin:0;padding:0;height:100%;font-size:13px;font-family:'ng','ngb','NanumGothic','나눔고딕','dotum';color:#666;}
h1, h2, h3, h4, h5, h6 {font-size:13px;font-weight:normal;}
h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, ul, ol, li, form, fieldset, blockquote, address, table, thead, tbody, tfoot, tr, td, caption, iframe {margin:0;padding:0;}
a:link {color:#666;text-decoration:none}
a:visited {color:#666;text-decoration:none}
a:active {color:#666;text-decoration:none;}
a:hover {color:#666;text-decoration:none;}
ul, ol {list-style:none;}
em, var {font-style:normal;}
img, fieldset {border:0 none;vertical-align:middle;}
div, p, span, li, table td, dd {word-break:keep-all;word-wrap:break-word;/*white-space:normal;word-wrap:break-word;word-break:break-all;*/}
hr {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;padding:0;visibility:hidden;font-size:0;line-height:0;}
strong {font-family:ngb;font-weight:normal;}
caption, legend, .skip, .tableskip {overflow:hidden;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;}
table {border-collapse:collapse; font-size:13px;table-layout:fixed;}
table th, table td {white-space:normal !important;word-wrap:break-word !important;}
button, textarea, input, object, select {vertical-align:middle}
#accessibility {position:absolute; left:0; top:0; text-align:center; width:100%; z-index:9999; font-size:2em; background:#008dcc;}
#accessibility a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#fff; white-space:nowrap; color:#fff;}
#accessibility a:focus, #accessibility a:active {height:auto;width:auto;padding:20px 0;color:#fff;}
input, select, label {vertical-align:middle;color:#666;}
label {margin-left:4px;}
input {font:normal 13px 'ng';}
input.txtType01, 
input.txtType02 {height:32px;padding:0 9px;border: solid 1px #999;line-height:23px;}
:root input.txtType01 {padding-top:1px \0/IE9;height:31px \0/IE9;}
input.txtType02 {height:27px;}
textarea {resize:none;padding:9px;border: solid 1px #999;line-height:23px;color:#666;font:normal 13px 'ng';}
.hidden{position:absolute !important;top:-9999px !important;left:-9999px !important;}
.clear{clear:both;overflow:hidden;margin:0;padding:0;font-size:0;line-height:0;zoom:1;}
.o_hidden {overflow:hidden !important;}
.fl {float:left;}
.fr {float:right;}
.f13 {font-size:13px !important;}
.mt02 {margin-top:2px !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.ml02 {margin-left:2px !important;}
.ml04 {margin-left:4px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.mr15 {margin-right:15px !important;}
.mr45 {margin-right:45px !important;}
.pr40 {padding-right:40px !important;}
.vspace10 {clear:both;height:10px;}
.vspace25 {clear:both;height:25px;}
.vspace30 {clear:both;height:30px;}
.vspace40 {clear:both;height:40px;}
.vspace45 {clear:both;height:45px;}
.vspace50 {clear:both;height:40px;}
.vspace60 {clear:both;height:60px;}
.borderSpace {clear:both;height:50px;border-bottom:1px solid #dcdcda;}
.vtop {vertical-align:top !important;}
.vmiddle {vertical-align:middle !important;}
.vbottom {vertical-align:bottom !important;}
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}
.w100 {display:inline-block;width:100px;}
.colorPoint {color:#007bbe;font-family:ng;}
.letter-1 {letter-spacing:-1px !important;}
.pointBox {clear:both;margin-top:10px;padding:10px;background:#f2f2f2;}
.pointBox02 {float:left;width:924px;float:left;}
.ng {font-family:ng !important;}
.ngb {font-family:ngb !important;}
/* Layout */
#wrap {width:100%;height:100%;}
/* header */
#header {position:relative;width:100%;height:133px;padding:0;margin:0 auto;z-index:2000;}
#header .hTop {width:100%;height:30px;background:#0099d3;border-bottom:1px solid #46b3de;}
#header .hTopCon {position:relative;width:944px;margin:0 auto;z-index:2200;}
#header .hTopCon ul,#header .hTopCon li {float:left;}
#header .hTopCon ul li {padding:6px 7px 0;background:url(/assets/woori/img/common/bg_hLine01.gif) no-repeat 0 10px;font:normal 12px 'ng';}
#header .hTopCon ul li a {color:#ccebf6;}
#header .hTopCon ul li:first-child {padding-left:0;background:none;}    
#header .hTopCon ul.hLink02 {padding:0 0 0 10px;}
#header .hTopCon ul.hLink02 li {height:30px;padding:0;border-left:1px solid #47b4de;}
#header .hTopCon ul.hLink02 li a {display:block;height:23px;padding:7px 16px 0 38px;background:#0099d3 url(/assets/woori/img/common/icon_hLink02.gif) no-repeat 15px 7px;font:normal 12px 'ngb';color:#80cce9;letter-spacing:-1px;} 
#header .hTopCon ul.hLink02 li.on a {background-color:#fff;background-position:15px -23px;color:#222 !important;border-bottom:1px solid #fff;}
#header .hTopCon ul.hLink02 li.saju a {background-position:-135px 7px;}
#header .hTopCon ul.hLink02 li.saju.on a {background-position:-135px -23px;}
#header .hTopCon ul.hLink02 li.banking a {background-position:-285px 7px;}
#header .hTopCon ul.hLink02 li.banking.on a {background-position:-285px -23px;} 
#header .hTopCon ul.hLink02 li.finance a {background-position:-435px 7px;border-right:1px solid #47b4de;}
#header .hTopCon ul.hLink02 li.finance.on a {background-position:-435px -23px;} 
#header .hTopCon ul.util {float:right;}
#header .hTopCon ul.util li.popNum {padding-right:0;}
#header .hTopCon ul.util li.popNum a {display:block;}
#header .hTopCon ul.util li.popNum span {display:inline-block;width:11px;height:14px;margin:0 0 0 2px;padding:1px 0 0 4px;background:url(/assets/woori/img/common/bg_popNum.png) no-repeat 0 0;font:bold 11px 'Arial';color:#0099d3;}
.header_layerPop {position:absolute;top:32px;right:0;width:530px;height:532px;border:1px solid #d9d9d9;background:#fff;}    
.header_layerPop .h_popNb {float:none;position:absolute;right:0;top:0;width:121px;height:500px;background:#fff url(/assets/woori/img/common/bg_m_pop01.gif) repeat-y 0 0;}
.header_layerPop .h_popNb li {width:121px;padding:0 !important;margin:0;}
.header_layerPop .h_popNb li a {height:40px;margin:0;padding:26px 0 0 17px;border-bottom:1px solid #e5e5e5;font:normal 13px 'ngb';color:#666 !important;letter-spacing:-1px;}
.header_layerPop .h_popNb li a.on {height:39px;background:#1d8bcb url(/assets/woori/img/common/bg_h_popNb.gif) no-repeat 0 26px;border-top:1px solid #1a7db6;border-bottom:1px solid #1a7db6;color:#fff !important;}    
.header_layerPop .h_popCon {width:410px;height:500px;padding:0;margin:0;line-height:0;font-size:0;}
.header_layerPop .h_popCon span {height:auto;padding:0;margin:0;line-height:0;font-size:0;}
.header_layerPop .h_popBottom {position:relative;height:26px;padding:6px 0 0 10px;border-top:1px solid #d9d9d9;font:normal 12px 'ng';}
.header_layerPop .h_popBottom div.close {position:absolute;right:0;top:0;}
.header_layerPop .h_popBottom a {display:block;height:24px;padding:7px 47px 0 0;font:normal 13px 'ngb';color:#444 !important;background:#fff url(/assets/woori/img/common/btn_layerClose02.gif) no-repeat right 0;}

#header .hGnb {position:relative;width:100%;height:102px;background:url(/assets/woori/img/common/bg_hGnb.gif) repeat-x 0 bottom;z-index:2100;}
#header .gnb_area {position:relative;width:944px;margin:0 auto;font:normal 17px 'ngb';color:#f2651d;z-index:2101;}
#header .gnb_area .logo {float:left;margin-top:25px;}
#header .gnb_area .gnb {float:right;margin:44px 0 0 0;}

#header .gnb_area .gnb ul li {float:left;padding:0 25px 0 30px;background:url(/assets/woori/img/common/bg_hLine02.gif) no-repeat 0 5px;}
#header .gnb_area .gnb ul li a {display:block;padding:0 0 34px 0}
#header .gnb_area .gnb ul li a:hover, #header .gnb_area .gnb ul li a.on {color:#007bbe;text-decoration:underline;}
#header .gnb_area .gnb ul li:first-child {padding-left:0;background:none;}
#header .gnb_area .gnb ul li.last {padding-right:0;}

#header .gnb .lnbWrap {position:absolute;top:102px;left:0px;overflow:hidden;width:944px;display:none;}
#header .gnb .lnb_area {position:absolute;top:-1px;left:0;width:189px;height:286px;padding:33px 0 0 0;background:#fff;border:1px solid #e5e5e5;z-index:2101;}
#header .gnb .lnb_area a {display:inline-block !important;padding:0 !important;}
#header .gnb .lnb_area ul {margin:0 0 0 15px;}
#header .gnb .lnb_area ul li {width:189px;background:none;font:normal 13px 'ng';}
#header .gnb .lnb_area ul li strong a {font:normal 15px 'ngb';color:#444;}
#header .gnb .lnb_area ul li > ul {margin-left:0;}
#header .gnb .lnb_area ul li > ul li {padding:11px 0 0 0;*padding:10px 0 0 0;}
#header .gnb .lnb_area.lnb02 {left:189px;}
#header .gnb .lnb_area.lnb03 {left:378px;}
#header .gnb .lnb_area.lnb04 {left:567px;}
#header .gnb .lnb_area.lnb05 {left:753px;}


/* content */
#container {min-height:100%;margin:-133px 0 -113px;}
*html #container {height:100%;}
.conArea {padding:133px 0 113px;}
.conArea .snb {position:relative;width:100%;height:47px;background:url(/assets/woori/img/common/bg_snb01.gif) repeat-x left top;z-index:1000;}
.snbCon {position:relative;top:0;left:0;width:944px;margin:0 auto;z-index:1001;}
.snbCon .location {float:left;}
.snbCon div.home {float:left;width:44px;height:43px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.snbCon div.home a {display:inline-block;width:29px;height:28px;padding:15px 0 0 15px;}
.snbCon ol {float:left;}
.snbCon ol > li {position:relative;float:left;padding-right:9px;background:url(/assets/woori/img/common/bg_snb04.gif) no-repeat 0 0;}
.snbCon ol > li a {display:block;height:29px;padding:14px 32px 0 27px;background:url(/assets/woori/img/common/bg_snb02.gif) no-repeat right 20px;font:normal 13px 'ng';color:#444;letter-spacing:-1px;}
.snbCon ol > li a span {position:absolute !important;visibility:hidden !important;top:-9999px !important;left:-9999px !important;}      
.snbCon ol > li a.on {font:normal 13px 'ngb';text-decoration:underline;color:#333;}

.snbCon ol > li:first-child {background:none;}
.snbCon ol > li:first-child a {padding-left:15px;}

.snbCon ol > li > ul.snb_list {position:absolute;top:44px;left:-1px;width:202px;padding:0 0 3px;background:#fff url(/assets/woori/img/common/bg_snb03.png) repeat-x left bottom;z-index:1101;}
.snbCon ol > li > ul.snb_list li {float:none;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.snbCon ol > li > ul.snb_list li a {display:block;height:24px;padding:8px 10px 0 15px;background:none;border-top:0;}
.snbCon ol > li > ul.snb_list li a:hover,.snbCon ol > li > ul.snb_list li a.on {background:#666;text-decoration:underline;font:normal 13px 'ng';color:#fff;}

.snbCon .sns {float:right;padding:13px 0;}
.snbCon .sns li {float:left;padding:1px 15px;border-left:1px solid #e5e5e5;}
.snbCon .sns li:first-child {border-left:0;padding-top:0;}
.snbCon .sns li.print {padding-right:0;}

#contents {width:944px;margin:45px auto 160px;}
#contents.conType {margin:0 auto;}
h1 {padding-top:15px;}

/* footer */
#footer {clear:both;position:relative;width:100%;height:113px;min-width:1037px;background:#727272 url(/assets/woori/img/common/bg_footer00.gif) repeat-x 0 0;z-index:1000;}
#footer .f_con {position:relative;width:944px;margin:0 auto;padding:20px 0 0;font:normal 12px 'ng';color:#fff;}
#footer .f_con a {font:normal 12px 'ngb';color:#fff;}   
#footer .f_con a:hover {text-decoration:underline}
#footer .f_con .f_link01,#footer .f_con .f_link02 {float:left;}
#footer .f_con .f_link01 {margin-top:4px;margin-right:3px;}
#footer .f_con .f_link01 li {float:left;padding:0 5px;background:url(/assets/woori/img/common/bg_footer01.png) no-repeat left 3px;}
#footer .f_con .f_link01 li:first-child {padding-left:0;background:none;}
#footer .f_con .f_link02 > li {float:left;padding-right:8px;}
#footer .f_con .f_link02 > li > a {display:block;height:19px;padding:4px 5px 0;background:url(/assets/woori/img/common/bg_footer02.png) no-repeat 0 0;}
#footer .f_con .f_link02 > li > a span {position:absolute !important;visibility:hidden !important;top:-9999px !important;left:-9999px !important;}
#footer .f_con .f_link02 > li > a:hover {text-decoration:none}
#footer .f_con .f_link02 li.relation {position:relative;}
#footer .f_con .f_link02 li.relation > a {padding-right:23px;background:url(/assets/woori/img/common/bg_footer03.png) no-repeat 0 0;}
#footer .f_con .f_link02 li.relation > a.close {background-position:0 -23px}
#footer .f_con .f_link02 li.relation ul.relation_list {position:absolute;left:0;bottom:23px;width:158px;border-top:1px solid #e5e5e5;}
#footer .f_con .f_link02 li.relation ul.relation_list li {float:none;background:#fff;border:1px solid #e5e5e5;border-top:0;}
#footer .f_con .f_link02 li.relation ul.relation_list li a {display:block;height:24px;padding:10px 10px 0;color:#727272;}
#footer .f_con .f_wa {float:left;padding:0 0 0 3px;}
#footer .f_con .go_menu {float:right;margin-top:5px;}
#footer .f_con .go_menu a {display:block;padding:0 32px 0 0;background:url(/assets/woori/img/common/bg_footer04.png) no-repeat right 0;}
#footer .f_con .go_menu a.close {background-position:right -50px;}
#footer .f_con .go_menu a span {position:absolute !important;visibility:hidden !important;top:-9999px !important;left:-9999px !important;}

#footer .f_con .go_menu .f_menu_list {position:absolute;left:0;top:-156px;padding:18px 0 0 0;background:none;}
#footer .f_con .go_menu .f_menu_list a {display:inline-block;padding:0;font:normal 12px 'ng';color:#fff;background:none;filter:alpha(opacity=50);opacity:.5;}
#footer .f_con .go_menu .f_menu_list dl {float:left;width:314px;}
#footer .f_con .go_menu .f_menu_list dt a {font:normal 14px 'ngb';color:#fff;filter:alpha(opacity=100);opacity:1;}
#footer .f_con .go_menu .f_menu_list dd {padding:12px 0 0 0;}
#footer .f_con .go_menu .f_menu_list li {float:left;width:200px;padding:0 0 6px;}
#footer .f_con .go_menu .f_menu_list li.w80 {width:80px;}
#footer .f_con .go_menu .f_menu_list li.w105 {width:105px;}
#footer .f_con .go_menu .f_menu_list li.w114 {width:114px;}
#footer .f_con .go_menu .f_menu_list li a {display:inline-block;padding:0 0 0 7px;background:url(/assets/woori/img/common/bg_footer_dot.gif) no-repeat 0 5px;}
#footer .f_con address {position:absolute;top:52px;left:0;font:normal 12px 'ng';color:#fff;filter:alpha(opacity=70);opacity:.7;}
#footer .f_con address span {padding:0 7px;background:url(/assets/woori/img/common/bg_address.png) no-repeat left 2px;}
#footer .f_con address span:first-child {padding-left:0;background:none;}
#footer .f_con address span.copyright {display:block;padding:3px 0 0 0;background:none;font-size:11px;filter:alpha(opacity=50);opacity:.5;}

/* 파이어폭스 */
@-moz-document url-prefix() {
#header .gnb_area .totalMenu .tm_con dl.ksfc dd strong a {margin:0 0 16px 0;}
#header .gnb_area .totalMenu .tm_con dl.ksfc dd li strong a {margin:0 0 10px 0;}
#header .gnb_area .totalMenu .tm_con dl.ksfc dd > ul > li {margin-top:20px;}
#header .gnb_area .totalMenu .tm_con dl.ksfc dd > ul > li > ul > li {padding:0 0 6px;}
}
                        
/* 사파리*/
@media screen and (-webkit-min-device-pixel-ratio:0){
/*#header .gnb_area .totalMenu .tm_con dl.ksfc dd strong a {margin:0 0 18px 0;}*/
#header .gnb_area .totalMenu .tm_con dl.ksfc dd li strong a {margin:0 0 10px 0;}
#header .gnb_area .totalMenu .tm_con dl.ksfc dd > ul > li {margin-top:20px;}
#header .gnb_area .totalMenu .tm_con dl.ksfc dd > ul > li > ul > li {padding:0 0 7px;}

#footer .f_con .go_menu .f_menu_list a, #footer .f_con address, #footer .f_con address span.copyright,.m_section02 .m_con dd li {filter:alpha(opacity=100);opacity:1;}
}

/* table */
.tableType {clear:both;border-top:2px solid #424242;border-bottom:1px solid #424242;}
.tableType table {width:100%;border-spacing:0;border-collapse:collapse;margin:0;padding:0;text-align:center;color:#222;}
@media screen and (-webkit-min-device-pixel-ratio:0){
    table {table-layout:auto !important;}
}
.tableType table thead th {padding:10px 0;border-bottom:1px solid #424242;font-size:14px;font-family:ngb;font-weight:normal;}
.tableType table thead.line tr th {border-left:1px solid #e3e3e3;}
.tableType table thead.line tr.txtNormal th {font-family:ng;}
.tableType table thead.line tr th.noline {border-left:none;}
.tableType table thead.line tr th.bottomline {border-bottom:1px solid #e3e3e3;}
.tableType table tbody th, .tableType table tbody td {padding:10px 15px;border-top:1px solid #e3e3e3;font-size:13px;font-weight:normal;line-height:19px;}
.tableType table tbody th strong {font-size:14px;font-family:ngb;font-weight:normal;}
.tableType table tbody tr:first-child th, .tableType table tbody tr:first-child td {border-top:none;}
.tableType table tbody th {background:#f7f7f7;font-family:ngb;font-weight:normal;}
.tableType table tbody th.nobg {background:none;}
.tableType table tbody td {color:#666;border-left:1px solid #e3e3e3;}
.tableType table tbody tr td:first-child {border-left:none;}
.tableType table tbody tr td.boderline {color:#666;border-left:1px solid #e3e3e3;}
.tableType table tbody .noResult {border-left:none;text-align:center;}
.tableType table tfoot th, .tableType table tfoot td {padding:10px 15px;background:#f7f7f7;border-top:1px solid #424242;border-left:1px solid #e3e3e3;}
.tableType table tfoot th {border-left:none;font-family:ngb;font-weight:normal;}
.tableBasic table tbody td {border-left:none;}
.unit {float:right;padding-bottom:8px;font-size:12px;text-align:right;}
.tableTip {clear:both;margin-left:9px;padding:0 0 0 9px;background:url(/assets/woori/img/common/bl_subtit.gif) no-repeat left 8px;font:normal 14px 'ngb';}
.tableTip strong {color:#444;}

.labelTh th label {color:#222 !important;}

/* bbs */
.bbsArea {clear:both;}
.searchWrap {float:right;margin-bottom:16px;}
.searchWrap label {color:#333;}
.searchWrap a {vertical-align:middle;}
.bbsList {clear:both;border-top:1px solid #424242;border-bottom:1px solid #424242;}
.bbsList table {width:100%;text-align:center;color:#444;}
.bbsList table thead th {padding:15px 0;border-bottom:1px solid #424242;font:normal 15px 'ngb';}
.bbsList table tbody tr:first-child td {border-top:none;}
.bbsList table tbody td {padding:15px 0;border-top:1px solid #e3e3e3;color:#666;}
.bbsList table tbody td.bbsTitle {text-align:left;padding:15px 10px;}
.bbsList table tbody td.bbsTitle a:hover {font-family:ngb;color:#333;text-decoration:underline;}

/* bbsView */
.bbsView {clear:both;border-top:2px solid #424242;}
.bbsView table {width:100%;}
.bbsView table .viewTit th {padding:20px 0 20px 15px;border-bottom:1px solid #424242;color:#333;text-align:left;font:normal 17px 'ngb';}
.bbsView table .viewTit div.title {position:relative;padding:0 80px 0 0;}
.bbsView table .viewTit div.title.wide {padding:0 15px 0 0;} 
.bbsView table .viewTit div.private {position:absolute;top:50%;right:0;width:38px;height:18x;padding:0 0 0 45px;margin-top:-8px;background:url(/assets/woori/img/common/bg_private.gif) no-repeat 30px 0;font:normal 13px ngb !important;line-height:14px !important;}
.bbsView table .viewTit div.private.nobg {background:none;}
.bbsView table .viewTit div.date {position:absolute;top:50%;right:0;width:79px;height:18x;margin-top:-8px;font:normal 12px ng;line-height:14px;text-align:right;}
.bbsView table .viewInfo td {padding:15px 0 15px 15px;border-bottom:1px solid #e3e3e3;font:normal 13px ngb;color:#333;text-align:left;}
.bbsView table .viewInfo th{font:normal 13px ng;border-bottom:1px solid #e3e3e3;}
.bbsView table .viewInfo strong {padding:0 10px 0 0;font:normal 13px ng;color:#666;}
.bbsView table .viewInfo td.receive span label {vertical-align:0;}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .bbsView table .viewInfo td.receive span label {vertical-align:-1px;}
}
.bbsView table .viewInfo td.callNum div {float:left;}
.bbsView table .viewInfo td.callNum div.last {margin-left:30px;padding-left:30px;background:url(/assets/woori/img/common/bg_bbsline.gif) no-repeat left 2px;}
.bbsView table .downList td strong {float:left;width:50px;}
.bbsView table .downList td div {float:left;width:850px;}
.bbsView table .downList td div a {clear:both;overflow:hidden;display:block;margin-bottom:5px;line-height:20px;}
.bbsView table .downList td div a img {float:left;margin:2px 10px 0 0;}
.bbsView table .downList td div a span {float:left;width:820px;font:normal 13px ng;}
/* .bbsView table .viewCont td {padding:50px 15px 80px;border-bottom:1px solid #e3e3e3;line-height:20px;} */
.viewList {clear:both;border-top:1px solid #424242;border-bottom:1px solid #424242;}
.viewList li {padding:15px 15px;text-align:left;}
.viewList li:first-child {border-bottom:1px solid #e3e3e3;}
.viewList li:first-child strong {background:url(/assets/woori/img/common/bg_viewbefore.gif) no-repeat left 5px;}
.viewList li strong {display:inline-block;width:34px;padding:0 0 0 20px;color:#444;background:url(/assets/woori/img/common/bg_viewnext.gif) no-repeat left 5px;font:normal 13px 'ngb';}
.viewList li a:hover {text-decoration:underline;color:#333;font-family:ngb;}
.viewList {clear:both;border-top:1px solid #424242;border-bottom:1px solid #424242;}
.viewList li {padding:15px 15px;text-align:left;}
.viewList li:first-child {border-bottom:1px solid #e3e3e3;}
.viewList li:first-child strong {background:url(/assets/woori/img/common/bg_viewbefore.gif) no-repeat left 5px;}
.viewList li strong {display:inline-block;width:34px;padding:0 0 0 20px;color:#444;background:url(/assets/woori/img/common/bg_viewnext.gif) no-repeat left 5px;font:normal 13px 'ngb';}
.viewList li a:hover {text-decoration:underline;color:#333;font-family:ngb;}

/* paging */
.pagingWrap {margin:40px 0 64px;text-align:center;}
.paging img {vertical-align:middle;}
.paging a {display:inline-block;width:32px;height:12px;padding:7px 0 13px;text-align:center;vertical-align:middle;}
.paging a:hover,
.paging a.on {background:#0099d3;color:#fff;font-family:ngb;}
.paging .first, .paging .prev, .paging .next, .paging .last {width:32px;height:32px;margin:0;padding:0;}
.paging .first {margin-right:4px;}
.paging .prev {margin-right:7px;}
.paging .next {margin-left:7px;}
.paging .last {margin-left:4px;}
.pagingBtn {position:relative;z-index:1;width:944px;}
.pagingBtn .btn {position:absolute;top:-1px;right:0;}

/* btn */
a.btnType01 {display:inline-block;padding:8px 35px;background:#0099d3;line-height:18px;font-family:ngb;color:#fff;vertical-align:middle;}
a.btnType01.gray01 {background:#555;}
a.btnType01.gray02 {background:#aaa;}
a.btnType01 span.search {display:inline-block;padding-right:25px;background:url(/assets/woori/img/btn/bg_iconsearch.png) no-repeat right 1px;}
a.btnType02, a.btnDown01, a.btnDown02 {display:inline-block;padding:5px 15px;background:#888;line-height:19px;font-family:ngb;color:#fff;vertical-align:middle;}
a.btnDown01:hover, 
a.btnDown01.on {background:#e60707;}
a.btnDown02:hover, 
a.btnDown02.on {background:#37af1b;}
a.btnType02.blue01 {background:#0099d3;}
a.btnType02 span, 
a.btnDown01 span, 
a.btnDown02 span {display:inline-block;padding-right:15px;background-position:right 3px;background-repeat:no-repeat;}
a.btnType02 span.down,
a.btnDown01 span.down, 
a.btnDown02 span.down {background-image:url(/assets/woori/img/btn/bg_icondown.png);}
a.btnType02 span.look {background-image:url(/assets/woori/img/btn/bg_iconlook.png);}
a.btnType02 span.search {padding-right:20px;background:url(/assets/woori/img/btn/bg_iconsearch.png) no-repeat right 1px;}
.btns {overflow:hidden;clear:both;padding:24px 0;text-align:center;}
.btns .fr {margin-top:5px;}

/* select */
.select-list-box {display:inline-block;#display:inline;zoom:1;vertical-align:middle;z-index:9999;}
.select-list-box .selected-headline {overflow:hidden;display:block;height:20px;padding:6px 0px 6px 0px;padding:7px 0px 5px 0\9;*padding:6px 0px 6px 0px;border:1px solid #999;cursor:pointer;background: #fff url(/assets/woori/img/common/arrow_select.gif) no-repeat right 50%;text-align:left;color:#444;}
:root .select-list-box .selected-headline {padding:6px 0px 4px 0 \0/IE9;}
.select-list-box .selected-headline.disable {color:#a7a7a7;background:#f8f8f8;cursor:default;}
.select-list-box ul.select-list {overflow-y:auto;position:absolute;top:20px;right:0;background:#fff;border:1px solid #999;border-top:none;text-align:left;z-index:9999;}
.select-list-box ul.select-list li a {display:block;height:17px;line-height:10px;padding:9px 0px 6px 10px;padding:9px 0px 5px 10px\9;*padding:8px 0px 7px 10px;color:#817a74;margin:-1px 0 0 0;color:#444 !important;}
.select-list-box ul.select-list li a.select-list-hover {background:#f6f6f6;}
.select-list-box ul.select-list li a.select-list-selected {background:#f6f6f6;}
.select-list-selfocus {border-top:1px solid #2c557f !important;border-left:1px solid #2c557f !important;border-right:1px solid #2c557f !important;border-bottom:1px solid #2c557f !important;}
/* table in select */
.tableType table tbody td .select-list-box .selected-headline,
.grayBox01 .selected-headline {height:17px;padding:4px 0px 6px 0px;padding:5px 0px 5px 0\9;*padding:4px 0px 6px 0px;}
/* pop in select */
.popWrap .select-list-box .selected-headline {height:17px;padding:4px 0px 6px 0px;padding:5px 0px 5px 0\9;*padding:4px 0px 6px 0px;}

/* tab */
.tab {overflow:hidden;width:100%;margin-bottom:45px;padding:4px 0 1px 1px;background:url(/assets/woori/img/common/bg_tabline.gif) repeat-x left 46px;}
.tab li {position:relative;float:left;padding:0;background:#f5f5f5;cursor:pointer;}
.tab li a {display:block;z-index:0;width:140px;height:18px;margin-left:-1px;padding:12px 20px 11px;border:1px solid #dadada;border-bottom:none;background:#f2f2f2;font-size:14px;letter-spacing:-1px;text-align:center;}
.faqtab li a {width:60px;}/* faqtab */
.tab li.w80 a {width:80px;}
.tab li.on {z-index:50;} 
.tab li.on a {height:20px;margin-top:-4px;padding:15px 20px 11px;border:2px solid #424242;border-bottom:none;background:#fff;font-size:15px;font-family:ngb;color:#444;}

/* calendar */
.calendar {position:relative;width:228px;padding-bottom:10px;border:2px solid #424242;background:#fff;}
.calendar strong {display:block;width:188px;height:15px;padding:10px 20px;background:#f2f2f2;color:#252525;}
.calendar .daySearch {position:relative;width:188px;height:24px;margin-top:10px;padding:0 20px;background:#fff;}
.calendar .daySearch div {overflow:hidden;width:70px;margin:0 auto;padding-top:5px;text-align:center;color:#252525;font-family:ngb;letter-spacing:-1px;}
.calendar .daySearch div span {float:left;margin:0 5px 0 5px;}
.calendar .daySearch .prev {position:absolute;left:20px;top:0;}
.calendar .daySearch .next {position:absolute;right:20px;top:0;}
.calendar .cTable {clear:both;width:188px;padding:0 20px;}
.calendar .cTable table {border-spacing:0;border-collapse:collapse;margin:0;padding:0;table-layout:fixed;}
.calendar .cTable table th {padding:10px 0 9px 0;border-bottom:1px solid #494949;font-size:12px;font-family:ngb;font-weight:normal;color:#252525;}
.calendar .cTable table tr:first-child td {padding-top:5px;}
.calendar .cTable table td {margin:0;padding:3px 0;font-size:11px;text-align:center;}
.calendar .cTable table td a {display:inline-block;width:14px;height:12px;padding:3px 3px 5px;color:#252525;}
.calendar .cTable table td.on a {width:14px;height:12px;padding:3px 3px 5px;background:#424242;color:#fff;}
.calendar .cTable table .sun,.calendar .cTable table .sun a {color:#007bbe;}
.calendar .cTable table .off a {color:#999;}
.calendar .close {position:absolute;top:10px;right:10px;}

/* listvelet */
.section01 {overflow:hidden;width:944px;}
.section01.overnone {overflow:visible;}
.section01 .depth01 {float:left;width:200px;padding-right:11px;word-wrap:break-word;}
.section01 .sCon {float:left;width:704px;padding:0 0 0 9px;}
.depth01 {padding:0 0 11px 13px;background:url(/assets/woori/img/common/bl_tit.gif) no-repeat left 3px;font:normal 17px 'ngb';line-height:20px;color:#222;}
.depth02 {margin-left:-9px;padding:0 0 5px 9px;background:url(/assets/woori/img/common/bl_subtit.gif) no-repeat left 8px;font:normal 14px 'ngb';line-height:20px;color:#444;}
.depth02.ng {font-family:ng;}
.depth03 {padding:0 0 6px 9px;background:url(/assets/woori/img/common/bl_sublist02.gif) no-repeat left 10px;line-height:20px;}
.depth03_type02 {padding:0 0 5px;font:normal 14px 'ngb';line-height:20px;color:#444;}
.sCon {padding:0 0 0 14px;font-size:14px;line-height:20px;color:#666;}
.sCon .depthPoint {display:block;padding:0 0 15px;font-size:18px;color:#007bbe;line-height:22px;}
.sCon .call {margin-top:5px;font-size:13px;background:url(/assets/woori/img/common/bl_call.gif) no-repeat left 4px;}
.listType01 li, .listType04 {margin-left:-9px;padding:0 0 8px 9px;background:url(/assets/woori/img/common/bl_subtit.gif) no-repeat left 8px;font:normal 14px 'ngb';line-height:20px;color:#444;}/* 20141001 수정 */ 
.listType01.ng li, .listType04 {font-family:ng;}
.listType02 li {padding:0 0 6px 9px;background:url(/assets/woori/img/common/bl_sublist02.gif) no-repeat left 10px;line-height:20px;}
.listType03 li {padding:0 0 6px 9px;background:url(/assets/woori/img/common/bl_sublist03.gif) no-repeat left 10px;}
.txtPoint {margin:5px 0 0;padding:0 0 0 11px;background:url(/assets/woori/img/common/bl_point.gif) no-repeat left 7px;font-size:13px;color:#007bbe;line-height:20px;}
.txtPoint a {color:#f75a0a;vertical-align:1px;}
.noteBox, .blBox {clear:both;width:652px;padding:20px 25px;border: 1px solid #e3e3e3;background:#fbfbfb;font-size:13px;}
.noteBox .noteTit {display:block;padding:0 0 10px 17px;background:url(/assets/woori/img/common/bl_note.png) no-repeat left 2px;font-size:14px;color:#444;}
.noteBox .noteEx {padding-left:17px;line-height:20px;}
.noteBox .numList {padding:6px 0 0;}
.numList li {padding:0 0 6px 19px;line-height:19px;text-indent:-20px;}
.numList li span {margin-right:8px;}
.noteBox02 {width:894px;}
.noteBox02 ul li ul li {padding:0 0 2px 9px;background:url(/assets/woori/img/common/bl_sublist03.gif) no-repeat left 10px;}
.noteBox02 a {text-decoration:underline;}
.noteBox02 a.btnType01, .noteBox02 a.btnType02 {text-decoration:none;}
.blBox {overflow:hidden;}
.blBox ul li {padding:0 0 6px 10px;background:url(/assets/woori/img/common/bl_boxlist.png) no-repeat left 7px;line-height:19px;font-size:13px;}
.blBox ul li ul {padding:10px 0 0;}
.blBox ul li ul li {padding:0 0 2px 9px;background:url(/assets/woori/img/common/bl_sublist02.gif) no-repeat left 10px;}
.blBox ul li p {padding:10px 0 0;}
.blBox ul.blBox_type li {float:left;width:300px;font-size:13px;}

.blBl {overflow:hidden;}
.blBl ul li {padding:0 0 6px 10px;background:url(/assets/woori/img/common/bl_boxlist.png) no-repeat left 7px;line-height:19px;font-size:13px;text-align:left}
.blBl ul li ul {padding:10px 0 0;}
.blBl ul li ul li {padding:0 0 2px 9px;background:url(/assets/woori/img/common/bl_sublist02.gif) no-repeat left 10px;}

.tincon {margin-top:11px;font-size:13px;color:#767676;}
.tincon.fr {margin:0 0 8px;}
.tin {display:inline-block;width:8px;height:8px;margin:-2px 3px 0 5px;background:url(/assets/woori/img/common/bl_star.png) no-repeat left top;font-size:0;line-height:0;vertical-align:middle;}
.call {margin-top:11px;padding:0 0 0 17px;background:url(/assets/woori/img/common/bl_call.gif) no-repeat left 2px;color:#f75a0a;}

/* etc */
.grayBox01 {overflow:hidden;margin-bottom:40px;padding:7px 22px;background:#f2f2f2;}
.grayBox01 strong {padding-right:10px;color:#4c4c4c;}

/* content_topbox */
.titType01, .titType02 {overflow:hidden;width:944px;padding:15px 0 45px;border-bottom:1px solid #e3e3e3;line-height:20px;background-position:right bottom;background-repeat:no-repeat;}
.titType01 h1, .titType02 h1 {padding-top:0;}
.titType01 .t_typecon {width:944px;}
.titType01.noLine {border:0;}
.titType02 .t_typecon {width:944px;}
.titType02 .fr {margin-top:52px;}
/*.titType03 {overflow:hidden;width:944px;line-height:20px;background-position:right bottom;background-repeat:no-repeat;}
.titType03 .t_typecon {width:650px;}*/
.t_typecon {width:944px;margin-top:30px;}
.t_typecon strong {display:block;padding-bottom:12px;font:normal 15px 'ngb';color:#222;line-height:20px;}
.t_typecon strong.colorPoint {font-size:14px;color:#007bbe;}
.t_typecon p {font-size:14px;color:#444;line-height:20px;}
.t_typecon p strong {padding-bottom:0px;}

/* 팝업 */
.popWrap {overflow:hidden;}
.popWrap h1 {padding:20px 30px;height:15px;background:#666;font:normal 17px 'ngb';color:#fff;}
.popCon {overflow:hidden;padding:25px 30px 30px;}
.popCon .depth02 {font:normal 14px 'ng';line-height:20px;}
.popCon .depth02 strong {font-family:ngb;}
.popCon .listType01 li {font:normal 14px 'ng';line-height:20px;} 
.popCon .blBox {clear:both;width:auto;padding:20px 25px;border: 1px solid #e3e3e3;background:#fbfbfb;}
.popCon .blBox li {padding:0 0 6px 10px;background:url(/assets/woori/img/common/bl_boxlist.png) no-repeat left 7px;line-height:19px;}
.popCon .tab {margin-bottom:30px;}
.popCon .scrollArea {width:100%;height:300px;padding:0;background:#fff;border:none;padding:0;}
.popCon .bbsList table tbody td {padding:8px 0;border-top:1px solid #e3e3e3;color:#666;}
.popCon .bbsList table tbody td.noResult {padding:10px 0;}

/* 센터소개 */
/* 센터장 인사말 */
.centerCeo {overflow:hidden;width:944px;}
.greetingL {width:450px; margin-top:5px;}
.greeting {width:480px;}

.greeting p {margin-bottom:40px;font-size:14px;line-height:20px;}
.greeting .titTxt {margin-bottom:10px;font:normal 27px 'ngb';color:#222;line-height:38px;}
.greeting .titTxt > span {display:block;font-size:18px;}
.greeting .titTxt .colorPoint {font-family:ngb;}
.greeting .subTxt {font:normal 14px 'ngb';color:#444;line-height:20px;}




/* 우리사주지원센터 */
.s_conBox {padding:60px 0 0 0;background:url(/assets/woori/img/center/bg_center03.gif) no-repeat 0 0;font:normal 14px 'ng';line-height:20px;}
.s_conBox ol li {padding:0 0 8px 0;}
.s_conBox ol li span {display:inline-block;width:22px;font:normal 14px 'ngb';color:#50a8d8;}
.deposHistory {padding:50px 0 0 0;}
.deposHistory h2.depth01 {padding-bottom:16px}
.deposHistory dl dt {display:inline-block;padding:0 0 12px 0;font:normal 25px 'ngb';color:#50a8d8;letter-spacing:-1px;}
.deposHistory dl dd {padding:0 0 5px 0;}
.deposHistory dl dd span {display:inline-block;color:#666;font-size:14px;}
.deposHistory dl dd strong {display:inline-block;width:70px;font:normal 14px 'ng';color:#444;}
.deposHistory dl.fr {padding-top:100px;}


/* 상품_내용 */
.productCon {position:relative;}
.productTop {overflow:hidden;width:944px;padding:40px 0 37px;border-top:2px solid #424242;border-bottom:1px solid #e3e3e3;}
.productTop .explain {float:left;width:500px;}
.productTop .explainPoint {font:normal 16px 'ngb';color:#444;line-height:19px;}
.productTop .itemName {margin:20px 0;font:normal 37px 'ngb';color:#222;letter-spacing:-3px;}
.productTop .explainTxt {margin-bottom:10px;line-height:19px;}
.productTop .img {float:right;width:380px;height:190px;}
.productList {position:absolute;top:78px;right:0;}
.productList .moreProduct {width:240px;height:53px;background:url(/assets/woori/img/finacial/bg_moreproduct_off.png) no-repeat left top;font:normal 14px 'ngb';}
.productList .moreProduct a {display:block;width:175px;height:15px;padding:10px 40px 10px 15px;color:#fff;}
.productList .moreProduct.on {height:36px;background:url(/assets/woori/img/finacial/bg_moreproduct_on.png) no-repeat left top;}
.productList .con {width:240px;height:148px;padding:10px 0;background:url(/assets/woori/img/finacial/bg_productlist.png) no-repeat left top;}
.productList .con .scroll {width:220px;height:132px;overflow-y:scroll;overflow-x:hidden;}
.productList .con .moreList {width:200px;}
.productList .con .moreList li a {display:block;width:180px;padding:10px 0 10px 20px;background:url(/assets/woori/img/finacial/bl_morelist.gif) no-repeat 14px 16px;border-bottom:1px solid #8b8b8b;font:normal 12px 'ngb';color:#fff;}
.productList .con .moreList li a.on {background:#4d4d4d url(/assets/woori/img/finacial/bl_morelist.gif) no-repeat 14px 15px;}
.cautionLast {background-position:left 13px;}
.infoCon {float:left;position:relative;border-right: 1px solid #e3e3e3;}
.infoCon h4 {margin-bottom:18px;font:normal 17px 'ngb';color:#444;}
.infoCon.custom h4 {margin-bottom:8px;}
.infoCon p {font-size:13px;}
.infoCon p strong {display:block;font:normal 27px 'ngb';color:#f75a0a;letter-spacing:-2px;}
.infoCon.faq {width:230px;}
.infoCon.qna {width:218px;margin-left:30px;}
.infoCon.custom {width:183px;padding-left:40px;border-right:none;}
.infoCon a {display:block;position:absolute;top:2px;left:45px;padding-right:5px;font-size:13px;color:#444;background:url(/assets/woori/img/finacial/bg_go.gif) no-repeat right center;}


/* 찾아오시는 길 */
.branchInfo {position:relative;}
.mapArea {width:942px;height:348px;border:1px solid #e3e3e3;}
.branchInfo .btn_print {position:absolute;bottom:51px;right:0;}
.tab.branchType li a {width:110px;}

/* 제도안내 */
/* tit영역 bg */
.bg_systeminfo_01 {background-image:url(/assets/woori/img/systeminfo/bg_systeminfo_01.jpg);}
.bg_systeminfo_02 {background-image:url(/assets/woori/img/systeminfo/bg_systeminfo_02.jpg);}
.bg_systeminfo_03 {background-image:url(/assets/woori/img/systeminfo/bg_systeminfo_03.jpg);}
.bg_systeminfo_04 {background-image:url(/assets/woori/img/systeminfo/bg_systeminfo_04.jpg);}
.bg_systeminfo_05 {background-image:url(/assets/woori/img/systeminfo/bg_systeminfo_05.jpg);}
.bg_systeminfo_06 {background-image:url(/assets/woori/img/systeminfo/bg_systeminfo_06.jpg);}
.bg_systeminfo_07 {background-image:url(/assets/woori/img/systeminfo/bg_systeminfo_07.jpg);}
/* 조합설립과 운영_조합설립 */
.process {overflow:hidden;padding:19px 0 0 19px;background:#fbfbfb;border:1px solid #e3e3e3;font-size:13px;}
.process .tit {clear:both;float:left;width:205px;}
.process .con {float:left;width:455px;height:105px;}
.process .con strong {color:#007bbe;}

/*.process {overflow:hidden;}
.process .tit {clear:both;float:left;width:160px;margin:0 30px 0 0;padding:16px 0;background:#0099d3;font:normal 14px 'ngb';color:#fff;text-align:center;}
.process .con {float:left;width:510px;height:120px;}
.process .con.h100 {height:100px;}
.process .con strong {color:#007bbe;}*/

/* 고객과 함께 */
/* tit영역 bg */
.bg_customer_01 {background-image:url(/assets/woori/img/customer/bg_customer_01.jpg);}
.bg_customer_02 {background-image:url(/assets/woori/img/customer/bg_customer_02.jpg);}
.bg_customer_03 {background-image:url(/assets/woori/img/customer/bg_customer_03.jpg);}
.bg_customer_04 {background-image:url(/assets/woori/img/customer/bg_customer_04.jpg);}
.bg_customer_05 {background-image:url(/assets/woori/img/customer/bg_customer_05.jpg);}
/* FAQ */
.faq_searchWrap {width:600px;margin:27px auto 0;}
.faq_searchWrap a {vertical-align:middle;}
.faq_searchWrap input {height:30px;padding:0 9px;border:2px solid #555;line-height:23px;}
:root .faq_searchWrap input {padding-top:1px \0/IE9;height:29px \0/IE9;}
.faqlinkList li {width:260px;}
.faqlinkList li a {background:none;}
.faqArea {width:944px;border-top:2px solid #424242;border-bottom:1px solid #424242;}
.faqArea li {clear:both;width:944px;overflow:hidden;}
.faqArea li span {float:left;width:820px;margin-left:20px;padding-left:20px;background:url(/assets/woori/img/customer/bg_lineqna.gif) no-repeat left top;line-height:18px;}
.faqlinkList li.on a {color:#333;font-family:ngb;text-decoration:underline;}
.faqArea li .faqCon {float:left;width:830px;margin-left:20px;padding-left:20px;background:url(/assets/woori/img/customer/bg_lineqna.gif) no-repeat left top;line-height:18px;}
.faqArea li .q_area {overflow:hidden;display:block;width:904px;padding:20px;border-top:1px solid #e3e3e3;background:url(/assets/woori/img/customer/bg_on_qna.gif) no-repeat 905px center;}
.faqArea li .q_area.on {background:url(/assets/woori/img/customer/bg_off_qna.gif) no-repeat 905px center;color:#333;}
.faqArea li .q_area.on span {font-family:ngb;text-decoration:underline;}
.faqArea li:first-child .q_area{border-top:none;}
.faqArea li .q_area strong {float:left;width:16px;height:17px;background:url(/assets/woori/img/customer/bg_question.gif) no-repeat left top;font-size:0;line-height:0;}
.faqArea li .a_area {overflow:hidden;width:904px;padding:20px;border-top:1px solid #e3e3e3;background:#fbfbfb;}
.faqArea li .a_area strong {float:left;width:16px;height:17px;background:url(/assets/woori/img/customer/bg_answer.gif) no-repeat left top;font-size:0;line-height:0;}
.noteBox03 .noteTit {float:left;margin-top:10px;padding:0 0 0 17px;}
.noteBox03 {overflow:hidden;width:894px;}
.noteBox03 a {float:right;}
.linkArea {position:relative;width:944px;border-top:1px solid #424242;z-index:1;}
.linkArea a.btnLink {position:absolute;top:-32px;right:0;display:block;width:31px;height:31px;background:url(/assets/woori/img/customer/bg_off_btnlinklist.gif) no-repeat left top;font-size:0;line-height:0;cursor:pointer;}
.linkArea a.btnLink.on {background:url(/assets/woori/img/customer/bg_on_btnlinklist.gif) no-repeat left top;}
.linkList {clear:both;overflow:hidden;width:894px;padding:20px 25px 10px;background:#fbfbfb;border-bottom:1px solid #e1e1e1;}
.linkList li {float:left;width:205px;height:15px;margin-bottom:10px;padding:0 0 0 10px;background:url(/assets/woori/img/common/bl_boxlist.png) no-repeat left 5px;}
.linkList li.w182 {width:182px;}
.linkList li a {padding:0 15px 0 0;background:url(/assets/woori/img/customer/bg_link.gif) no-repeat right 4px;}
.linkList li a:hover {color:#333;font-family:ngb;text-decoration:underline;}
.en_linkArea li {width:430px;}
/* QnA */
.private {display:inline-block;width:9px;height:12px;margin-left:5px;background:url(/assets/woori/img/customer/bg_private.gif) no-repeat left top;font-size:0;line-height:0;vertical-align:middle;}
.qapoint {margin-top:10px;background-position:left 5px;}

/*.answer .a_area {overflow:hidden;width:904px;border-bottom:1px solid #424242;padding:20px;background:#fbfbfb;}
.answer .a_area strong {float:left;width:16px;height:17px;background:url(/assets/woori/img/customer/bg_answer.gif) no-repeat left top;font-size:0;line-height:0;}*/
.answer .a_area .faqCon {float:left;width:830px;margin-left:20px;padding-left:20px;background:url(/assets/woori/img/customer/bg_lineqna.gif) no-repeat left top;line-height:18px;}

.answer .a_area {padding:20px;background:#fbfbfb;}
.answerLine {border-bottom:1px solid #424242;}
.answerTh {background:#fbfbfb;}


.classfi {padding:15px 0 15px 15px;}
.visibility {text-align:right;padding-right:15px;}
.classfi strong, .visibility strong {font-family:ng;}
.visibility span {font-family:ngb;}
/* 전화상담예약 */
.callCenter {width:894px;}
.callCenter  strong {display:block;padding-bottom:10px;color:#007bbe;font-size:18px;}
.callTip {margin:20px 0 5px;}
.callTip a {color:#007bbe;font-family:'ngb';text-decoration:underline;}
.daySelect {overflow:hidden;width:606px;height:52px;}
.daySelect a.btn_before, .daySelect a.btn_after {float:left;width:33px;height:50px;background-repeat:no-repeat;background-position:left top;font-size:0;line-height:0;vertical-align:middle;}
.daySelect a.btn_before {background-image:url(/assets/woori/img/customer/btn_daybefore_off.gif);}
.daySelect a.btn_before.on, .daySelect a.btn_before:hover {background-image:url(/assets/woori/img/customer/btn_daybefore_on.gif);}
.daySelect a.btn_after {background-image:url(/assets/woori/img/customer/btn_dayafter_off.gif);}
.daySelect a.btn_after.on, .daySelect a.btn_after:hover {background-image:url(/assets/woori/img/customer/btn_dayafter_on.gif);}
.daySelect .dCon {overflow:hidden;float:left;width:540px;height:52px;}
.daySelect .dCon .dayList {width:100%;}
.daySelect .dCon .dayList li {float:left;width:102px;height:52px;margin-left:5px;}
.daySelect .dCon .dayList a {display:inline-block;width:102px;height:47px;padding-top:5px;background:url(/assets/woori/img/customer/bg_daycon.gif) no-repeat left top;text-align:center;font-family:ngb;}
.daySelect .dCon .dayList a span {display:block;color:#444;}
.daySelect .dCon .dayList li.on a, .daySelect .dCon .dayList a:hover {background:url(/assets/woori/img/customer/bg_daycon_on.gif) no-repeat left top;color:#fff;}
.daySelect .dCon .dayList li.on a span, .daySelect .dCon .dayList a:hover span {color:#fff;}
/* 실무교육_실무교육신청 */
.eduTip {margin:5px 0 10px;}
.eduTip a {color:#007bbe;font-family:'ngb';text-decoration:underline;}
/* 우리사주 관련링크와 행복나눔 우리사주 */
.aboutLink li a, .happyLink {padding:0 15px 0 0;background:url(/assets/woori/img/customer/bg_link.gif) no-repeat right 3px;font-family:ng;}
.aboutLink li a:hover, .happyLink a:hover {color:#333;font-family:ngb;text-decoration:underline;}
/* 우리사주 관련 자료실 */
/* tit영역 bg */
.bg_archives_01 {background-image:url(/assets/woori/img/archives/bg_archives.jpg);}


/* main */
.vspace20 {clear:both;height:20px;}
.vspace35 {clear:both;height:35px;}
.main #header .hGnb {position:relative;width:100%;height:102px;background:url(/assets/woori/img/common/bg_hGnb_main.png) repeat-x 0 0;z-index:2100;}
.main #container {min-height:956px;}
*html .main #container {height:956px;}
.main #contents {position:relative;height:621px !important;padding:44px 0 0 0 !important;margin-bottom:0 !important;}
.main #contents a:hover {text-decoration:underline}
.main #footer {clear:both;position:relative;width:100%;height:113px;z-index:1000;background:url(/assets/woori/img/common/bg_footer00_main.gif) no-repeat center 0;}
.main .m_fl {float:left;width:294px;}
.main .m_fr {float:left;width:650px;}
.main .r_banner {position:relative;width:854px;height:306px;padding:30px 0 0 90px;}
.main .r_banner .control_area {position:absolute;right:0;top:0;}
.main .r_banner .control_area .auto_control {position:absolute;right:0;top:0px;*top:-3px;}
.main .r_banner .control_area ul {padding-right:21px;}
.main .r_banner .control_area li {float:left;padding-left:7px;font-size:0;line-height:0;}   
.main .r_banner .banner_area {overflow:hidden;width:765px;height:306px;text-align:center;}
.main .r_banner .banner_area ul {width:2730px;}
.main .r_banner .banner_area ul li {float:left;width:765px;height:306px;}           
.main .r_banner .banner_area ul li strong {position:absolute !important;visibility:hidden !important;top:-9999px !important;left:-9999px !important;}

.main .m_section01 {padding:0 0 0 75px;}
.main .m_section01 dl.m_conBox a {color:#fff;}
.main .m_section01 dl.m_conBox {position:relative;float:left;width:205px;height:101px;margin-left:15px;padding:21px 17px 0;background:url(/assets/woori/img/main/bg_conBox.png) no-repeat 0 0;border:3px solid #fff;}                   
.main .m_section01 dl.m_conBox.on {background:url(/assets/woori/img/main/bg_conBox_on.png) no-repeat 0 0;}
.main .m_section01 dl.m_conBox dt {padding:0 0 20px;font:normal 18px 'ngb';color:#fff;}
.main .m_section01 dl.m_conBox dd li {float:left;width:94px;padding:0 0 9px 8px;background:url(/assets/woori/img/main/bl_conBox.png) no-repeat 0 4px;font:normal 13px 'ngb';}
.main .m_section01 dl.m_conBox dd li.w_fl01 {width:111px;}
.main .m_section01 dl.m_conBox dd li.w_fr01 {width:74px;}
.main .m_section01 dl.m_conBox dd li.w_fl02 {width:125px;}
.main .m_section01 dl.m_conBox dd li.w_fr02 {width:60px;}
.main .m_section01 dl.m_conBox dd.more {position:absolute;right:17px;top:7px;width:8px;height:8px;}
.main .m_section01 dl.m_conBox dd.more a {display:inline-block;padding:5px;}

.main .m_section01 .m_conBox_layer {position:absolute;left:90px;top:-32px;width:727px;height:377px;padding:35px 0 0 38px;background:#fff;overflow:hidden;}
.main .m_section01 .m_conBox_layer strong.tit {display:block;padding:0 0 15px;}
.main .m_section01 .m_conBox_layer .btn_close {position:absolute;right:0;top:0;display:block;}
.main .m_section01 .m_conBox_layer dl {clear:both;padding:30px 0 0 0;width:385px;}
.main .m_section01 .m_conBox_layer dl:first-child {padding:0;}
.main .m_section01 .m_conBox_layer dt {float:left;width:132px;height:65px;padding:0 0 0 8px;background:url(/assets/woori/img/main/bl_dot01.gif) no-repeat 0 7px;font:normal 15px 'ngb';color:#444;line-height:20px;}
.main .m_section01 .m_conBox_layer dd {float:left;width:245px;font:normal 13px 'ngb';line-height:18px;}
.main .m_section01 .m_conBox_layer dd li {padding:0 0 5px 8px;background:url(/assets/woori/img/main/bl_dot02.gif) no-repeat 0 7px;}
.main .m_section01 .m_conBox_layer dd.btn a {display:inline-block;width:115px;height:21px;padding:6px 0 0 0;margin-right:4px;background:#0099d3;font:normal 13px 'ngb';color:#fff;text-align:center;}
.main .m_section01 .m_conBox_layer dd.btn a:hover {text-decoration:underline;}
.main .m_section01 .m_conBox_layer .pb04 {display:block;padding:0 0 4px;}
.main .m_section01 .m_conBox_layer .pb08 {display:block;padding:0 0 8px;}

.main .m_section01 .m_conBox_layer.bg_system {background:#fff url(/assets/woori/img/main/bg_system.gif) no-repeat right 0;}
.main .m_section01 .m_conBox_layer.bg_servlet {background:#fff url(/assets/woori/img/main/bg_servlet.gif) no-repeat right 0;}
.main .m_section01 .m_conBox_layer.bg_archives {background:#fff url(/assets/woori/img/main/bg_archives.gif) no-repeat right 0;}

.m_section02 {position:relative;width:944px;height:98px;}
.m_section02 .m_con {position:absolute;left:0;bottom:0;width:944px;height:22px;*height:25px;color:#fff;overflow:hidden;}
.m_section02 .m_con.on {width:904px;height:80px;padding:18px 20px 0 20px;*height:85px;*padding-top:13px;background:url(/assets/woori/img/main/bg_m_section02.png) no-repeat 0 0;}

.m_section02 .m_con a {font:normal 12px 'ngb';color:#fff;}
.m_section02 .m_con dl {position:relative;*padding:5px 0 0 0;}
.m_section02 .m_con dt {font:normal 17px 'ngb';}
.m_section02 .m_con dt,.m_section02 .m_con dd {float:left;}             
.m_section02 .m_con dd.more {position:absolute;right:0;top:0;width:18px !important;height:18px;padding:0;}
.m_section02 .m_con dd.more a {display:inline-block;padding:5px;}
/*.m_section02 .m_con dd li {filter:alpha(opacity=80);opacity:.8;}*/

.m_section02 .m_con dl.m_notice {float:left;width:423px;}
.m_section02 .m_con dl.m_notice dt {width:72px;}
.m_section02 .m_con dl.m_notice dd {padding-top:3px;}
.m_section02 .m_con dl.m_notice dd li {position:relative;width:335px;padding:0 0 4px;}
.m_section02 .m_con dl.m_notice dd li a {display:inline-block;width:260px;overflow:hidden;}
.m_section02 .m_con dl.m_notice dd li span {position:absolute;top:0;right:0;display:inline-block;width:68px;padding:0 0 0 8px;font:normal 12px 'ng';}

.m_section02 .m_con dl.m_faq {float:right;width:360px;overflow:hidden;}
.m_section02 .m_con dl.m_faq dt {width:42px;}
.m_section02 .m_con dl.m_faq dd {padding-top:3px;}
.m_section02 .m_con dl.m_faq dd li {position:relative;width:303px;padding:0 0 4px;}
.m_section02 .m_con dl.m_faq dd li a {display:inline-block;width:303px;overflow:hidden;}

.m_section02 .m_con div.btn_close a {position:absolute;right:1px;top:1px;display:block;padding:5px;}