@charset "utf-8";

@import url(common.css);
@import url(contents.css);
@import url(board.css);

/*
  제주은행 인터넷 뱅킹 서브 공통 레이아웃 CSS
  FileName _ jjb_ui.css
  Date _
  Last _
*/

/* 이미지 링크시 온오프 */
a img.off {display:inline-block;}
a img.on {display:none;}
a:hover img.off {display:none;}
a:hover img.on {display:inline-block;}
a.on img.off {display:none;}
a.on img.on {display:inline-block;}

/*폰트 기본 컬러 와 사이즈*/
body{color:#4c4c4c; font-size:12px; background:url('../images/sub/header_line.gif') repeat-x 0 0;}

/* 전체 영역 */
#wrapAll {  width:100%; min-width:1163px; position:relative; min-height:100%; background:url('../images/sub/header_line.gif') repeat-x 0 0; overflow:hidden;}

/* 페이지 중앙 정렬 */
#wrapper{width:980px;  margin:0 auto; position:relative;  }

/* header 영역 */
#header{position:relative; width:100%; height:89px; padding-top:40px; z-index:100; width:980px;}
#header:after{content:""; display:block; clear:both;}
h1{float:left; padding-left:32px; height:50px;}
.topMenu{position:absolute; top:0; right:0; padding-top:15px; font-size:0;z-index:200;} /* 2020-07-22 수정 */
.topMenu span {display:inline-block; padding:0 5px 0 7px; vertical-align:top;} /* 2020-07-22 수정 */
/* .topMenu span.first {background:none;} 2020-07-22 삭제 */
.topMenu span.allMenu {padding:0 0 0 7px} /* 2020-07-22 수정 */
.topMenu .link_menu{display:block;color:#555;font-size:11px;font-weight:bold;letter-spacing:-1px} /* 2020-07-22 추가 */
.topMenu .link_menu:hover{text-decoration:underline} /* 2020-07-22 추가 */

/* GNB */
.gnbArea {float:right; margin-top:18px; padding-right:5px;}
/*#gnb {min-height:38px;}*/
#gnb {position:relative;min-height:35px;} /* 2020-07-22 수정 */
#gnb li {float:left; margin-left:48px;  font-size:0; z-index:10;} /* 2020-07-22 수정 */
#gnb li .gnbSub {position:absolute; left:0; right:0; top:26px; margin-left:-70px; padding-top:11px; display:none; background:url('../images/sub/gnb_arrow.gif') no-repeat 40px top;text-align:center} /* 2020-07-22 수정 */
#gnb li .gnbSub a {display:inline-block;  height:29px; margin:0 4px;}
#gnb li .gnbSub a span {display:block; padding:6px 12px;  font-size:13px; color:#fff; height:17px;  line-height:18px; #line-height:17px; letter-spacing:-1px; } /* 2020-07-22 수정 */
#gnb li .gnbSub a:hover { background:url('../images/sub/gnb_sub_bg.gif') no-repeat right top;}
#gnb li .gnbSub a:hover span {background:url('../images/sub/gnb_sub_bg.gif') no-repeat left -36px; color:#2b92bf; cursor:pointer;}
#gnb li .gnbSub a.on { background:url('../images/sub/gnb_sub_bg.gif') no-repeat right top;}
#gnb li .gnbSub a.on span {background:url('../images/sub/gnb_sub_bg.gif') no-repeat left -36px; color:#2b92bf; cursor:pointer;}
/* 2020-07-22 추가 */
#gnb .link_gnb{font-size:16px;color:#333;letter-spacing:-1px}
#gnb .on.link_gnb{color:#011b6a}
/* 2020-07-22 추가 */

/* GNB 로그인 */
/*.logInfo{float:left; width:100%; height:25px; font-size:11px; color:#fff; padding-top:2px;}*/
.logInfo{float:left; width:100%; height:25px; font-size:11px; color:#fff;}
.logInfo .wMsg{ padding-top:2px;}
.logInfo .logTime{height:14px; padding-top:4px; }
.logInfo .wMsg span, .logInfo .wMsg a{padding-right:3px;}
.logInfo .logTime a{display:inline; padding-left:3px;}

/* 메인 로그인 */
/* 2020-07-06 수정 */
.useInfo{float:left;padding-left:24px}
.useInfo .list_login{font-size:0}
.useInfo .list_login li{display:inline-block;position:relative;padding:9px 10px;vertical-align:top}
.useInfo .list_login .link_servies{height:17px}
.useInfo .list_login .link_servies, .useInfo .link_sublogin{display:block;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px}
.useInfo .list_login .txt_login1{width:37px;background:url(../images/sub/img_login.png) no-repeat 0 0}
.useInfo .list_login .txt_login2{width:48px;background:url(../images/sub/img_cert_20211118.png) no-repeat 0 0}

.useInfo .list_sublogin{display:none;position:absolute;top:30px;left:50%;width:186px;margin-left:-93px;padding:16px 0 10px}
/* .list_login li:hover .link_servies:after, .useInfo .list_sublogin:after{position:absolute;content:''} 2021-11-18 삭제 */
/* .useInfo .link_servies:after{bottom:-1px;left:50%;margin-left:-5px;width:10px;height:6px;background:url(../images/sub/ico_select.png) no-repeat 0 0} 2021-11-18 삭제 */
.useInfo .list_sublogin li{margin:0 10px;padding:0}
.useInfo .list_sublogin:after{top:0;left:50%;margin:16px 0 0 -2px;width:4px;height:15px;background:url(../images/sub/ico_line.png) no-repeat 0 0}
.useInfo .link_sublogin{width:72px;height:15px}
.txt_login1 ~ .list_sublogin{width:164px;margin-left:-62px}
.txt_login1 ~ .list_sublogin .link_sublogin{width:62px}
.txt_login1 ~ .list_sublogin .txt_sublogin1{background:url(../images/sub/img_loginsub01.png) no-repeat 0 0}
.txt_login1 ~ .list_sublogin .txt_sublogin2{background:url(../images/sub/img_loginsub02.png) no-repeat 0 0}
.txt_login2 ~ .list_sublogin .txt_sublogin1{background:url(../images/sub/img_certsub01.png) no-repeat 0 0}
.txt_login2 ~ .list_sublogin .txt_sublogin2{background:url(../images/sub/img_certsub02.png) no-repeat 0 0}

.list_login li:hover .txt_login1{background:url(../images/sub/img_login_on.png) no-repeat 0 0}
.list_login li:hover .txt_login2{background:url(../images/sub/img_cert_on_20211118.png) no-repeat 0 0}
.list_login li:hover .list_sublogin{display:block}
.txt_login1 ~ .list_sublogin li:hover .txt_sublogin1{background:url(../images/sub/img_loginsub01_on.png) no-repeat 0 0}
.txt_login1 ~ .list_sublogin li:hover .txt_sublogin2{background:url(../images/sub/img_loginsub02_on.png) no-repeat 0 0}
.txt_login2 ~ .list_sublogin li:hover .txt_sublogin1{background:url(../images/sub/img_certsub01_on.png) no-repeat 0 0}
.txt_login2 ~ .list_sublogin li:hover .txt_sublogin2{background:url(../images/sub/img_certsub02_on.png) no-repeat 0 0}
/* 2020-07-06 수정 */

/* 컨텐츠 전체 영역 */
#container{width:100%;}
#container:after{content:""; display:block; clear:both;}

/* 왼쪽 영역 / LNB*/
#leftArea{float:left; width:210px; padding-top:58px;}
	.snb{margin-bottom:30px; border-bottom:1px solid #939393;}
	/*.snb h2{height:69px; padding:30px 20px 0 0; background:url(../images/common/bg_h2.jpg) no-repeat; font-family:NanumGothicBold, NanumGothicBoldWEB; font-size:24px; line-height:26px; color:#fff; letter-spacing:-1px; text-align:right;}*/
	.snb h2{height:69px; padding:30px 15px 0 15px; background:url(../images/common/bg_h2.jpg) no-repeat; font-family:NanumGothicBold, NanumGothicBoldWEB; font-size:24px; line-height:26px; color:#fff; letter-spacing:-1px; text-align:left;}
	.snb h2 .fc{color:#b7dbff;}
	.snb h2 .eng{font-size:12px; line-height:14px; letter-spacing:0;}
	.smd1{padding-top:20px;}
	.smd1 li{border-top:1px solid #dbdbdb; line-height:16px;}
	.smd1 li.first{border-top:0;}
	.smd1 li a{padding:7px 10px 6px 10px;  display:block; font-weight:bold; }
	.smd1 li a:hover,
	.smd1 li .selected {color:#2369af; background:url(../images/common/bg_snb_d1_selected.gif) no-repeat 98% 12px; }
	.smd1 li li{border:0;}
	.smd1 .smd2 {padding:5px 0; border-top:1px solid #dbdbdb;}
	.smd1 .smd2 li a{padding:2px 10px 2px 32px; font-weight:normal; background: url(../images/contents/bul_dash.gif) no-repeat 20px 7px;}
	.smd2 li a:hover,
	.smd2 li a.selected{background:url(../images/common/bg_snb_d2_selected.gif) no-repeat 20px 7px; color:#2369af; font-weight:bold !important; letter-spacing:-1px;}
	.smd3{padding:5px 0 4px 0; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; background:#f4f4f4; margin:4px 0 5px 0;}
	.smd3 li{padding-left:0px; background:url(../images/common/bul_snb_d3.gif) no-repeat 25px 8px; font-size:11px; line-height:13px;}
	.smd1 .smd2 .smd3 li a{padding-top:3px; padding-bottom:3px; background:none;}
	.smd3 li a:hover,
	.smd3 li a.selected {background:none; color:#666; letter-spacing:-1px;}

	/* IE 9 */
	:root .smd1 li a{padding:8px 10px 5px 10px\0/IE9;  }
	:root .smd1 .smd2 li a {padding:3px 10px 1px 32px\0/IE9;}
	:root .smd3 {padding:5px 0 4px 0\0/IE9;}
	:root .smd1 .smd2 .smd3 li a{padding-top:4px\0/IE9; padding-bottom:2px\0/IE9;}

	/* 고객센터 배너 */
	.cCenter{ min-height:104px; background:url(../images/common/bg_center.jpg) no-repeat left bottom;}
	.cCenter dl { background:url(../images/common/bg_center.jpg) no-repeat;  padding-left:10px; }
	.cCenter dt { font-family:NanumGothicBold, NanumGothicBoldWEB,NanumGothic, NanumGothicWEB; font-size:14px; color:#333; padding-top:16px; }
	.cCenter dt strong { color:#2C59aa; font-weight:bold !important; }
	.cCenter .pNum{height:51px; padding-right:61px; font-family:NanumGothicBold, NanumGothicBoldWEB,NanumGothic, NanumGothicWEB;}
	.cCenter .fsc{display:block; font-family:NanumGothicBold, NanumGothicBoldWEB; color:#2C59aa;}
	/*.cCenter .fsc1 { font-size:26px; line-height:26px; letter-spacing:-1px; margin:7px 0 7px -2px;}*/
	.cCenter .fsc1 { font-size:26px; line-height:26px; letter-spacing:-1px; padding-top:13px; padding-bottom:7px;}
	.cCenter .fsc3 { font-size:12px; color:#767676; padding-bottom:16px;}
	/*.cCenter .txt_cCenter { color:#2C59aa; font-weight:bold; }*/
	/*.cCenter .fsc2 { font-size:16px; line-height:16px; padding-top:13px; border-top:1px solid #dbdbdb; color:#123c64;}*/

/* 오른쪽 영역 */
#contents{float:right; width:730px; }

/* page Infomation */
.pageInfo{position:relative; width:100%; padding-top:17px; height:43px; z-index:0;}
.pageInfo:after{content:""; display:block; clear:both;}
.pageLoc{float:left;}
.pageLoc span, .pageLoc a{float:left; font-size:11px;}
.pageLoc span{padding-left:5px; font-weight:bold;}
.pageLoc a{padding:0 10px 0 3px; background:url(../images/common/bg_pageloc.gif) no-repeat 100% 1px; }
.pageLoc a:first-child img {margin-top:1px;}
.fnp{float:right; #position:relative; z-index:1;}
.fnp a{display:inline; float:left; padding:0 10px 0 25px; background:url(../images/common/bg_font_n_print.gif) no-repeat 10px 0; border-left:1px solid #747373; font-size:11px; line-height:12px; }
.fnp .fb{border-left:0;}
.fnp .fs{background-position:10px -20px;}
.fnp .print{padding:0 0 0 30px; background-position:10px -40px;}

/* 서브 기본 타이틀 과 페이지 로케이션 */
.pageTitle {margin-bottom:27px;}
.pageTitle h3{font-family:NanumGothicBold, NanumGothicBoldWEB, NanumGothic, NanumGothicWEB; font-size:24px; line-height:28px; color:#333; }
.pageTitle p{padding-top:10px; font-family:NanumGothic, NanumGothicWEB; font-size:14px; line-height:16px;}

.pageTitle.newsTitle { margin-bottom:0px !important; }

/* 풋터 */
#footer { min-height:130px; margin-top:20px; border-top:1px solid #d9d6d6; padding-bottom:35px; }
#footer .foot {width:980px; margin:0 auto;}
#footer .foot .fmenuArea {padding-top:16px; height:25px;}
#footer .foot .fmenu {float:left; letter-spacing:-1px;}
#footer .foot .fmenu span {display:inline-block; padding:0 5px; background:url('../images/main/fmenu_line.gif') no-repeat right 2px; vertical-align:top; margin-top:2px;}
/*#footer .foot .fmenu span.first {padding-left:13px;}
#footer .foot .fmenu span.btnImg,
#footer .foot .fmenu span.btnImg img{background:none;  margin:0;}*/
#footer .foot .fmenu span a {font-size:11px; color:#555;}
#footer .foot .fmenu span a:hover {text-decoration:underline;}
#footer .foot .siteLinkArea {float:right;}
#footer .foot .siteLink {float:left; width:149px; height:19px; position:relative; margin-left:12px;}
#footer .foot .siteLink .linkLayer {width:149px; padding-top:4px; background:url('../images/main/bg_link_layer.gif') no-repeat left top; position:absolute; left:0; bottom:0; display:none; }
#footer .foot .siteLink .linkLayer ul {width:147px; margin-left:1px;}
#footer .foot .siteLink .linkLayer ul li {width:147px; height:18px;}
#footer .foot .siteLink .linkLayer ul li a {font-size:11px; color:#606060; display:block; padding:3px 5px; line-height:13px;}
#footer .foot .siteLink .linkLayer ul li a:hover,
#footer .foot .siteLink .linkLayer ul li a:focus {background:#dae2ef;}
#footer .foot .copyrightArea {padding:0 0 12px 0; clear:both;}
#footer .foot .copyright {float:left; padding-left:5px;}
#footer .foot .copyright p {padding-bottom:4px; color:#6f6e6e;}
/*#footer .foot .copyright p strong {color:#3985a1;}*/
#footer .foot .mark {float:right; padding-right:5px;}
/*0730 Footer*/
#footer .foot .list_foot {float:left;font-size:0}
#footer .list_foot li{display:inline-block; margin-top:2px; padding:0 5px; background:url('../images/main/fmenu_line.gif') no-repeat 0 2px;vertical-align:top}
#footer .list_foot li:first-child{background:none}
#footer .list_foot .link_foot {display:block; font-size:12px; color:#555;}
#footer .list_foot .link_foot:hover{text-decoration:underline}
#footer .list_foot strong{display:block}
#footer .copyright .txt_g{color:#555}

/* IE7 */
*:first-child+html #footer .foot .siteLink {z-index:-1;}
*:first-child+html #footer .foot .siteLinkArea:hover .siteLink {z-index:150;}
*:first-child+html #footer .foot .siteLink .linkLayer {bottom:-2px;}

/* 전체 메뉴 레이어 */
.allmenuLayer {padding: 20px 13px 3px 14px; width:994px; height:710px; background:url('../images/common/bg_allmenu.png') no-repeat left top; position:absolute; left:50%; top:9px; margin-left:-510px; z-index:1100; display:none;}
.allmenuLayer .menuArea {width:994px; height:710px; position:relative;}
.allmenuLayer .menuArea .btnClose {position:absolute; right:35px; top:0;}
.allmenuLayer .menuArea .tit {text-align:center; height:38px; font-size:24px; line-height:28px; color:#3f3f3f; font-family:NanumGothicBold, NanumGothicBoldWEB, NanumGothic, NanumGothicWEB; }
.allmenuLayer .menuArea .tit span {color:#2e72aa;}
.allmenuLayer .menuArea .Scroll {width:989px; height:671px; overflow-y:scroll;}
.allmenuLayer .menuArea .menus {width:960px; clear:both; overflow:hidden; position:relative; margin-bottom:3px;}
.allmenuLayer .menuArea .menus .btnView {position:absolute; right:13px; top:9px;}
.allmenuLayer .menuArea .menus .btnView img {vertical-align:top;}
.allmenuLayer .menuArea .menus .btnView a img.open {display:inline-block;}
.allmenuLayer .menuArea .menus .btnView a img.close {display:none;}
.allmenuLayer .menuArea .menus .btnView a.on img.open {display:none;}
.allmenuLayer .menuArea .menus .btnView a.on img.close {display:inline-block;}
.allmenuLayer .menuArea .menus dt {padding:7px 0 6px 11px; background:#4c88c6;}
.allmenuLayer .menuArea .menus dt span {display:inline-block; font-size:18px; line-height:20px; color:#fff; font-family:NanumGothicBold, NanumGothicBoldWEB, NanumGothic, NanumGothicWEB; cursor:pointer;}
.allmenuLayer .menuArea .menus dd {clear:both; background:url('../images/common/bg_menu_line.gif') repeat left top;  overflow:hidden; border-bottom:1px solid #e1e1e1; display:none;}
.allmenuLayer .menuArea .menus dd dl {float:left; width:192px; min-height:269px; border-top:1px solid #e1e1e1;}
.allmenuLayer .menuArea .menus dd dl dt {border-bottom:1px solid #e1e1e1; padding:7px 0 0 12px; height:24px; font-size:15px; color:#6a6565; line-height:17px; font-family:NanumGothicBold, NanumGothicBoldWEB, NanumGothic, NanumGothicWEB; background:none; vertical-align:top;}
.allmenuLayer .menuArea .menus dd dl dd {padding:9px 0 0 14px; background:none; border:0; display:block;}
.allmenuLayer .menuArea .menus dd dl dd ul li {padding:0 0 5px 10px; background: url(../images/contents/bul_blue_3x3.gif) no-repeat 0 6px;}
.allmenuLayer .menuArea .menus dd dl dd ul li a {color:#6a6665; font-size:12px; display:block;}
.allmenuLayer .menuArea .menus dd dl dd ul li a:hover,
.allmenuLayer .menuArea .menus dd dl dd ul li a:focus {text-decoration:underline;}

/* 모바일 레이어 */
.mobileLayer {padding:12px 0 0 12px; width:307px; height:170px; background:url('../images/common/bg_mobile.png') no-repeat left top; position:absolute; left:50%; top:44px; z-index:200; margin-left:-50px; display:none;}
.mobileLayer .mobileCont {width:289px; height:165px; position:relative;}
.mobileLayer .mobileCont .btnClose {position:absolute; right:0; top:3px; width:41px; height:16px;}
.mobileLayer .mobileCont .btnClose a {display:block;  width:21px; padding:2px 20px 2px 0; background:url('../images/common/btn_close_X.gif') no-repeat right top; font-size:11px; color:#737373; line-height:13px; white-space:nowrap;}
.mobileLayer .mobileCont .tit {height:31px;}
.mobileLayer .mobileCont .tit img {vertical-align:top;}
.mobileLayer .mobileCont .tab {margin-left:1px;}
.mobileLayer .mobileCont .tab li {float:left; padding-left:2px;}
.mobileLayer .mobileCont .tab li.first {padding-left:0;}
.mobileLayer .mobileCont .tab li .tabCont {position:absolute; left:0; top:68px; width:289px; height:95px; display:none;}
.mobileLayer .mobileCont .tab li .tabCont .txt {padding:1px 0 18px 0;}
.mobileLayer .mobileCont .tab li .tabCont .qrGuide {padding-left:20px; font-size:11px; color:#666464; line-height:18px; background:url('../images/common/bul_mobile.png') no-repeat left 2px; display:inline-block;}

/* 퀵메뉴 */
.quickMenu {width:60px; position:absolute; right:0; top:164px; display:none;}
.quickMenu .allmenu {width:60px; height:59px; }
.quickMenu .allmenu a .open {display:block;}
.quickMenu .allmenu a .close {display:none;}
.quickMenu .allmenu a.on .open {display:none;}
.quickMenu .allmenu a.on .close {display:block;}
.quickMenu .allmenu .sBtn {display:block;}
.quickMenu .allmenu .bBtn {display:none;}

.quickMenu.qm {width:60px; position:absolute; right:0; top:164px; }
.quickMenu .qMenus {border:1px solid #e4e4e4; width:53px; padding:0 3px 0 2px; background:#fff; position:relative;}
.quickMenu .qMenus .btnClose {position:absolute; left:-15px; top:-1px; display:none; width:14px; height:39px;}
.quickMenu .qMenus .tit {width:53px; padding-top:14px; height:23px; text-align:center; }
.quickMenu .qMenus .tit img {vertical-align:top;}
.quickMenu .qMenus ul li {width:53px; border-top:1px solid #e4e4e4; }
.quickMenu .qMenus ul li .icoQuick {display:block; }
.quickMenu .qMenus ul li .linkQuick {display:none;}
.quickMenu .scrollTop {margin-top:28px; width:60px; height:20px;}
.quickMenu .scrollTop .sTop {display:block;}
.quickMenu .scrollTop .bTop {display:none;}

.quickMenu.open {width:137px;}
.quickMenu.open .allmenu {width:137px;}
.quickMenu.open .allmenu .sBtn {display:none;}
.quickMenu.open .allmenu .bBtn {display:block;}
.quickMenu.open .qMenus {width:132px;}
.quickMenu.open .qMenus .btnClose {display:block;}
.quickMenu.open .qMenus .tit {width:132px;}
.quickMenu.open .qMenus ul li {width:132px;}
.quickMenu.open .qMenus ul li .icoQuick {display:none; }
.quickMenu.open .qMenus ul li .linkQuick {display:block; padding:0 1px 10px 4px; }
.quickMenu.open .qMenus ul li .linkQuick dl dt {height:29px;}
.quickMenu.open .qMenus ul li .linkQuick dl dd {padding-top:6px; min-height:41px; text-align:center; font-size:0;}
.quickMenu.open .qMenus ul li .linkQuick dl dd.menu span {display:inline-block; padding:0 3px 0 4px; background:url('../images/common/quick_menu_line.gif') no-repeat left 2px; margin-bottom:4px; border:0;}
.quickMenu.open .qMenus ul li .linkQuick dl dd.menu a {font-size:11px; color:#616161;}
.quickMenu.open .qMenus ul li .linkQuick dl dd.menu a:hover {text-decoration:underline;}
.quickMenu.open .qMenus ul li .linkQuick dl dd.menu span.first {background:none;}
.quickMenu.open .qMenus ul li .linkQuick dl dd.menu2 a {margin:1px;}
.quickMenu.open .qMenus ul li .linkQuick dl dd.menu2 p {padding-bottom:2px;}
.quickMenu.open .qMenus ul li .linkQuick dl dd.select {padding-top:7px; height:40px; font-size:0; text-align:left;}
.quickMenu.open .qMenus ul li .linkQuick dl dd.select select,
.quickMenu.open .qMenus ul li .linkQuick dl dd.select .bt {vertical-align:top;}
.quickMenu.open .qMenus ul li .linkQuick dl dd.select select {height:21px; font-size:11px; letter-spacing:-1px; padding:1px; width:89px;}
.quickMenu.open .qMenus ul li .linkQuick dl dd .listTypeDot2 li { line-height:13px; font-size:11px; text-align:left; height:12px; border:0; padding-bottom:3px;}
.quickMenu.open .qMenus ul li .linkQuick dl dd .listTypeDot2 li a {color:#616060; letter-spacing:-1px;}
.quickMenu.open .qMenus ul li .linkQuick dl dd .listTypeDot2 li a:hover,
.quickMenu.open .qMenus ul li .linkQuick dl dd .listTypeDot2 li a:focus {color:#3b3b3b; text-decoration:underline;}
.quickMenu.open .qMenus ul li .linkQuick dl dd.etc {padding-top:3px;}
.quickMenu.open .qMenus ul li .linkQuick dl dd .fdLink {margin-bottom:10px;}
.quickMenu.open .qMenus ul li .linkQuick dl.fund dd {height:75px;}
.quickMenu.open .qMenus ul li .linkQuick dl.fund dd .fdLink {display:inline-block;}
.quickMenu.open .scrollTop {width:137px;}
.quickMenu.open .scrollTop .sTop {display:none;}
.quickMenu.open .scrollTop .bTop {display:block;}

/*서브메뉴별 전체메뉴*/
.suballmenuLayer {display:none;width:974px;background:#fff;z-index:1000;border:3px solid #3b69a7;position:absolute;left:52%;top:164px;margin-left:-510px;padding-bottom:30px;}
.suballmenuLayer .tit{text-align:center;margin:36px 0 29px 0;vertical-align:middle;}
.suballmenuLayer .tit img{vertical-align:middle;}
.suballmenuLayer .menuArea{width:994px;position:relative;}
.suballmenuLayer .btnClose{position:absolute; right:16px; top:11px;}
.suballmenuLayer dl{float:left;}
.suballmenuLayer dl dt{background:#437ac3;width:186px;height:36px;display:block;font-weight:bold;color:#fff;font-size:14px;text-align:center;line-height:36px;margin:0 4px 10px 0;}
.suballmenuLayer dl dt a{color:#fff;}
.suballmenuLayer dl dt a:link{width:100%;height:36px;display:block;color:#fff;}
.suballmenuLayer dl dd{overflow:visible;}
.suballmenuLayer dl dd ul{width:181px;margin:17px 0 0 7px;}
.suballmenuLayer dl dd ul li{padding:5px 0 5px 7px; background: url('../images/common/bul_blue_2x2.gif') no-repeat 0 9px;margin:0;position:relative;z-index:1;}
.suballmenuLayer dl dd ul li a{color:#4c4c4c; font-size:12px;display:block;}
.suballmenuLayer dl dd ul li a:hover,
.suballmenuLayer dl dd ul li a:focus{text-decoration:underline;}
.suballmenuLayer dl dd ul li .selected{font-weight:bold;color:#2481a8;}

.submn{width:150px;padding:9px 10px 4px 10px;background:#fff7e8; border:1px solid #e6ce85;position:absolute;top:0px;left:150px;z-index:100;display:none;}
.submn .dep4Area{position:relative;width:150px;}
.submn span.arr{background: url('../images/common/suballmenu_arr01.gif') no-repeat 0 0;display:inline-block;width:7px;height:11px;position:absolute; left:-16px; top:10px;}
.submn .listTypeDash{margin:0 0 0 0;}
.submn .listTypeDash li{font-size:11px;width:145px;background: url('../images/common/bul_submn_d4.gif') no-repeat 0 8px;padding:0 0 3px 10px;margin:0;color:#676767;}
.submn .listTypeDash li a{font-size:11px;display:block;color:#676767;}
.submn .listTypeDash li a:hover,
.submn .listTypeDash li a:focus{text-decoration:none;font-weight:bold;letter-spacing:-1px;}

.submn.right {position:absolute; top:0px; left:-174px; z-index:100; display:none;}
.submn.right .dep4Area{position:relative;width:150px;}
.submn.right span.arr{background: url('../images/common/suballmenu_arr02.gif') no-repeat 0 0; position:absolute; left:160px; top:10px;}

/*컨텐츠 레이어*/
/*.contentsLayer {display:none;width:725px;background:#fff;z-index:1000;border:3px solid #3380da;position:absolute;left:69%;margin-left:-505px;}*/
.contentsLayer {display:none;background:#fff;z-index:1000;border:2px solid #3380da;margin-left:-505px;}
.contentsLayer .cont{padding:10px 10px 10px 0;}
.contentsLayer .tit{text-align:center;margin:36px 0 29px 0;vertical-align:middle;}
.contentsLayer .tit img{vertical-align:middle;}
.contentsLayer .btnCloseTop{position:absolute; right:16px; top:0px; padding-top:6px;}
.contentsLayer .btnCloseBottom{position:absolute; right:16px; bottom:0px; padding-bottom:10px;}
.contentsLayer dl{float:left;}
.contentsLayer dl dt{background:#437ac3;width:186px;height:36px;display:block;font-weight:bold;color:#fff;font-size:14px;text-align:center;line-height:36px;margin:0 4px 10px 0;}
.contentsLayer dl dt a{color:#fff;}
.contentsLayer dl dt a:link{width:100%;height:36px;display:block;color:#fff;}
.contentsLayer dl dd{overflow:visible;}
.contentsLayer dl dd ul{width:181px;margin:17px 0 0 7px;}
.contentsLayer dl dd ul li{padding:5px 0 5px 7px; background: url('../images/common/bul_blue_2x2.gif') no-repeat 0 9px;margin:0;position:relative;z-index:1;}
.contentsLayer dl dd ul li a{color:#4c4c4c; font-size:12px;display:block;}
.contentsLayer dl dd ul li a:hover,
.contentsLayer dl dd ul li a:focus{text-decoration:underline;}
.contentsLayer dl dd ul li .selected{font-weight:bold;color:#2481a8;}
.contentsLayer .lTitle{width:100%; background:#0067c2 url(../images/contents/bg_popup_title.gif) no-repeat; }
.contentsLayer .lTitle:after{content:""; display:block; clear:both;}
.contentsLayer .lTitle p{ float:left; font-family:NanumGothicBold, NanumGothicBoldWEB; font-size:18px; line-height:40px; text-indent:25px; color:#fff;}

/*DL넓이값*/
/*금융서비스*/
.sallmn01{margin-left:13px;}

/*금융상품몰*/
.sallmn02{margin-left:9px;}
.sallmn02 dl{}
.sallmn02 dl dt{width:132px;}
.sallmn02 dl dd ul{width:127px;}

/* 통합고객센터 */
.sallmn03{margin-left:12px;}
.sallmn03 dl dt{width:154px;}
.sallmn03 dl dd ul{width:149px;}

#txtArea {white-space:pre; word-break:keep-all; word-wrap:break-word; }