@charset "utf-8";

/****************************
인터넷뱅킹 Stylesheet
****************************/

/* 다시쓰기 버튼 간격 */
.btnArea.fnBtn {padding-top:10px;text-align:right;}

/* *******************
잔고/거래내역 > 잔고내역
********************* */
.viewMoreBox {position:relative;}
.viewMoreBox .btnviewMore {position:absolute;right:95px;top:-35px;z-index:10;}
.viewMoreBox .scrollRowWrap {overflow:hidden;}
.viewMoreBox .headerWrap {padding-top:1px;}
table.viewMore, table.viewMore2 {table-layout:fixed;}

.btnChart {padding-right:30px !important;background:url(/ux/images/common/btn/bg_btn_ico_set.png) right -481px no-repeat;}
.btnChart.on {background-position:right -517px;}
/* tbl1.small tfoot boder 없애기 */
.tbl1.small tfoot td.bd_lnone {border-left:none;background:none;}
/* confirmBox */
.confirmBox.line {margin-top:20px;padding:30px 0;border-top:1px dotted #ddd;text-align:center;}
.confirmBox.line p {font-size:18px;}
.confirmBox.line p strong {color:#222;}
.confirmBox.line span.date {display:block;margin-top:10px;color:#747474;font-size:14px;}
.bg_footerLogo {display:block;text-align:center}

/*종합잔고*/
/* 더보기 클릭시 가로스크롤 */
.viewMoreBox .scrollRowWrap .scrollTable01{width:960px;}
.scrollRowWrap.wideScroll {overflow-x:auto;}
.scrollRowWrap.wideScroll .scrollTable01 {display:block;position:relative;}
.scrollRowWrap.wideScroll .scrollTable01.tbl_total_backlog01 {width:1803px;}
.scrollRowWrap.wideScroll .scrollTable01.tbl_total_backlog02 {width:2060px;}
.viewMoreBox .btnviewMore.right0{right:0;}
.scrollRowWrap.wideScroll .scrollTable01.tbl_total_backlog05 {width:1262px;}
.scrollRowWrap.wideScroll .scrollTable01.tbl_accountBalances2 {width:1423px;}
.scrollRowWrap.wideScroll .scrollTable01.tbl_accountBalances2_1 {width:1104px;}
.scrollRowWrap.wideScroll .scrollTable01.tbl_accountBalances3 {width:1149px;}
.scrollRowWrap.wideScroll .scrollTable01.tbl_accountBalances4 {width:1570px;}
.scrollRowWrap.wideScroll .scrollTable01.tbl_accountBalances6 {width:1962px;}
.scrollRowWrap.wideScroll .scrollTable01.tbl_accountBalances6_2 {width:1583px;}
.scrollRowWrap.wideScroll .scrollTable01.tbl_accountBalances6_3 {width:1680px;}
.scrollRowWrap.wideScroll .scrollTable01.tbl_accountBalances10 {width:1495px;}

.lay-help .checkGroup {margin-top:15px;}
.lay-help .checkGroup:after {display:block;content:"";clear:both;}
.lay-help .checkGroup li {float:left;width:50%;margin-bottom:10px;}
.lay-help .checkGroup li label {color:#444;}
.alignBox.line {border-bottom:1px solid #747474;}
.graph_amount {display:none;padding:30px;border:1px solid #ddd;border-top:none;}
.graph_amount:after {display:block;content:"";clear:both;}
.graph_amount.on {display:block;}
.graph_amount .graphBox {height:273px;border-top:1px solid #747474;border-bottom:1px solid #ddd;}
.graph_amount .graphDesc {margin-top:10px;text-align:right;color:#222;font-size:12px;}
.graph_amount .graphDesc .price {display:inline-block;position:relative;margin-left:20px;padding-left:15px;}
.graph_amount .graphDesc .price:after {display:block;content:"";position:absolute;left:0;top:5px;width:9px;height:9px;}
.graph_amount .graphDesc .price:first-child {margin-left:0;}
.graph_amount .graphDesc .price.sell:after {background-color:#3dadec;}
.graph_amount .graphDesc .price.eval:after {background-color:#747474;}
.graph_amount.col2 {padding:0;}
.graph_amount.col2 .chartBox {float:left;width:378px;min-height:495px;border-right:1px solid #ddd;}
.graph_amount.col2 .chartBox .chartArea {padding:30px 25px 20px 25px;border:none;}
.graph_amount.col2 .chartBox .chartArea .chart .pieTo2 {margin:auto;}
.graph_amount.col2 .chartBox .chartDesc {margin:0;padding:17px 0;border-top:1px dashed #ddd;text-align:left;}
.graph_amount.col2 .chartBox .chartDesc ul {overflow:hidden;}
.graph_amount.col2 .chartBox .chartDesc ul li {float:left;width:33.33%;margin-bottom:2px;color:#222;font-size:12px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart {display:inline-block;padding:0 0 5px 20px;background:url(/ux/images/myassets/bg_ico_stock_new.png) 0 7px no-repeat;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico00 {background-position:0 3px;}  
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico01 {background-position:0 -36px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico02 {background-position:0 -76px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico03 {background-position:0 -115px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico04 {background-position:0 -154px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico05 {background-position:0 -193px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico06 {background-position:0 -232px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico07 {background-position:0 -271px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico08 {background-position:0 -310px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico09 {background-position:0 -350px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico10 {background-position:0 -388px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico11 {background-position:0 -427px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico12 {background-position:0 -466px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico13 {background-position:0 -505px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico14 {background-position:0 -544px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico15 {background-position:0 -583px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico16 {background-position:0 -623px;}
.graph_amount.col2 .chartBox .chartDesc ul li .ico_chart.ico17 {background-position:0 -661px;}
                                                                
.graph_amount.col2 .graphArea {float:right;width:519px;padding:30px;}
.graph_amount.col2 .graphBox {height:auto;}

table.guideTb1.balancesPd0 tbody tr.thead td,
table.guideTb1.balancesPd0 tbody tr td {padding-left:0;padding-right:0;}
table.guideTb1.balancesPd0 tbody tr td.taL {padding-left:10px;}
table.guideTb1.balancesPd0 tbody tr td.taR {padding-right:10px;}

/* 계좌잔고 */
.tabMenu.col9.account li.row2 a, .tabMenu.col10.account li.row2 a, .tabMenu.col11.account li.row2 a, .tabMenu.col12.account li.row2 a {line-height:24px !important;}
.tabMenu.col9.account li.off, .tabMenu.col10.account li.off, .tabMenu.col11.account li.off, .tabMenu.col12.account li.off {position:relative;}
.tabMenu.col9.account li.off a, .tabMenu.col10.account li.off a, .tabMenu.col11.account li.off a, .tabMenu.col12.account li.off a {color:#aeaeae;}
.tabMenu.col9.account li.off:after, .tabMenu.col10.account li.off:after, .tabMenu.col11.account li.off:after, .tabMenu.col12.account li.off:after {display:block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:transparent;}
.lay-help.w460 .layer {width:418px;}
.lay-help.w500 .layer {width:446px;}
.conditionsBox .radioGroup {margin-bottom:10px;}
.conditionsBox .checkList {padding-top:10px;border-top:1px solid #747474;}
.conditionsBox .checkList li {margin-bottom:10px;}
.conditionsBox .checkList li label {color:#444;font-size:13px;}
.conditionsBox .btnArea {padding-top:10px;}
.conditionsBox .btnArea .btnMid {width:54px;}
table.viewMore.tab3.active {width:1079px;}
table.viewMore.tab4.active {width:1079px !important;}
table .viewMore {display:none;}
table.viewMore.active colgroup .viewMore,table.viewMore2.active colgroup .viewMore {display:table-column;}
table.viewMore.active th.viewMore,table.viewMore.active td.viewMore,table.viewMore2.active th.viewMore,table.viewMore2.active td.viewMore {display:table-cell;}
.td_btnBox {overflow:hidden;display:inline-block;text-align:center;}
.tbl_accountBalances4 .td_btnBox li {float:left;}
.tbl_accountBalances4 .td_btnBox li.btn_viewMore {display:none;}
.tbl_accountBalances4 table.viewMore.active .td_btnBox li.btn_viewMore {display:block;}
.tbl_accountBalances4 .td_btnBox li {float:left;}
.tbl_accountBalances4 .td_btnBox li.mgb5 {margin-bottom:5px;}
.tbl_accountBalances4 .td_btnBox li.mgr5 {margin-right:5px;}
.tbl_accountBalances4 .td_btnBox li .btnMid {width:80px;}
.tbl_accountBalances4 .td_btnBox li .btnMid.blue {width:101px !important;}
.tbl_accountBalances4 .td_btnBox li .btnMid.red {width:101px !important;}
.tbl_accountBalances4 .td_btnBox li .btnMid.blue + .red {margin-top:5px;}
/* (P) 외화RP 잔고상세 */
.tbl_foreignRP_detail01 table.viewMore.active {width:1212px !important;}
.tbl_foreignRP_detail02 table.viewMore.active {width:1166px !important;}

/* 골든랩잔고 */
.txt_goldenWrap_info {margin-bottom:10px;font-size:14px;color:#444;line-height:20px;}
.txt_goldenWrap_info span {display:block;color:#747474;}

/*금융소득발생내역*/
.bizFinance tbody tr th {padding:0 !important;}
.bizFinance tbody tr .section_line {border-bottom:1px solid #747474 !important;}
.bizFinance tbody .subTotal td {border-bottom:1px solid #747474 !important;background-color:#fafafa;}

/* 선물옵션잔고 */
.combineBox {margin-bottom:30px;}
.combineBox:after {display:block;content:"";clear:both;}
.combineBox .kospiBox {float:left;width:150px;border-top:1px solid #747474;}
.combineBox .kospiBox dt {height:40px;border-bottom:1px solid #747474;background-color:#f4f5f7;line-height:39px;text-align:center;color:#222;font-size:14px;}
.combineBox .kospiBox dd {height:40px;padding-right:15px;border-bottom:1px solid #ddd;line-height:39px;text-align:right;color:#444;font-size:14px;}
.combineBox .tblBox {float:right;width:790px;}
.combineBox .tblBox.popup {width:510px;}

/* align-right 일때 스크롤 부분 가져지는 현상 수정 */
table.viewMore td.last {padding-right:20px;}


/* 주식 탭 case */
.viewMoreBox.stock .btnviewMore{right:280px}


/* *******************
잔고/거래내역 > 거래내역
********************* */
/* 거래내역 */
.stockItem {height:242px;padding:20px 20px 31px;text-align:center}
.stockItem label {margin:0 20px 10px 0 !important}
.tbl1.small.bizPd tr th, .tbl1.small.bizPd tr td {padding:4px 10px 3px}
.tbl1.small.bizPd.taC tr td {text-align:center !important}
.h2_tit.txt_font22 {font-size:22px !important}
.scrollTransaction_sort5 .scrollBody .guideTb1 {width:1986px !important}
.scrollTransaction_sort5_1 .headerWrap .guideTb1{padding-right:0px !important}
.scrollTransaction_sort5_1 .scrollBody .guideTb1 {width:1400px !important}

/* 거래내역 인쇄팝업 컨텐츠 영역 */
.historyContent {min-height:800px;}

/* 종목검색 */
.bondSearch_box {position:relative;}
.bondSearch_box:after {display:block;content:"";clear:both;}
.bondSearch_box .bond_search_box {float:left;width:320px;border-top:1px solid #747474;background-color:#fafafa;}
.bond_search {padding:20px 20px 31px;text-align:center;}
.bond_search .select-box {width:100% !important;margin-bottom:10px;text-align:left;}
.bond_search input {width:258px;margin:0 0 0 0 !important;background:#fff;}
.bondSearch_box .btnLarge {margin-top:20px;}
.bondSearch_box .resultAlign {padding:20px;}
.bondSearch_box .resultAlign>p {margin-bottom:10px;color:#444;font-size:14px;}
.bondSearch_box .resultAlign ul {width:100%;}
.bondSearch_box .resultAlign ul:after {display:block;content:"";clear:both;}
.bondSearch_box .resultAlign li {float:left;width:14.6%;height:40px;margin:-1px 0 0 -1px;text-align:center;background:#fff;}
.bondSearch_box .resultAlign li a {display:block;border:1px solid #ddd;line-height:38px;color:#444;font-size:16px;}
.bondSearch_box .resultAlign li.alphabet {width:100%;}
.bondSearch_box .resultAlign li.on a {color:#fff;background-color:#0062ab;}
.bondSearch_box .bond_result_box {float:right;overflow:hidden;width:540px;height:480px;}
.bondSearch_box .bond_result_box .scrollBody.row10 {height:439px;}
.bondSearch_box .bond_result_box td {padding:9px 15px 10px;}
.bondSearch_box .bond_result_box table tr.thead td {padding:9px 5px;}
.bond_result_box .scrollBody td.no_data {height:400px;line-height:420px;color:#444;font-size:16px;}

/* 스크롤테이블 하단 우측 스크롤 보이기 */
.scrollXauto {overflow-x:auto !important;}


/* *******************
이체
********************* */
/* table tr 이동 버튼 */
.btn_selectMove {display:inline-block;width:27px;height:25px;background:url(/ux/images/common/btn_selectMove.gif) 0 0 no-repeat;}
.btn_selectMove + .btn_selectMove {margin-left:5px;}
.btn_selectMove.up {background-position:-27px 0;}
.btn_selectMove.up.disabled {background-position:0 0;}
.btn_selectMove.down {background-position:-27px -25px;}
.btn_selectMove.down.disabled {background-position:0 -25px;}

/* 자동이체 > 적립식 자동이체서비스 약관*/
.terms_area + .agreeBox {background:#f4f5f7;}

/* 이체 tfoot */
table tfoot .hasList ul, .footerWrap .hasList ul {display:inline-block;}
table tfoot .hasList li, .footerWrap .hasList li {float:left;margin-left:30px;}
table tfoot .hasList li:first-child, .footerWrap .hasList li:first-child {margin-left:0;}

/* 이체확인증 */
.box_tansferConfirm {position:relative;margin-top:10px;padding:30px 0;border-top:1px dotted #989898;}
.box_tansferConfirm h2 {margin-bottom:18px;text-align:center;}
.box_tansferConfirm .accountName {padding:8px 0 9px 0;border-top:1px solid #747474;text-align:center;color:#222;font-size:16px;font-weight:bold;background-color:#f4f5f7;}
.box_tansferConfirm .stampArea {float:none !important;width:132px !important;height:60px;margin:0 auto;margin-top:30px;padding-right:60px;text-align:center;background:url(/ux/images/common/bg_stampArea.gif) right 0 no-repeat;}
.box_tansferConfirm .stampArea span {display:block;padding-top:5px;line-height:25px;}
.box_tansferConfirm + .btnArea {padding-top:0;}

/* 즉시이체 */
table .transTabInfo {width: 380px;}
table .transTabInfo:after {display:block;content:"";clear:both;}
table .transTabInfo dt {float:left;width:80px;height:22px;margin-top:8px;font-size:13px;letter-spacing:-1px;}
table .transTabInfo dd {float:right;width:300px;height:22px;margin-top:8px;text-align:right;font-size:13px;letter-spacing:-1px;}
table .transTabInfo dd span.price {float:left;display:inline-block;margin-top:2px;vertical-align:middle;}
table .transTabInfo dd strong {color:#444;font-weight:bold;}
table .transTabInfo dt.tit_btn {height:20px;margin-top:10px;}
table .transTabInfo .btnSmall {padding:0 8px;}
.tipArea ul li.transferInfo {overflow:hidden;position:relative;padding:0;background:none;}
.tipArea ul li.transferInfo dl {padding:0;border:none;}
.tipArea ul li.transferInfo dl dt {position:absolute;padding:0 0 0 10px;left:0;top:0;font-weight:normal;}
.tipArea ul li.transferInfo dl dd {margin-left:80px;}
table tr.ssrecom td .layer .headerWrap td {background-color:#f3f4f6;}

/* 즉시이체 > 즉시이체 불가능 시간 알림(P) */
.modalPop .popSection.transPop .transHead {margin-bottom:20px;}
.modalPop .popSection.transPop .transPopTitle {text-align:center;color:#222;font-size:18px;font-weight:bold;}
.modalPop .popSection.transPop .trans_info_box {padding:15px 0;margin:20px 0 0 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-align:center;background:#fafafa;}
.modalPop .popSection.transPop .trans_info_box p {text-align:center;color:#222;font-size:18px;}
.modalPop .popSection.transPop .trans_info_box p span {color:#c75414;}
.modalPop .popSection.transPop .trans_info_box dl {display:inline-block;position:relative;}
.modalPop .popSection.transPop .trans_info_box dl:after {display:block;content:"";clear:both;}
.modalPop .popSection.transPop .trans_info_box dl dt {float:left;color:#222;font-size:18px;}
.modalPop .popSection.transPop .trans_info_box dl dd {float:left;margin-left:5px;}
.modalPop .popSection.transPop .trans_info_box dl dd span {display:block;color:#c75414;font-size:18px;}
.modalPop .popSection.transPop .trans_info_txt {padding-left:10px;color:#222;font-size:13px;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px;}

/* 즉시이체 bg 상속 막기 */
table tr.ssrecom td .layer .scrollBody table td {background-color:#fff;}

/* 예약이체 > 은행연계간편이체 */
.linkBanking {position:relative;margin-bottom:40px;border:1px solid #ddd;border-top:none;}
.linkBanking:after {display:block;content:"";clear:both;}
.linkBanking .linkBanking_box {float:left;width:319px;}
.linkBanking .linkBanking_box .contBox {padding:0 30px;}
.linkBanking .linkBanking_box .contBox .title {padding:12px 0 16px 0;border-bottom:1px dashed #ddd;text-align:center;font-size:18px;font-weight:bold;}
.linkBanking .contBox .inputBox {padding:6px 0 20px 0;}
.linkBanking .contBox .inputBox dt {display:block;margin:8px 0;color:#222;font-size:14px;}
.linkBanking .contBox .inputBox dd .insertPrice span.price {display:block;height:19px;margin:10px 0;text-align:right;color:#c75414;font-size:14px;}
.linkBanking .contBox .inputBox dd .insertPrice .price_select ul li button {width:37px;padding:0;}
.linkBanking .contBox .tbl1 th {padding:10px;}
.linkBanking .linkBanking_box.fund {border-top:4px solid #0977c9;}
.linkBanking .linkBanking_box.fund .title {color:#0977c9;}
.linkBanking .linkBanking_box.transfer {border-top:4px solid #747474;}
.linkBanking .linkBanking_box.transfer .contBox {padding:0 29px;border-left:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;background-color:#f4f5f7;}
.linkBanking .linkBanking_box.transfer .contBox .title {color:#747474;}
.linkBanking .linkBanking_box.transfer .transferBox {position:relative;height:78px;text-align:center;font-size:18px;}
.linkBanking .linkBanking_box.transfer .transferBox:after {display:block;content:"";position:absolute;width:16px;height:78px;background:url(/ux/images/common/bg_arrowTransfer2.gif) 0 0 no-repeat;background-size:16px 156px;}
.linkBanking .linkBanking_box.transfer .transferBox.to {border-bottom:1px solid #ddd;}
.linkBanking .linkBanking_box.transfer .transferBox.to:after {left:-16px;top:0;background-position:0 0;}
.linkBanking .linkBanking_box.transfer .transferBox.from:after {right:-16px;top:0;background-position:0 -78px;}
.linkBanking .linkBanking_box.transfer .transferBox span {display:inline-block;height:28px;margin-top:25px;line-height:24px;background:url(/ux/images/common/bg_arrowTransfer.gif) 0 0 no-repeat;background-size:28px 56px;}
.linkBanking .linkBanking_box.transfer .transferBox span strong {font-weight:bold;}
.linkBanking .linkBanking_box.transfer .transferBox.to span {padding-left:35px;color:#e56c00;background-position:0 0;}
.linkBanking .linkBanking_box.transfer .transferBox.from span {padding-right:35px;color:#0062ab;background-position:right -28px;}
.linkBanking .linkBanking_box.link {width:320px;border-top:4px solid #ff8f1c;}
.linkBanking .linkBanking_box.link .title {color:#ff8f1c;}

/* 예약이체 > 자주쓰는계좌관리 */
.placeHolder_input.error {vertical-align:top;}
.placeHolder_input.error span.error {display:block;margin-top:10px;color:#c9414d;font-size:13px;}

/* 예약이체 > 이체한도변경 */
fieldset.limitChange {display:inline-block;}
fieldset.limitChange span.after {margin-left:15px;}
fieldset.limitChange span.amount {margin-left:15px;color:#c75414;}

/* 예약이체 > 이체한도변경 완료(P) */
.btnArea + .scrollTable {margin-top:40px;}
.bgAfter {background-color:#ecf5fa;}
.placeHolder_input label.right {left:auto;right:15px;}

/* 타증권사대체출고 상대증권사 outsideBranch 추가 */
.btnBank_layer.outsideBranch {height:auto;padding-bottom:20px;}
.bank_selectBox.internet_banking .btnBank {min-width:128px;width:auto;}
.bank_selectBox .btnBank_layer.outsideBranch {width:700px;}
.btnBank_layer.outsideBranch .stockBox:after {display:block;content:"";clear:both;}
.btnBank_layer.outsideBranch ul.stockName {float:left;width:489px;}
.btnBank_layer.outsideBranch ul.stockName li {width:162px;}
.btnBank_layer.outsideBranch ul.stockName li.on:after {position:absolute;left:-1px;top:-1px;content:"";width:112px;height:46px;border:solid #3dadec;border-width:2px 3px;}
.btnBank_layer.outsideBranch ul.stockName li a {display:block;width:100%;line-height:48px;}
.btnBank_layer.outsideBranch ul.stockName li a:after {border:none !important;}
.btnBank_layer ul.stockName li{width:auto;}
.branchName {float:right;width:196px;border-left:1px solid #ebebeb;border-right:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
.branchName .title {height:45px;text-align:center;color:#444;font-size:14px;line-height:43px;background-color:#efefef;}
.branchName .branchList {overflow-y:auto;width:auto;height:494px;}
.branchName .branchList ul {width:100%;border:none !important;}
.branchName ul li {display:block;float:none;width:auto;height:40px;border:none;border-bottom:1px solid #ebebeb;}
.branchName ul li.on:after {position:absolute;left:0px;top:0px;content:"";width:100%;height:40px;border:solid #3dadec;border-width:2px 3px;box-sizing:border-box;z-index:-1;}
.branchName ul li a {display:block;position:relative;width:auto;height:auto;padding-left:22px;text-align:left;line-height:38px;}
.branchName ul li a:after {position:absolute;left:13px;top:-1px;display:block;content:"-";border:none !important;color:#747474;}



/* *******************
이체 > 자동이체
********************* */
.tabArea2.txt_font14 li a {font-size:14px;}
.tbl_row.taC td {text-align:center;}
.slctAccount input + button {margin-left:5px;}
.slctAccount input + button + .placeHolder_input {margin-left:5px;}
.slctAccount input + button + .placeHolder_input + button.btnLarge.white.modal {padding-left:17px !important;}
.transferPeriod .periodSearch li:first-child {margin-right:10px;}
.grayBox .autoTransfer_terms {padding-right:5px;color:#444;}
.slctAccount button +input[type="text"],
.slctAccount .placeHolder_input + button.btnLarge.white.modal, .slctAccount .bank_selectBox + .placeHolder_input {margin-left:5px;}
.insertPrice .price_select label {display:inline-block;margin-top:8px;}
.thumbArticle.transThumb {height:30px;}
/* 잔고번호조회 */
fieldset.chkAccount, .chkLimit {width:100%;border-top:1px solid #747474;border-bottom:1px solid #ddd;}
fieldset.chkAccount dl, fieldset.chkAccount dt, fieldset.chkAccount dd {float:left;}
fieldset.chkAccount dl {width:50%;}
fieldset.chkAccount dt {margin-right:12px;padding:12px 53px 12px 15px;line-height:21px;background:#fafafa;}
fieldset.chkAccount dd {padding:12px 0;margin-right:12px;}
/* 자동이체변경 */
.tbl1 td.hasSelect {padding:30px 0;background:#fafafa;}
.changeAutoTranster {margin-bottom:10px;text-align:center;}
/* 자동이체해지 */
.tbl1 tbody td.chkbox_transferMoney {padding-right:0 !important;}
.tbl1 td.chkbox_transferMoney p {margin-top:10px;}
.tbl1 td.chkbox_transferMoney p label {margin:0;color:#444;}
.chkbox_transferMoney input[type="text"] {width:180px;}
.chkbox_transferMoney p label {margin:10px 0 0 0;}
/* 잔여매수가능한도조회 */
.chkLimit:after {content:'';display:block;clear:both;}
.chkLimit dl {float:left;width:33.33%;box-sizing:border-box;}
.chkLimit dt {float:left;width:112px;padding:12px 0 12px 15px;line-height:21px;background:#fafafa;box-sizing:border-box;}
.chkLimit dd {float:left;padding:12px;}
/* 처리중단안내 */
.stopProcess {margin-bottom: 13px;padding-bottom: 25px;border-bottom: 1px solid #ddd;text-align:center;font-size:18px;font-weight:bold;}



/* *******************
인터넷뱅킹>공과금납부
********************* */
/* 지로 > case01 */
.stepMenu.line2 li a,
.stepMenu.line2 li p{height:77px;}
.stepMenu.step5 li.on:first-child a {background-image:url(/ux/images/common/ico_step_img7.png);}
.stepMenu.step5 li:first-child + li.on a {background-image:url(/ux/images/common/ico_step_img5.png);}
.stepMenu.step5 li:first-child + li + li.on a {background-image:url(/ux/images/common/ico_step_img1.png);}
.stepMenu.step5 li:first-child + li + li + li.on a {background-image:url(/ux/images/common/ico_step_img9.png);}
.stepMenu.step5.line2 li a strong {width:70%;}
.more_infoBox .col.bg_icon34 {background: url(/ux/images/common/bg_icoBig_type34.gif) 96% 29px no-repeat;}
.more_infoBox .col.bg_icon35 {background: url(/ux/images/common/bg_icoBig_type35.gif) 96% 29px no-repeat;}
p.gifoEndNotice {margin-bottom:30px;text-align:center;font-size:28px;font-weight:bold;}

/* 지로 > case02 */
.stepMenu.giro li.on:first-child a {background-image:url(/ux/images/common/ico_step_img7.png);}
.stepMenu.giro li:first-child + li.on a {background-image:url(/ux/images/common/ico_step_img5.png);}
.stepMenu.giro li:first-child + li + li.on a {background-image:url(/ux/images/common/ico_step_img9.png);}

/* 지로납부내역조회/취소 */
.giroReceipt {margin:10px 0 28px 0;padding-bottom:27px;background:url(/ux/images/common/bg_dot_line.gif) 100% 100% repeat-x;}
.giroReceipt.type2 {margin-bottom:0;padding-bottom:0;background:none;}
.giroReceipt .title {padding-top:25px;color:#444;font-size:18px;}
.giroReceipt .fl ul {float:left;margin:7px 0 0 0;}
.giroReceipt .fl ul li {margin-bottom:10px;color:#747474;font-size:13px;}
.giroReceipt .fr {position:relative;}
.giroReceipt .fr ul {position:absolute;top:14px;right:0;width:100px;z-index:20;}
.giroReceipt .fr ul li {padding:0 0 8px 0;}
.giroReceipt .fr ul li:first-child {font-size:13px;}
.giroReceipt .fr ul li:first-child + li {font-size:15px;}
.giroReceipt .fr ul li:first-child + li + li {font-size:11px;}
.giroReceipt .fr .bg {position:absolute;top:0;right:0;z-index:10;}
.giroCancel_title {margin-bottom:30px;padding:26px 0;border-top:1px solid #747474;border-bottom:1px solid #ddd;background-color:#fafafa;}
.giroCancel_title p {text-align:center;font-weight:bold;font-size:28px;}
.giroCancel_title p strong {color:#0062ab;}
.giroReceipt.upPd {padding-bottom:40px;}

/* 예약납부신청 */
.tipArea.giroResevation p {margin:0;}
.tipArea.giroResevation ul {padding:13px 0 0 0;}

/* 납부신청내역확인 */
p.confirm {margin-bottom:25px;text-align:center;font-size:22px;}

/* 지로자동이체내역조회/해지 */
table td.td_btn.align.width83 .btnMid {width:83%;}
.agreeBox.giro {border-top:1px solid #747474;border-bottom:1px solid #ddd;}

/* 개인정보이용(제공)조회 및 변경_공통 */
.creditInfo_wrap {border-top:1px solid #ddd;}
.creditInfo_wrap > li {padding-bottom:30px;border-bottom:1px solid #ddd;}
.creditInfo_wrap p.tit {font-size:16px;padding:15px 10px;border-bottom:1px solid #ddd;margin-bottom:25px;}
.creditInfo_wrap dl {padding-left:30px;}
.creditInfo_wrap dl:after {content:"";display:block;width:0;height:0;clear:both;}
.creditInfo_wrap dl dt, .creditInfo_wrap dl dd {float:left;margin-top:5px;color:#444;}
.creditInfo_wrap dl dt {width:560px;}
.creditInfo_wrap dl dt.no_radio {width:660px;}
.creditInfo_wrap dl dt + dd {width:190px;}
.creditInfo_wrap dl dt + dd + dd {width:100px;}
.creditInfo_wrap dl dd.dep2 {width:100%;}
.creditInfo_wrap dl dd.dep2 dl {padding-left:20px;}
.creditInfo_wrap dl dd.dep2 dt {width:540px;}
.creditInfo_wrap li .dot_list {margin:30px 0 0 50px;}
.creditInfo_wrap .marketingAgree {margin-bottom:5px;padding-left:30px;border-top:none;}
.creditInfo_wrap .marketingAgree tbody th {padding-left:10px;padding-right:0px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.creditInfo_wrap .marketingAgree tbody th label {margin-left:17px;margin-right:5px;}
.creditInfo_wrap .marketingAgree tbody th .readonly + label {color:#000;}
.tipArea.creditInfo_notice dt {background:none;}
.tipArea.creditInfo_notice dd {background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 10px;}

/* 자동계좌이체약관 */
.customerTerm .title, .customerTerm .dep1 > li {margin-bottom:20px;line-height:20px;}
.customerTerm ol li {padding-bottom:3px;}
.customerTerm .dep1 > li p:first-child, .customerTerm .dep1 > li > ol:first-child {margin-top:10px;}
.customerTerm .dep3 {padding-top:3px;}

/* 주석 표기방식 */
.giroInfo_txt {vertical-align:top;font-size:12px;}

/* *******************
인터넷뱅킹>신용/대출
********************* */
/* 신용거래안내 */
.page_info.credit_head {min-height:180px;margin-bottom:30px;padding-bottom:30px;border-top-width:1px;}
.page_info.credit_head .inner span.bgArea.creditInfo {height:176px;margin-top:-86px;background:url(/ux/images/internet_banking/bg_creditInfo.png) 0 100% no-repeat;background-position:center;}
.page_info.credit_head .inner span.bgArea.creditInfo2 {height:138px;margin-top:-69px;background:url(/ux/images/internet_banking/bg_creditInfo2.png) 0 100% no-repeat;background-position:center;}
.page_info.credit_head .inner > h2 {line-height:40px;}
.credit_desc {padding-bottom:10px;font-size:22px;}
.ss_credit {margin-bottom:40px;padding:30px 0;border-top:1px solid #747474;border-bottom:1px solid #ddd;}
.ss_credit li {float:left;position:relative;width:33.33%;padding-top:115px;text-align:center;background:url(/ux/images/internet_banking/bg_credit01.gif) center 0 no-repeat;}
.ss_credit li.ssCredit02 {background-image:url(/ux/images/internet_banking/bg_credit02.gif);}
.ss_credit li.ssCredit03 {background-image:url(/ux/images/internet_banking/bg_credit03.gif);}
.ss_credit li:after {display:block;content:"";position:absolute;top:0;left:0;width:1px;height:232px;background:url(/ux/images/common/bg_dot_vline.gif) 0 0 repeat-y;}
.ss_credit li:first-child:after {display:none;}
.ss_credit li .tit {display:inline-block;margin-bottom:10px;font-size:18px;}
.ss_credit li .desc + span {color:#747474;font-size:13px;}
table.credit_detail tbody tr > th {vertical-align:middle;}
table.credit_detail dl.dot_list dd {padding-left:10px;color:#747474;font-size:13px;}
table.credit_detail dl.dot_list dd:after {display:none;}
table.credit_detail .guideTb1 thead th {background-color:#f4f5f7;}
table.credit_detail .guideTb1 th, table.credit_detail .guideTb1 td {border-left:1px solid #ddd;}
table.credit_detail .guideTb1 tr th:first-child {border-left:none;}
table.credit_detail .visit {display:inline-block;margin-bottom:15px;color:#0977c9;font-size:16px;}
table.credit_detail ul.dot_list {margin-top:0;}
table.credit_detail ul.dot_list li {font-size:14px;}
table.credit_detail ul.dot_list li:first-child {margin-top:0;}
table.credit_detail ul.dep1 > li {margin-top:10px;}
table.credit_detail ul.dep1 > li:first-child {margin-top:0;}
table.credit_detail li ul.dep2, table.credit_detail dd .dep2 {margin:5px 0 0 0;}
table.credit_detail li ul.dep2 > li {margin-top:0;margin-bottom:2px;color:#747474;font-size:13px;}
table.credit_detail ul.ex_txt ul li:after {display:none;}
table.credit_detail ul.dep3 li {margin:3px 0 0 0;font-size:13px;}
table.credit_detail ul.dep3 li span {display:inline-block;padding-left:15px;}
.ss_credit.deposit li:after {height:250px;}
.ss_credit li.deposit01 {background-image:url(/ux/images/internet_banking/bg_credit01.gif);}
.ss_credit li.deposit02 {background-image:url(/ux/images/internet_banking/bg_credit04.gif);}
.ss_credit li.deposit03 {background-image:url(/ux/images/internet_banking/bg_credit05.gif);}
.ss_credit li.deposit04 {background-image:url(/ux/images/internet_banking/bg_credit06.gif);}
.guideTb1 .bgf6 {background-color:#f6f6f6 !important;}
ul.ex_txt li.nodot {padding-left:0;}
ul.ex_txt li.nodot:after {display:none;}
.tipArea ul > li.tip_btnArea.typeNm{text-indent:-10px;}

/* 대출/신용신청 */
.creditBrie_box {padding-top:15px;border-top:1px solid #747474;}
.creditBrie_box .boxGray {position:relative;padding:20px 15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fafafa;}
.creditBrie_box .boxGray p {position:relative;font-size:14px;color:#222;}
.creditBrie_box .boxGray label.check {position:absolute;right:15px;top:50%;margin-top:-10px;}

.creditBrie_box .btnBox {margin-bottom:15px;padding-left:15px;}
.creditBrie_box .btnBox .btnSmall {vertical-align:middle;}
.creditBrie_box .btnBox button.btnCheck:hover {background-position:10px -56px;}
.creditBrie_box .btnBox button.btnCheck.checked {background-position:10px -26px;}
.creditBrie_box .agreeBox {background:url(/ux/images/common/bul_dot_98.gif) left top repeat-x;background-color:#fafafa;}


button.btnCheck2:hover {background-position:10px -56px;}
button.btnCheck2.checked {background-position:10px -26px;}


/* 대출 */
.identBox {padding:20px;background-color:#f4f5f7;}
.identBox fieldset.radioGroup {display:block;margin-bottom:15px;}
.identBox fieldset.radioGroup label {margin:0 10px 0 0 !important;}
.identBox fieldset.authentication {display:block;}
.identBox fieldset.authentication strong {padding:0 5px 0 15px;}
.identBox fieldset.authentication p.dot_list {margin:10px 0 0 0;}

/* 대출가능종목조회 상단 검색바 */
.loanSearchTop {display:block;position:relative;margin:0 0 20px 0;padding:13px 0;text-align:center;background-color:#f4f5f7;}
.loanSearchTop fieldset {display:table;position:relative;margin:0 auto;padding:0;}
.loanSearchTop input[type="text"] {width:618px;height:38px;}
.loanSearchTop input[type="text"]:focus {height:38px;}
.loanSearchTop .lay-code {width:616px}
fieldset.code{display:inline-block !important;position:relative;z-index:10}
fieldset.code input[type=text]{}
fieldset.code span.code{margin-left:25px}
fieldset.code .lay-code{position:absolute;top:39px; border:1px solid #686970;background-color:#fff;font-size:14px;z-index:10}
fieldset.code .lay-code ul{max-height:100px;padding:4px 0;overflow:auto}
fieldset.code .lay-code li a{display:block;padding:2px 10px 4px;color:#000; text-align:left}
fieldset.code .lay-code li a:hover{background-color:#eef4fc;text-decoration:none}


/* *******************
인터넷뱅킹>대차
********************* */
/* 대차거래서비스 안내 */
.page_info.balanceService {margin-bottom:40px;padding:30px 0;}
.page_info.balanceService .bgArea {background:url(/ux/images/internet_banking/bg_pageInfo_balanceService.gif) 0 0 no-repeat;}
.page_info.balanceService .btnArea {padding-top:15px;}

/* 대차거래 서비스의 이점 */
.balanceServieBox {margin-bottom:40px;}
.balanceServieBox h2 {margin-bottom:15px;font-weight:normal;}
.balanceServieBox .contBox {border-top:1px solid #747474;border-bottom:1px solid #ddd;}
.balanceServieBox .contBox:after {display:block;content:"";clear:both;}
.balanceServieBox .descBox {float:left;width:50%;position:relative;}
.balanceServieBox .descBox:first-child:after {display:block;position:absolute;right:0;top:0;content:"";width:1px;height:100%;border-right:1px dashed #ddd;}
.balanceServieBox .descBox.wide {height:493px;}
.balanceServieBox .descBox.wide .imgBox {padding:30px;}
.balanceServieBox .descBox.wide .h3_tit {margin-left:30px;}
.balanceServieBox .descBox.wide .dot_list {margin-left:30px;}
.balanceServieBox .descBox.wide .dot_list li span {display:block;color:#747474;font-size:13px;}
.balanceServieBox .descBox dl {position:relative;height:160px;}
.balanceServieBox .descBox dl:after {display:block;position:absolute;left:0;top:0;content:"";width:100%;height:1px;border-top:1px dashed #ddd;}
.balanceServieBox .descBox dl:first-child:after {border:none;}
.balanceServieBox .descBox dl.last {height:171px;}
.balanceServieBox .descBox dl dt {padding:30px 0 0 160px;color:#222;font-size:18px;font-weight:bold;}
.balanceServieBox .descBox dl dd {padding-left:160px;}
.balanceServieBox .descBox dl.first  {background:url(/ux/images/internet_banking/bg_pageInfo_balanceService02.png) 30px 30px no-repeat;}
.balanceServieBox .descBox dl.second {background:url(/ux/images/internet_banking/bg_pageInfo_balanceService03.png) 30px 30px no-repeat;}
.balanceServieBox .descBox dl.last   {background:url(/ux/images/internet_banking/bg_pageInfo_balanceService04.png) 30px 30px no-repeat;}

/* 대차거래서비스신청완료 */
.more_infoBox .col.bg_icon36 {background: url(/ux/images/common/bg_icoBig_type36.gif) 96% 29px no-repeat;}
.more_infoBox .col.bg_icon37 {background: url(/ux/images/common/bg_icoBig_type37.gif) 96% 29px no-repeat;}

/* 대차거래내역 */
.guideTb1 td span.codeNum {color:#747474;font-size:13px;}



/* *******************
인터넷뱅킹>청약
********************* */
/* 권리/청약캘린더 */
.thumbArticle .search_paiditem dt, .thumbArticle .search_paiditem dd {float:left;}
.thumbArticle .search_paiditem dt {margin-left:20px;}
.thumbArticle .search_paiditem dt:after {display:inline-block;padding:0 3px;content:":";}

/* 인터넷뱅킹>청약>캘린더 */
.eventCal_wrap {position:relative;}
.eventCal_wrap .label_box {position:absolute;left:15px;top:18px;padding:0;border:none;}
.eventCal_wrap .label_box span {display:inline-block;margin-right:2px;padding:2px 4px 4px 4px;color:#fff;font-size:11px;font-family:Dotum,,Arial;}
.eventCal_wrap .label_box span.tobe {background-color:#b4558c;}
.eventCal_wrap .label_box span.confirm {background-color:#6570c0;}
.eventCal_wrap .label_box span.subScription {background-color:#7655b3;}
.eventCal_wrap .select_dateBox {padding-bottom:12px;text-align:center;}
.eventCal_wrap .select_dateBox .sel_date {display:inline-block;margin-right:15px;}
.eventCal_wrap .select_dateBox .sel_date .radioGroup{}
.eventCal_wrap .select_dateBox .sel_date .btnArrow {width:28px;height:28px;border:1px solid #ddd;vertical-align:middle;text-indent:-9999px;background:url(/ux/images/common/btn/bg_btn_selArrow.png) 10px 10px no-repeat;}
.eventCal_wrap .select_dateBox .sel_date .btnArrow.left {background-position:10px 10px;}
.eventCal_wrap .select_dateBox .sel_date .btnArrow.right {background-position:12px -10px;}
.eventCal_wrap .select_dateBox .sel_date .btnLarge.gray {padding:0 13px}
.eventCal_wrap .select_dateBox .sel_week .btnLarge{margin-left:6px !important}
.eventCal_wrap .select_dateBox .sel_week .btnArrow {width:52px;height:38px;padding-left:22px;border:1px solid #ddd;vertical-align:middle;color:#444;background:url(/ux/images/common/btn/bg_btn_selArrow2.png) 10px 14px no-repeat;}
.eventCal_wrap .select_dateBox .sel_week .btnArrow.left {text-align:left; margin-left:6px !important}
.eventCal_wrap .select_dateBox .sel_week .btnArrow.right {padding:0 22px 0 0;text-align:right;background-position:60px -36px;}
.eventCal_wrap .select_dateBox .sel_week .btnArrow.refresh{margin-left:6px !important; width:16px;background:url(/ux/images/common/btn/btn_refresh.png) center center no-repeat;}
.eventCal_wrap .select_dateBox .sel_week .btnLarge.week{min-width:58px;padding:0}
.eventCal_wrap .select_dateBox .sel_week .btnLarge.week.white{padding:0 6px 0 4px}
.eventCal_wrap .select_dateBox .sel_week .btnLarge.week.white.toggleOn{border-color:#0977c9 !important;color:#0977c9 !important}
.eventCal_wrap .select_dateBox .sel_week.day .btnArrow.left{width:16px;background-position-x:14px;}
.eventCal_wrap .select_dateBox .sel_week.day .btnArrow.right{width:16px;background-position:15px -36px;}
.eventCal_wrap .select_dateBox .sel_week strong {margin:0 15px;vertical-align:middle;font-size:22px;}
.eventCal_wrap .select_dateBox .select-box {margin:0 0 0 0;}
.eventCal_wrap .hasCont {background-color:#ecf5fa;}
.eventCal_wrap .hasCont_issue {background-color:#fae0d4; height:100% !important}
.eventCal_wrap .rightSchedule {overflow:hidden;height:110px;padding:34px 10px 10px 10px;}
.eventCal_wrap .rightSchedule li {overflow:hidden;width:90px;height:17px;margin-top:5px;padding-left:20px;color:#444;text-overflow:ellipsis;white-space:nowrap;font-size:12px;background:url(/ux/images/internet_banking/ico_paid.gif) 0 0 no-repeat;}
.eventCal_wrap .rightSchedule li a {display:block;}
.eventCal_wrap .rightSchedule li.free {background-image:url(/ux/images/internet_banking/ico_free.gif);}
.eventCal_wrap .rightSchedule li.dividend {background-image:url(/ux/images/internet_banking/ico_dividend.gif);}
.eventCal_wrap .rightSchedule li.requestPurchase {background-image:url(/ux/images/internet_banking/ico_requestPurchase.gif);}
.eventCal_wrap .rightSchedule li.merger {background-image:url(/ux/images/internet_banking/ico_merger.gif);}
.eventCal_wrap .rightSchedule li.reduction {background-image:url(/ux/images/internet_banking/ico_reduction.gif);}
.eventCal_wrap .rightSchedule li.forfeited {background-image:url(/ux/images/internet_banking/ico_forfeited.gif);}
.eventCal_wrap .rightSchedule li.bond {background-image:url(/ux/images/internet_banking/ico_bond.gif);}
.eventCal_wrap .rightSchedule li.publicSubscription {background-image:url(/ux/images/internet_banking/ico_publicSubscription.gif);}
.eventCal_wrap .rightSchedule li.gnrlMtng {background-image:url(/ux/images/internet_banking/ico_gnrlMtng.gif);}
.eventCal_wrap .rightSchedule li.issue_m {background-image:url();width:115px;margin-left:-20px;}
.eventCal_wrap .rightSchedule li.issue_m .sat {color:#0977c9;}
.eventCal_wrap .rightSchedule li.issue_m .sun {color:#c75414;}
.eventCal_wrap .rightSchedule li.issue_w {background-image:url();width:230px;}
.eventCal_wrap .rightSchedule li.issue_w .sat {color:#0977c9;}
.eventCal_wrap .rightSchedule li.issue_w .sun {color:#c75414;}
.eventCal_wrap .rightSchedule + .more {display:block;position:absolute;top:0px;right:-2px;width:21px;height:21px;border:1px solid #ddd;text-indent:-9999px;background:#fff url(/ux/images/common/btn/ico_modal.png) center center no-repeat;cursor:pointer;}
.eventCal_wrap .select_dateBox .btnToday {width:55px;height:26px;border:1px solid #ddd;color:#444;line-height:24px;}
.tbl_eventCal {table-layout:fixed;width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.tbl_eventCal th {height:29px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;text-align:center;color:#222;font-size:12px;background-color:#f4f5f7;}
.tbl_eventCal th:first-child {border-left:none;}
.tbl_eventCal th.sun {color:#c75414;}
.tbl_eventCal th.sat {color:#0977c9;}
.tbl_eventCal td {width:100px;height:119px;border-bottom:1px solid #ddd;border-left:1px solid #ddd;vertical-align:top;color:#222;font-size:12px;}
.tbl_eventCal td:first-child {border-left:none;}
.tbl_eventCal td.sun > div .date {color:#c75414;}
.tbl_eventCal td.sat > div .date {color:#0977c9;}
.tbl_eventCal td > div{display:block;position:relative;left:0;top:-1px;width:99.5%;box-sizing:content-box;}
.tbl_eventCal.rightCal td>div>div{display:block;position:relative;left:0;top:-1px;width:99.5%;box-sizing:content-box;}
.tbl_eventCal.rightCal td>div{}
.tbl_eventCal td > div .date,  .tbl_eventCal.rightCal td>div>div .date {position:absolute;left:8px;top:12px;}
.tbl_eventCal td > div .btn_more,  .tbl_eventCal.rightCal td>div>div .btn_more {display:block;position:absolute;right:-5px;top:-5px;width:50px;height:50px;font-size:0;text-indent:-9999px;background:url(/ux/images/common/ico_toggle.png) no-repeat 0 0;}
.tbl_eventCal td > div span.tobe {display:block;position:relative;height:18px;padding-left:27px;background-color:#b4558c;}
.tbl_eventCal td > div span.tobe:before {display:block;position:absolute;left:10px;top:3px;width:10px;height:10px;content:"";border:1px solid #fff;}
.tbl_eventCal td > div span.event {margin-bottom:4px;}
.tbl_eventCal td > div span.event a {overflow:hidden;display:block;width:95%;color:#fff;white-space:nowrap;}
.tbl_eventCal td > div span.confirm {display:block;position:relative;height:18px;padding-left:27px;color:#fff;background-color:#6570c0;}
.tbl_eventCal td > div span.confirm:before {display:block;position:absolute;left:10px;top:3px;width:10px;height:10px;content:"";border:1px solid #fff;}
.tbl_eventCal td > div span.subScription {display:block;height:18px;padding-left:10px;color:#fff;background-color:#b4558c;}
.tbl_eventCal td > div span.event_more {display:block;padding:0 0 10px 10px;color:#7891af;}
.tbl_eventCal td.today {border:none;}
.tbl_eventCal td.today > div {border:1px solid #3dadec;background-color:#ecf5fa;}
.tbl_eventCal td.empty {background-color:#fafafa;}
.tbl_eventCal td.sun.empty>div .date,
.tbl_eventCal td.sat.empty,
.tbl_eventCal td.empty>div .date {opacity:0.6;}
.tbl_eventCal td.empty_issue {background-color:#ecf5fa;}
.tbl_eventCal td.empty_issue_white {background-color:#ffffff;}
.tbl_eventCal td.sun.empty_issue>div .date,
.tbl_eventCal td.sat.empty_issue,
.tbl_eventCal td.empty_issue>div .date {opacity:1.0;}
.tbl_eventCal td > div .eventPeriod {display:block;position:relative;height:18px;margin:0 0 7px 1px;padding-left:10px;color:#222;font-size:12px;background-color:#f1eef7;}
.tbl_eventCal td > div .eventPeriod.start {padding-left:27px;}
.tbl_eventCal td > div .eventPeriod.start:before {display:block;position:absolute;left:10px;top:3px;width:12px;height:12px;content:"";background-color:#7655b3;}
.tbl_eventCal td > div .eventPeriod.end:after {display:block;position:absolute;right:10px;top:3px;width:12px;height:12px;content:"";background-color:#7655b3;}
.tbl_eventCal td > div .event_layer {display:none;position:absolute;left:-1px;top:62px;width:270px;padding:20px;border:1px solid #7f97b3;text-align:left;color:#444 !important;font-size:13px !important;background:#fff;z-index:20 !important;}
.tbl_eventCal td > div .event_layer:after {display:block;content:"";position:absolute;top:-11px;left:30px;width:14px;height:11px;text-indent:-9999px;background:url(/ux/images/common/lay_arrow.gif) no-repeat;}
.tbl_eventCal td > div .event_layer strong {display:block;position:relative;margin-bottom:10px;padding-left:18px;color:#222;font-size:14px;}
.tbl_eventCal td > div .event_layer strong:before {display:block;position:absolute;left:0;top:3px;width:14px;height:14px;content:"";background-color:#7655b3;}
.tbl_eventCal td > div .event_layer ul li {margin-bottom:2px;color:#444;font-size:13px;line-height:20px;}
.tbl_eventCal td > div .event_layer  a.close {position:absolute;top:15px;right:15px;width:12px;height:11px;text-indent:-9999px;background:url(/ux/images/common/ico_close.gif) no-repeat;}
.tbl_eventCal td > div .event_layer span.online {display:inline-block;height:16px;margin-top:5px;padding-left:21px;line-height:16px;font-size:13px;background:url(/ux/images/common/bg_org12.gif) 0 center no-repeat;}
.tbl_eventCal td > div .event_layer span.online:before {display:none;}

.badge_right:after {display:block;content:"";clear:both;}
.badge_right li {float:left;margin-left:10px;}
.badge_right li:first-child {float:left;margin-left:0px;}
.badge_right li label span {display:inline-block;width:38px;height:15px;padding-left:16px;border:1px solid #b4558c;text-align:center;color:#b4558c;font-size:10px;background:url(/ux/images/internet_banking/ico_paid.gif) 0 0 no-repeat;}
.badge_right li.free span {color:#6570c0;background-image:url(/ux/images/internet_banking/ico_free.gif);border-color:#6570c0;}
.badge_right li.dividend span {color:#7655b3;background-image:url(/ux/images/internet_banking/ico_dividend.gif);border-color:#7655b3;}
.badge_right li.requestPurchase span {width:45px;color:#00b2a9;background-image:url(/ux/images/internet_banking/ico_requestPurchase.gif);border-color:#00b2a9;}
.badge_right li.merger span {width:72px;color:#898d49;background-image:url(/ux/images/internet_banking/ico_merger.gif);border-color:#898d49;}
.badge_right li.reduction span {color:#ff8a00;background-image:url(/ux/images/internet_banking/ico_reduction.gif);border-color:#ff8a00;}
.badge_right li.forfeited span {color:#55b4e6;background-image:url(/ux/images/internet_banking/ico_forfeited.gif);border-color:#55b4e6;}
.badge_right li.bond span {color:#fe603c;background-image:url(/ux/images/internet_banking/ico_bond.gif);border-color:#fe603c;}
.badge_right li.publicSubscription span {color:#7eb459;background-image:url(/ux/images/internet_banking/ico_publicSubscription.gif);border-color:#7eb459;}
.badge_right li.gnrlMtng span{width:45px;color:#476fff;background-image:url(/ux/images/internet_banking/ico_gnrlMtng.gif);border-color:#476fff;}
.tbl_eventCal.rightCal td, .tbl_eventCal.rightCal td>div {min-height:119px;vertical-align:top;}
.tbl_eventCal.rightCal td>div, .tbl_eventCal.rightCal td>div>div {height:auto;box-sizing:border-box;}

/* 유상청약종목검색 */
.subscriptionArrow {margin-top:30px;text-align:center;}
.subscriptionArrow a {display:inline-block;width:40px;height:40px;border:1px solid #bababa;font-size:0;text-indent:-9999px;background:url('/ux/images/internet_banking/modal_arrow.png') no-repeat;}
.subscriptionArrow a:hover {border:1px solid #0577cd;}
.subscriptionArrow .prev {margin-right:2px;background-position:0 0;}
.subscriptionArrow .next {margin-left:2px;background-position:-44px 0;}

/* 유상예약청약/조회/취소 */
.agreeBox.type3 {margin-top:13px;padding:30px;border-top:1px solid #ddd;}
.agreeBox.type3 ul {margin:0;}
.agreeBox.type3 + .agreeBox {background:#f4f5f7;border-color:#747474;}

/* 인터넷뱅킹>청약>공모주 청약자격조회 */
.assetValue {margin-bottom:30px;}
.assetValue .fl, .assetValue .fr {width:470px;}
.assetValue .fr td.bg {background-color:#fafafa;}

/* 인터넷뱅킹>청약>공모주청약/조회/취소 */
.agreeBox.publicSubscription {margin-bottom:30px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.agreeBox.publicSubscription>ul.dot_list {margin:0;}
.prospectus {border-bottom:none;text-align:center;line-height:30px;}
.prospectus + .agreeBox {border-top:1px solid #747474;border-bottom:1px solid #ddd;background-color:#f4f5f7;}

/* 공모주청약시 유의사항/청약절차 */
.tabType_deps .tabDeps2.line2 li a {height:47px;border-top:none;font-size:14px;line-height:48px;}
.tabType_deps .tabDeps2.line2 li.on a {height:48px;}
.tabType_deps .tabDeps2.line2 li a.row1 {border-top:1px solid #aaa;}
.tabType_deps .tabDeps2.line2 li a.col1 {border-left:1px solid #aaa;}
.terms_area.publicSubscription {height:238px;}
.terms_area + .forfeited_confirm {border-top:none;}
.publicSubscription .h3_caption {margin-bottom:8px;}
.publicSubscription>ul li {margin-bottom:5px;font-size:13px;}
.publicSubscription li p.ex_txt {margin-left:12px;}
.publicSubscription li span.ex_txt {display:inline;color:#444;}
.publicSubscription li.dot_list2 {margin-bottom:10px;}
.publicSubscription li.dot_list2 .dash {display:inline-block;position:relative;width:575px;padding:3px 0 0 10px;vertical-align:top;}
.publicSubscription li.dot_list2 .dash:after {display:block;position:absolute;left:0;top:2px;content:"-";color:#747474;}
.publicSubscription li.dot_list2 .brg {padding-left:22px;}
.publicSubscription li.dot_list2 .brg + .dash {margin-left:11px;}

/* 공모주종목조회 */
.tbl_publicSub .scrollBody {height:1248px !important;max-height:1248px !important;}
/* 실권주종목조회 */
.tbl_forfeited .scrollBody {height:673px !important;max-height:673px !important;}

/* 실권주청약시 유의사항 청약절차 */
.forfeitedProcess_desc {height:238px;padding:30px;border-top:1px solid #747474;background:#fafafa;}
.forfeitedProcess_desc ul.dot_list {margin-top:10x;}
.forfeited_confirm {padding-top:18px;border-top:1px solid #ddd;text-align:center;}



/* 조회기준 */
table.forfeited_itemSearch fieldset.radioGroup ul > li:first-child {margin-bottom:10px;}
table.forfeited_itemSearch fieldset.radioGroup ul > li label {width:95px;}
table.forfeited_itemSearch.type2 fieldset.radioGroup ul > li:first-child {margin-bottom:0px;}
table.forfeited_itemSearch.type2 fieldset.radioGroup ul > li label {width:95px;}
table.finductList.taL tbody td {text-align:left;}
.forfeited_agree {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:15px 10px;}
.forfeited_agree:after {display:block;content:'';clear:both;}
.forfeited_agree + ul.dot_list {margin:0;border-bottom:1px solid #ddd;}

/* 공통 */
.layer .scrollBody .placeHolder_input.slip label {top:5px;font-size:12px;}
.scrollBody.row14 {height:559px;}
table .total td {background-color:#f4f5f7;}

/* 알려드립니다. a 태그 있을때 */
.tipArea li a.btnText {padding-right:0 !important;vertical-align:initial;background:none;} /* 투자설명서등 주요내용 확인 에서 사용 */

/* 수요예측 */
.loginArea.bookBuilding .desc fieldset {display:inline-block;margin-left:15px;}
.bookBuilding_cancel:after {content:"";display:block;width:0;height:0;clear:both;}
.bookBuilding_cancel .fl, .bookBuilding_cancel .fr {width:48%;}
.more_infoBox.confirmWid{margin-bottom:0px}
.more_infoBox.confirmWid.col2 .col {width:325px !important;}
.more_infoBox .col.registComp01 {background:url(/ux/images/internet_banking/reservationCancel_icon.png) no-repeat 310px 30px;}
.more_infoBox .col.registComp02 {background:url(/ux/images/internet_banking/forfeitedConfirm.png) no-repeat 310px 30px;}

/* 팝업하단 가이드  */
.more_infoSingle {display:block;position:relative;margin:0;padding:30px;border:solid #ddd 1px;border-top-color:#747474;}
.more_infoSingle dt {display:block;position:relative;margin:0 0 15px 0;padding:0;font-size:18px;color:#222;font-weight:600;}
.more_infoSingle dd {display:block;position:relative;margin:0;padding:0;font-size:14px;}
.more_infoSingle dd.btn {display:block;position:relative;margin:0;padding:20px 0 0 0;}
.more_infoSingle.reservationCancle {background:url(/ux/images/internet_banking/reservationCancel_icon.png) no-repeat 345px 30px;}
.more_infoSingle.forfeitedConfirm {background:url(/ux/images/internet_banking/forfeitedConfirm.png) no-repeat 345px 30px;}
.more_infoSingle.balanceService {background:url(/ux/images/internet_banking/balanceService.png) no-repeat 345px 30px;}

/* 배너형 알림박스 */
.typeinquiry {display:block; position:relative; margin:0 0 40px 0; padding:5px 0; border:solid #ddd 1px; background-color:#fafafa;}
.typeinquiry:after {display:block;content:"";clear:both;}
.typeinquiry li {float:left; display:block; position:relative; width:50%; margin:0; padding:0;}
.typeinquiry li.single {width:100%}
.typeinquiry li + li {background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.typeinquiry li p {display:inline-block; position:relative; margin:0; padding:10px 0 10px 38px; background:url(/ux/images/finance/lsit_dot.gif) no-repeat 30px 19px}
.typeinquiry li .btnMid {position:absolute; right:25px; top:5px;}
.typeinquiry2 {display:block; position:relative; margin:0 0 40px 0; padding:5px 0; border:solid #ddd 1px; background-color:#fafafa;}
.typeinquiry2:after {display:block;content:"";clear:both;}
.typeinquiry2 li {float:left; display:block; position:relative; width:50%; margin:0; padding:0;}
.typeinquiry2 li.double60 {width:60%}
.typeinquiry2 li.double40 {width:40%}
.typeinquiry2 li p {display:inline-block; position:relative; margin:0; padding:10px 0 10px 38px; background:url(/ux/images/finance/lsit_dot.gif) no-repeat 30px 19px}
.typeinquiry2 li .btnMid {position:absolute; right:25px; top:5px;}
div.typeinquiry p {display:inline-block; position:relative; margin:0; padding:10px 0 10px 38px; background:url(/ux/images/finance/lsit_dot.gif) no-repeat 30px 19px}
div.typeinquiry .btnMid {position:absolute; right:25px; top:9px;}

/* 종목별 평가금액 그래프  */
.total_chartBox .total_graphBox {position:relative;width:840px;height:308px;padding:30px 60px;border:1px solid #ddd;}
.total_graphBox .graphCont {position:relative;overflow:hidden;width:840px;height:308px;}
.total_graphBox .graphCont .graphCont_detail {position:absolute;left:0;top:0;height:308px;}
.total_graphBox .btn_total_grap a {display:block;position:absolute;top:50%;width:35px;height:60px;margin-top:-30px;text-indent:-9999px;background:url(/ux/images/internet_banking/btn_total_graphBox.gif) 0 0 no-repeat}
.total_graphBox .btn_total_grap a.left {left:0;background-position:left top;}
.total_graphBox .btn_total_grap a.right {right:0;background-position:left bottom;}


/* 17-10-11 예탁이자율 동의 팝업 */
.notice_agreeBox {zoom:1;display:block;position:relative;margin:0;padding:0; border-top:solid #ddd 1px; border-bottom:solid #ddd 1px;}
.notice_agreeBox dl{display:block;position:relative;margin:0;padding:0;border-top:solid #ddd 1px;height:50px;line-height:49px;}
.notice_agreeBox dl:first-child{border-top:none}
.notice_agreeBox dl dt{padding:0 0 0 10px;float:left;}
.notice_agreeBox dl dd{display:inline-block;position:absolute;height:24px;margin:0;padding:0 10px 0 0;right:10px;top:0;}

/* Tab3 신용거래안내 페이지 디자인 개선 */
/*이미지 안내*/
.creditInfoStep > ul {border-top:1px solid #747474;}
.creditInfoStep > ul > li {position:relative;width:50%;height:193px;padding:27px 0 27px 130px;box-sizing:border-box;background:url(/ux/images/internet_banking/bg_creditInfo01.png) 0 30px no-repeat;}
.creditInfoStep > ul > li.bg_creditInfoIco02 {background-image:url(/ux/images/internet_banking/bg_creditInfo02.png);}
.creditInfoStep > ul > li.bg_creditInfoIco03 {background-image:url(/ux/images/internet_banking/bg_creditInfo03.png);}
.creditInfoStep > ul > li.bg_creditInfoIco04 {background-image:url(/ux/images/internet_banking/bg_creditInfo04.png);}
.creditInfoStep > ul > li.bg_creditInfoIco05 {background-image:url(/ux/images/internet_banking/bg_creditInfo05.png);}
.creditInfoStep > ul > li.bg_creditInfoIco06 {background-image:url(/ux/images/internet_banking/bg_creditInfo06.png);}
.creditInfoStep > ul > li:after {display:block;position:absolute;top:100%;left:0;width:100%;height:1px;content:"";background:url(/ux/images/common/bg_dot_line.gif) 0 100% repeat-x;}
.creditInfoStep > ul > li.last:after {display:none;}
.creditInfoStep dt {margin-bottom:10px;font-size:18px;font-weight:bold;}
.creditInfoStep dd {margin-bottom:10px;}

/* 이체완료 메세지 */
.massageBankingBox {padding:15px 0 30px 0;text-align:center;}
.massageBankingBox strong {display:block;font-size:26px;font-weight:bold;padding:70px 0 0;background:url(/ux/images/internet_banking/bg_ico_banking_ok.png) center top no-repeat;font-weight:bold;color:#333;}
.massageBankingBox span {display:block;font-size:18px;font-weight:normal;padding-top:10px}

.massageBankingBox.complete{}
.massageBankingBox.complete strong{color:#0977c9;padding:50px 0 0;background:url(/ux/images/internet_banking/bg_ico_banking_complete.png) center top no-repeat;}
.massageBankingBox.complete span {font-size:18px;color:#0977c9;}


/* 개인채무자보호법 */
.page_info.personalLawInfo_head .inner .bgArea {background:url(/ux/images/internet_banking/bg_creditInfo_law.png) center 0 no-repeat;}