@charset "utf-8";

abbr {text-decoration:none;}

/* Common Sprite Image */
.sprite01 {background:url(/images/open_bank/sprite01.png) no-repeat 0 0;}

/* Box Style */
.areaStyle01 {width:80%; margin:0 auto; padding:20px; border:1px solid #d5d5d5; font-size:16px; font-weight:bold; text-align:center;}

.areaStyle02 {box-sizing:border-box; width:100%; padding:20px 10px; border:1px solid #d5d5d5; background-color:#f2f2f2;}
.areaStyle02.style01 {padding:10px; background-color:#fff9e7;}
.areaStyle02.style02 {color:#333; font-size:13px; line-height:1.3; background-color:#f7f7f7;}
.areaStyle02.style02 p {margin-top:5px;}
.areaStyle02.style02 p:first-child {margin-top:0;}
.areaStyle02.style03 {padding:60px 0; font-family:"Malgun Gothic", "맑은고딕"; font-size:18px; font-weight:bold; text-align:center; background-color:#fff;}
.areaStyle02.style04 {padding:25px 15px; border-radius:8px; font-size:14px; line-height:1.3; background-color:#fff;}
.areaStyle02.style04 .ico {display:block; width:40px; height:36px; margin:0 auto 20px; background:url(/images/open_bank/sprite01.png) no-repeat -29px 0;}
.areaStyle02.style04 .addTxt {margin-bottom:20px; font-family:"Malgun Gothic", "맑은고딕"; font-size:18px; font-weight:bold; text-align:center; letter-spacing:-1px; background-color:#fff;}
.areaStyle02.style04 .addTxt02 {font-family:"Malgun Gothic", "맑은고딕"; font-size:18px; text-align:center; letter-spacing:-1px; background-color:#fff;}
.areaStyle02.style04 .txtRef {margin-top:20px;}

.areaStyle03 {width:90%; padding:20px 5%; border:1px solid #d5d5d5;}
.areaStyle04 {padding:10px; border:1px solid #ccc;}
.areaStyle05:after {display:block; content:""; clear:both;}
.areaStyle05 .item01 {float:left; color:#333;}
.areaStyle05 .item01 .txtUnderline {font-weight:bold;}
.areaStyle05 .item02 {float:right;}
.areaStyle05 .item03 {display:inline-block; top:1px; width:auto; margin-left:6px; letter-spacing:-1px; line-height:1.3;}
/* @TODO 삭제예정 */
/*.areaStyle05 .item03 input {vertical-align:top;}*/
/*.areaStyle05 .item03 label {position:relative; top:0px;}*/
.areaStyle05 .style01 {margin-top:-3px;}
.areaStyle05 .tag {display:inline-block; position:relative; top:-2px; margin-right:16px; padding:4px 6px; color:#fff; font-size:12px; vertical-align:middle; background-color:#000;}
.areaStyle05 .tag:after {display:block; content:""; position:absolute; top:0; right:-11px; width:0; height:0; border-top:11px solid transparent; border-bottom:11px solid transparent; border-left:11px solid #000;}

.autoHeight {height:auto;}

/* 영역 구분선 */
.lineDivision {border-top:1px solid #333;}

/* Font Size */
.font0 {font-size:0;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font18 {font-size:18px;}
.font20 {font-size:20px;}

/* Position */
.posR {position:relative;}
.posA {position:absolute;}

/* Accordion Style */
.accordionArea dt {position:relative;}
.accordionArea dt a {display:block; position:relative; z-index:1; width:708px; padding:10px; border:1px solid #E6E5E5; color:#333; font-size:12px; font-weight:bold;}
.accordionArea dt a:after {display:block; content:""; position:absolute; top:50%; right:10px; width:12px; height:7px; margin-top:-3px; background:url(/images/open_bank/ico_arrow_down.gif) no-repeat 0 0;}
.accordionArea dt a.active:after {display:block; content:""; position:absolute; top:50%; right:10px; width:12px; height:7px; margin-top:-3px; background:url(/images/open_bank/ico_arrow_up.gif) no-repeat 0 0;}
.accordionArea dt .btnAddFunc {position:absolute; z-index:2; top:50%; right:40px; margin-top:-10px;}
.accordionArea dt a.btnRSArr {display:inline-block; width:auto; border:0;}
.accordionArea dt a.btnRSArr:after {display:none;}
.accordionArea .formType .radio .inputRadio, .accordionArea .formType .radio .inputRadio + label {margin-top:0; vertical-align:baseline;}
.accordionArea .formType .radio .inputRadio {position:relative; top:2px; margin-top:0;}
.accordionArea .formType .radio .inputRadio + label {top:0;}

/* Custom Input Style */
input::placeholder {color:#999;}
input:-ms-input-placeholder {color:#999;}
input::-ms-input-placeholder {color:#999;}

.chk_type input[type="checkbox"]:disabled + label::before {background:url(/images/open_bank/sprite01.png) no-repeat -233px 0;}

.readonly {background-color:#ebebe4;}

.customInput {clear:both;}
.customInput .chk_type {width:auto; margin-left:8px;}
.customInput .chk_type:first-child {margin-left:0;}
.customInput .chk_type label {display:inline-block; width:auto; padding-top:2px; padding-left:24px; font-size:12px;}
.customInput .patternList li {margin-top:8px; text-align:justify;}
.customInput .patternList li:first-child {margin-top:0;}
.customInput .patternList li .chk_type {height:auto; line-height:1.3;}
.customInput .patternList li .chk_type label {height:auto;}

.radioStyle01 {overflow:hidden;}
.radioStyle01 li {float:left; position:relative; width:50%;}
.radioStyle01 li input[type=radio] {position:absolute; top:50%; left:50%; width:1px; height:1px;}
.radioStyle01 li label {display:block; position:relative; z-index:1; width:100%; height:26px; padding-top:14px; color:#fff; font-size:14px; font-weight:bold; text-align:center; background-color:#676767;}
.radioStyle01 li input:checked + label {z-index:2; background-color:#005fa1;}

.radioStyle01.type01 {width:80%; margin:0 auto;}
.radioStyle01.type01 li {margin-left:-20px; border-top:1px solid #e6e5e5; border:1px solid #e6e5e5; border-radius:20px;}
.radioStyle01.type01 li:first-child {margin-left:0;}
.radioStyle01.type01 li label {border-radius:20px; color:#333; background-color:#fff;}
.radioStyle01.type01 li input:checked + label {color:#fff;}

.radioStyle02 li {position:relative; margin-top:4px;}
.radioStyle02 li input[type=radio] {position:absolute; top:50%; left:50%; width:1px; height:1px;}
.radioStyle02 li label {display:block; position:relative; width:378px; padding:10px; border:1px solid #c5c5c5;}
.radioStyle02 li label:hover {border-color:#356cd1; background-color:#deebf7;}
.radioStyle02 li label .bankName {display:block; width:100%; color:#000; font-weight:bold;}
.radioStyle02 li label .bankInfo {display:block; overflow:hidden; width:100%; margin-top:10px;}
.radioStyle02 li label .bankInfo .type01, .radioStyle02 li label .bankInfo .type02 {width:50%; min-height:14px; margin-bottom:4px;}
.radioStyle02 li label .bankInfo .type01 {float:left;}
.radioStyle02 li label .bankInfo .type02 {float:right;}
.radioStyle02 li label .flag {display:block; position:absolute; top:50%; right:10px; width:50px; height:17px; padding-top:3px; margin-top:-9px; border:1px solid #ccc; text-align:center; background-color:#fff2cc;}
.radioStyle02 li label .balance {position:absolute; top:50%; right:10px; margin-top:-7px; color:#000; font-size:18px; font-weight:bold;}
.radioStyle02 li input[type=radio]:checked + label {border-color:#356cd1; background-color:#deebf7;}

.radioList01 {padding:10px 0 10px 50px;}
.radioList01 li {margin-top:6px;}

.formType .radio input[type=radio] + label {position:relative; top:2px;}

.inputStyle01 {position:relative; height:30px;}
.inputStyle02 {display:inline-block; position:relative; margin-left:20px;}
.inputStyle02 .radio label {margin-right:6px; font-size:13px;}
.inputStyle02 .radio input[type=radio] + label:before {top:0px;}
.inputStyle02.customInput .chk_type label {padding-top:0;}

.formStyle01 * {vertical-align:middle;}
.formStyle02 li {margin-top:6px;}
.formStyle02 li:first-child {margin-top:0;}
.formStyle02 input[type=checkbox] {position:relative; top:2px;}

/* Table Style */
.tablelist01 {table-layout:fixed; width:100%; border-top:1px solid #000;}
.tablelist01 th, .tablelist01 td {padding:7px 10px; border:1px solid #e6e5e5;}
.tablelist01 tbody th {color:#000; font-weight:normal; text-align:left; background-color:#f7f7f7;}
.tablelist01 tbody th:first-child {border-left:0;}
.tablelist01 tbody th label {padding-left:0;}
.tablelist01 tbody td {border-right:0;}
.tablelist01 tbody td {border-right:0;}
.tablelist01 .btnRSArr, .tablelist01 .inputText {vertical-align:middle;}
.tablelist01 .txtHelp {position:relative; top:1px;}

.accList {display:inline-block; width:87%; padding-right:3%; text-align:left;}
.dataTable th, .dataTable td {line-height:1.3;}
.dataTable td .btnOpenBank {vertical-align:middle;}

/* Text Style */
.txtCenter {text-align:center !important;}
.txtLeft {text-align:left !important;}
.txtRight {text-align:right !important;}
.txtDecoNone {text-decoration:none;}
.txtUnderline {text-decoration:underline;}
.txtBold {font-weight:bold !important;}

.txtRed01 {color:#e45800;}
.txtBlue01 {color:#0080cb;}
.txtGray01 {color:#999;}
.txtDark01 {color:#333;}

.txtFontMG {font-family:"Malgun Gothic", "맑은고딕";}

.txtRef {padding-left:16px; text-indent:-16px;} /* 참조(※) 표시 텍스트 */

.necessity {color:#e45800;}

/* Icon */
.icoItem {display:inline-block; vertical-align:middle; background:url(/images/open_bank/sprite01.png) no-repeat 0 0;}
.icoSetReserve {position:relative; top:-1px; width:28px; height:22px; background-position:-74px 0;}

.badgeItem {padding:2px; border:1px solid; font-size:11px; font-weight:normal;}
.badgeItem1 {border-color:#ffd966; background-color:#ffd966;}
.badgeItem2 {border-color:#bdd7ee; background-color:#bdd7ee;}
.badgeItem3 {border-color:#000; color:#fff; background-color:#000;}
.badgeItem4 {display:inline-block; padding:3px 2px 1px; color:#fff !important; font-size:12px; font-weight:normal; background-color:#000;}

/* Icon Text */
.icoText01 span {vertical-align:middle;}
.icoText01 .ico {display:inline-block; width:28px; height:22px; margin-right:4px; background-position:-74px 0;}
.icoText01 .txtHelp {position:relative; top:1px;}

.icoText02 {position:relative; margin-top:20px; border:1px solid #e0e0e0; border-radius:8px;}
.icoText02 a {display:block; width:100%; height:37px; padding:11px 15px 0; text-decoration:none;}
.icoText02 a .addTxt {} /* 2줄일 경우 */
.icoText02 a .addTxt02 {position:relative; top:7px;} /* 1줄 일 경우 */
.icoText02 a:hover {color:#666;}
.icoText02 .inner {position:absolute; top:9px; right:18px;}
.icoText02 .inner .icoTxt {position:relative; top:8px; color:#000; font-weight:bold; text-decoration:underline; vertical-align:top;}
.icoText02 .ico {display:inline-block; width:38px; height:31px; background-position:-74px -41px;}
.icoText02 .ico02 {width:39px; height:30px; background-position:0 -95px;}

/* Button Style - common class(btnOpenBank) */
.btnOpenBank {display:inline-block; border:0; font-size:0;}

.btnCallAccount {display:inline-block; width:18px; height:18px; vertical-align:top; background:url(/images/open_bank/ico_btn01.gif) no-repeat 0 0;}
.btnDeleteRow {display:inline-block; width:26px; height:27px;}
.btnCaution01 {width:20px; height:21px; vertical-align:middle; background:url(/images/open_bank/ico_caution03.gif) no-repeat 0 0;}
.btnCaution02 {width:21px; height:21px; vertical-align:middle; background:url(/images/open_bank/ico_caution04.png) no-repeat 0 0;}

.btnInTitle {position:absolute; top:-6px; right:0;}

.btnStyle {display:inline-block; padding:4px 6px; border:1px solid #cecece; border-radius:4px; color:#666; font-size:12px; text-align:center; background-color:#fff;}
.btnStyle:hover {text-decoration:none;}
.btnWhiteS {background-color:#fff;}

.btnResvr {display:inline-block; width:89px; height:39px; font-size:0; background-position:-173px -41px;}

.btnAnalysisPattern {display: inline-block;position: absolute;top: -1px;right: 0px;width: 180px;height: 26px;margin-left: 0 !important;padding: 14px 0px 0 14px;border: 1px solid #c8c8c8;border-radius: 6px;color: #666;font-size: 15px;font-weight: bold;background: #f3f3f36b;letter-spacing: -1px;/* box-sizing: border-box; */text-indent: 18px;}
.btnAnalysisPattern.style01 {position:relative; top:auto; right:auto; text-align:center; text-decoration:none;}
.btnAnalysisPattern:hover {color:#666 !important;}
.btnAnalysisPattern .ico {display:inline-block; overflow:hidden; position:absolute; top:4px; left:8px; width:34px; height:28px; background-position:-266px -41px;}

/* Button Style - ON/OFF */
.btnSetReserve {position:relative; min-width:65px; padding:4px 8px; border:1px solid #d9d9d9; border-radius:8px; font-size:12px; text-align:right; background-color:#fff;}
.btnSetReserve:before {display:block; content:""; position:absolute; top:50%; left:8px; width:15px; height:15px; margin-top:-7px; border-radius:50%; background-color:#d9d9d9;}
.btnSetReserve span {position:relative; top:1px;}
.btnSetReserve.on {border-color:#5b9bd5; color:#5b9bd5; text-align:left;}
.btnSetReserve.on:before {left:auto; right:8px; background-color:#5b9bd5;}

/* Process Style */
.processDone {text-align:center;}
.processDone .ico {display:inline-block; background:url(/images/open_bank/sprite01.png) no-repeat 0 -41px;}
.processDone .ico01 {width:65px; height:49px; background-position:0 -41px;}
.processDone .ico02 {width:51px; height:41px; background-position:-117px -41px;}
.processDone p {margin-top:20px; color:#333; font-size:18px; font-weight:bold;}

/* Border Style */
.bdrRightNone {border-right:0 !important;}
.bdrLeftNone {border-left:0 !important;}
.bdrTopDark {border-top:1px solid #000 !important;}

/* Line Height */
.lineHeight13 * {line-height:1.3 !important;}

/* Background Color */
.bgColorWhite {background-color:#fff !important;}
.bgColorPink {background-color:#ffedee !important;}
.bgColorOrange {background-color:#fff2cc !important;}
.bgColorGreen {background-color:#e2f0d9 !important;}
.bgColorGray {background-color:#f6f6f5 !important;}
.bgColorGray02 {background-color:#f7f7f7 !important;}

/* Space */
.mt10 {margin-top:10px !important;}
.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.ml0 {margin-left:0 !important;}
.mb2 {margin-bottom:2px !important;}
.mb5 {margin-bottom:5px !important;}
.pt0 {padding-top:0 !important;}
.pl0 {padding-left:0 !important;}

.bulType2List .noBullet li {padding-left:0; padding-bottom:0; background:none;}
.bulType3List .noBullet li {background:none !important;}

/* 모든보유계좌조회 */
.usrAllAccInfo {padding:20px 0; border:2px solid #046096;}
.usrAllAccInfo:after {display:block; content:""; clear:both;}
.usrAllAccInfo .inner {float:left; position:relative; width:42%; padding:0 4%; min-height:100px;}
.usrAllAccInfo .inner:first-child:after {display:block; content:""; position:absolute; top:50%; right:0; width:1px; height:130px; margin-top:-65px; background-color:#9dc3e6;}
.usrAllAccInfo h5 {position:relative; color:#333; font-size:18px; font-weight:bold;}
.usrAllAccInfo h5 .btnRSArr {position:absolute; top:0; right:0;}
.usrAllAccInfo h5 .txtComment {position:absolute; top:2px; right:0; font-size:14px;}
.usrAllAccInfo .btnToolTip {position:relative; top:-2px; width:21px; height:21px; border:0; vertical-align:middle; background:url(/images/open_bank/ico_caution04.png) no-repeat 0 0;}
.usrAllAccInfo .layerToolTip {position:absolute; z-index:2; top:26px; left:8px; width:300px;min-height:125px; padding:15px 20px 20px; border:2px solid #333; color:#333; line-height:1.3; background:#fff;}
.usrAllAccInfo .layerToolTip .btnClose {position:absolute; top:10px; right:10px; border:1px solid #ccc; background-color:#fff;}
.usrAllAccInfo .layerToolTip dt {font-size:13px; font-weight:bold;}
.usrAllAccInfo .layerToolTip dd {margin-top:10px;}
.usrAllAccInfo .layerToolTip .txtRef {margin-top:5px;}
.usrAllAccInfo .accBalance {margin-top:36px; text-align:right;}
.usrAccInfo.none01 .accAlias {display:none !important;}
.usrAccInfo.none01 .accBalance {width: 100%;display: block;text-align: right;top: -5px !important;}
.usrAllAccInfo .sum {color:#333;}
.usrAllAccInfo .sum * {vertical-align:middle; line-height:1.3;}
.usrAllAccInfo .sum em {border-bottom:1px solid; color:#333; font-family:"Malgun Gothic", "맑은고딕", arial; font-size:24px; font-weight:bold;}
.usrAllAccInfo .sum .unit {position:relative; top:3px; font-size:26px; font-weight:bold;}
.usrAllAccInfo .btnReload {position:relative; top:2px; width:27px; height:24px; margin-left:10px; border:0; font-size:0; verticaL-align:middle; background-position:-176px 0;}
.usrAllAccInfo .reportReservation {text-align:right;}
.usrAllAccInfo .reportReservation li {position:relative; margin-top:4px; color:#333; font-size:14px;}
.usrAllAccInfo .reportReservation li:first-child {margin-top:0;}
.usrAllAccInfo .reportReservation li > span:nth-of-type(1) {display:inline-block; position:relative; width:105px; padding-left:6px; text-align:left;}
.usrAllAccInfo .reportReservation li > span:nth-of-type(1):before {display:block; content:""; position:absolute; top:50%; left:0; width:2px; height:2px; margin-top:-1px; background-color:#000;}
.usrAllAccInfo .reportReservation li > span:nth-of-type(2) {display:inline-block; width:60px;}
.accountCoin {position:relative; height:27px; margin-top:20px; padding:14px 20px 0; border:1px solid #e0e0e0; border-radius:6px; background-color:#f7f7f7;}
.accountCoin span {vertical-align:top;}
.accountCoin .titAc {margin-right:10px; font-size:15px;}
.accountCoin .titAc.unregistered {position:relative; top:1px;}
.accountCoin .badge {position:relative; top:1px; padding:2px; border:1px solid; font-size:11px;}
.accountCoin .badge1 {border-color:#bdd7ee; background-color:#bdd7ee;}
.accountCoin .badge2 {border-color:#ffd966; background-color:#ffd966;}
.accountCoin .accBalance {position:relative; top:-1px; margin-left:210px; color:#666; font-size:20px; font-family:"Malgun Gothic", "맑은고딕", arial; font-weight:bold;}
.accountCoin .accBalance em {color:#666;}
.accountCoin .depositHits {position:relative; top:1px; margin-left:60px;}
.accountCoin .depositHits .count {text-decoration:underline;}
.accountCoin .callAccountCoin {display:inline-block; position:absolute; top:50%; right:20px; margin-top:-10px;}
.accountCoin .callAccountCoin button {width:20px; height:19px; border:0; font-size:0; background-position:-208px 0;}
.accountCoin .btnCollectCoin {position:absolute; top:10px; right:20px; margin:0;}
.accountCoin .btnRSArr.unregistered {position:absolute; top:10px; right:20px;}

#draggable { width: 30%; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }
.bankListWrap {overflow:hidden; width:100%;}
.bankList li {box-sizing:border-box; margin:10px 0; padding: 10px; border: 1px solid #ccc; color:#333; font-size:16px; font-weight:bold; cursor:pointer; background-color:#fff;}
.bankList .currentDrag {border:1px dashed #ffa200; background-color:#c6e6ff;} /* Drag하는 요소 */
.bankList .inner {width:92%;}
.bankList .inner:nth-of-type(2) {margin-top:12px;}
.bankList .inner.info {margin-top:12px;}
.bankList .inner > span {display:inline-block; margin-right:10px; vertical-align:middle;}
.bankList .inner .btnRSArr {color:#333;}
.bankList .accAlias {font-size:14px;}
.bankList .badge {width:28px; height:22px; background-position:-74px 0;} /* sprite01 클래스 필수(load image) */
.bankList .accBalance {float:right; position:relative; top:6px; margin:0 !important; color:#333; font-size:24px;}
.bankList .accBalance em {color:#333; font-weight:bold;}
.bankList .btnQckAccTran {float:right;}
.bankList .isDraggable {position:absolute; top:50%; right:14px; width:24px; height:40px; margin-top:-20px; background-position:-116px -87px;}
.bankList .quickAccTran {box-sizing:border-box; position:relative; width:728px; height:36px; margin:20px -10px -10px; padding:10px; color:#333; text-align:center; background-color:#fff39f;}
.bankList .quickAccTran:before {display:block; content:""; position:absolute; top:50%; left:40px; width:19px; height:22px; margin-top:-11px; background:url(/images/open_bank/ico_caution01.png) no-repeat 0 0;}

.bankList .suhyupAccount {padding:30px 10px; border-color:#d9e9e8; background-color:#f2fefe !important;} /* 수협 Drop 영역 */
.bankList .suhyupAccount .accBalance {top:1px;}

.bankList .ui-state-highlight {border:1px solid #ffa200; background-color:#fff8c7;} /* Drop 완료 영역 */
.bankList .ui-droppable-active {background-color:#f2f9ff;} /* Drop 가능한 영역일 경우 */
.bankList .ui-droppable-hover {border:1px solid #ffa200;} /* Drop 영역이 일치했을 경우 */

.bankList.accTransfer li {padding:20px 10px;}
.bankList .btnSetMenuWrap {display:inline-block; width:21px; height:20px; margin-right:4px; vertical-align:top;}
.bankList .btnSetMenuWrap .layerSetMenu {position:absolute; top:7px; left:43px; width:110px; padding:10px; border:1px solid #000; background-color:#fff;}
.bankList .btnSetMenuWrap .layerSetMenu:before {display:block; content:""; position:absolute; top:35px; left:-10px; width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #000;}
.bankList .btnSetMenuWrap .layerSetMenu a {display:block; width:100%; margin:4px 0; color:#333; font-size:14px;}
.bankList .btnSetMenu {width:20px; height:20px; border:0; font-size:0; background-position:-86px -94px;}

.popDepositAccount {margin-top:15px; padding:15px; color:#333; background-color:#f7f7f7;}
.popDepositAccount dt {overflow:hidden;}
.popDepositAccount dt > span {float:left; position:relative; top:4px; font-size:15px;}
.popDepositAccount dt > em {color:#333 !important; font-size:15px;line-height:15px;}
.popDepositAccount .btnNextPrev {float:right;}
.popDepositAccount .btnNextPrev button {display:block; float:left; position:relative; width:25px; height:20px; border:0; font-size:0; background:url("/images/open_bank/sprite01.png") no-repeat -74px -130px;}
.popDepositAccount .btnNextPrev .prev {background-position:-74px -130px;}
.popDepositAccount .btnNextPrev .next {margin-left:-1px; background-position:-98px -130px;}
.popDepositAccount dd {overflow:hidden; margin-top:12px; font-size:14px; line-height:1.3;}
.popDepositAccount dd .bankName {margin-right:10px;}
.popDepositAccount dd .acc {float:right;}
.popDepositAccount dd .acc02 {float:right; margin-top:-2px; color:#000; font-size:16px; font-weight:bold;}
.popDepositAccount dd .accBalance {clear:both; margin-top:10px; font-family:"Malgun Gothic", "맑은고딕", arial; color:#000; font-size:24px; font-weight:bold;}
.popDepositAccount dd .accBalance .btnReload {position:relative; top:-2px; width:27px; height:24px; margin-left:2px; border:0; font-size:0; verticaL-align:middle; background-position:-176px 0;}
.popDepositAccount dd .totalAmounts {overflow:hidden; margin-top:14px; padding:10px; border:1px solid #9dc3e6; background-color:#fff;}
.popDepositAccount dd .totalAmounts label {float:left; margin-top:2px; font-size:12px;}
.popDepositAccount dd .totalAmounts input[type=text] {float:right; border:0; color:#333; font-size:16px; font-weight:bold; text-align:right;}
.popDepositAccount .posR .badge {position:absolute; top:5px; left:0; width:28px; height:22px; background-position:-74px 0;} /* sprite01 클래스 필수(load image) */

.popCollectCoin {position:relative; margin-top:15px; padding:15px; border:1px solid #e0e0e0; border-top-left-radius:8px; border-top-right-radius:8px; color:#333; background-color:#f7f7f7;}
.popCollectCoin dt {font-size:15px;}
.popCollectCoin dt * {vertical-align:middle;}
.popCollectCoin dd {position:relative;}
.popCollectCoin dd .acc {margin-top:10px; font-size:14px;}
.popCollectCoin dd .todayCount {margin-top:40px;}
.popCollectCoin dd .todayCount strong {color:#333; text-decoration:underline;}
.popCollectCoin dd .accBalance {position:absolute; bottom:5px; right:0; color:#000; font-family:"Malgun Gothic", "맑은고딕", arial; font-size:24px; font-weight:bold;}
.popCollectCoin dd .accBalance02 {margin-top:40px; color:#000; font-family:"Malgun Gothic", "맑은고딕", arial; font-size:24px; font-weight:bold; text-align:right;}
.popCollectCoin .btnSetCoin {position:absolute; top:10px; right:10px; width:20px; height:19px; border:0; font-size:0; background-position:-208px 0;}

.popUsrAccWrap .customInput, .popUsrAccWrap .usrAccInfo {display:inline-block; vertical-align:middle;}
.popUsrAccWrap .usrAccList {margin-top:10px; padding:15px 15px 8px; border:1px solid #e0e0e0;}
.popUsrAccWrap .chkAccList {position:relative; top:-5px;}
.popUsrAccWrap .chkAccList label {font-size:0;}
.popUsrAccWrap .usrAccInfo {overflow:hidden; width:420px; margin-left:20px; color:#333; line-height:1.3;}
.popUsrAccWrap .usrAccInfo > span {display:block; float:left; width:50%; font-size:14px;}
.popUsrAccWrap .usrAccInfo > span:nth-child(2n) {text-align:right;}
.popUsrAccWrap .usrAccInfo > span:nth-child(-n+2):nth-child(-n+3) {margin-bottom:12px;}
.popUsrAccWrap .usrAccInfo .accBalance {position:relative; top:-8px; font-family:"Malgun Gothic", "맑은고딕", arial; color:#000; font-size:24px; font-weight:bold;}
.popUsrAccWrap .usrAccInfo .accBalance span {letter-spacing:-0.5px;}

.popUsrAccWrap .usrAccList.ualType01 .usrAccInfo {width:645px; margin-left:20px;}
.popUsrAccWrap .ualType01.addUsrAcc .addTranMnAmount .unit {margin-top:2px;}

.popUsrAccWrap .usrAccList.active {padding:14px 14px 7px; border:2px solid #ffc000;}
.popUsrAccWrap .reserveUsrAcc.active {padding-bottom:14px;}

.popUsrAccWrap .addUsrAcc {position:relative;}
.popUsrAccWrap .addUsrAcc .btnCloseAddUsr {position:absolute; top:5px; right:5px; width:22px; height:21px; border:0; font-size:0; background-position:-256px 0;}
.popUsrAccWrap .addUsrAcc .usrAccInfo {width:420px;}

.popUsrAccWrap .qckUsrAccInfo {overflow:hidden; width:100%; margin-left:0;}
.popUsrAccWrap .qckUsrAccInfo > span {float:left;}
.popUsrAccWrap .qckUsrAccInfo .bankName, .popUsrAccWrap .qckUsrAccInfo .accAlias {width:40%;}
.popUsrAccWrap .qckUsrAccInfo .acc, .popUsrAccWrap .qckUsrAccInfo .accBalance {width:60%; text-align:right;}

/* @TODO 삭제 예정 */
/*.popUsrAccWrap .active {padding:14px 14px 8px; border:2px solid #ffc000;}*/

.popUsrAccWrap .tranMn {overflow:hidden; padding:10px; border:1px solid #ffc000;}
.popUsrAccWrap .tranMn * {display:inline-block; vertical-align:middle;}
.popUsrAccWrap .tranMn .addTxt {margin:2px 10px 0 0;}
.popUsrAccWrap .tranMn .customInput {margin-top:2px;}
.popUsrAccWrap .tranMn .customInput label {font-size:16px;}
.popUsrAccWrap .tranMn input[type=text] {float:right; border:0; font-family:"Malgun Gothic", "맑은고딕", arial; color:#000; font-size:16px; text-align:right;}
.popUsrAccWrap .tranMnType01 .addTxt {position:relative; top:3px;}
.popUsrAccWrap .tranMnType01 .inner {float:right; font-family:"Malgun Gothic", "맑은고딕", arial; font-size:18px; color:#000; font-weight:bold;}
.popUsrAccWrap .tranMnType01 .inner input[type=text] {float:none; font-family:"Malgun Gothic", "맑은고딕", arial; font-size:18px; font-weight:bold;}

/*.popUsrAccWrap .accordionArea dt a {width:calc(100% - 30px); padding-right:20px; border:0; text-align:right; text-decoration:none;}*/
.popUsrAccWrap .accordionArea dt a {display:inline-block; width:auto; padding-right:20px; border:0; text-align:right; text-decoration:none;}
.popUsrAccWrap .accordionArea dt a:after {right:0;}
.popUsrAccWrap .accordionArea dt a.active:after {margin-top:-4px;}
.popUsrAccWrap .accordionArea dt a.btnPopFunc {position:absolute; top:7px; right:0; margin:0;}
.popUsrAccWrap .accordionArea dt a.btnPopFunc:after {idsplay:none;}
.popUsrAccWrap .accordionArea dd .tablelist01 {margin-bottom:10px;}

.popUsrAccWrap .addUsrAcc .tranMn {border-color:#e0e0e0;}
.popUsrAccWrap .addUsrAcc .addTranMnAmount {float:right;}
.popUsrAccWrap .addUsrAcc .addTranMnAmount input[type=text] {float:none;}
.popUsrAccWrap .addUsrAcc .addTranMnAmount .unit {font-size:12px;}
.popUsrAccWrap .addUsrAcc.active {border-color:#5b9bd5;}
.popUsrAccWrap .addUsrAcc.active .tranMn,
.popUsrAccWrap .addUsrAcc.active .select,
.popUsrAccWrap .addUsrAcc.active .inputText {border-color:#5b9bd5;}
.popUsrAccWrap .addUsrAcc.active .tablelist01 .inputText {border-color:#e0e0e0;}

.popUsrAccWrap .reserveUsrAcc .usrAccInfo > span {display:inline-block; float:none; width:auto; margin-bottom:10px;}
.popUsrAccWrap .reserveUsrAcc .usrAccInfo .acc {display:block;}
.popUsrAccWrap .reserveUsrAcc .usrAccInfo .bankName {margin-right:20px;}

.popTermsArea {overflow-y:auto; width:100%; height:500px; border:1px solid #e0e0e0;}
.popTermsArea.type01 {overflow-y:visible;}

.setScheduleList .scheList {position:relative; margin-top:10px; padding:10px; border:1px solid #e0e0e0; line-height:1.3;}
.setScheduleList .scheList a {text-decoration:none;}
.setScheduleList .scheList a:hover {color:#666;}
.setScheduleList .scheList.type01 {border-color:#ffc000;}
.setScheduleList .scheList.type02 {border-color:#5b9bd5;}
.setScheduleList .scheList .itemize {display:block; position:relative;}
.setScheduleList .scheList .itemize .titSchedule {color:#333; font-size:14px; text-decoration:underline;}
.setScheduleList .scheList .itemize .executionDate {position:absolute; top:2px; right:85px;}
.setScheduleList .scheList .date {display:block; margin-top:14px; color:#000; font-family:"Malgun Gothic", "맑은고딕", arial; font-size:16px; font-weight:bold; text-align:right;}
.setScheduleList .scheList .bankAccount {display:block;}
.setScheduleList .usrAccInfo {display:block; margin-top:2px;}
.setScheduleList .usrAccInfo:after {display:block; content:""; clear:both;}
.setScheduleList .usrAccInfo .usrAcc {float:left; color:#000; font-size:13px;}
.setScheduleList .usrAccInfo .accBalance {float:right; position:relative; top:-3px; color:#000; font-size:18px; font-weight:bold; line-height:1.3;}
.setScheduleList .usrAccInfo .accBalance span {font-weight:bold;}
.setScheduleList .usrAccInfo .accBalance em {display:inline-block; position:relative; top:-2px; margin-right:4px; padding:2px; color:#fff !important; font-size:12px; font-weight:normal; background-color:#000;}

.setScheduleList .scheList .btnSetReserve {position:absolute; z-index:2; top:6px; right:10px; }

.tabContents .pop07 .form_txt01 {position:relative; top:1px; vertical-align:middle;}

.layerSet {position:fixed; z-index:10; bottom:-390px; left:0; height:400px; padding:20px; border-top:1px solid #333; background:#fff;}
.layerSet .scroll {overflow-y:auto; height:100px;}
.layerSet dl dt {font-size:14px; font-weight:bold;}
.layerSet dl dd {margin-top:10px;}
.layerSet dl dd .tablelist01 {background-color:#fff;}
.layerSet dl dd .tablelist01 tbody th {background-color:#fff;}
.layerSet .accordionArea dt a {width:calc(100% - 30px); padding-right:20px; border:0; text-align:right; text-decoration:none;}
.layerSet .accordionArea dt a:after {right:0;}
.layerSet .accordionArea dt a.active:after {margin-top:-4px;}
.layerSet .accordionArea dd .tablelist01 {margin-bottom:10px;}
.layerSet .btnLayerClose {position:absolute; top:10px; right:10px; width:26px; height:27px; border:0; font-size:0; backgrouund-position:0 0;}
.layerSet .customInput .chk_type label {padding-top:3px;}

.layerSetReserve {box-sizing:border-box; position:fixed; z-index:10; bottom:-480px; left:0; width:100%; height:480px; padding:20px; border-top:1px solid #333; background:#fff;}
.layerSetReserve dl dt {font-size:14px; font-weight:bold;}
.layerSetReserve dl dd {margin-top:10px;}
.layerSetReserve dl dd .tablelist01 {background-color:#fff;}
.layerSetReserve dl dd .tablelist01 tbody th {background-color:#fff;}
.layerSetReserve .accordionArea dt a {width:calc(100% - 30px); padding-right:20px; border:0; text-align:right; text-decoration:none;}
.layerSetReserve .accordionArea dt a:after {right:0;}
.layerSetReserve .accordionArea dt a.active:after {margin-top:-4px;}
.layerSetReserve .accordionArea dd .tablelist01 {margin-bottom:10px;}
.layerSetReserve .btnLayerClose {position:absolute; top:10px; right:10px; width:26px; height:27px; border:0; font-size:0; backgrouund-position:0 0;}
.layerSetReserve .customInput .chk_type label {padding-top:3px;}

.layerSetCoin {height:280px;}

/* 오픈뱅킹서비스 안내 */
.guideOpenBanking01 {position:relative; padding:30px; border:1px solid #d1d1d1; border-radius:10px;}
.guideOpenBanking01 .txt01 {color:#000; font-family:"NanumGothic"; font-size:25px; font-weight:bold;}
.guideOpenBanking01 .txt02 {margin-top:60px; color:#555; font-size:16px;}
.guideOpenBanking01 .img {position:absolute; top:28px; right:38px; width:140px;}
.guideOpenBanking01 .img img {max-width:100%; width:100%;}

/* 다른은행 계좌등록 */
.regAnotherBank {overflow:hidden;}
.regAnotherBank .inner {position:relative; width:200px; min-height:150px; padding:25px 10px 0 130px; border:1px solid #d1d1d1; border-radius:10px;}
.regAnotherBank .inner .img {position:absolute; top:20px; left:20px; width:90px;}
.regAnotherBank .inner .img img {width:100%;}
.regAnotherBank .inner dt {font-size:15px; font-weight:bold;}
.regAnotherBank .inner dd {margin-top:15px;}
.regAnotherBank .reg01 {float:left;}
.regAnotherBank .reg02 {float:right;}
.regAnotherBank .btnDefault {position:absolute; bottom:10px;}

.selectRegAccount {overflow:hidden;}
.selectRegAccount dt {float:left; position:relative; top:4px; color:#333; font-size:14px;}
.selectRegAccount dd {float:right;}

.selectRegAccount02 {text-align:right;}
.selectRegAccount02 > span {position:relative; top:2px; margin-right:10px; font-size:14px; font-weight:bold;}

.caution01 {padding:6px 0 6px 22px; background:url(/images/open_bank/ico_caution01.png) no-repeat 0 3px;}
.dlTypeTb .caution01 {background-position:0 7px;}
.caution02 > span {display:inline-block; padding:10px 0 9px 40px; font-size:14px; font-weight:bold; background:url(/images/open_bank/ico_caution02.png) no-repeat 0 3px;}
.caution02 strong {color:#000; font-size:15px;}
.caution02 .str {color:#000; font-family:"Malgun Gothic", "맑은고딕"; font-size:18px;}
.caution03 {position:relative; width:300px; min-height:36px; margin:0 auto; padding-left:50px; line-height:1.2;}
.caution03 .ico {display:block; position:absolute; top:3px; left:0; width:40px; height:36px; background:url(/images/open_bank/sprite01.png) no-repeat -29px 0;}
.caution03 .type01 {color:#333; font-size:18px; font-weight:bold;}
.caution03 .type02 {position:relative; top:12px; color:#333; font-size:18px; font-weight:bold;}
.caution04 {position:relative; margin-top:12px; padding:14px 10px 14px 60px; border:1px solid #e0e0e0; border-radius:8px; color:#333; background-color:#fff9e7;}
.caution04 .ico {position:absolute; top:14px; left:10px; width:37px; height:28px; background-position:-44px -95px;}
.caution04 .btnStyle {position:absolute; top:50%; right:10px; margin-top:-20px; padding:4px 10px; color:#333; text-align:left;}

.cautionUninsured {padding:10px 10px 10px 30px; background:#fff2cc url(/images/open_bank/ico_caution01.png) no-repeat 8px 10px;}

.termsArea01 {overflow-y:auto; height:200px; margin-top:10px; padding:10px; border:1px solid #e6e5e5;}

.termsAreaOpen {margin-top:10px;}
.termsAreaOpen .inner {padding:0 8px; border:1px solid #e6e5e5;}
.termsAreaOpen .agreeOpen {overflow:hidden; margin:0 -8px; padding:6px 8px 10px; border-top:1px solid #e6e5e5; color:#000; font-size:14px; background-color:#f2f2f2;}
.termsAreaOpen .agreeOpen > p, .termsAreaOpen .agreeOpen > div {width:50%; margin-top:9px;}
.termsAreaOpen .agreeOpen > p {float:left;}
.termsAreaOpen .agreeOpen > div {float:right; text-align:right;}
.termsAreaOpen .radio_type label:before {background-color:#fff;}

.termsOpenList li {overflow:hidden; padding:6px 0; border-top:1px solid #e6e5e5;}
.termsOpenList li:first-child {border-top:0; font-weight:bold;}
.termsOpenList li .subject {float:left; width:80%; margin-top:9px; font-size:14px;}
.termsOpenList li .subject label {position:relative; top:-1px;}
.termsOpenList li .btnDefault {float:right; width:20%; padding-top:0; text-align:right;}
.termsOpenList li .btnDefault a span {color:#757575;}
.termsOpenList li .btnDefault a.btnEmp span {color:#fff;}
.termsOpenList .customInput {float:left; width:100%; padding-top:8px; border-top:1px dashed #e6e5e5;}

.certifyArea {/* 20210629 : 수정 */
    overflow:hidden;
    margin:70px auto 0;
    text-align:center;
}
.certifyArea .inner { /* 20210629 : 수정 */
    position:relative;
    display:inline-block;
    width:190px;
    text-align:center;
}
.certifyArea .inner:nth-child(2){ /* 20210629 : 추가 */
    border-left:1px solid #dadada;
}
.certifyArea .inner input[type=radio] {position:absolute; z-index:1; top:50%; left:50%; width:1px; height:1px;}
.certifyArea .inner label { /* 20210629 : 수정 */
    display:block;
    position:relative;
    padding:3px 0;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    z-index:2;
}
/* .certifyArea .inner input[type=radio]:checked + label {border-color:#005fa1;} */
.certifyArea .inner input[type=radio]:checked + label .ico{ /* 20210629 : 추가 */
    background:#e8f6ff;
}
.certifyArea .inner input[type=radio]:checked + label .txt01{ /* 20210629 : 추가 */
    color:#346cd1;
}
.certifyArea .inner label .ico { /* 20210629 : 수정 */
    position:relative;
    display:block;
    width:90px; height:90px;
    background:#f5f5f5;
    -webkit-border-radius:100px;
    -moz-border-radius:100px;
    -ms-border-radius:100px;
    -o-border-radius:100px;
    border-radius:100px;
}
.certifyArea .inner label .txt01 {/* 20210629 : 수정 */
    display:block;
    margin-top:15px;
    font-size: 16px;
}
/* .certifyArea .inner:first-child {float:left;} */
.certifyArea .ico {/* 20210629 : 수정 */
    width:90px;
    margin:0 auto;
}
.certifyArea .ico img { /* 20210629 : 수정 */
    position:absolute;
    top:0;bottom:0;
    left:0;right:0;
    margin: auto;
}

/* 이체 */
.newStyle .btnRSArr.btnReserveCalendar {top:-4px;}
.tabWrap .btnReserveCalendar {position:absolute; top:3px; right:0;}


.setQuickMode {position:relative; margin-top:12px; padding:25px 20px; border:1px solid #e0e0e0; border-radius:8px; color:#333; background-color:#f7f7f7;}
.setQuickMode .titSq {font-size:14px; font-weight:bold; letter-spacing:-1px;}
.setQuickMode .modeArea {position:absolute; top:12px; right:20px;}
.setQuickMode .modeArea > span {display:block; margin-bottom:4px; font-weight:bold;}
.setQuickMode .modeArea .btnQuickTransfer {display:block; width:75px; height:40px; font-size:0; background-position:-173px -85px;}

.resultPattern {margin-top:20px; text-align:center;}
.resultPattern .inner {display:inline-block; width:200px; height:90px; margin:0 10px; border:1px solid #e0e0e0; border-radius:8px;}
.resultPattern .inner a {display:block; width:100%; height:100%; margin-top:20px; font-size:16px; font-weight:bold; text-decoration:none;}
.resultPattern .inner a:hover {color:#666;}
.resultPattern .inner a .type01, .resultPattern .inner a .type02 {display:block; width:100%;}
.resultPattern .inner a .type02 {margin-top:20px;}
.resultPattern .inner a .type02 span {text-decoration:underline;}

/* 기업 에서 가져온 CSS customize */
.process_end {line-height:1.3;}
.process_end p{  padding:40px 0; text-align:center}
.process_end p.type01{padding:5px 0 20px 0;}
.process_end p.style01 {padding:5px 0 20px 0;}
.process_end p.style01 .a_left {position:relative; top:8px;}
.process_end span{font-size:18px; font-weight:bold; display:inline-block; vertical-align:top}
.process_end a.btn_l_blue span{ font-size:15px !important;}
.process_end span.a_left{ text-align:left !important; margin-left:3px}
.process_end span.line1 {position:relative; top:8px;}
.process_end span .red_point{ color:#ff460d !important}
.process_end dl{ padding:30px 120px}
.process_end dl dt{ font-size:18px; font-weight:bold; margin-bottom:12px; vertical-align:top}
.process_end dl dd{ color:#666}
.process_end span.img{ display:inline-block; position:relative; top:2px; margin-right:4px; vertical-align:top;}
.process_end span.img01{width:40px; height:35px; background:url(/images/open_bank/img_process_end.gif) no-repeat 0 0;}
.process_end span.img02{width:40px; height:35px; background:url(/images/open_bank/img_process_end01.gif) no-repeat 0 0;}
.process_end span.img03{width:40px; height:35px; background:url(/images/open_bank/img_process_end01.gif) no-repeat 0 0;}
.process_end span.img04{width:40px; height:35px; background:url(/images/open_bank/img_process_end01.gif) no-repeat 0 0;}
.process_end span.img05{width:43px; height:36px; background:url(/images/open_bank/img_process_end05.gif) no-repeat 0 0;}
.process_end span.img06{width:43px; height:36px; background:url(/images/open_bank/img_process_end06.gif) no-repeat 0 0;}
.process_end span.img07{width:50px; height:40px; background:url(/images/open_bank/img_process_end07.png) no-repeat 0 0;}
.process_end span.img08{width:48px; height:46px; background:url(/images/open_bank/img_process_end06.gif) no-repeat 0 0;}
.process_end span.img09{width:40px; height:40px; background:url(/images/open_bank/img_process_end07.gif) no-repeat 0 0;}
.process_end.img03{  background:url(/images/biz_new/common/img_process_end02.gif) no-repeat 40px 30px; vertical-align:top}
.process_end span.img04{ display:inline-block; width:38px; height:36px; margin-right:10px; background:url(/images/biz_new/common/img_process_end03.gif) no-repeat 0 0; vertical-align:bottom}
.process_end.img05{ background:url(/images/biz_new/common/img_process_end04.gif) no-repeat 40px 30px; vertical-align:top}

.process_end .btnDefault{ margin-top:0; text-align:left; padding:20px 0 0 0;}

.exam01 dt {font-weight:bold;}
.exam01 .exTxt01 {overflow:hidden; margin-top:10px;}
.exam01 .exTxt01 .in01 {display:inline-block; width:200px;}

.pwdLen4 {margin-top:10px; text-align:center;}
.pwdLen4 .bankName {position:relative; top:2px; margin-right:10px; font-family:"Nanum Gothic"; font-size:20px; font-weight:bold;}
.pwdLen4 .accPwd input[type=password] {width:20px; height:20px; font-size:16px; text-align:center;}

/* 중도금(이주비) 대출 */
.guidePartPayment01 {position:relative; padding:30px; border:1px solid #d1d1d1; border-radius:10px;}
.guidePartPayment01 .txt01 {color:#000; font-family:"NanumGothic"; font-size:20px; font-weight:bold;}
.guidePartPayment01 .txt02 {margin-top:20px; color:#555; font-size:13px; line-height:1.3;}
.guidePartPayment01 .img {position:absolute; top:50%; right:38px; width:140px; margin-top:-70px;}
.guidePartPayment01 .img img {max-width:100%; width:100%;}
.guidePartPayment01 ul {margin-top:20px;}
.guidePartPayment01 ul li {display:inline-block; width:48px; margin-right:2px; vertical-align:top;}
.guidePartPayment01 ul li .ico {display:block; overflow:hidden; width:28px; height:29px; margin:0 auto; background:url(/images/group/ico_part_payment02.jpg) no-repeat 0 0;}
.guidePartPayment01 ul li .ico01 {background-position:0 0;}
.guidePartPayment01 ul li .ico02 {background-position:0 -39px;}
.guidePartPayment01 ul li .ico03 {background-position:0 -78px;}
.guidePartPayment01 ul li p {margin-top:8px; text-align:center;}

.partPaymentList {overflow:hidden; margin-top:20px;}
.partPaymentList .inner {position:relative; width:327px; padding:14px; border:1px solid #d1d1d1; border-radius:10px;}
.partPaymentList .inner:nth-child(1), .partPaymentList .inner:nth-child(2) {margin-bottom:20px;}
.partPaymentList .inner:nth-child(2n-1) {float:left;}
.partPaymentList .inner:nth-child(2n) {float:right;}
.partPaymentList .inner h6 {font-weight:bold;}
.partPaymentList .inner h6 + p {margin-top:10px;}
.partPaymentList .inner .ico {display:block; position:absolute; top:50%; right:20px; width:54px; height:54px; margin-top:-27px; /*border-radius:50%; background-color:#ecf4f6;*/ background:url(/images/group/ico_part_payment.jpg) no-repeat 0 0;}
.partPaymentList .inner .ico01 {background-position:0 0;}
.partPaymentList .inner .ico02 {background-position:0 -60px;}
.partPaymentList .inner .ico03 {background-position:0 -119px;}
.partPaymentList .inner .ico04 {background-position:0 -178px;}
.partPaymentList .inner .btnBarea {margin-top:14px; text-align:left;}
.partPaymentList .inner .btnBarea a:hover {color:#e45800;}

.group_list01 {overflow:hidden; text-align:center;}
.group_list01 li {display:inline-block; margin:0 100px;}
.group_list01 li .icoSupplies {display:block; overflow:hidden; width:60px; height:72px; margin:0 auto; background:url(/images/group/ico_supplies.png) no-repeat 0 0; background-size:60px auto;}
.group_list01 li .icoSupplies.ico01 {background-position:0 0;}
.group_list01 li .icoSupplies.ico02 {background-position:0 -76px;}
.group_list01 li .txt01 {margin-top:5px; color:#333; text-align:center;}

/* Chart */
.chartAreaWrap .chartArea {position:relative; height:400px;}
.chartAreaWrap .chartArea .avg {position:absolute; top:44%; left:23%; width:110px; line-height:1.3;}
.chartAreaWrap .chartArea .avg span {display:block; color:#226d9b; font-size:20px; font-weight:bold; text-align:center;}
.chartAreaWrap .chartArea .avg .resultAvg {font-family:"Malgun Gothic", "맑은고딕", arial; font-size:50px;}
.chartAreaWrap #canvas-holder {float:left; width:500px; height:400px;}
.chartIndex {position:absolute; z-index:100; top:47px; right:28px; width:200px;}
.chartIndex button {display:block; position:relative; width:180px; height:80px; margin-bottom:2px; padding:4px 10px; border:1px solid; color:#fff; cursor:pointer; outline:0;border-radius:5px;}
.chartIndex button .type1 {float:left;font-size: 14px;}
.chartIndex button .type2 {float:right;font-size: 14px;}
.chartIndex button .type3 {clear:both; padding-top:4px; font-size:18px; font-weight:bold; text-align:right;}
.chartIndex button.active {}
.chartIndex button.active:after {display:block; content:""; position:absolute; top:50%; left:-10px; width:0; height:0; margin-top:-10px; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid #44b9ca;}
.chartIndex button.list1:after {border-right-color:#226d9b;}
.chartIndex button.list2:after {border-right-color:#f6b636;}
.chartIndex button.list3:after {border-right-color:#5d7db3;}
.chartIndex select {width:150px;height:30px; margin-bottom:10px;}
.chartTotalBalance {margin:20px 20px 0;padding:10px 0 12px 0;background:#ebf7fb;color:#333; font-size:18px; font-family:"Malgun Gothic", "맑은고딕", arial; font-weight:bold; text-align:center; letter-spacing:-1px; line-height:1.3;}
.chartTotalBalance .txtTotal {position:relative; top:10px;font-size:24px;font-weight:normal;vertical-align:top;}
.chartTotalBalance .inner {display:inline-block; margin-left:20px;}
.chartTotalBalance .inner .btnReload {position:relative;top: -5px;width:27px;height:24px;margin-left:2px;border:0;font-size:0;verticaL-align:middle;background-position:-176px 0;}
.chartTotalBalance .inner .chartUnit {border-bottom:2px solid #000;}
.chartTotalBalance .balance {display:inline-block; line-height:1.2;}
.chartTotalBalance .balance, .chartTotalBalance .units {font-size:36px; font-weight:bold;}
.chartTotalBalance .detailTotalAssets {margin-top:3px;font-size:18px;font-weight:normal;text-align:center;}
.chartAreaWrap .p_list li {line-height:1.5;}
.chartAreaWrap .p_list > li:before {top: 8px;}
.btnRefresh {display:inline-block;width:31px;height:30px;margin-left:5px;border:none;background:url('/images/open_bank/bg_refresh.png') no-repeat 0 0;vertical-align: 29px;}
.chartjs-render-monitor {margin-left:-45px;margin-top: 4px;}

.chartAreaWrap .noData {padding-top: 47px;margin-left: 21px;}
.chartAreaWrap .noData .areaStyle02.style04 {width:400px; height:185px; padding-top:25px;}

/* Calendar */
.tuiCalendarWrap .menuNavi {display:block; width:100%; margin:10px 0; text-align:center;}
.tuiCalendarWrap .menuNavi button {display:inline-block; width:30px; height:30px; border:0;}
.tuiCalendarWrap .menuNavi button.btnPrevCal {background-position:0 -130px;}
.tuiCalendarWrap .menuNavi button.btnNextCal {background-position:-36px -130px;}
.tuiCalendarWrap .render-range {position:relative; top:5px; margin:0 10px; color:#333; font-family:"Malgun Gothic", "맑은고딕", arial; font-size:24px; font-weight:bold; vertical-align:top;}
.tuiCalendarWrap .tui-full-calendar-month-guide-block {display:none !important;}
.tuiCalendarWrap .tui-full-calendar-month {min-height:500px;}

/* Calendar 신규추가 */
.tui-full-calendar-month-dayname-item {padding-left:0 !important;text-align:center;}
.tuiCalendarWrap .menuNavi button.btnPrevCal {background: url('/images/open_bank/bg_arrow_pre.png') no-repeat 0 0;background-position:0 0 !important;vertical-align: 3px;}
.tuiCalendarWrap .menuNavi button.btnNextCal {background: url('/images/open_bank/bg_arrow_apd.png') no-repeat 0 0;background-position:0 0 !important;vertical-align: 3px;}
.tui-full-calendar-month-week-item .tui-full-calendar-today .tui-full-calendar-weekday-grid-date-decorator {background:#88b8ea !important;}
.tui-full-calendar-weekday-schedule  {height:13px !important;line-height:14px !important;border-left-width: 12px !important;border-radius: 0px !important;}
.tui-full-calendar-weekday-schedule-title {padding-left: 4px !important;}
.tui-full-calendar-month-more-schedule {margin-top:10px !important;height:13px !important;line-height:14px !important;border-left-width: 12px !important;border-radius: 0px !important;}
.tui-full-calendar-layout {border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.tui-full-calendar-month-dayname-item {border-right: 1px solid #efefef !important}
.tui-full-calendar-month-dayname .tui-full-calendar-month-dayname-item:last-child {border-right:none !important;}


.layerSetCalendar {box-sizing:border-box; position:fixed; z-index:1100; bottom:-620px; width:100%; height:610px; border:1px solid #000; background-color:#fff;}
.layerSetCalendar .inner {padding:20px 60px;}
.layerSetCalendar .cDate {display:inline-block; margin-right:20px; color:#333; font-size:18px; font-weight:bold; vertical-align:middle;}
.layerSetCalendar .select {height:24px; color:#333; font-size:16px; font-weight:bold;}
.layerSetCalendar .btnPrev, .layerSetCalendar .btnNext {display:inline-block; position:absolute; top:140px; width:32px; height:31px; border:0; font-size:0;}
.layerSetCalendar .btnPrev {left:10px; background-position:0 -130px;}
.layerSetCalendar .btnNext {right:10px; background-position:-36px -130px;}
.layerSetCalendar .btnLayerClose {position:absolute; top:10px; right:10px; width:26px; height:27px; border:0; font-size:0; backgrouund-position:0 0;}

/* 로케이션바 */
#loading_wrap{position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ccc; _background-color:#fff; 
z-index:9000; -ms-filter:alpha(opacity=20); filter:alpha(opacity=20); opacity:0.2; -moz-opacity:0.2;display:none;}
#ajax_load_img{position:absolute; width:126px; height:160px; left:50%; top:50%; margin-left:-63px; margin-top:-80px; z-index:9100;display:none;}
#ajax_load_img div {display:none;}

/* guide-page */

.tabStyle .selected a {margin-top:-1px;}

/* 오픈뱅킹 2차 수정 */
/* #contents .pageInfo .title {height:55px;} */
.btnRSArr span {font-weight:normal;}
#contents .bankList .accBalance, #contents .bankList .accBalance em {font-size: 14px !important;line-height: 20px;font-weight: bold!important;letter-spacing: -1px;color: #e45800!important;}
#contents .bankList .inner > span {color: #666;font-size:12px;font-weight:normal;}
.btn_blueB_type, .btn_grayB_type, .btn_blueB2_type {min-width:initial;height:30px;line-height:30px;background:#1c3f8a;color:#fff;font-size:12px;border-radius:2px;padding:0 15px;}
.btn_grayB_type {background:#f4f4f4;color: #000;font-weight:normal;border:1px solid #d9d9d9;line-height:29px;}
.btnBarea a:hover {color:#000;}
.btnBarea .btn_blueB_type:hover {color:#fff;}
#contents .bankList .quickAccTran {box-sizing:border-box; position:relative; width:728px; height:36px; margin:20px -10px -10px; padding:10px; color:#333; text-align:center; background-color:#fff39f;font-size:12px;font-weight:normal;}
.bankList .quickAccTran:before {position:relative;top:8px;left:0;padding-right:7px;display:inline-block; content:""; width:19px; height:22px;background:url(/images/open_bank/ico_caution01.png) no-repeat 0 0;}
.popDepositAccount dd .accBalance, .popUsrAccWrap .usrAccInfo .accBalance,.setScheduleList .usrAccInfo .accBalance, .popCollectCoin dd .accBalance02 {font-size: 14px !important;line-height: 20px;font-weight: bold!important;letter-spacing: -1px;color: #e45800!important;font-family: "돋움", Dotum, Arial, Helvetica, sans-serif !important;}
.popDepositAccount dd .bankName, .popDepositAccount dd .accAlias, .popDepositAccount dd .acc, .setScheduleList .scheList .date {font-size:12px;}
.accordionArea dt a {font-weight:normal !important;}
.popUsrAccWrap .qckUsrAccInfo .accAlias {font-size:12px;}
.popDepositAccount dt > em {font-size:14px;}
.chk_type input[type=checkbox] {top:2px;opacity:1;background:#fff !important;}
.chk_type label:before {background:none;}
.popUsrAccWrap .tranMn .customInput label {font-size:12px;}
.chk_type input[type="checkbox"]:checked + label::before {background:none;}
.customInput .chk_type label {padding-left:19px;}
.setScheduleList .scheList .date {font-weight:normal;}
.layerSetReserve dl dd .tablelist01 tbody th {background-color:#f7f7f7;}
.popUsrAccWrap .usrAccInfo .accAlias {font-size:12px;}
.chk_type input[type="checkbox"]:disabled + label::before {background:none;}
.accordionArea.new dt a {font-weight:bold !important;}
.dataTable thead th {    padding: 7px 5px 5px 5px !important;}
.bankListWrap {overflow:visible;}
.bankListWrap .bankList li {cursor:default;}
.bankListWrap .bankList .isDraggable {cursor:pointer;}
.txtRef {color:#e45800}
.popUsrAccWrap .usrAccInfo > span {font-size:12px;}
.btnBarea {margin-top:20px;}
.radioStyle02 li label .balance {font-size:14px;}
.bankList .btnQckAccTran {float:none;}
.popUsrAccWrap .usrAccInfo .accBalance {width:100%;}
.popUsrAccWrap .usrAccInfo .accAlias {margin-top:-27px;padding-left:100px;}

/* 모든보유계좌조회 토글 버튼 */
.usrAllAccInfobox {position:relative;}
.usrAllAccInfobox.active .usrAllAccInfo {height:14px;}
.button-open01 {position:absolute;display:block;right:-20px;;top:0;width:20px;height:58px;background:#046096;border:none;border-radius:0 6px 6px 0;}
.usrAllAccInfobox.active .button-open01::before {left: 4px;top: 22px;transform: rotate(-45deg);}
.usrAllAccInfobox .button-open01::before {content:'';display:inline-block;width:0px;height:0px;    border-right: 10px solid transparent;position: absolute;left: 4px;top: 26px;border-bottom:10px solid #fff;transform: rotate(135deg);}
.usrAllAccInfobox.active .usrAllAccInfo .inner:first-child:after {top:58px;height:31px;}
.usrAllAccInfobox.active .usrAllAccInfo .inner-box {display:none;}
.usrAllAccInfobox .usrAllAccInfo .inner-box {display:block;}
.usrAllAccInfobox .usrAllAccInfo .inner {min-height:auto;}





/* ======================= newStyle ================================ */

.charge_area {display:none;}
/* #leftArea h3 {padding-top:14px !important;} */

/* 공통 여백 */
.gap00 {margin-top:0px !important;}
.gap01 {margin-top:10px !important;}
.gap02 {margin-top:15px !important;}
.gap03 {margin-top:20px !important;}
.gap04 {margin-top:25px !important;}
.gap05 {margin-top:30px !important;}

/* notice-style */
.notice-list {}
.notice-list .list {margin-top:2px;padding-left: 9px;text-indent: -8px;color:#333;font-size:14px;line-height:1.5;}
.notice-list .list::before {content:'';display:inline-block;margin-right:3px;width:4px;height:4px;border-radius:50%;background:#333;vertical-align:3px;}
/* .pageInfo .titleBar {padding-top:0;} */

/* 느낌표 불릿 */
.newStyle .caution01 {margin-top:10px;padding: 0 0 0px 20px;font-size:13px;background-size:15px auto;background-position:0 0;line-height:1.2;}

/* 원 들어가는 */
.amount-box {float:left;display:inline-block;margin-right:7px;}
.amount-box .won {margin-top:6px;}

/* 커스텀 체크박스 */
.chk_type01 {padding-left:0;}
.chk_type01 {position:relative;display:inline-block;top: 0;left: 0;}
.chk_type01 input[type="checkbox"] {position:absolute;opacity:0;}
.chk_type01 input[type="checkbox"] ~ label {padding-left:0;}
.chk_type01 input[type="checkbox"] ~ label span {padding-left:5px;}
.chk_type01 input[type="checkbox"] ~ label::before {content:'';display:inline-block;border:1px solid #adadad;width:13px;height:13px;border-radius:2px;vertical-align: -2px;}
.chk_type01 input[type="checkbox"]:checked ~ label::before {background: url(/images/open_bank/ba_check_on.png) no-repeat 50% 50%;}
.chk_type01 input[type="checkbox"]:disabled ~ label::before {background:#efefef;}
.chk_type01 label span {vertical-align: 1px !important;}
.chk_type01 + .chk_type01 {margin-left:10px;}

/* 체크박스 버튼 수정 */
.newStyle .inputStyle02 .radio label {font-weight:normal !important;}

/* 아코디언 title */
.newStyle .accordionArea.new dt a {font-size:14px;}

/* 예약이체 popUser */
.newStyle .popUsrAccWrap .usrAccInfo .accBalance {color: #0080cb !important;font-size:18px !important;}
.newStyle .popUsrAccWrap .tranMn {border:0;border-top:1px solid #ccc;}
.newStyle .popUsrAccWrap .usrAccList.active {border: 1px solid #0080cb;}
.newStyle .popUsrAccWrap .usrAccInfo > span {font-size:14px;}
.newStyle .popUsrAccWrap .usrAccInfo .accAlias {margin-top:-30px;font-size:14px;letter-spacing: -1px;}
.newStyle .popUsrAccWrap .usrAccInfo .accBalance {font-size:14px;letter-spacing: -1px;}
.newStyle .popUsrAccWrap .tranMnType01 .addTxt {font-size:14px;}
.newStyle .popUsrAccWrap .tranMn .addTxt {font-size:14px;}

.newStyle .radio_type01 + .radio_type01 {margin-left:15px;}
.radioBox + .radioBox {margin-top:10px;}

/* 약관 */
.newStyle .termsOpenList li .btnDefault {}
.newStyle .termsAreaOpen .agreeOpen {background: #fafafa;}
.newStyle .termsAreaOpen .radio_type01 label::before {top: -4px;}
.newStyle .termsAreaOpen .radio_type01 label::after {top: 0px;}
.newStyle .termsOpenList li .btnDefault a.btnEmp {background: #0080cb;border-color:#0080cb;}
.newStyle .termsOpenList li .btnDefault a.btnEmp span {background: #0080cb;color: #fff;font-weight:normal;}
.newStyle .termsOpenList li .btnDefault a span {background:#fff;color:#333;letter-spacing: -1px;}
.newStyle .termsOpenList li .btnDefault a {background:#fff;}



/* input style */
.input-box.type02 input {width:73px;}

/* contWrap.newStyle 이체 */
/* contWrap.newStyle stpe */
.newStyle * {font-family: "Malgun Gothic" !important;}
.newStyle .stepList {font-size:0;}
.newStyle .stepList li{display:inline-block;line-height:34px;margin-right:5px;}
.newStyle .stepList li span:nth-child(1){display:inline-block;width:34px;height:34px;line-height:32px;color:#aeaeae;font-size:13px;text-align:center;font-family:"Malgun Gothic";border-radius:100%;box-sizing:border-box;bordeR:1px solid #b0b0b0}
.newStyle .stepList li span:nth-child(2){display:none;margin:0 5px;font-weight:bold;font-size:14px;color:#000;font-family:"Malgun Gothic";}
.newStyle .stepList li.current span:nth-child(1){line-height:30px;font-weight:bold;color:#6c6c6c;border:2px solid #0d86ce}
.newStyle .stepList li.current span:nth-child(2){display:inline-block;}
.newStyle .stepList .end{border-color:#b4b4b4;}
.newStyle .stepList .end span{color:#6c6c6c;background:#e8e8e8}
.newStyle .stepList + .noticeBox {margin-top:20px;}

/* contWrap.newStyle table */
.newStyle .tablelist01 * {letter-spacing: -1px;color: #222;font-family: "Malgun Gothic";}
.newStyle .tablelist01 {border-top:1px solid #0080cb;}
.newStyle .tablelist01 tr td:first-child {border-top:1px solid #0080cb;}
.newStyle .tablelist01 th, .newStyle .tablelist01 td {border-top:0;border-bottom: 1px solid #bfbfbf;letter-spacing: -1px;color: #222;font-family: "Malgun Gothic";}
.newStyle .tablelist01 th {padding: 15px 20px;vertical-align: middle;text-align: left;font-size: 15px;font-weight: normal;border-bottom: 1px solid #bfbfbf;background: #fafafa;border-right:0;line-height: 1.5;}
.newStyle .tablelist01 td {border-left:0;padding: 15px 20px 15px 20px;vertical-align: middle;border-bottom: 1px solid #bfbfbf;font-size: 14px;line-height: 1.5;}


/* contWrap.newStyle 세로 테이블 */
.newStyle .tableWrap {border-top: 1px solid #0080cb !important;}
.newStyle .tableWrap th {padding: 10px 5px !important;vertical-align: middle;text-align: center;color: #21485f;font-size: 13px;font-weight: normal;border-right: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;background: #fafafa;box-sizing:border-box;}
.newStyle .tableWrap th:last-child {border-right:0;}
.newStyle .tableWrap td {padding: 10px 6px;vertical-align: middle;text-align: center;border-right: 1px solid #bfbfbf;border-bottom: 1px solid #bfbfbf;font-size: 14px;}
.newStyle .tableWrap td:last-child {border-right:0;}


/* contWrap.newStyle input.select */
.newStyle .inputText {width:100%;max-width:430px;height: 40px;padding: 0 10px;font-size: 14px;font-family: "Malgun Gothic";border: 1px solid #bfbfbf;outline: none;box-sizing: border-box;border-radius: 4px;-webkit-appearance: none;}
.newStyle .select {height: 40px;padding: 0 30px 0 10px;font-size: 14px;font-family: "Malgun Gothic";border: 1px solid #bfbfbf;outline: none;box-sizing: border-box;border-radius: 4px;-webkit-appearance: none;background:url(/images/open_bank/ico_select.gif) no-repeat right 50% ! important;-moz-appearance:none;-webkit-appearance:none;appearance: none;}
.newStyle .select:disabled {background:}
.newStyle .select::-ms-expand {display:none;}

/* contWrap.newStyle table button */
.newStyle .tablelist01 .btnRSArr {min-width: 93px;height: 40px;line-height: 36px;padding: 0 8px !important;font-size: 14px;color: #444 ! important;border: 1px solid #9db4bf;border-radius: 2px;background: #fbfbfb;box-sizing: border-box;text-align:center;}
.newStyle .tablelist01 .btnRSArr span {display:inline;background:none;padding:0 !important;font-size:14px;}

/* contWrap.newStyle text */
.newStyle .subTitle {letter-spacing: -1px;margin: 50px 0 10px 0;color: #000 ! important;font-weight: bold;font-size: 20px;font-family: "Malgun Gothic";}
.newStyle .titleBox {margin: 60px 0 9px 0;}
.newStyle .titleBox::after {content:'';display:block;clear:both;}
.newStyle .titleBox .subTitle {display:inline-block;width:auto;margin:0;}
.newStyle .titleBox .btnBox {float:right;display:inline-block;}
.newStyle .titleBox .subTitle.type01 {display:block;}
.newStyle .titleBox .subTitle.type01 .count {font-size:14px;}
.newStyle .titleBox .subTitle.type01 .count em {color:#e50000;}


/* contWrap.newStyle button */
.newStyle .btn_blueB_type  {display: inline-block;letter-spacing: -1px;font-family: "Malgun Gothic";text-align: center;box-sizing: border-box;min-width: 120px;height: 50px;line-height: 48px;padding: 0 8px;font-size: 16px;font-weight: bold;color: #fff ! important;border: 1px solid #1c3e88;border-radius: 7px;background: #1c3e88;}
.newStyle .btn_grayB_type {display: inline-block;letter-spacing: -1px;font-family: "Malgun Gothic";text-align: center;box-sizing: border-box;min-width: 120px;height: 50px;line-height: 48px;padding: 0 8px;font-size: 16px;font-weight: bold;color: #222 ! important;border: 1px solid #c3c3c3;border-radius: 7px;background: #f2f2f2;}
.newStyle .btnIpMs {min-width: 70px;height: 40px;line-height: 35px;padding: 0 8px !important;font-size: 13px;color: #245067 ! important;font-weight: bold;border: 1px solid #9db4bf;border-radius: 2px;background: #fbfbfb;;display: inline-block;letter-spacing: -1px;font-family: "Malgun Gothic";text-align: center;box-sizing: border-box;vertical-align: top;}
.newStyle .btnIpMs span {height:auto;padding:0 !important;background:none;font-size:13px;}
.newStyle .btn_blueB_type.type01 {color: #1c3e88 ! important;background: #fff;}
.newStyle .btnInTitle .btnRSArr {min-width: 70px;height: 40px;line-height: 28px;padding: 0 12px !important;font-size: 13px;color: #245067 ! important;font-weight: bold;border: 1px solid #577a8c;border-radius: 2px;background: #fff;display: inline-block;letter-spacing: -1px;font-family: "Malgun Gothic";text-align: center;box-sizing: border-box;}
.newStyle .btnInTitle .btnRSArr span {height:auto;padding:0 !important;background:none;font-size:13px;text-decoration:underline !important;}
.newStyle .btnDefault a {background:#fbfbfb;border: 1px solid #d9d9d9;}
.newStyle .btnDefault a span{background:none}
.newStyle .btnDefault a.btnEmp span {background:#fbfbfb;color: #333;}
.newStyle .btnRSArr.btnReserveCalendar {height:auto !important;}
.newStyle .btnBarea.type01 {margin-top:40px;}
.newStyle .btn_small {display:inline-block;min-width:60px;height:30px;padding:0 10px;border:1px solid #888;font-size:13px;line-height:30px;box-sizing:border-box;}
.newStyle .btnBox .btnRSArr, .newStyle .btnRSArr.btnReserveCalendar {min-width: 70px;height: 40px;line-height: 28px;padding: 0 12px !important;font-size: 13px;color: #245067 ! important;font-weight: bold;border: 1px solid #577a8c;border-radius: 2px;background: #fff;box-sizing: border-box;letter-spacing: -1px;text-align: center;}
.newStyle .btnBox .btnRSArr span, .newStyle .btnRSArr.btnReserveCalendar span {height:auto;padding:0 !important;background:none;font-size:13px;}
.newStyle .btnSmall {display:inline-block;min-width:60px;height:30px;padding:8px 10px;background:#fff;border:1px solid #bfbfbf;box-sizing:border-box;border-radius:2px;line-height:12px;}
.newStyle .btnSmall.type01 span::after {content:'';display:inline-block;width:6px;height:10px;margin-left:5px;background: url('/images/open_bank/ic_btn_go2.gif') no-repeat 0 0;}
.newStyle .btnSmall span {font-size:12px;}
.newStyle .btnBox .btnRSArr {height:30px;}
.newStyle .dataTable tbody td a {text-decoration: none;}
.newStyle .dataTable .btnSmall {border-radius:14px;font-weight:bold;color:#444;letter-spacing: -1px;}

/* contWrap.newStyle 퀵이체 */
.newStyle .setQuickMode {background:#fff;}

/* contWrap.newStyle noticeBox */
.newStyle .noticeBox {padding:30px 30px 30px 100px;border:0;border: 1px solid #ddd;background:#fff url(/images/open_bank/icon_notice.png) no-repeat top 30px left 30px;}
.newStyle .noticeBox dt {padding-left:0;background:none;background-size:17px;font-size:18px;color:#333;font-weight:bold;}
.newStyle .listTypeDot li {color:#444;font-size:15px;line-height:1.5;background: url(/images/contents/bul_dot_2x2_999.gif) no-repeat 0 12px !important;word-break:keep-all;letter-spacing: -2px;}
.newStyle .noticeBox .btnRSArr {display: inline-block;text-align: center;text-decoration: none !important;border: 1px solid #ccc;border-radius: 5px;vertical-align: middle;margin:0;background:none;padding:0 !important;}
.newStyle .noticeBox .btnRSArr span {display: block;height:auto;;background:none;line-height: 40px;padding: 0 15px !important;font-size: 14px;letter-spacing: -1px;white-space: nowrap;color: #666;font-weight: bold;}
.newStyle .noticeBox .btnRSArr span:after {content: "";position: relative;top: -2px;display: inline-block;width: 6px;height: 10px;margin-left: 15px;vertical-align: middle;background: url(/images/open_bank/ic_btn_go2.gif) no-repeat 0 0;}
.newStyle .txtRef {font-size:12px;color:#e45800 !important;}

/* contWrap.newStyle radio 버튼 */
.newStyle .radio_type01 {position: relative;display: inline-block;margin-right:5px;vertical-align: middle;font-size: 16px;color: #222;font-family: "Malgun Gothic";}
.newStyle .radio_type01 label {padding: 2px 0 2px 28px;vertical-align: middle;font-size: 15px;color: #222;font-family: "Malgun Gothic";line-height: normal;}
.newStyle .radio_type01 input[type=radio] {position: absolute;/*top: -5px;*/left: 0;}
.newStyle .radio_type01 input[type=radio] {opacity: 0;}
.newStyle .radio_type01 label:before {content: "";position: absolute;left: 0;width: 18px;height: 18px;border: 1px solid #c1c1c1;border-radius: 100%;}
.newStyle .radio_type01 label:after {content: "";position: absolute;top:4px;left: 4px;width: 12px;height: 12px;background: #fff;border-radius: 100%;}
.newStyle .radio_type01 input[type=radio]:disabled + label:before {background:#efefef;}
.newStyle .radio_type01 input[type=radio]:disabled + label:after {background:#efefef;}
.newStyle .radio_type01 input[type="radio"]:checked + label:after {background: #0080cb;}
.newStyle .tableWrap .radio_type01 {left:6px;}
/* .newStyle .tableWrap .radio_type01 label:after {top:-7px} */
/* .newStyle .tableWrap .radio_type01 label:before {top:-11px} */
/* contWrap.newStyle table 이체금액 */

.newStyle .amountBox .txt {display:inline-block;margin-right:5px;font-size: 13px;vertical-align: middle;color:#666;}
.newStyle .moneyBtn_g {margin-top: 10px;}
.newStyle .moneyBtn_g .btnUi_xs {display: inline-block;text-align: center;
box-sizing: border-box;min-width: 62px;height: 28px;line-height: 24px;padding: 0 6px;font-size: 14px;color: #666 ! important;border: 1px solid #bfbfbf;border-radius: 2px;background: #fff;}
.newStyle .btnUi_xs.type {background: #f0f0f0;}
.newStyle .btnRSArr.calc::before {content: "";position: relative;top: -1px;display: inline-block;width: 17px;height: 20px;vertical-align: middle;margin-right: 5px;background: url(/images/open_bank/ic_calculator.png) no-repeat 50% 50% ! important;}

/* contWrap.newStyle 오픈뱅킹 1차(수정사항 ppt) */
.newStyle .guideOpenBanking01, .guideOpenBanking01.new {padding:34px 390px 24px 30px;background: url(/images/open_bank/bg_infoimg.png) no-repeat top 25px right 35px;border:1px solid #eaeaea;border-radius:0;}
.newStyle .guideOpenBanking01 .txt01, .guideOpenBanking01.new .txt01 {font-size:22px;color:#0072bc;}
.newStyle .guideOpenBanking01 .txt02, .guideOpenBanking01.new .txt02 {margin-top:20px;font-size:15px;line-height:1.6;}
.newStyle .bulType3List {padding-left:3px;}
.newStyle .bulType3List li {font-size:13px;}
.newStyle .termsOpenList .subject.new {padding-bottom:7px;font-size:16px;color:#333;}
/* .termsAreaOpen .inner {border-top: 1px solid #999;} */
.newStyle .noticeTxt2 {line-height:10px;}
.regAnotherBank.new .inner {padding:29px 127px 20px 29px;border-radius:0;border:1px solid #eaeaea;}
.regAnotherBank.new .inner.reg01 {background: url(/images/open_bank/bg_infoimg01.png) no-repeat bottom 20px right 20px;}
.regAnotherBank.new .inner.reg02 {background: url(/images/open_bank/bg_infoimg02.png) no-repeat bottom 20px right 20px;}
.regAnotherBank.new .inner dt {color:#333;font-size:14px;}
.regAnotherBank.new .inner dd {font-size:12px;line-height:1.5;}
.regAnotherBank.new .btnDefault {bottom:20px;}
.regAnotherBank.new .btnDefault a {margin:0;}

.accordionArea.new table td .btnRSArr{margin-right:0px;}
.accordionArea.new dt a {padding:12px 10px;border-radius:10px;}
.accordionArea.new dt a::before {content:'';display:inline-block;width:10px;height:10px;margin-right:10px;background:#bbbbbb;border-radius:50%;}
.accordionArea.new dt a.active::before {background-color:#4171a0;}
.accordionArea.new dt a.active {color:#333;}
.accordionArea.new dd {padding:10px 5px}
table .nodata {padding:50px 0 !important;}
.caution05 {margin-top:20px;}
.caution05 span {display: inline-block;padding:4px 0 0px 22px;color:#333;font-size: 12px;font-weight: normal;background: url(/images/open_bank/ico_caution02.png) no-repeat 0 3px;background-size:15px auto;}


/* dl dt dd 테이블 */
.newStyle .dlTypeTb * {letter-spacing: -1px;color: #222;font-family: "Malgun Gothic";}
.newStyle .dlTypeTb {border-top:1px solid #0080cb;}
.newStyle .dlTypeTb tr td:first-child {border-top:1px solid #0080cb;}
/* .newStyle .dlTypeTb dt, .newStyle .dlTypeTb dd {border-top:0;border-bottom: 1px solid #bfbfbf;letter-spacing: -1px;color: #222;font-family: "Malgun Gothic";} */
/* .newStyle .dlTypeTb dt {padding: 15px 20px;vertical-align: middle;text-align: left;font-size: 14px;font-weight: normal;border-bottom: 1px solid #bfbfbf;background: #fafafa;border-right:0;} */
/* .newStyle .dlTypeTb dd {border-left:0;padding: 15px 20px;vertical-align: middle;border-bottom: 1px solid #bfbfbf;font-size: 14px;} */
.newStyle .dlTypeTb dt span {color: #21485f;font-size: 13px;}
.newStyle .dlTypeTb dd {padding:15px 20px;font-size:14px;}
.newStyle .dlTypeTb dl {background:#fafafa;border-bottom: 1px solid #bfbfbf;}

/* 오픈뱅킹 보안매체 영역 설정 - 2020.12.11 성동일 */
.newStyle .widauto .inputText[type='password']{
    width:auto;
}
.newStyle .dlTypeTb .otp_formTbl:after{
    content: "";
    display: block;
    clear: both;
}
.newStyle .dlTypeTb .otp_formTbl dt{
    font-size:13px;
}
.newStyle .dlTypeTb .otp_formTbl .btn-result{
    margin-right:0;
    padding-right:0;
}
.newStyle .dlTypeTb .otp_formTbl .btn-result a{
    display:inline-block;
    font-family: "Malgun Gothic" !important;
    font-size:13px;
    height: 40px;
    margin: 0 5px 0 0;
    margin-left:4px;
    vertical-align: top;
    line-height:38px;
    padding:0 20px 0 10px !important;
    padding-right:22px !important;
    border: 1px solid #c6c6c6;
    -webkit-border-radius: 2px;
    box-sizing: border-box;
    background: #f2f2f2 url(/images/contents/ic_btn_go2.gif) no-repeat right 10px center / 5px 8px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
}
.newStyle .dlTypeTb .otp_formTbl .btn-result a span{
    height:100%;
    padding:0 !important;
    margin:0;
    width:100%;
    background:none;
    font-size:13px;
    font-weight:bold;
    color:#222;
}
.newStyle .formType .otp_formTbl dd span{
    float:none;
    top:0;
}
.newStyle .btnIpMs:hover{
    text-decoration: none;
}
.newStyle .btnIpMs.btnIpMsOn{
    color:#fff;
    border:1px solid #0f378b;
    background:#1d408c;
}
.newStyle .btnIpMs.btnIpMsOn span{
    color:#fff;
}

/* 탭메뉴 */
.newStyle .tMenu a {background:#fff; font-size: 14px;} /* 2022-01-27 : 수정 */

/* 완료페이지 */
.newStyle .process_end {margin-top:50px;padding-top:80px;background:url(/images/open_bank/ic_endChk.png) no-repeat 50% 0;}
.newStyle .process_end .type01 {padding:5px 0 0 0;;color:#0080cb;font-size:24px;line-height:1.5;letter-spacing: -3px;}
.newStyle .process_end .type02 {margin-top:10px;padding:0;text-align: center;font-size: 14px;color: #333;letter-spacing: -1px;line-height:1.5;}
.newStyle .process_end .type02 .won {font-size:15px;}
.newStyle .process_end + .tableWrap {margin-top:50px;}

/* border-table */
.br-color01 {border-right: 1px solid #eee !important;}
.newStyle .subTitle + .tableWrap {margin-top:25px;}
.newStyle .caution05 + .subTitle {margin-top:40px;}
.newStyle .dataTable .btnRSArr {margin-right:0;}
.newStyle .formType .radio input[type=radio] + label {top:-1px !important;}

/* 여백 */
.newStyle .noticeBox + .tabWrap {margin-top:20px;} 
.newStyle .btnBarea {margin-top:60px;}
.newStyle .noticeBox + .tablelist01 {margin-top:20px;}
.newStyle .tablelist01 + .tabWrap {margin-top:20px;}

/* 200724 인풋박스 원 추가 */

.inputwon-box {float:right;}
.inputwon-box .inputwon {float:none !important;padding-right: 5px;background:#f7f7f7;font-size:14px !important;}
.inputwon-box .inputwon ~ .won {font-size:14px;}
.inputwon-box .units {font-size:12px !important;font-weight:normal !important;}

/* font-size: 일괄 수정 */
.newStyle .bulType2, .newStyle .bulType2List li {font-size:13px;}
.newStyle .noticeTxt2 {font-size:13px;}
.newStyle .accountCoin {background:#fafafa;}
.newStyle .usrAllAccInfobox {margin-top:1px;}
.newStyle .accountCoin .btnCollectCoin {top:6px;}
.newStyle .accountCoin a.unregistered {position: absolute;top:6px;right:20px;}
.newStyle .usrAllAccInfobox.active .usrAllAccInfo {height:25px;}
.newStyle .button-open01 {height:69px;}
.newStyle .usrAllAccInfobox.active .button-open01::before {top:28px;}
.newStyle .usrAllAccInfobox .button-open01::before {top:31px;}
.newStyle .usrAllAccInfobox.active .usrAllAccInfo .inner:first-child:after {top:63px;height:34px;}

/* popup newStyle */
.popupWrap.newStyle .subTitle {margin-top:40px;font-size:16px;}
.popupWrap.newStyle .btnBarea a {height:40px;min-width:90px;padding:0 20px;font-size:16px;line-height:40px;box-sizing:border-box;}
.popupWrap.newStyle .btnBarea {margin-top:30px;}
/* .popupWrap.newStyle .radio_type01 label:before {top: -4px;}
.popupWrap.newStyle .radio_type01 label:after {top:0;} */
.popupWrap.newStyle .certifyArea .inner label {padding: 25px 0 10px;font-size:14px;}
.popupWrap.newStyle .tablelist01 th {padding: 12px 20px 11px;}
.popupWrap.newStyle .tablelist01 td {padding: 10px 5px 10px 20px;}
.popupWrap.newStyle .popTitle {letter-spacing: -1px;}
.popupWrap.newStyle .process_end .type01 {font-size:18px;}
/* .popupWrap.newStyle .radioStyle02 li label {width:100%;padding:20px;}
.popupWrap.newStyle .radioStyle02 li label .bankName {font-size:14px;}
.popupWrap.newStyle .radioStyle02 li label .bankInfo {font-size:13px;}
.popupWrap.newStyle .radioStyle02 li label .flag {border-radius:10px;border:0;background-color: #f3c132;color:#fff;top: 24px;}
.popupWrap.newStyle .radioStyle02 li label .bankInfo {display: block;overflow: hidden;width: 100%;margin-top: 10px;border-top: 1px solid #e7e5e5;padding-top: 9px;} */
.popupWrap.newStyle .popDepositAccount .accBalance {font-size:20px !important;color:#0080cb !important;}
.popupWrap.newStyle .popDepositAccount {background:#fafafa;}
.popupWrap.newStyle .popDepositAccount dd .bankName, .popupWrap.newStyle .popDepositAccount dd .accAlias, .popupWrap.newStyle .popDepositAccount dd .acc, .popupWrap.newStyle .setScheduleList .scheList .date {font-size:14px;letter-spacing: -1px;}
.popupWrap.newStyle .popCollectCoin {background:#fafafa;}
.popupWrap.newStyle .popCollectCoin dd .accBalance02 {font-size:20px !important;color:#0080cb !important;}

/* 예약캘린더 스타일 변경 */
.borderBox {margin: 0 20px;padding:10px;border:1px solid #e4e4e4;line-height:1.5;}
.colorWrap {margin-top:15px;padding:0 20px;}
.colorWrap + .borderBox {margin-top:30px;}
.colorWrap::after {content:'';display:block;clear: both;}
.colorWrap .colorlist {float:left;}
.colorWrap .colorlist li {display:inline-block;margin-right:17px;font-size:14px;color: #333;}
.colorWrap .colorlist li::before {content:'';display:inline-block;width:10px;height:10px;margin-right:4px;background:#48b73f;border-radius:2px;}
.colorWrap .colorlist .cl2::before {background:#4476d2;}
.colorWrap .colorlist .cl3::before {background:#bc51c3;}
.colorWrap .colorlist .cl4::before {background:#15b5c8}
.colorWrap .today {float:right;font-size:14px;color: #333;}
.colorWrap .today::before {content:'';display:inline-block;width:10px;height:10px;margin-right:4px;background:#88b8ea;border-radius:50%;}

/* 20210401 추가 */
.newStyle .dlTypeTb.add-dlstyle dt{font-size:15px; font-weight:bold}
.newStyle .dlTypeTb.add-dlstyle span{float:none;}
.acccertBox{border:1px solid #ddd; min-height:88px; width:100%; padding:25px 40px; box-sizing:border-box; display:table; position:relative;}
.acccertBox .txt_area{display:table-cell; vertical-align:middle; padding-right:135px;}
.acccertBox .txt_area p{font-size:16px; font-weight:bold; color:#222}
.acccertBox .txt_area p > em{color:#344e9b}
.acccertBox .txt_area .sub_txt{color:#666; font-size:14px; margin-top:8px}
.acccertBox .btn_area{position:absolute; right:40px; top:50%; margin-top:-18px;}
.acccertBox .btn_acccert{display:inline-block; border:1px solid #ccc; border-radius:5px; background:#fbfbfb; width:113px; height:36px; text-align:center; line-height:36px; font-size:14px; color:#333; text-decoration: none;}
.acccertBox.complete{background:#f9fcff}
.acccertBox.complete .txt_area{position:relative; padding-left:30px;}
.acccertBox.complete .txt_area:before{content:''; background:url(../images/contents/icon_acccert_complete.png) no-repeat; display:block; position: absolute; width:26px; height:26px; left:-15px}

.pdt0{
    padding-top: 0 !important;
}
.pdd10{
    padding-bottom: 10px !important;
}
.bg-white{
    background-color: #fff !important;
}

.bg-gray{
    background-color: #fafafa !important;
}

.bnone{
    border: none !important;
}

.dash-top{
    border-top: 1px dashed #e6e5e5 !important;
}

/* 20210614 : 하단 새로추가 */
.customInput.bg-gray{
    padding:0 0 10px 0;
    background : #e6e5e5;
}

.box-round{
    position:relative;
    font-weight: bold;
    color: black;
    font-size: 16px;
    padding: 15px;
    border: 1px solid #ddd;
    -webkit-border-radius: 10px 10px;
    -moz-border-radius: 10px 10px;
    -ms-border-radius: 10px 10px;
    -o-border-radius: 10px 10px;
    border-radius: 10px 10px;
   
}
.roundBox-close{
    display: block;
    width: 25px;height: 25px;
    position:absolute;
    top:0;right:10px;bottom:0;
    margin:auto 0;
    background: url(/images/contents/btn_lpop_close.gif) no-repeat; 
}
/*2023.04.12 화면 검수 대응 css추가*/
.popupWrap.newStyle .process_end{ border: 0;}
.popupWrap.newStyle .newStyle .process_end .type01.txt_box01 p{ padding-left: 0 !important; text-align: center; }
.popupWrap.newStyle .newStyle .txt_box01 p::before{ display: none !important;}
/* // 2023.04.12 화면 검수 대응 css추가*/