@charset "utf-8";

html, body {height:100%;} /* 그리드인쇄 충돌 html height:auto 제거 17-10-31 kyh*/
body {height:auto;}
body {font-family:'malgun', '맑은고딕', 'notoR', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif; font-size:14px; line-height:1.5;}
input, select, button {font-family:'malgun', 'notoR', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif; box-sizing:border-box;}
select optgroup {font-style:normal !important;}
input[type="text"],
input[type="password"] {height:45px; padding:0 13px; border-radius:2px; border:1px solid #dcdcdc; box-sizing:border-box; color:#333; font-size:14px; line-height:43px; outline:0;}
input:focus,
input.emphasis:focus {border:2px solid #0082dd; padding:0 12px; line-height:41px;}
input#ini_cert_pwd:focus, input#ini_cert_pwd {line-height:1 !important;}
input.GMBoolInput:focus {border:1px dotted #ccc; padding:4px !important;} 
input:disabled {background-color:#fafafa; color:#8f8f8f;}
a {color:#575757;}
a:hover {text-decoration:underline;} 
textarea {font-family:'malgun', 'notoR', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif; font-size:14px;}
textarea.emphasis:focus {border:2px solid #0082dd; padding:12px;}



/* box model */
.box-wrap {margin-top:25px;} /* in-sec과 간격이 달라서 그룹핑처리하여 반복 */
.box-wrap.first,
.box-wrap:first-child {margin-top:0;}
.box-bsc {padding:12px 20px 15px; margin-top:13px; margin-bottom:15px; line-height:25px; border:1px solid #dcdcdc; border-radius:2px;}
.box-bsc.first,
.box-bsc:first-child {margin-top:0;}
.box-bsc.last {margin-bottom:0;}


/* box type */
.regular_box {border:1px solid #c2d4ea; border-radius:2px; background-color:#e9f3ff;}
.regular_box2 {border:1px solid #dcdcdc; border-radius:2px; background-color:#fafafa;}
.white-box {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; margin-top:30px;}
.top-contents-box + .white-box {border-top:0; margin-top:0;} 
.white-box02 {padding:0 40px; border:1px solid #e5e5e5; border-radius:2px}
.img-box {padding:35px 0; text-align:center; border:1px solid #dcdcdc; margin-bottom:20px;}

/* box type 우측인풋영역 */
.regular_box.type02 {text-align:left; position:relative; padding:30px 0 31px 20px;}
.regular_box.type02 .input-area {position:absolute; top:23px; right:20px;}
.regular_box.type02 .input-area input {height:35px; float:left;}
.regular_box.type02 .input-area .btns {margin-left:10px; float:left;}
.regular_box.type02 .input-area label em {display:inline-block; box-sizing:border-box;}
.regular_box.type02 .input-area label input[type="file"]:focus + em {border:2px solid #0082dd; padding:0 12px; line-height:31px;}
.regular_box.type02 input[type="file"] {font-size:22px; opacity:0; position:absolute; right:116px; width:86px; height:35px; vertical-align:middle;}

/* 노티 박스 (notice box) */
.notice-box {border-radius:2px; border:1px solid #dcdcdc; border-bottom:0; background:#fff;}
.notice-box .title-area {position:relative; padding:15px; border-bottom:1px solid #dcdcdc; background-color:#fff;}
.notice-box .title-area .title {position:relative; display:inline-block; padding-left:32px; font-size:16px; line-height:20px;}
.notice-box .title-area .title:before {content:''; position:absolute; left:0; top:50%; margin-top:-10px; width:20px; height:20px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -196px 0;}
.notice-box .title-area .notice-aco {position:absolute; top:0; right:15px; height:50px; padding-right:19px; font-size:13px; color:#0082dd; line-height:50px;}
.notice-box .title-area .notice-aco:before {content:''; position:absolute; top:50%; right:0; width:12px; height:8px; margin-top:-3px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -63px -84px;}
.notice-box .title-area .notice-aco.on:before {background-position:-77px -84px;}
.notice-box .text-area {display:block; border-bottom:1px solid #dcdcdc; background-color:#fff;}
.notice-box .text-area > .lists {padding:15px 20px 18px;}
.notice-box .text-area .lists em {color:#5d84e7;}
.notice-box .text-area .lists em span {color:#575757;}
.notice-box .text-area .link-text,
.notice-box .text-area .link {text-decoration:underline;}

.notice-box .acc-box .acc-title {height:50px;}
.notice-box .acc-box .acc-title .title {position:relative; display:block; padding:0 20px; font-size:15px; color:#333; line-height:50px; text-decoration:none;}
.notice-box .acc-box .acc-title .title:before {content:''; position:absolute; top:50%; right:21px; width:17px; height:10px; margin-top:-5px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -155px -84px;}
.notice-box .acc-box.on .acc-title .title:before {background-position:-136px -84px;}
.notice-box .acc-box .acc-area {display:none; padding:20px; background-color:#fafafa;}
.notice-box .acc-box .acc-area .lists li:before {background:#2cb1e2;}

/* 조회기간 및 이체금액 선택 버튼 */
.btns.terms-sel {border:1px solid #c2dee7; background:#fff; color:#318eba; padding:0; min-width:67px; margin-right:1px;}
.btns.terms-sel.on, .btns.terms-sel:active{background:#0082DD; color:#FFFFFF; border:1px solid #0082DD;}
.btns.btn-calculator {padding:0 15px; border:1px solid #c2dee7; border-radius:2px; background-color:#fff; text-align:center;}
.btns.btn-calculator span {display:inline-block; position:relative; padding-left:24px; color:#318eba; line-height:43px;}
.btns.btn-calculator span:before {content:''; position:absolute; left:0; top:50%; width:17px; height:20px; margin-top:-10px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -250px 0;}


/* 상단 컨텐츠 박스 */
.top-contents-box {border:1px solid #d3dbec; border-radius:2px; padding:32px 35px 31px 180px; background:#f1f6ff url(/resource/img/common/ico/ico_top63.png) no-repeat 30px 25px; min-height:105px;}
.top-contents-box .title{color:#333; font-size:22px; font-family:'notoR'; margin-bottom:6px; font-weight:400;}
.top-contents-box .title em {color:#0082dd;}
.top-contents-box .text {color:#575757; font-size:14px; line-height:24px;}
.top-contents-box .text.inquiry-box {background:url(/resource/img/bpb/img_inquiry.png) 5px 20px no-repeat; padding:10px 0 0 95px;}
.top-contents-box .text.inquiry-box strong {display:block; font-weight:400;}
.top-contents-box .text + .title {margin-top:8px;}
.top-contents-box .text li {margin-top:3px;}
.top-contents-box .btn-area {margin-top:16px;}

.top-contents-box dl {display:table-cell; vertical-align:middle; height:110px;}
.top-contents-box dl .title {margin:0;}
.top-contents-box dl .title.bsc {margin-left:10px; color:#333;}
.top-contents-box dl .text {margin-top:7px;}
.top-contents-box dl .text + .title {margin-top:25px;}
.top-contents-box dl.h-auto {height:auto;}

.top-contents-box.web-accessibility {padding:37px 35px 8px 157px; background-image:url(/resource/img/common/image/img_web_accessibility.png);}

/* background */
.top-contents-box.icon-type01 {background-image:url(/resource/img/common/ico/ico_top01.png);}
.top-contents-box.icon-type02 {background-image:url(/resource/img/common/ico/ico_top02.png);}
.top-contents-box.icon-type03 {background-image:url(/resource/img/common/ico/ico_top03.png);}
.top-contents-box.icon-type04 {background-image:url(/resource/img/common/ico/ico_top04.png);}
.top-contents-box.icon-type05 {background-image:url(/resource/img/common/ico/ico_top05.png);}
.top-contents-box.icon-type06 {background-image:url(/resource/img/common/ico/ico_top06.png);}
.top-contents-box.icon-type07 {background-image:url(/resource/img/common/ico/ico_top07.png);}
.top-contents-box.icon-type08 {background-image:url(/resource/img/common/ico/ico_top08.png);}
.top-contents-box.icon-type09 {background-image:url(/resource/img/common/ico/ico_top09.png);}
.top-contents-box.icon-type10 {background-image:url(/resource/img/common/ico/ico_top10.png);}
.top-contents-box.icon-type11 {background-image:url(/resource/img/common/ico/ico_top11.png);}
.top-contents-box.icon-type12 {background-image:url(/resource/img/common/ico/ico_top12.png);}
.top-contents-box.icon-type13 {background-image:url(/resource/img/common/ico/ico_top13.png);}
.top-contents-box.icon-type14 {background-image:url(/resource/img/common/ico/ico_top14.png);}
.top-contents-box.icon-type15 {background-image:url(/resource/img/common/ico/ico_top15.png);}
.top-contents-box.icon-type16 {background-image:url(/resource/img/common/ico/ico_top16.png);}
.top-contents-box.icon-type17 {background-image:url(/resource/img/common/ico/ico_top17.png);}
.top-contents-box.icon-type18 {background-image:url(/resource/img/common/ico/ico_top18.png);}
.top-contents-box.icon-type19 {background-image:url(/resource/img/common/ico/ico_top19.png);}
.top-contents-box.icon-type20 {background-image:url(/resource/img/common/ico/ico_top20.png);}
.top-contents-box.icon-type21 {background-image:url(/resource/img/common/ico/ico_top21.png);}
.top-contents-box.icon-type22 {background-image:url(/resource/img/common/ico/ico_top22.png);}
.top-contents-box.icon-type23 {background-image:url(/resource/img/common/ico/ico_top23.png);}
.top-contents-box.icon-type24 {background-image:url(/resource/img/common/ico/ico_top24.png);}
.top-contents-box.icon-type25 {background-image:url(/resource/img/common/ico/ico_top25.png);}
.top-contents-box.icon-type26 {background-image:url(/resource/img/common/ico/ico_top26.png);}
.top-contents-box.icon-type27 {background-image:url(/resource/img/common/ico/ico_top27.png);}
.top-contents-box.icon-type28 {background-image:url(/resource/img/common/ico/ico_top28.png);}
.top-contents-box.icon-type29 {background-image:url(/resource/img/common/ico/ico_top29.png);}
.top-contents-box.icon-type30 {background-image:url(/resource/img/common/ico/ico_top30.png);}
.top-contents-box.icon-type31 {background-image:url(/resource/img/common/ico/ico_top31.png);}
.top-contents-box.icon-type32 {background-image:url(/resource/img/common/ico/ico_top32.png);}
.top-contents-box.icon-type33 {background-image:url(/resource/img/common/ico/ico_top33.png);}
.top-contents-box.icon-type34 {background-image:url(/resource/img/common/ico/ico_top34.png);}
.top-contents-box.icon-type35 {background-image:url(/resource/img/common/ico/ico_top35.png);}
.top-contents-box.icon-type36 {background-image:url(/resource/img/common/ico/ico_top36.png);}
.top-contents-box.icon-type37 {background-image:url(/resource/img/common/ico/ico_top37.png);}
.top-contents-box.icon-type38 {background-image:url(/resource/img/common/ico/ico_top38.png);}
.top-contents-box.icon-type39 {background-image:url(/resource/img/common/ico/ico_top39.png);}
.top-contents-box.icon-type40 {background-image:url(/resource/img/common/ico/ico_top40.png);}
.top-contents-box.icon-type41 {background-image:url(/resource/img/common/ico/ico_top41.png);}
.top-contents-box.icon-type42 {background-image:url(/resource/img/common/ico/ico_top42.png);}
.top-contents-box.icon-type43 {background-image:url(/resource/img/common/ico/ico_top43.png);}
.top-contents-box.icon-type44 {background-image:url(/resource/img/common/ico/ico_top44.png);}
.top-contents-box.icon-type45 {background-image:url(/resource/img/common/ico/ico_top45.png);}
.top-contents-box.icon-type46 {background-image:url(/resource/img/common/ico/ico_top46.png);}
.top-contents-box.icon-type47 {background-image:url(/resource/img/common/ico/ico_top47.png);}
.top-contents-box.icon-type48 {background-image:url(/resource/img/common/ico/ico_top48.png);}
.top-contents-box.icon-type49 {background-image:url(/resource/img/common/ico/ico_top49.png);}
.top-contents-box.icon-type50 {background-image:url(/resource/img/common/ico/ico_top50.png);}
.top-contents-box.icon-type51 {background-image:url(/resource/img/common/ico/ico_top51.png);}
.top-contents-box.icon-type52 {background-image:url(/resource/img/common/ico/ico_top52.png);}
.top-contents-box.icon-type53 {background-image:url(/resource/img/common/ico/ico_top53.png);}
.top-contents-box.icon-type54 {background-image:url(/resource/img/common/ico/ico_top54.png);}
.top-contents-box.icon-type55 {background-image:url(/resource/img/common/ico/ico_top55.png);}
.top-contents-box.icon-type56 {background-image:url(/resource/img/common/ico/ico_top56.png);}
.top-contents-box.icon-type57 {background-image:url(/resource/img/common/ico/ico_top57.png);}
.top-contents-box.icon-type58 {background-image:url(/resource/img/common/ico/ico_top58.png);}
.top-contents-box.icon-type59 {background-image:url(/resource/img/common/ico/ico_top59.png);}
.top-contents-box.icon-type60 {background-image:url(/resource/img/common/ico/ico_top60.png);}
.top-contents-box.icon-type61 {background-image:url(/resource/img/common/ico/ico_top61.png);}
.top-contents-box.icon-type62 {background-image:url(/resource/img/common/ico/ico_top62.png);}
.top-contents-box.icon-type63 {background-image:url(/resource/img/common/ico/ico_top63.png);}
.top-contents-box.icon-type64 {background-image:url(/resource/img/common/ico/ico_top64.png);}
.top-contents-box.icon-type65 {background-image:url(/resource/img/common/ico/ico_top65.png);}
.top-contents-box.icon-type66 {background-image:url(/resource/img/common/ico/ico_top66.png);}
.top-contents-box.icon-type67 {background-image:url(/resource/img/common/ico/ico_top67.png);}
.top-contents-box.icon-type68 {background-image:url(/resource/img/common/ico/ico_top68.png);}
.top-contents-box.icon-type69 {background-image:url(/resource/img/common/ico/ico_top69.png);}
.top-contents-box.icon-type71 {background-image:url(/resource/img/common/ico/ico_top71.png);}
.top-contents-box.icon-type72 {background-image:url(/resource/img/common/ico/ico_top72.png);}
.top-contents-box.icon-type73 {background-image:url(/resource/img/common/ico/ico_top73.png);}
.top-contents-box.icon-type74 {background-image:url(/resource/img/common/ico/ico_top74.png);}
.top-contents-box.icon-type75 {background-image:url(/resource/img/common/ico/ico_top75.png);}
.top-contents-box.icon-type76 {background-image:url(/resource/img/common/ico/ico_top76.png);}
.top-contents-box.icon-type88 {background-image:url(/resource/img/common/ico/ico_top88.png);}
.top-contents-box.icon-type40-231204 {background-image:url(/resource/img/common/ico/ico_top40_231204.png);}
.top-contents-box.icon-type42-231204 {background-image:url(/resource/img/common/ico/ico_top42_231204.png);}

/* agreement box */
.pop-content .pop-provi-slider {/*height:360px !important;*/}
.pop-content .pop-provi-slider .bx-wrapper {position:relative;}
.pop-content .pop-provi-slider .bx-viewport {box-sizing:border-box;}
.pop-content .pop-provi-slider .bxslider {overflow:hidden; height:100%;}
.pop-content .pop-provi-slider .pop-provi-box02 {padding:0; border:0; box-sizing:border-box;}
.pop-content .pop-provi-slider .pop-provi-box02 .inner-box {padding:20px; border:1px solid #dcdcdc; height:310px; overflow-y:auto; box-sizing:border-box;}
.pop-provi-wr {position:relative; /* min-height:435px; */ min-height:370px; max-height:470px; padding:0 27px;}
.pop-provi-slider .bx-controls-direction a {display:block; width:27px; position:absolute; top:0; bottom:0; font-size:0; text-indent:-9999em; line-height:0;}
.pop-provi-slider .bx-controls-direction a:before {content:''; position:absolute; top:50%; width:26px; height:26px; margin-top:-13px; background-image:url(/resource/img/common/ico/ico_sprite.png); background-repeat:no-repeat;}
.pop-provi-slider .bx-controls-direction .bx-prev {left:-36px;}
.pop-provi-slider .bx-controls-direction .bx-next {right:-36px;}
.pop-provi-slider .bx-controls-direction .bx-prev:before {left:0; background-position:-352px 0;}
.pop-provi-slider .bx-controls-direction .bx-next:before {right:0; background-position:-380px 0;}
.pop-provi-slider .bx-controls-direction .disabled {display:none;}
.pop-provi-slider .bx-pager {display:none;}
.pop-provi-slider .btns-wrap {display:none; position:absolute; left:0; right:0; bottom:0;}

.agree-box {border-radius:2px 2px 0 0; border:1px solid #dcdcdc; border-bottom:0; background:#fff;}
.agree-box + .agree-box {margin-top:15px;}
.agree-box + .agree-box.noline {margin-top:0; border-top:0; border-radius:0 0 2px 2px;}
.agree-box .title {position:relative; padding:17px 20px; border-bottom:1px solid #dcdcdc; font-size:16px;}
.agree-box .title .btn-area {position:absolute; top:50%; margin-top:-17px; right:20px; text-align:right; font-size:14px;}
.agree-box .title .btn-area.type3 {margin-top:-15px;}
.agree-box .title .btn-area3 {margin-top:12px;}
.agree-box .title .btn-area .btns.on {border-color:#0082dd; background-color:#0082dd; color:#fff !important;}
.agree-box .title.type-check .btn-area {right:250px;}
.agree-box .title.type-check .check-area {position:absolute; top:50%; margin-top:-12px; right:20px; text-align:right;}
.agree-box .cont {border-bottom:1px solid #dcdcdc; padding:15px 20px; background:#fafafa;}
.agree-box .cont.scroll {overflow-x:hidden; overflow-y:auto; height:150px;}
.agree-box .cont .cont-inner {position:relative;}
.agree-box .cont .cont-inner .btn-area {position:absolute; top:50%; margin-top:-12px; right:0px;}
.agree-box-tit {font-size:16px; margin-bottom:20px;}
.agree-box-tit strong {font-weight:normal;}
.agree-box-inner dt {font-size:16px; color:#333; margin-bottom:10px; margin-top:23px;}
.agree-box-inner dt:first-child {margin-top:0;}
.agree-box-inner dd {color:#575757; margin-top:8px; line-height:20px;}
.agree-box-inner dt + dd {margin-top:0;}
.agree-box-inner dd .term-list > li{margin-bottom:5px; text-indent:-19px; padding-left:19px;}
.agree-box-inner dd .term-list.default > li {text-indent:-16px; padding-left:16px;}
.agree-box-inner dd .term-list.default02 > li {text-indent:-17px; padding-left:17px;}
.agree-box-inner dd .term-list.hyphen > li {text-indent:-11px; padding-left:11px;}
.agree-box-inner dd .term-list ol, .agree-box-inner dd .term-list ul {margin-top:5px;}
.agree-content strong {display:block; margin-bottom:10px;}
.agree-content + .agree-content {margin-top:30px;}
.agree-box-inner .ele-chk + label,
.agree-box-inner .ele-rdo + label,
.agree-box-inner .ele-chk + label {line-height:normal;}
.agree-box-inner .tbl-wrap .ele-chk + label,
.agree-box-inner .tbl-wrap .ele-rdo + label,
.agree-box-inner .tbl-wrap .ele-chk + label {line-height:23px;}
.agree-box-inner .tbl-wrap .ele-inp-list .ele-chk + label {line-height:19px;}

.agree-box.type2 .agree-box-inner dt {font-weight:700; background-color:#f9f9f9; line-height:35px;}
.agree-box.type2 .agree-box-inner dd {position:relative; margin-top:10px; line-height:35px;}
.agree-box.type2 .agree-box-inner dt + dd {margin-top:0px;}
.agree-box.type2 .agree-box-inner dd .multi-line {line-height:20px;}
.agree-box.type2 .btn-area {position:absolute; top:50%; right:0; margin-top:-17.5px; font-weight:400;}
.agree-box.type2 .title .btn-area {right:20px;}
.agree-box.type2 .ele-rdo2 label {min-width:60px; height:33px; padding:0 15px; line-height:33px; text-align:center;}
.agree-box.type2 .title .btn-area.type2 {right:230px;}
.agree-box.type2 .title .btn-area.type2.right-narrow {right:120px;}
.agree-box.type2 .title .btn-area.type2 + .btn-area {top:55%;}
.ie8 .agree-box.type2 .title .btn-area.type2 .btns {box-sizing:border-box;}

.agree-box.type2 .cont2 {position:relative; top:-40px; padding:0; border-bottom:0; background:none;}
.agree-box.type2 .cont2 .btn-area {right:20px;}
.agree-box.type2 .cont2 .btn-area.type2 {right:230px;}
.agree-box.type2 .cont2 .btn-area.type2 + .btn-area {top:5px;}

.agree-box.type3 .title {font-size:15px; color:#333; background-color:#e9f1fa;}
.agree-box.type3 .title.add-btn {padding:11px 10px 11px 20px; line-height:55px;}
.agree-box.type3 .title.add-btn .btn-area {right:10px; margin-top:-30px;}
.agree-box.type3 .title .dsgn-form {right:0; margin-top:-13px;}
.agree-box.type3 .cont {background-color:#fff;}

.terms-top-box {padding:30px 30px 34px;}
.terms-top-box p {margin-top:10px;}

.agree-wrap {color: #575757;}
.agree-wrap .agree-title {display:block; margin-bottom:10px; font-size:16px; color:#333; font-weight:normal;}
.agree-wrap .tit {display:block; margin:30px 0 10px; font-size:16px; color:#333; font-weight:normal;}
.agree-wrap .tit.bold {font-weight:bold;}
.agree-wrap .tit:first-child {margin-top:0;}
.agree-wrap .text {margin-bottom: 8px; color: #575757; line-height: 20px;}
.agree-wrap .lists {color:#575757;}
.agree-wrap .lists + .lists,
.agree-wrap .lists + .num-list,
.agree-wrap .num-list + .lists {margin-top:10px;}
.agree-wrap .list-none > li {margin-top:6px}
.agree-wrap .list-none > li > .sub-lists {margin-top:3px;}
.agree-wrap .num-list + .lists {margin-top:10px;}
.agree-wrap .num-list > li > .type-num {margin-top:5px;}

/* 전계좌 조회 */
.account-wrap .btn-wrap {border:1px solid #dcdcdc; border-top:0; background:#f5f5f5;}
.account-wrap .btn-wrap a {display:block; font-family:"notoR"; font-size:18px; color:#333; text-align:center; line-height:48px;}
.account-wrap .no-result {border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; color:#333; font-family:'notoR'; font-size:22px; text-align:center; line-height:80px;}

.acc-info {margin-top:35px;}
.acc-info.division .btn-more {display:none;}
.acc-info.last {border-bottom:0;}
.acc-info .title {font-family:"notoR"; font-size:22px; color:#333;}
.acc-info .acc-list {border-bottom:5px solid #f5f5f5;}
.acc-info .acc-list .item {position:relative; display:table; width:100%; padding:22px 0; border-bottom:1px solid #dcdcdc;}
.acc-info .acc-list .item:first-child {border-top:0;}
.acc-info .acc-list .item:after {content:''; display:block; clear:both;}
.acc-info .acc-list .item .row-cell {display:table-cell; position:relative; vertical-align:middle;}
.acc-info .acc-list .item .row-cell .lyr-wrap-rela {display:inline; vertical-align:top;}
.acc-info .acc-list .item .classify {width:453px;}
.acc-info .acc-list .item .classify.type02 {width:245px;}
.acc-info .acc-list .item .classify span {display:block;}
.acc-info .acc-list .item .classify .title {margin-bottom:5px; font-size:14px; color:#575757;}
.acc-info .acc-list .item .classify .acc-num {font-family:"notoR"; font-size:24px; color:#333;}
.acc-info .acc-list .item .classify .date {margin-top:5px; font-size:14px; color:#575757;}
.acc-info .acc-list .item .card {width:270px; padding:0 20px 0 30px;}
.acc-info .acc-list .item .card .name {font-family:"notoR"; font-size:22px; color:#333;}
.acc-info .acc-list .item .balance {width:280px; padding-right:29px; text-align:right;}
.acc-info .acc-list .item .balance.type02 {width:190px; padding-right:0;}
.acc-info .acc-list .item .balance span {display:inline-block; font-size:14px; color:#333; vertical-align:middle; line-height:33px;}
.acc-info .acc-list .item .balance .sum-text {font-family:"notoR"; font-size:22px; color:#333; vertical-align:top;}
.acc-info .acc-list .item .btn-area {width:325px; text-align:right;}
.acc-info .acc-list .item .btns {margin:0 3px;}
.acc-info .acc-list .item .btns.white {border-color:#808080;}
.ie8 .acc-info .acc-list .item .btns {margin:0 2px;}
.acc-info .btn-more {display:block; margin-top:-5px;border:1px solid #dcdcdc; border-top:0; background:#f5f5f5; color:#333; font-family:'notoR'; font-size:18px; text-align:center; line-height:48px;}
.btn-manage {padding:0 31px 0 14px;}
.ie8 .btn-manage {min-width:44px;}
.btn-manage:before {content:''; position:absolute; top:50%; right:16px; width:8px; height:8px; margin-top:-4px; background:url(/resource/img/common/ico/ico_sprite.png) -47px -16px no-repeat;}

.acc-info .acc-list .item.type02 .classify {width:771px;}

.pos-rela {position:relative; z-index:15;}
.pos-rela .pos-abs {position:absolute;}
.pos-rela .pos-abs.pos-type01 {top:71px; right:0; display:none;}


/* 계좌검색 박스 영역 */
.srch-account {position:relative; padding:30px 0; border-radius:3px; border:1px solid #c2d4ea; background-color:#e9f3ff; text-align:center;}
.srch-account:after {content:''; display:block; clear:both;}
.srch-account .text-area {float:right;}
.srch-account .text-area dl {margin-top:7px; padding-right:240px; font-size:14px; text-align:right;}
.srch-account .text-area dl:first-child {margin-top:0;}
.srch-account .text-area dl.la {font-family:'notoR'; font-size:20px;}
.srch-account .text-area dl dt {display:inline-block; color:#333;}
.srch-account .text-area dl dd {display:inline-block; color:#ff4628;}
.srch-account > .btns {position:absolute; left:inherit; right:35px; top:50%; margin-top:-23px;}


/* 셀렉트 포커스 타이틀 타입 */
.srch-account .choice-dl {display:inline-block;}
.srch-account .choice-dl:after {content:''; display:block; clear:both;}
.srch-account .choice-dl dt {float:left; margin-right:20px; color:#333; font-family:'notoR'; font-size:24px; vertical-align:middle; line-height:45px;}
.srch-account .choice-dl dd {float:left;}
.srch-account > .sel-wrap {position:absolute; left:30px; top:50%; margin-top:-25px;}
.layer-loop {position:fixed; left:-9999px; top:-9999px; text-indent:-9999px; opacity:0;}


/* 셀렉트 포커스 */
.sel-wrap {position:relative; z-index:5; width:570px; height:50px; color:#575757; font-size:14px; text-align:left;}
.sel-wrap.on {z-index:150;}
.sel-wrap .text {font-family:'notoR'; font-size:18px; color:#333; vertical-align:top;}
.sel-wrap .text-indi {overflow:hidden; position:relative; width:100%; height:50px; padding:0 40px 0 20px; box-sizing:border-box; border:3px solid #0082dd; border-radius:2px; background:#fff; text-overflow:ellipsis; text-align:left; line-height:44px; white-space:nowrap; cursor:pointer;}
.sel-wrap .text-indi:before {content:''; position:absolute; right:20px; top:50%; width:13px; height:7px; margin-top:-4px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -32px 0;}
.sel-wrap.on .text-indi:before {background-position: -32px -9px;}
.sel-wrap .text-indi .text {margin-right:10px;}
.sel-wrap .layer {display:none; position:absolute; left:0; top:49px; min-width:570px; max-width:790px; background-color:#fff; box-sizing:border-box; border:1px solid #0082dd;}
.sel-wrap .layer .scroll-area {overflow-y:auto; max-height:350px; padding:15px 20px; box-sizing:border-box;}
.sel-wrap .layer .list .item {display:block; overflow:hidden; position:relative; max-width:730px; height:46px; padding:0 10px; box-sizing:border-box; border-top:1px solid #b3ddea; text-overflow:ellipsis; cursor:pointer; line-height:44px; white-space:nowrap; text-decoration:none;}
.sel-wrap .layer .list .item:first-child {border-top:0;}
.sel-wrap .layer .list .item:hover {background-color:#fafafa;}
.sel-wrap .layer .list .item.on {background-color:#f1f9ff;}
.sel-wrap .layer .list .item .text {margin-right:10px;}
.sel-wrap .layer .btn-close {position:absolute; right:0; top:0; width:38px; height:38px; font-size:0; text-indent:-9999px; line-height:0;}
.sel-wrap .layer .btn-close:before {content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-6px 0 0 -6px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -32px -18px;}

/* account-info */
.account-info {overflow:hidden; display:table; width:100%; height:100px; padding:0 30px; background-color:#fafafa; border:1px solid #dcdcdc; border-radius:3px; box-sizing:border-box;} /* height 확인필요 */
.account-info .in-list {display:table-cell; width:785px; vertical-align:middle;}
.account-info ul {overflow:hidden; width:100%;}
.account-info ul li {float:left; width:240px; margin-left:30px; padding:0 0 0 10px;}
.account-info ul li + li {width:220px;}
.account-info ul li:first-child {margin-left:0;}
.account-info ul li div:first-child {border-bottom:1px solid #dcdcdc;}
.account-info ul li div.in-price {position:relative; text-align:right;}
.account-info ul li div.in-price span.tit-item {position:absolute; left:0; text-align:left;}
.account-info ul li span {display:inline-block; color:#575757; font-size:14px; line-height:36px;}
.account-info ul li .text-price01 {color:#ff4628;}
.account-info ul li .text-price02 {color:#004c98;}
.account-info .in-list.type02 ul li {width:360px;}

.account-info .acc-num {display:table-cell; font-size:14px; vertical-align:middle; width:550px; margin:-3px 0;}
.account-info .acc-num.type-fund {width:660px;}
.account-info .acc-num .null {display:inline-block; vertical-align:middle; height:45px; margin-left:-5px;}
.account-info .acc-num .text {display:inline-block; vertical-align:middle; padding-left:10px; font-size:20px; font-family:'notoR'; line-height:120%;}
.account-info .acc-num .text span {margin-left:5px; color:#575757; font-size:14px; font-family:'malgun'; display:inline-block;}
.account-info .type02 li {width:302px;}
.account-info .acc-inner {display:table-cell; vertical-align:middle; text-align:right; line-height:100px;}
.account-info .acc-price {display:inline-block; vertical-align:middle;}
.account-info .acc-price > p {line-height:160%;}
.account-info .acc-price.change-align {text-align:left;}
.account-info .text-price01 {color:#ff4628;}
.account-info .text-price02 {color:#004c98;}
.account-info .btn-box {display:inline-block; margin-left:35px;}
.account-info .btn-box a {margin-left:5px;}
.account-info.colsWidCalc .acc-inner .btn-box {margin-left:0;}
.btn-aco {position:relative; top:3px; display:block; width:30px; height:30px; font-size:0; text-indent:-9999px; line-height:0; background:url(/resource/img/common/ico/ico_sprite.png) -63px 0 no-repeat;}
.on .btn-aco {background-position:-95px 0;}
.btn-aco.disabled {background-position:-408px 0;}

/* 전체계좌조회 상단박스 */
.personal-info-box {}
.grade-info {background:url(/resource/img/ibs/ico-personal.png) 10px top no-repeat; display:block; padding-left:10px;}
.grade-info span {display:block; font-size:16px; line-height:22px; padding-left:36px;}
.grade-info span .name {color:#0082dd; display:inline-block; border-bottom:1px solid #0082dd; padding-bottom:3px; font-weight:700;}
.grade-info p {margin-top:8px;}
.grade-info em {color:#0082dd; font-weight:700;}
.grade-info strong {display:inline-block; background:#0082dd; border-radius:15px; text-align:center; font-weight:400; color:#fff; width:76px; height:31px; line-height:31px; margin-top:-6px;}

.grade-da-sc{position:absolute; top:29px; right:19px; background:url(/resource/img/ibs/bg-sidebar.png) center top no-repeat; width:352px;}
.grade-da-sc:after {content:""; display:block; clear:both;}
.grade-da-sc li {float:left; padding-left:31px; width:145px;}
.grade-da-sc li:first-child {padding-left:43px; width:133px;}
.grade-da-sc li strong{color:#0082dd;}
.grade-da-sc li .data {display:block; margin-top:11px; font-size:20px; color:#333; font-family:notoR;}
.grade-da-sc li .mview{padding:0; min-width:80px; height:30px; line-height:28px; font-family:malgun; margin:-5px 0 0 4px;}

.personal-info-top {background:#e9f3ff; border:1px solid #c2d4ea; border-radius:2px 2px 0 0; padding:29px 20px 26px;}
.personal-info-top:after {content:""; display:block; clear:both;}
.personal-info-top .personal-name {position:relative; float:left; padding-left:70px;}
.personal-info-top .personal-name:before {content:''; position:absolute; top:0; left:0; width:60px; height:60px; background:url(/resource/img/common/ico/ico_vip_rank.png) 0 0 no-repeat;}
.personal-info-top .personal-name.rank01:before {background-position:0 0;}
.personal-info-top .personal-name.rank02:before {background-position:0 -60px;}
.personal-info-top .personal-name.rank03:before {background-position:0 -120px;}
.personal-info-top .personal-name.rank04:before {background-position:0 -180px;}
.personal-info-top .personal-name strong {display:block; font-size:16px; color:#333; font-family:'notoR'; line-height:30px;}
.personal-info-top .personal-name strong em{font-size:20px; vertical-align:bottom;}
.personal-info-top .personal-name .grade {display:inline-block; min-width:75px; height:31px; line-height:31px; background:#0082dd; border-radius:2px; color:#fff; text-align:center; vertical-align:middle; padding:0 10px; box-sizing:border-box;}
.personal-info-top .personal-name .grade.rank01 {background-color:#f55c9e;}
.personal-info-top .personal-name .grade.rank02 {background-color:#a888be;}
.personal-info-top .personal-name .grade.rank03 {background-color:#0091ff;}
.personal-info-top .personal-name .grade.rank04 {background-color:#ffa800;}
.personal-info-top .personal-date {float:right; height:45px; position:relative; padding-right:140px; margin-top:5px;}
.personal-info-top .personal-date:before {content:""; display:block; position:absolute; right:120px; width:1px; height:45px; background:#c2d4ea;}
.personal-info-top .personal-date strong {display:block; font-size:20px; color:#333; font-family:'notoR'; margin-top:3px;}
.personal-info-top .personal-date .btns {position:absolute; right:0; top:0;}
.personal-info-top + .personal-info {border-top:0; border-radius:0 0 2px 2px;}

.personal-info {border:1px solid #c2d4ea; border-radius:2px; background:#fff; width:1078px; padding:31px 0 35px;}
.personal-info:after {content:""; display:block; clear:both;}
.personal-info li[class^="info-list"] {float:left; border-left:1px solid #dcdcdc; text-align:right; padding-right:20px; width:238px; height:71px;}
.personal-info li[class^="info-list"]:first-child {border-left:none; width:240px;}
.personal-info li[class^="info-list"] span {display:block; padding:10px 48px 0 0; background:url(/resource/img/ibs/ico-personal02.png) right 3px no-repeat; height:26px;}
.personal-info li[class^="info-list"] strong {display:block; font-size:20px; color:#333; font-weight:400; margin-top:8px; font-family:notoR;}
.personal-info li.info-list01 .btns.xs {margin:-5px 0 0;}
.personal-info li.info-list02 span {padding-right:56px; background:url(/resource/img/ibs/ico-personal03.png) right 3px no-repeat;}
.personal-info li.info-list03 span {background:url(/resource/img/ibs/ico-personal04.png) right 3px no-repeat;}
.personal-info li.info-list04 span {background:url(/resource/img/ibs/ico-personal05.png) right 5px no-repeat;}

.personal-info.type02 li[class^="info-list"] {width:338px; position:relative;}
.personal-info.type02 li[class^="info-list"] th {text-align:center;}
.personal-info.type02 li[class^="info-list"] .bor-ri {border-right:1px solid #d5dfea}
.personal-info.type02 li[class^="info-list"] tfoot{background:#f5f5f5;}


/* content later */
.con-layer {z-index:1; position:absolute; top:47px; padding:32px 20px 20px; border:1px solid #dcdcdc; border-bottom:2px solid #0082dd; background-color:#fff; display:none;}
.con-layer:before {content:''; position:absolute; top:-9px; left:220px; width:17px; height:9px; background:url(/resource/img/common/image/img_arrow.png) 0 0 no-repeat;}
.con-layer .btn-close {display:inline-block; position:absolute; right:10px; top:0; width:32px; height:32px; font-size:0; text-indent:-9999px; line-height:0;}
.con-layer .btn-close:before {content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-6px 0 0 -6px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -32px -18px;}


/* 수표 이미지 박스 */
.cashiers-check {padding:42px 0 36px; text-align:center;}
.cashiers-check .img-wrap {width:544px; height:250px; margin:0 auto;}
.cashiers-check .img-wrap img {vertical-align:top;}

/* 완료 및 건수 박스 */
.result-data {padding:22px 0 25px; text-align:center;}
.result-data .info {font-family:'notoR'; font-weight:400; font-size:22px; color:#004c98;}
.result-data .info em,
.result-data .info .num-text {color:#004c98;}
.result-data .sub-info {color:#575757; margin:7px 0 3px;}
.result-data .sub-info em {font-weight:bold; color:#333;}


/* 지로 이미지 박스 */
.giro-box {border:1px solid #c2d4ea; border-radius:2px; background:#e9f3ff; padding:60px 0; text-align:center;}


/* 납부확인 도장 영역 */
.stemp-area {padding:30px 0 0; text-align:center;}
.stemp-area .stemp-text {display:inline-block;}
.stemp-area .stemp-text strong {vertical-align:middle;}
.stemp-area .stemp-text .ico-stemp {position:relative; display:inline-block; /*background:url(/resource/img/common/image/bg_payment_stamp02.png) left top no-repeat;*/ vertical-align:middle; margin-left:10px; width:92px; height:91px;}
.stemp-area .stemp-text .ico-stemp span {position:absolute; left:-9999em; top:0; display:inline-block; width:100%; color:#6687f4;}
.stemp-area .stemp-text .ico-stemp span.date {left:0; font-size:15px; line-height:91px;}
.stemp-area .stemp-text .ico-stemp span.displ-non {text-indent:-9999em; font-size:0;}


/* 계좌개설확인서 */
.confirm-form {margin-bottom:10px; padding:30px; border:1px solid #c2d4ea; border-radius:3px;}
.confirm-form .confirm-form-title {display:block; font-size:22px; text-align:center; margin-bottom:40px;}
.confirm-form .user-name {position:relative; display:inline-block; width:305px; height:34px; border-bottom:2px solid #0082dd;}
.confirm-form .user-name strong {font-size:18px; line-height:26px; color:#333; margin-left:6px;}
.confirm-form .user-name span {position:absolute; top:0; right:0; font-size:16px; line-height:26px; color:#333; font-weight:bold;}

.confirm-form .info-list {overflow:hidden; margin-top:30px; padding-bottom:18px; border-bottom:1px solid #d5dfed;}
.confirm-form .info-list li {position:relative; float:left; height:30px; padding-left:105px; box-sizing:border-box;}
.confirm-form .info-list li {width:100%;}
.confirm-form .info-list li + li {width:50%;}
.confirm-form .info-list li + li + li {width:50%;}
.confirm-form .info-list li + li + li + li {width:100%;}
.confirm-form .info-list li span {display:inline-block; font-size:14px; line-height:30px;}
.confirm-form .info-list li .title {position:absolute; top:0; left:0; color:#333; font-weight:bold;}
.confirm-form .info-list li .text {color:#575757;}

.confirm-form .seal-info {position:relative; padding:51px 0 21px;}
.confirm-form .seal-info .seal-text {height:54px;}
.confirm-form .seal-info .seal-text p {font-size:14px; color:#575757; line-height:24px;}
.confirm-form .seal-info .seal-mark {position:absolute; top:50%; right:0; margin-top:-12px; line-height:54px;}
.confirm-form .seal-info .seal-mark span {margin-left:6px; font-size:24px; color:#333;}
.confirm-form .seal-info .seal-mark img {margin-left:10px; vertical-align:middle;}
.confirm-form .seal-info .seal-mark.type02 {line-height:24px; padding-right:65px;text-align:right;}
.confirm-form .seal-info .seal-mark.type02 span {display:block; margin-left:0; margin-top:5px;}
.confirm-form .seal-info .seal-mark.type02 img {position:absolute; top:16px; right:0; margin-left:10px;}
.confirm-form .seal-info.type02 {padding:25px 0 0; text-align:center;}
.confirm-form .seal-info.type02 .seal-mark {position:static; margin-top:30px;}


/* login */
.login-focus-msg {width:1080px; height:190px; margin:0 auto; padding:53px 0 0 340px; background:url(/resource/img/common/image/bg_login.png) center bottom no-repeat; box-sizing:border-box;}
.login-focus-msg .title{color:#333; font-size:32px; font-family:'notoR'; margin-bottom:7px; font-weight:700;}
.login-focus-msg .text {color:#333; font-size:15px; line-height:24px;}
.login-focus-msg .text + .title {margin-top:25px;}

.login-wrap {margin:0 auto 10px; border:1px solid #dcdcdc; border-radius:2px;}

.login-com {position:relative; width:100%; border-bottom:1px solid #dcdcdc;}
.login-com:after {content:''; display:block; clear:both;}
.login-com .com-box {position:relative; float:left; width:399px; min-height:230px; padding:10px 70px 52px;}
.login-com .com-box:first-child:after {content:''; position:absolute; top:110px; right:0; bottom:52px; width:1px; background-color:#dcdcdc;}
.login-com .com-box > strong {font-family:'notoR'; font-size:22px; display:block; line-height:100px; text-align:center;}
.login-com .com-box > .abs {position:absolute; top:25px; right:30px;}
.login-com .com-box .login-action {min-height:100px;}
.login-com .com-box .login-action:after {content:""; display:block; clear:both;}

.login-com .com-box .related-desc {margin:15px 0 0;}
.login-com .type-bpb .xl {width:100%;}
.login-com .type-bpb .related-desc {line-height:36px; margin:20px 0;}
.login-com .type-bpb .related-desc .subj {color:#333; font-size:15px; display:inline-block; margin-right:20px;}

.login-com .type-bpb .certi-btns li:after {content:""; display:block; clear:both;}
.login-com .type-bpb .certi-btns li {margin-left:10px; vertical-align:middle; float:left;}
.login-com .type-bpb .certi-btns li .btns {width:121px; height:55px;}
.login-com .type-bpb .certi-btns li:first-child {margin-left:0;}
.login-com .type-bpb .certi-btns li .null {display:inline-block; vertical-align:middle; height:55px; margin-left:-5px;}
.login-com .type-bpb .certi-btns li .text {text-align:center; display:inline-block; vertical-align:middle; padding-left:5px;} /*height:55px; */

.login-com .type-bcb .login-action {position:relative; margin-bottom:17px; padding-bottom:30px; border-bottom:1px solid #dcdcdc;}
.login-com .type-bcb .login-action .get-info {width:211px; float:left;}
.login-com .type-bcb .login-action .get-info input {margin-top:10px; background-color:#f1f9ff;}
.login-com .type-bcb .login-action .get-info input:first-child {margin-top:0;}
.login-com .type-bcb .login-action .space {margin-top:10px;}
.login-com .com-box .login-action > label {float:left; width:79px; line-height:45px; clear:both;}
.login-com .type-bcb .btns {position:absolute; top:0; right:0; width:100px; height:100px; font-weight:bold; font-size:18px; line-height:100px;}

/*new로그인 20201102*/
.login-com{padding:0 0 40px 0;}
.login-com.business .com-box{float: left;width: 400px !important;padding: 10px 69px 52px !important;}
.login-com.business .login-action2 > .btns.la{height:100px; line-height:100px;}
.login-com.business .type-bpb .certi-btns li a{ width: 116px;}
.login-com.business .type-bpb .certi-btns li:nth-child(2) a{ width: 146px;}
.login-com.business .com-box:first-child:after {display:block;}
.login-com .com-box{float: none; width:473px !important; padding:0 !important; margin: 0 auto;}
.login-com .com-box > p {text-align: center;font-weight: normal; font-size: 22px; margin-bottom: 20px;}
.login-action2{}
.login-action2 > .btns.la{display: block; height: 66px; margin-bottom: 10px; font-size:18px !important; font-weight: bold; line-height: 66px;}
.login-action2 > .btns.la:nth-child(2){line-height: 66px !important; padding:0;}
.login-action2 > .btns.la > span {font-size:14px;}
.login-com .com-box:first-child:before{display: none;}
.login-com .type-bpb .login-action2 .btns:first-child{background-color:#0082dd !important;}
/* 2022-06-10 추가 (홈화면및로그인페이지) */
.login-action2.btn-wrap > .btns.la{margin-bottom:0; padding:0;}
.login-action2.btn-wrap > .btns.la:nth-child(2){line-height:24px !important; padding:12px 0;}
.login-com .type-bpb .login-action2.btn-wrap::after{content:''; display:block; visibility:hidden; clear:both;}
.login-com .type-bpb .login-action2.btn-wrap .btns{float:left; width:calc(50% - 2.5px); line-height:24px; margin-bottom:0; padding:24px 0;}
/* .login-com .type-bpb .login-action2.btn-wrap .btns:first-child{margin-bottom:0; padding:24px 0;} */
.login-com .type-bpb .login-action2.btn-wrap .btns ~ .btns{margin-left:5px;}
/* // 2022-06-10 추가 (홈화면및로그인페이지) */
.login-com .type-bpb .certi-btns li .btns{width:150px;height: 60px; padding: 0; margin-top: 10px;}
.login-com .com-box:first-child:after {display:none;}

.ie8 .login-com .login-action .btns,
.ie8 .login-com .certi-btns .btns {box-sizing:border-box;}
 
.login-scr {padding:30px 70px; background-color:#fafafa;}
.login-scr:after {content:""; display:block; clear:both;}
.login-scr li {float:left; width:50%; min-height:40px; padding:15px; padding-left:90px; position:relative; box-sizing:border-box; margin:10px 0;}
.login-scr li:after {content:""; width:70px; height:70px; position:absolute; left:0; top:50%; margin-top:-35px; background:url(/resource/img/ibs/img-scr-login.png) no-repeat left top;}
.login-scr li + li:after {background-position:right top;}
.login-scr li + li + li:after {background-position:left bottom;}
.login-scr li + li + li + li:after {background-position:right bottom;}

.login-notice {position:relative; padding:25px 70px 30px; border-bottom:1px solid #dcdcdc;}
.login-notice:before {content:""; position:absolute; top:-1px; left:50%; width:40px; height:20px; margin-left:-20px; background:url(/resource/img/common/image/img_arrow05.gif) 0 0 no-repeat;)}
.login-notice .title {margin-bottom:11px; font-size:16px; color:#0082dd; font-weight:bold;}

.login-wrap + .in-sec {margin-top:0;}
 

/* grid */
.grid-area {position:relative; padding-top:35px; /* border-bottom:1px solid #eaeff4; 진행여부 확인필요 좌우선이 끝까지 가지 않는 경우 있음 */}
.grid-area.space-ini {padding-top:0;}
/* .grid-area .func-loc {position:absolute; left:224px; top:0; z-index:1;}
.grid-area .func-loc.left-ini {left:0;}
.grid-area .func-basic {position:relative; margin-bottom:6px;} del. 170818 float:left;
.grid-area .func-basic:after {content:''; display:block; clear:both;} 그리드위치변경 */
.func-abs {position:absolute; top:0; left:0; margin:0;}
.func-loc {position:relative; margin:5px 0; text-align:left; z-index:1;}
.func-loc.left-ini {text-align:left;}
.func-loc.left-btn {margin-left:224px;}
.func-loc.pos-ini {margin-left:0;}
.func-loc .right-txt {position:absolute; top:0; right:0; width:auto;}
.func-basic {position:relative; margin-bottom:6px;}
.func-basic:after {content:''; display:block; clear:both;}
.func-loc + .grid-btns {margin-top:19px !important}

.grid-btn-wrap {text-align:center; position:absolute; top:0; left:0; width:100%;}
.grid-btn-wrap:after {content:""; display:block; clear:both;}
.grid-btn-wrap > a {margin:0 3px;}
.grid-btn-wrap .loc-left {position:absolute; left:0; top:-2px;}
.grid-btn-wrap .pos {position:absolute; top:0;}
.grid-btn-wrap .btns {margin:0 3px;}
.grid-btn-wrap .loc-left .btns {margin-right:5px; margin-left:0; float:left;}
.grid-btn-wrap .loc-right {position:absolute; right:0; top:0; z-index:2;}

.ie8 .grid-btn-wrap .loc-left .btn-print {min-width:auto !important;}

.grid-search {position:relative; display:block; border:1px solid #d5d5d5; border-radius:30px; box-sizing:border-box; padding:0 32px 0 16px; width:216px; height:30px;} 
.grid-search .right-set {position:absolute; top:4px; right:10px; width:50px; height:20px; text-align:right;}
.grid-search .grid-pos {display:inline-block; width:18px; height:20px;}
.grid-search input, .grid-search input[type='text'], .grid-search input:focus {box-sizing:border-box; border:none; width:150px; height:28px; line-height:28px; font-size:13px; padding:0 12px;}
 
.tbl-grid {border-top:1px solid #abc6e4;}
.tbl-grid thead th {border-top:0;}
.tbl-grid thead th a {text-decoration:none;}
.tbl-grid th {border-bottom:1px solid #abc6e4; border-left:1px solid #eaeff4; padding:8px 10px 10px; line-height:130%; background-color:#f3f7fc; height:30px; vertical-align:middle; font-weight:normal; color:#333;}
.tbl-grid td {border-bottom:1px solid #d5dfea; border-left:1px solid #eaeff4; padding:7px 10px; vertical-align:middle; height:30px; color:#575757; font-size:13px; text-align:center;}
.tbl-grid td.align-right {text-align:right;}
.tbl-grid td.align-left {text-align:left;}
.tbl-grid td.txt-lower {text-align:center;}
.tbl-grid td.merge-tot {text-align:center; font-size:14px; padding:9px 10px; background-color:#f5f5f5;}
.tbl-grid.col tbody th {text-align:left;}
.tbl-grid.col tr:first-child th, .tbl-info.col tr:first-child td {border-top:0; border-left:0;}
.tbl-grid th > span,
.tbl-grid th .sorting {display:block; padding:8px 10px 6px; color:#303030; line-height:18px;}
.tbl-grid th .sorting span {position:relative; display:inline-block; padding-right:23px;}
.tbl-grid th .sorting span:after{content:""; display:block; position:absolute; right:0; top:50%; background:url(/resource/img/common/ico/grid_sprite.png) 0 -99px no-repeat; width:13px; height:13px; margin-top:-7px;}
.tbl-grid th .sorting span.descending:after{background-position:-15px -99px;}
.tbl-grid tfoot {background:#f5f5f5;}
.tbl-grid tfoot strong {font-size:14px; font-weight:400;}


/* certification 3type */
/*
.secu-box {border:1px solid #dcdcdc; border-radius:3px; padding:0; overflow:hidden;}
.secu-box:after {content:""; display:block; clear:both;}
.secu-box .secu-info {float:left; width:413px; background-color:#f5f5f5;}
.secu-box .secu-info ul:after {content:""; display:block; clear:both;}
.secu-box .secu-info ul li {float:left; width:200px; margin-left:20px; text-align:center;}
.secu-box .secu-info ul li:first-child {margin-left:0;}
.secu-box .secu-info ul li > span {font-size:15px;}
.secu-box .secu-info ul li > img {display:inline-block; margin-top:14px;}
.secu-box .secu-info .opt-noti {text-align:center; margin-top:20px; clear:both;}
*/

.secu-box {position:relative; border:1px solid #dcdcdc; border-radius:3px; padding:0;}
.secu-box:after {content:""; display:block; clear:both;}
.secu-box .secu-info {float:left; /* width:425px; */ min-height:155px; padding:45px 30px; background-color:#f5f5f5; text-align:center;}
.secu-box .secu-info img {margin:0 20px;}
.secu-box .secu-info ul:after {content:""; display:block; clear:both;}
.secu-box .secu-info ul li {float:left; width:170px; margin-left:20px; text-align:center;}
.secu-box .secu-info ul li:first-child {margin-left:0;}
.secu-box .secu-info ul li > span {font-size:15px;}
.secu-box .secu-info ul li > img {display:inline-block; margin:0; margin-top:14px;}
.secu-box .secu-info ul li + li {margin-left:30px; padding-left:30px; position:relative;}
.secu-box .secu-info ul li + li:after {content:""; display:block; position:absolute; top:52px; left:0; border-left:1px solid #c4c4c4; height:58px;}

.secu-box .secu-info .opt-noti {text-align:center; margin-top:5px; clear:both;}

.secu-box .secu-info .secu-info-img {position:relative;}
.secu-box .secu-info .secu-info-img .secu-info-card {position:absolute; top:46px; left:50%; margin-left:-146px; width:292px; height:134px;}
.secu-box .secu-info .secu-info-card {position:absolute; top:91px; left:64px; width:292px; height:134px;}
.secu-box .secu-info .secu-info-card:after {content:""; display:block; clear:both;}
.secu-box .secu-info .secu-info-card .inner {float:left; text-align:left;}
.secu-box .secu-info .secu-info-card .inner span {position:relative; display:block; width:58px; height:18px; margin-bottom:1px; text-indent:-9999em;}
.secu-box .secu-info .secu-info-card .inner span.before:before {content:""; display:block; position:absolute; top:0; right:0; width:39px; height:18px; background:url(/resource/img/cmm/sec_card_before.gif) no-repeat left top;}
.secu-box .secu-info .secu-info-card .inner span.after:before {content:""; display:block; position:absolute; top:0; right:0; width:39px; height:18px; background:url(/resource/img/cmm/sec_card_after.gif) no-repeat left top;}
.secu-box .secu-info .secu-info-card .inner.last span.before {width:59px;}
.secu-box .secu-info .secu-info-card .inner.last span.after {width:59px;}

.secu-box.bcb .secu-info {padding:83px 30px}

.secu-box .secu-form {float:left; width:600px; margin:10px 29px; height:270px;}
.secu-box .secu-form.narrow {width:560px; height:auto;}
/*.pop-content .secu-box .secu-form {width:420px;} width - 1000px 팝업일 경우 */
.secu-box .precinct {border-top:1px solid #dcdcdc; padding:22px 0;}
/*.secu-box .precinct.reduce-top {padding-top:10px;}*/
.secu-box .secu-form.narrow .precinct {padding:20px 0;}
.secu-box .precinct:first-child {border-top:0;}
.secu-box .precinct:after {content:""; display:block; clear:both;}
.secu-box .precinct > span {width:130px; float:left; line-height:35px; font-size:15px;}
.secu-box .secu-form.narrow .precinct > span {width:170px;}
/* .secu-box .precinct .instance {margin:5px 0 -5px;} */
.secu-box .precinct .instance > em {font-size:24px; font-family:'notoR'; vertical-align:middle; display:inline-block; color: #004c98; margin-right:10px;}
.secu-box .precinct .remaining {display:inline-block; vertical-align:middle; margin-left:10px;}
.secu-box .precinct .remaining .limit {color:#ff4628;}
.secu-box .precinct dd {width:400px; float:left; line-height:45px; padding:15px 0;}
.secu-box .precinct:first-child dt, .secu-box .precinct:first-child dd {padding-top:10px; border-top:0;}
.secu-box .precinct .msg {margin:-2px 0 10px;}

.secu-box .precinct.cell-wider > span {width:215px;}
.secu-box .precinct.cell-wider > span .emp {font-size:20px; font-family:'notoR'; vertical-align:middle; display:inline-block; color: #004c98; margin-top:-5px;}
.ie8 .secu-box .precinct.cell-wider > span .emp {display:inline; vertical-align:top;}

.secu-box .precinct .bg-sec-card {width:158px; background:url(/resource/img/cmm/sec_card_null.gif) repeat-x 108px center; float:left; box-sizing:border-box;}
.secu-box .precinct .bg-sec-card.reverse {background-position:-7px center; padding-left:58px;}
.secu-box .precinct .bg-sec-serial {width:330px; background:url(/resource/img/cmm/sec_card_null4.gif) no-repeat left center; float:left; box-sizing:border-box; padding-left:112px;}

.secu-box + .lists {margin-top:17px;}
.ie8 .btns {box-sizing:content-box;}

.pop-area .secu-box {width:100%; text-align:center;}
.pop-area .secu-info {box-sizing:border-box; float:none; margin:30px 30px 0;}
.pop-area .secu-box .secu-info ul {text-align:center;}
.pop-area .secu-box .secu-info ul li {float:none; display:inline-block;}
.pop-area .secu-box .secu-form {width:100%; box-sizing:border-box; text-align:left; float:left; float:none; width:auto; margin-top:10px; margin-bottom:10px;}
.pop-area .secu-box .secu-form input[type="text"] {height:35px; line-height:32px; padding:0 8px; text-align:center;}

.secu-box.large-size {position:relative;}
.secu-box.large-size .secu-info {position:absolute; top:0; left:0; margin:0; padding:45px 15px;}
.secu-box.large-size .secu-form {height:270px; padding-left:390px;}
.secu-box.large-size .secu-form.narrow {height:222px; padding-left:435px;}
.ie8 .secu-box.large-size .secu-form.narrow {height:225px;}
.secu-box.large-size .secu-form.narrow .precinct.reduce-top {padding-top:25px;}
.secu-box.large-size .precinct:first-child {padding-top:40px; border-top:0;}
.secu-box.large-size .precinct.cell-wider > span {width:215px;}
.secu-box.large-size .precinct .bg-sec-serial {width:270px;}
.secu-box.large-size .precinct.cell-wider > span .emp {font-size:18px;}

/* message box */
.message-box {position:relative; border:1px solid #dcdcdc; border-radius:2px; background:#fafafa; box-sizing:border-box; padding:14px 20px 17px; text-align:center; color:#575757;}
.message-box .title {display:block; margin-bottom:5px; font-size:16px;}
.message-box .txt {font-size:16px;vertical-align:middle;}
.message-box .txt + .btns {margin-left:5px;}
.message-box em {color:#5d84e7;}
.message-box.type-none {color:#575757; font-size:20px; padding:57px 0 0; height:150px;}
.message-box.input-type .input-area {position:absolute; top:50%; right:20px; margin-top:-17px;}
.message-box.input-type .input-area input {height:35px; float:left;}
.message-box.input-type .input-area .btns {margin-left:10px; float:left;}
.message-box.input-type .input-area label em {display:inline-block; box-sizing:border-box;}
.message-box.input-type .input-area label input[type="file"]:focus + em {border:2px solid #0082dd; padding:0 12px; line-height:31px;}
.message-box.input-type input[type="file"] {font-size:22px; opacity:0; position:absolute; right:116px; width:86px; height:35px; vertical-align:middle;}
.po-ab-0 {position:absolute; top:0; right:0;}

.message-box2 {position:relative; border:1px solid #dcdcdc; border-radius:2px; background:#fafafa; box-sizing:border-box; padding:24px 20px; text-align:center; color:#575757;}
.message-box2 .txt {font-size:15px; color:#333; line-height:26px;}

/* 상단이미지 안내 박스 */
.img-infobox {padding-top:184px; text-align:center; line-height:1.6;}
.img-infobox.traffic {background:url(/resource/img/ibs/img_traffic01.gif) 50% top no-repeat;}
.img-infobox.able-time {background:url(/resource/img/common/image/img_abletime01.gif) 50% top no-repeat;}
.img-infobox.page-error {background:url(/resource/img/common/image/error_default.png) 50% top no-repeat;}
.img-infobox.page-error.error404 {background-image:url(/resource/img/common/image/error_404.png)}
.img-infobox.page-error.error500 {background-image:url(/resource/img/common/image/error_500.png)}
.img-infobox .btxt {font-size:22px; font-family:'notoR'; margin-bottom:10px; line-height:1.3;}

.img-infobox.page-error.ie-update {margin-top:-20px; background-image:url(/resource/img/common/image/ie_date.png)}
.update-agree {margin-top:35px; text-align:center;}

.img-infobox.page-error.not-support {margin-top:-20px; background-image:url(/resource/img/common/image/not_support.png)}

/* 팝업 상단 이미지 안내 박스 */
/* .pop-img-infobox {padding-top:80px; text-align:center;}
.pop-img-infobox.logout {background:url(/resource/img/common/image/img_pop_logout.gif) 50% top no-repeat; padding-top:110px;}
.pop-img-infobox.logout02 {background:url(/resource/img/common/image/img_pop_logout02.gif) 50% top no-repeat; padding-top:90px;}
.pop-img-infobox.logout04 {background:url(/resource/img/common/image/img_pop_logout04.png) 50% 5px no-repeat; margin-bottom:-5px; padding-top:125px;}
.pop-img-infobox.able-time {background:url(/resource/img/common/image/img_pop_able_time.gif) 50% top no-repeat; padding-top:90px;}
.pop-img-infobox.log-time {background:url(/resource/img/common/image/img_pop_log_time.gif) 50% top no-repeat; padding-top:90px;}
.pop-img-infobox .txt-box {padding:22px 0 26px; border:1px solid #c2d4ea; border-radius:2px; background:#e9f3ff; font-size:20px; font-family:'notoR'; color:#004c98; margin:-9px 0 15px;}
.pop-img-infobox .btxt {font-size:20px; font-family:'notoR'; margin-bottom:10px;} */


/* certificate */
.certificate-box {box-sizing:border-box; border:1px solid #d3dbec; border-radius:2px; background:#f1f6ff url(/resource/img/common/image/img_pc_smart.gif) 150px 30px no-repeat; padding:34px 0 0 540px; height:202px;}
.certificate-box.type02 {background:#f1f6ff url(/resource/img/common/image/img_smart_pc.gif) 150px 30px no-repeat;}
.certificate-box .title {font-size:26px; color:#333; font-family:'notoR';}
.certificate-box .title + p {margin:10px 0 20px;}
.certificate-box .btns {border:1px solid #0082dd; color:#0082dd; background:#fff;}

.tab-type01.certifi {margin-bottom:0; border-right:0; border-top:0;}
.tab-type01.certifi:before {background:0;}
.tab-type01.certifi li {width:50%; margin:0;}
.tab-type01.certifi li:last-child > a {margin-left:-1px;}
.tab-type01.certifi li > a {border:1px solid #ccc; border-bottom:2px solid #0082dd;}
.tab-type01.certifi li.active {background-color:#0082dd;}
.tab-type01.certifi li.active > a {border:1px solid #0082dd; border-bottom:2px solid #0082dd; border-top-width:1px; color:#fff; margin-top:0px;}

.tab-type02-box {border:1px solid #dcdcdc; padding:24px 30px 0; margin-top:-1px;}
.tab-type02-box.type02 {padding-bottom:24px;}
.tab-type02-box h3 {border-bottom:1px solid #dcdcdc; padding-bottom:14px; font-size:22px; font-family:'notoR';}
.tab-type02-box ul:after {content:""; display:block; clear:both;}
.tab-type02-box .certifi-step01 li {position:relative; float:left; padding:55px 34px 30px; width:440px; height:405px;}
.tab-type02-box .certifi-step01 li strong {display:block; font-size:18px; color:#333; font-family:'notoR'; margin-bottom:15px;}
.tab-type02-box .certifi-step01 li strong em {color:#0082dd;}
.tab-type02-box .certifi-step01 li:nth-child(3n) {float:right;}
.tab-type02-box .certifi-step01 li:before {position:absolute; content:""; display:block; width:38px; height:38px;}
.tab-type02-box .certifi-step01 li:first-child:before {top:50%; right:-19px; background:url(/resource/img/common/image/img_certificate_arrow01.gif) left top no-repeat; margin-top:-22px;}
.tab-type02-box .certifi-step01 li:nth-child(2):before {bottom:-32px; right:50%; background:url(/resource/img/common/image/img_certificate_arrow02.gif) left top no-repeat; margin-right:-19px;}
.tab-type02-box .certifi-step01 li:nth-child(3):before {top:50%; left:-19px; right:0; background:url(/resource/img/common/image/img_certificate_arrow03.gif) left top no-repeat; margin-top:-22px;}
.tab-type02-box .certifi-step01 li p {margin-top:11px;}


/* certificate agree */
.agree-area {padding:16px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; text-align:center;}


/* process time */
.proc-wrap:after {content:""; display:block; clear:both;}
.proc-wrap .inq_process {border:1px solid #d5dfea; background-color:#e9f1fa; width:100%; height:10px; border-radius:10px; position:relative;}
.proc-wrap .inq_process .current {position:absolute; left:0; height:100%; background-color:#004c98; border-radius:10px;}
.proc-wrap .inq_process .current > span {display:inline-block; text-indent:-9999em; top:-9999em;}
.proc-wrap .cur-num {float:right; font-size:14px; margin:5px 0 -10px;}


.text-box {padding:14px 20px 16px; background-color:#f5f5f5; border:1px solid #dcdcdc; border-radius:2px;}
.text-box .title {font-size:16px; color:#333; font-weight:bold; line-height:24px;}
.text-box .stitle {font-size:16px; color:#333; line-height:22px;}
.text-box .text {margin-top:5px; font-size:14px; color:#575757; line-height:24px; word-break:keep-all;}
.text-box .line-link {color:#5d84e7; text-decoration:underline;}
.text-box .btn-box {margin-top:16px;}

/* transfer change */
.transfer-change {overflow:hidden; margin-top:20px; border:1px solid #dcdcdc;}
.transfer-change:first-child {margin-top:0;}
.transfer-change li {float:left; padding:27px 0; line-height:45px; text-align:center; color:#333;}
.transfer-change li input {width:180px; margin:0 10px 0 16px; color:#ff4628; font-size:22px; text-align:right; vertical-align:top;}
.transfer-change li .num {margin:0 10px 0 16px;font-size:22px; vertical-align:top; line-height:42px;}
.transfer-change li .num.result {color:#ff4628;}
.transfer-change .title-area {width:219px; background-color:#c1d9f5; border-right:1px solid #dcdcdc;}
.transfer-change .title-area.bg {background-color:#e9f1fa;}
.transfer-change .before {width:394px; padding-right:34px; background:url(/resource/img/common/image/bg_arrow.jpg) right  0 no-repeat;}
.transfer-change .after {width:430px; background-color:#edf2fe;}

/* 이체확인증 */
.transfer-wrap {padding:25px; border:1px solid #dcdcdc; box-sizing:border-box;}
.transfer-wrap .seal-info {margin-top:25px; text-align:center;}
.transfer-wrap .seal-info .source-info {display:inline-block; margin-right:30px; padding-top:25px; text-align:center;}
.transfer-wrap .seal-info .source-info .date {display:block; margin-bottom:8px; font-size:14px; color:#333; font-weight:bold;}
.transfer-wrap .seal-info .seal-mark {position:relative; display:inline-block; width:92px; height:91px; margin-right:-122px;}
.transfer-wrap .seal-info .seal-mark span {position:absolute; left:0; top:0; display:block; font-size:12px; color:#6687f4; font-weight:bold; width:92px; line-height:91px; text-align:center;}

.transfer-list {overflow:hidden; margin:-25px 0 0 -25px;}
.transfer-list .item {float:left; width:417px; margin:25px 0 0 25px; padding:0 25px 25px; border:1px solid #dcdcdc; box-sizing:border-box;}
.transfer-list .item .title {height:66px; color:#333; font-size:18px; text-align:center; font-family:'notoR'; font-weight:400; line-height:66px;}
.transfer-list .item .tbl-list table {border-left:1px solid #d5dfea; border-right:1px solid #d5dfea;}
.transfer-list .item .tbl-list th,
.transfer-list .item .tbl-list td {padding:9px 10px 10px 20px; font-size:13px;}
.transfer-list .item .tbl-footnote {margin-top:12px;}
.transfer-list .item .tbl-footnote .text {font-size:13px; color:#575757; line-height:18px;}
.transfer-list .item .seal-info {position:relative; height:91px;}
.transfer-list .item .seal-info .source-info {padding-top:25px; text-align:center;}
.transfer-list .item .seal-info .source-info .date {display:block; margin-bottom:8px; font-size:14px; color:#333; font-weight:bold;}
.transfer-list .item .seal-info .seal-mark {position:absolute; right:0; bottom:0; width:92px; height:91px;}
.transfer-list .item .seal-info .seal-mark span {position:absolute; left:0; top:0; display:block; font-size:12px; color:#6687f4; font-weight:bold; width:92px; line-height:91px; text-align:center;}
.transfer-list .item.clear {clear:both;}

/* 매출전표 */
.selling-bill {overflow:hidden; margin-top:-25px; padding-left:7px;}
.selling-bill .item {float:left; width:440px; margin:25px 0 0 25px; white-space:nowrap;}
.selling-bill .item:first-child {margin-left:0;}
.selling-bill .item-bg {position:relative; padding:16px 45px 35px 45px; border:1px solid #c2d4ea; box-sizing:border-box; background-color:#e9f1fa;}
.selling-bill .item-bg:before,
.selling-bill .item-bg:after {content:''; position:absolute; top:20px; bottom:20px; display:block; width:15px; background:url(/resource/img/bpb/bg-bill-circle.png) repeat-y 0 0;}
.selling-bill .item-bg:before {left:15px;}
.selling-bill .item-bg:after {right:15px;}
.selling-bill .item-note {margin-top:10px;}
.selling-bill .item .title {height:66px; color:#333; font-size:20px; text-align:center; font-family:'notoR'; font-weight:400; line-height:66px;}
.selling-bill .item .tbl-list table {border-left:1px solid #d5dfea; border-right:1px solid #d5dfea; background-color:#ffffff;}
.selling-bill .item .tbl-list th,
.selling-bill .item .tbl-list td {padding:0px 10px 2px 10px; font-size:12px; height:20px;}
.selling-bill .item .tbl-list th {background-color:#c2d4ea;}
.selling-bill .item .tbl-footnote {margin-top:12px;}
.selling-bill .item .tbl-footnote .text {font-size:12px; color:#575757; line-height:18px;}
.selling-bill .item .tbl-list.type-bill {width:100%;}
.selling-bill .seal-info {position:relative; margin-top:20px;}
.selling-bill .seal-info:after {content:''; clear:both; display:block;}
.selling-bill .seal-info .seal-text {padding-right:210px;}
.selling-bill .seal-info .seal-text p {font-size:14px; color:#575757; line-height:24px;}
/* .selling-bill .seal-info .seal-mark {float:right; width:205px; text-align:right; line-height:25px} */
.selling-bill .seal-info .seal-mark {float:none; width:100%; text-align:right; line-height:25px}
.selling-bill .seal-info .seal-mark span {display:inline-block;margin-left:6px; font-size:15px; color:#333;}
.selling-bill .seal-info .seal-mark img {margin-left:10px; vertical-align:middle;}


/* 전자금융정보조회 - 업무권한 */
.check-btn {margin-top:10px; padding:25px 30px 30px; border:1px solid #dcdcdc;}
.check-btn .row-item {margin-top:30px; padding-top:25px; border-top:1px solid #dcdcdc;}
.check-btn .row-item:first-child {margin-top:0; padding-top:0; border:0;}
.check-btn .row-item .title {display:inline-block; margin-bottom:15px; color:#575757; font-size:16px; font-family:'notoR'; font-weight:400;}
.check-btn .row-item ul {overflow:hidden; margin-left:-5px;}
.check-btn .row-item ul li {float:left; margin:5px 0 0 5px;}
.check-btn .row-item ul li .btns {width:199px; box-sizing:border-box;}
.check-btn .row-item ul li .btns.on {background-color:#0082DD; color:#FFFFFF !important; border-color:#0082DD;}
.check-btn .row-item span.btns {cursor:default;}
.check-btn.type02 {padding:0; border:0;}
.check-btn.type02 .row-item ul li .btns {width:212px;}
.check-btn.type02 .view-type {margin-left:-5px; margin-top:0;}
.check-btn.type02 .view-type li {margin-bottom:5px;}
.check-btn.type02 .view-type li:first-child {margin-left:5px;}
.check-btn.type03 {padding:0; border:0;}
.check-btn.type03 .row-item ul {display:table;width:100%;table-layout:fixed;}
.check-btn.type03 .row-item ul li {display:table-cell;float:none;width:130px;margin:0;padding-left:5px;}
.check-btn.type03 .row-item ul li:first-child {padding-left:0;}
.check-btn.type03 .row-item ul li .btns {width:100%;}

/* 퇴직연금 동의박스 */
.pension-agree-box01 {border:1px solid #c2d4ea; border-radius:2px; background:#e9f3ff; padding:26px 0 30px; text-align:center; margin-top:35px; font-weight:700;}
.pension-agree-box01 .list01 {display:inline-block; margin:29px 0 0 0;}
.pension-agree-box01 .list01 li {position:relative; padding-left:15px; margin-top:6px; text-align:left;}
.pension-agree-box01 .list01 li:before {content:""; position:absolute; top:8px; left:0px; display:block; background:#575757; width:5px; height:5px;}
.pension-agree-box01 .list01 li .name-area {display:inline-block; min-width:85px; border-bottom:1px solid #c2d4ea; text-align:center;}

/* b2b 라디오박스 */
.add-require {border-top:1px solid #dcdcdc;}
.add-require .dsgn-form {padding:27px 0; text-align:center;}
.add-require .lists{border-top:1px solid #dcdcdc; background:#f5f5f5; padding:20px;}

/* b2b 아코디언 */
.bill-accordion {border:1px solid #ccc; border-radius:2px;}
.bill-accordion .bill-tog.on .btn-open {background:url(/resource/img/common/ico/ico_sprite.png) -92px -84px no-repeat;}
.bill-accordion .title-wrap {position:relative; border-bottom:1px solid #ccc; margin:0 0 -1px; padding:16px 20px 20px;}
.bill-accordion .title-wrap .btn-open {position:absolute; top:50%; right:20px; margin-top:-6px; width:20px; height:12px; background:url(/resource/img/common/ico/ico_sprite.png) -114px -84px no-repeat; text-indent:-9999em;}
.bill-accordion .tbl-wrap {border-bottom:1px solid #ccc; padding:20px;}
.bill-accordion .txt-area {margin-top:22px; line-height:25px; text-align:center;}


/* 아코디언 타입2 - 팝업용 수정파일::BPBINQY050301V11.html */
.acco-type2 {border:1px solid #ccc; border-radius:2px;}
.acco-type2 li {text-align:inherit; margin-bottom:-1px;}
.acco-type2 li .title-wrap {margin:-1px 0;}
.acco-type2 li .title-wrap > a {border:solid #ccc; border-width:1px 0; padding:16px 20px 20px; display:block; font-size:22px; font-family:'notoR'; text-decoration:none; position:relative; float:none;}
.acco-type2 li:first-child .title-wrap > a {border-top:0;}
.acco-type2 li .title-wrap .title {float:none;}
.acco-type2 li .title-wrap > a:after {display:inline-block; position:absolute; top:50%; right:20px; margin-top:-6px; width:20px; height:12px; background:url(/resource/img/common/ico/ico_sprite.png) -114px -84px no-repeat; content:'';}
.acco-type2 li.on .title-wrap > a:after {background:url(/resource/img/common/ico/ico_sprite.png) -92px -84px no-repeat;}


/* .acco-type2 .title-wrap .toggle-btn {position:absolute; left:0; right:0; bottom:0; top:0; text-indent:-9999em;} */
.acco-type2 .tbl-wrap {padding:20px;} /*border-bottom:1px solid #ccc; */
.acco-type2 .grid-area {padding:20px;}
.acco-type2 .grid-space {padding:20px;}
.acco-type2 .grid-space .grid-area  {padding:35px 0 20px 0}
.acco-type2 .txt-area {margin-top:22px; line-height:25px; text-align:center;}

/* 아코디언 타입3 - 본문용 */
.acco-type3 {border-bottom:1px solid #dcdcdc;}
.acco-type3 .toggle-btn {position:relative; width:100%; height:100%; padding:12px 0 15px 0; display:block;}
.acco-type3 .toggle-btn:before {content:''; position:absolute; top:50%; right:0; width:17px; height:10px; margin:-5px 0 0 -8px; background:url(/resource/img/common/ico/ico_sprite.png) -155px -84px no-repeat;}
.acco-type3 .on .toggle-btn:before {background-position:-136px -84px;}
.acco-type3 .title-wrap {margin:0; padding:0; border-top:1px solid #dcdcdc;}
.acco-type3 .toggle-btn .title {float:none; color:#303030;}
.acco-type3 .toggle-ele {border-top:1px solid #dcdcdc; padding:10px 0}

/* 아코디언 타입4 - 하단 도움말 박스 */
.acco-type4 .title-wrap {margin:0;}
.acco-type4 .title-wrap a {display:block; position:relative; height:50px; padding:0 20px; text-decoration:none; line-height:50px;}
.acco-type4 .title-wrap a .title {color:#333; font-size:15px; font-family:'malgun'; font-weight:400;}
.acco-type4 .title-wrap a:before {content: ''; position:absolute; top:50%; right:21px; width:17px; height:10px; margin-top:-5px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -155px -84px;}
.acco-type4 li.on .title-wrap a:before {background-position:-136px -84px;}
.acco-type4 .toggle-ele {padding: 20px; background-color:#fafafa;}
.notice-box .toggle-ele .lists li:before {background-color:#2cb1e2;}

/* 아코디언 - faq */
.acco-faq {border-top:2px solid #333333;}
.acco-faq .title{margin:0;}
.acco-faq .title,
.acco-faq .text {position:relative; line-height:23px; border-bottom:1px solid #dcdcdc;}
.acco-faq .text {padding:15px 15px 15px 50px;}
.acco-faq .title:before,
.acco-faq .text:before {position:absolute; left:15px; top:15px; display:inline-block; width:25px; height:25px; content:''; background:url(/resource/img/common/ico_sprite.png) no-repeat -284px 0;}
.acco-faq .text:before {background-position:-311px 0;}
.acco-faq .title > a {display:block; padding:15px 15px 15px 50px; text-decoration:none; color:#333;}
.acco-faq .title > a:after {position:absolute; top:22px; right:15px; display:inline-block; width:17px; height:10px; content:''; background:url(/resource/img/common/ico_sprite.png) no-repeat -357px 0;}
.acco-faq .on .title > a:after {background-position:-338px 0;}
.acco-faq .title > a strong {font-weight:normal;}
.acco-faq .text.type02 {background-color:#fafafa;}

/* 아코디언 - 중도금대출 인터넷 신청 */
.as-next-accordion .toggle-ele {display:none;}
.as-next-accordion > li:first-child .toggle-ele {display:block;} 
.as-next-accordion .toggle-btn {cursor:default;}
.as-next-accordion .click .toggle-btn {cursor:pointer;}


/* button position in layer */
.lyr-wrap-rela {display:inline-block; position:relative; text-align:left; vertical-align:middle;}
.lyr-wrap-abs {position:absolute; z-index:1; padding:20px; border:1px solid #dcdcdc; border-bottom:2px solid #0082dd; background-color:#fff; white-space: nowrap; left:4px; top:53px;}
.lyr-wrap-abs:before {content:''; position:absolute; top:-9px; left:42px; width:17px; height:9px; background:url(/resource/img/common/image/img_arrow.png) 0 0 no-repeat;}
.lyr-wrap-abs .as-less-close {position:absolute; top:0; right:0; width:38px; height:38px; font-size:0; text-indent:-9999px; line-height:0;}
.lyr-wrap-abs .as-less-close:before {content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; margin:-6px 0 0 -6px; background:url(/resource/img/common/ico/ico_sprite.png) no-repeat -32px -18px;}
.local-node {display:none;}
.lyr-wrap-rela .local-node {display:block;}
.lyr-wrap-abs.right {left:inherit; right:3px;}
.lyr-wrap-abs.right:before {left:inherit; right:42px;}

.tooltip .lyr-wrap-abs {left:-42px; box-sizing:border-box; white-space:normal; line-height:1.5;}
/*.tooltip.right .lyr-wrap-abs {left:inherit; right:-50px;} 레이어 아이콘만큼 감싸고 있기 때문에 포지션에 대한 구분이 필요 없음. */
.lyr-wrap-abs .tbl-wrap .tbl-tit {padding-bottom:5px; font-size:15px;}
.lyr-wrap-abs .tbl-list th {font-size:14px;}
.lyr-wrap-abs .tbl-list td {font-size:13px; white-space:normal;}


/* link-lists 
.link-layer {z-index:1; padding:20px; border:1px solid #dcdcdc; border-bottom:2px solid #0082dd; background-color:#fff;}
.link-layer:before {content:''; position:absolute; top:-9px; right:42px; width:17px; height:9px; background:url(/resource/img/common/image/img_arrow.png) 0 0 no-repeat;}
.link-layer .link-lists {margin-top:0;}
.link-layer .link-lists li {margin-top:9px; text-align:left;}
.link-layer .link-lists li:first-child {margin-top:0;}
.link-layer .link-lists li a {color:#575757;}
.link-layer .btn-close {position:absolute; top:4px; right:4px; width:20px; height:20px; font-size:0; line-height:0; text-indent:-9999em; background:url(/resource/img/common/btn_close_x.png) center center no-repeat;}
*/
/* link-lists */
.link-lists {margin-top:0;}
.link-lists li {margin-top:9px; text-align:left; min-width:100px;}
.link-lists li:first-child {margin-top:0;}
.link-lists li a {color:#575757;}
.link-lists .btn-close {position:absolute; top:4px; right:4px; width:20px; height:20px; font-size:0; line-height:0; text-indent:-9999em; background:url(/resource/img/common/ico/btn_close_x.png) center center no-repeat;}


.fe-info {padding:30px 29px;}
.fe-info .info-text {font-size:14px; color:#575757;}
.fe-info .info-text2 {margin-top:6px; font-size:14px; color:#575757; font-weight:bold; text-align:right;}
.fe-info dl {overflow:hidden; margin-top:14px;}
.fe-info dl dt,
.fe-info dl dd {margin-top:6px; font-size:16px; font-weight:bold; line-height:28px;}
.fe-info dl dt {clear:both; float:left; position:relative; margin-right:6px; padding-left:38px; color:#0082dd;}
.fe-info dl dt:before {content:''; position:absolute; top:0; left:0; width:28px; height:28px; background-image:url(/resource/img/common/ico/ico_sprite.png); background-repeat:no-repeat;}
.fe-info dl dd {overflow:hidden; min-height:28px; color:#333;}
.fe-info dl .name:before {background-position:0 -101px;}
.fe-info dl .address:before {background-position:-30px -101px;}


/*보안프로그램 설치안내*/
.connect-info {margin:20px 0; padding:25px 15px; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.connect-info dt {font-size:16px;}
.connect-info dd {margin-top:12px;}

/* 공인인증센터 */
.cert-com {width:100%; padding:40px 0; background-color:#fafafa;}
.cert-menu-area {position:relative; width:1080px; margin:0 auto;}
.cert-menu-area:after {content:''; display:block; clear:both;}
.cert-menu-area .item {position:relative; float:left; width:262px; height:441px; margin-left:10px; border:1px solid #dcdcdc; border-radius:3px; background-color:#fff; text-align:center; box-sizing:border-box;}
.cert-menu-area .item:first-child {margin-left:0;}
.cert-menu-area .item .title {display:block; margin-top:40px; font-family:'notoR'; font-weight:400; color:#333; font-size:22px; text-align:center;}
.cert-menu-area .item .title.line {margin-top:30px;}
.cert-menu-area .item .cont {position:absolute; bottom:30px; left:0; right:0;}
.cert-menu-area .item .cont .text {height:60px; margin-bottom:5px; font-size:14px; color:#575757; line-height:20px;}
.cert-menu-area .item .cont .btns {width:200px; margin-top:8px; padding:0; font-size:15px;}

.cert-menu-area .item .cont .over-btn {position:relative; margin-top:8px;}
.cert-menu-area .item .cont .over-btn .btns {margin-top:0;}
.cert-menu-area .item .cont .over-btn .over-layer {position:absolute; top:-5000em; right:-250px; z-index:10; width:230px; padding:20px; background-color:#fff; border:1px solid #dcdcdc; border-bottom:2px solid #0082dd;}
.cert-menu-area .item .cont .over-layer:before {content:''; position:absolute; top:50%; left:-9px; width:9px; height:17px; margin-top:-9px; background:url(/resource/img/common/image/img_arrow04.png) 0 0 no-repeat;}
.cert-menu-area .item .cont .over-btn.pb.on .over-layer {top:-18px;}
.cert-menu-area .item .cont .over-btn.cb.on .over-layer {top:-42px;}

/* 2022-06-10 추가 (인증센터) */
.cert-menu-area .item .cont .over-btn.cb.on .over-layer.li2 {top:-32px;}
.cert-menu-area .item .cont .text.btm_btn2 {height:auto;}
.cert-info.add .item > a {position:relative; height:202px; padding:21px 29px 0 29px}
.cert-info.add .item .btns-wrap{position:absolute; bottom:13px; width:308px; margin:12px 0 0 -4px;}
.cert-info.add .item .btns-wrap::after{content:''; display:block; visibility:hidden; clear:both;}
.btns-wrap .btns.blue.sm, .btns-wrap .btns.blue.sm2{float:left; display:inline-block; width:135px; font-size:12px; line-height:15px; border:1px solid #008ae2; padding:7px 0; height:auto; margin:0;}
.btns-wrap .btns.blue.sm ~ .btns.blue.sm, .btns-wrap .btns.blue.sm2 ~ .btns.blue.sm2{margin-left:8px;}
.btns-wrap .btns.blue.sm2{width:125px; padding:12px 0;}
/* // 2022-06-10 추가 (인증센터) */

.cert-menu-area .item.item01 {background-image:url(/resource/img/ibs/img_cert01.png); background-position:center 124px; background-repeat:no-repeat;}
.cert-menu-area .item.item02 {background-image:url(/resource/img/ibs/img_cert02.png); background-position:center 124px; background-repeat:no-repeat;}
.cert-menu-area .item.item03 {background-image:url(/resource/img/ibs/img_cert03.png); background-position:center 124px; background-repeat:no-repeat; margin-left:11px;}
.cert-menu-area .item.item04 {background-image:url(/resource/img/ibs/img_cert04.png); background-position:center 120px; background-repeat:no-repeat; margin-left:11px;}

.cert-info {overflow:hidden;}
.cert-info .item {float:left; width:33%; box-sizing:border-box;}
.cert-info .item.item02 {width:34%; padding:0 11px;}
.cert-info .item a {display:block; height:170px; padding:21px 0 0 29px; box-sizing:border-box; border:1px solid #dcdcdc;}
.cert-info .item a:hover {text-decoration:none;}
.cert-info .item .title {position:relative; padding-right:20px; color:#333; font-family:'notoR'; font-size:22px; font-weight:400; letter-spacing:-1px;}
.cert-info .item .title2 {position:relative; padding-right:20px; color:#333; font-family:'notoR'; font-size:22px; font-weight:400; letter-spacing:-1px;}
.ie8 .cert-info .item .title {font-size:20px;}
.ie8 .cert-info .item .title2 {font-size:20px;}
.cert-info .item .title:before {content:''; position:absolute; top:50%; right:0; width:9px; height:16px; margin-top:-7px; background:url(/resource/img/common/ico/ico_sprite.png) -30px -131px no-repeat;}
.cert-info .item .text {margin-top:10px; color:#575757; font-size:14px; line-height:22px;}

.cert-more {overflow:hidden; margin-top:35px;}
.cert-more .left-cont {float:left;}
.cert-more .right-cont {float:right;}
.cert-more .ubikey .title {font-size:16px; color:#333;}
.cert-more .ubikey .text {margin-top:13px; font-size:14px; color:#575757; line-height:22px;}
.cert-more .ubikey .btn-area {margin-top:22px;}

.cert-more .faq-notice {position:relative; width:506px;}
.cert-more .faq-notice .title {font-size:16px; color:#333;}
.cert-more .faq-notice .btn-more {position:absolute; top:0; right:0; padding-right:28px; font-size:14px; color:#777; text-decoration:none;}
.cert-more .faq-notice .btn-more:after {content:''; position:absolute; top:50%; right:0; width:18px; height:18px; margin-top:-7px; background:url(/resource/img/common/ico/ico_sprite.png) -41px -131px no-repeat;}
.cert-more .faq-notice .notice-list {margin-top:10px; padding-top:13px; border-top:1px solid #dbdbdb;}
.cert-more .faq-notice .notice-list li {position:relative; padding-left:15px;}
.cert-more .faq-notice .notice-list li:before {content:''; position:absolute; top:50%; left:0; width:4px; height:4px; margin-top:-2px; background-color:#b5b5b5;}
.cert-more .faq-notice .notice-list li a {overflow:hidden; display:block; width:100%; font-size:14px; color:#575757; line-height:28px; text-decoration:none; text-overflow:ellipsis; white-space:nowrap;}

.confirm-box {padding:25px 0; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc ; text-align:center;}
.confirm-box .confirm-info {font-size:16px; color:#333; line-height:24px;}
.confirm-box .sub-info {margin-top:10px; font-size:14px; color:#575757; line-height:20px;}
.confirm-box.mar-t30{margin-top:27px;}

.logout-msg {width:100%; text-align:center; padding-top:185px; background:url(/resource/img/ibs/img-state-logout.png) no-repeat center top; margin-top:10px;}
.logout-msg .this-tit {font-size:22px;}
.logout-msg .this-scr {font-size:14px; margin-top:12px;}

input[type="text"].lists-inp {width:135px; height:35px; padding:0 15px; background-color:#fafafa; color:#a5a5a5; font-size:14px; text-align:center; line-height:33px; border:1px solid #dcdcdc;}
input[type="text"].lists-inp:focus {line-height:31px; border:2px solid #0082dd; padding:0 12px;}

.movie-area {overflow:hidden; margin-bottom:20px;}
.movie-area .movie {position:relative; float:left; width:700px; height:525px;} 
.movie-area .movie .control-area {position:absolute; bottom:0; width:700px; height:32px; z-index:10; background:#fafafa; box-sizing:border-box; padding:9px 0 0 13px;}
.movie-area .movie .control-area a{display:block; float:left; text-indent:-9999em; margin-right:12px; background:url(/resource/img/bpb/img_movie_control.png) no-repeat left top;}
.movie-area .movie .control-area a.pause {background-position:0 0; width:10px; height:12px;}
.movie-area .movie .control-area a.play {background-position:-24px 0; width:11px; height:13px;}
.movie-area .movie .control-area a.stop {background-position:-48px 0; width:11px; height:11px;}
.movie-area .caption {overflow-y:auto; overflow-x:hidden; float:right; width:370px; height:525px; padding:15px; border:1px solid #dcdcdc; border-radius:3px; box-sizing:border-box;}
.movie-area .caption p {color:#333; font-size:14px; line-height:24px; word-break:keep-all;}

/* border box white */
.bordbox-white {margin-top:15px; padding:15px 20px; border:1px solid #dcdcdc; border-radius:2px;}
.bordbox-white .lists {margin-left:8px;}
.bordbox-white p {margin-top:8px;}
.bordbox-white p:first-child {margin-top:0;}

/* 환전 */
.exchange-wrap .title-wrap {border-bottom:0;}
.exchange-wrap .in-sec:first-child + .in-sec {margin-top:0;}
.exchange-info-box {border:1px solid #95adc3; border-radius:4px; background-color:#d5e6f7;}
.exchange-info-box .list-select {display:table; width:100%; padding:30px 30px 17px; box-sizing:border-box; vertical-align:top;}
.exchange-info-box .list-select > div {display:table-cell; width:340px;}
.exchange-info-box .list-select .ele-select {float:left; width:121px; height:50px; border-color:#478bbb; border-radius:3px 0 0 3px;}
.ie8 .exchange-info-box .list-select .ele-select.focus {border:1px dotted #000;}
.exchange-info-box .list-select .ele-select select {height:50px; line-height:50px;}
.exchange-info-box .list-select .ele-select .select-indi {border-radius:3px; background-color:#478bbb; font-size:15px; line-height:48px; color:#fff;}
.exchange-info-box .list-select .ele-select .select-indi:before {width:15px; height:8px; background:url(/resource/img/bhp/ico_sprite.png) no-repeat -285px 0;}
.exchange-info-box .list-select .ele-select .select-indi.focus:before {background-position:-285px -15px;}
.exchange-info-box .list-select input {width:221px; height:50px; margin-left:-2px; border-color:#478bbb; border-radius:0 3px 3px 0; font-size:16px; font-weight:700; line-height:50px; color:#333;}
.exchange-info-box .list-select input:focus {position:relative; z-index:2; border-color:#0082dd;}
.exchange-info-box .list-select .txt {padding-top:6px; color:#0082dd; text-align:right;}
.exchange-info-box .list-result {background-color:#7ca7c5; font-size:16px; font-weight:700; padding:15px 0; line-height:29px; color:#fff; text-align:center;}
.exchange-info-box .list-select .choice01 input + input {border-radius:3px;}
.exchange-info-box .list-select .choice02 {width:auto; padding:0 10px;}
.exchange-info-box .list-select .choice02 .ele-select {width:100%; border-radius:3px;}
.exchange-info-box .list-select .choice02 .ele-select .select-indi {border-radius:3px; background-color:#ffffff; color:#333;}
.exchange-info-box .list-select .choice02 .ele-select .select-indi:before {background-position: -285px -30px;}
.exchange-info-box .list-select .choice02 .ele-select .select-indi.focus:before {background-position:-285px -45px;}

.exchange-info-box2 {border:1px solid #b4c9d5; border-radius:4px; background-color:#e6f0f6; padding:40px 34px;}
.exchange-info-box2 .list-select {width:852px; margin:0 auto;}
.exchange-info-box2 .list-select:after {content:''; display:block; clear:both;}
.exchange-info-box2 .list-select div[class^="choice"] {float:left; margin-left:20px; box-sizing:border-box; height:90px;}
.exchange-info-box2 .list-select .choice01, .exchange-info-box2 .list-select .choice04 {width:255px; background:#fff;}
.exchange-info-box2 .list-select .choice01 {margin-left:0 !important; border:1px solid #dcdcdc;}
.exchange-info-box2 .list-select .choice02 {position:relative; border:1px solid #dcdcdc; border-radius:2px; background:#fff; padding-left:22px; width:170px;}
.exchange-info-box2 .list-select .choice02:after {content:''; display:block; position:absolute; top:0px; left:0px; background:url(/resource/img/common/image/bg_exchange_rate01.png) left top no-repeat; width:124px; height:88px;}
.exchange-info-box2 .list-select .choice02 .rate-wrap {height:88px; overflow:hidden; position:relative;}
.exchange-info-box2 .list-select .choice02 .rate-wrap .per-list {height:auto; position:absolute; top:0; transition-duration:0.2s; margin-top:30px; margin-left:4px; padding:0 17px;}
.exchange-info-box2 .list-select .choice02 .rate-wrap .per-list > li {height:32px; font-size:20px; font-weight:700; text-align:right;}
.exchange-info-box2 .list-select .choice02 .rate-wrap .rate-current {border:3px solid #0082dd; height:35px; width:80px; display:inline-block; box-sizing:border-box; position:absolute; top:30px;}
.exchange-info-box2 .list-select .choice02 .rate-change {position:absolute; top:0; right:0; border-left:1px solid #dcdcdc;}
.exchange-info-box2 .list-select .choice02 .rate-change a {display:block; width:43px; height:44px; background:url(/resource/img/common/ico/ico_cal_minus.gif) center center no-repeat; text-indent:-9999em;}
.exchange-info-box2 .list-select .choice02 .rate-change a:first-child {border-bottom:1px solid #dcdcdc; background:url(/resource/img/common/ico/ico_cal_plus.gif) center center no-repeat;}
.exchange-info-box2 .list-select .choice02 .num-indi {position:absolute; left:-9999em;}
.exchange-info-box2 .list-select .choice03 .btn-cal {display:block; width:112px; height:90px; background:url(/resource/img/common/image/img_exchange_result01.gif) center center no-repeat; text-indent:-9999em;}
.exchange-info-box2 .list-select .choice04 {border:3px solid #15508c; border-radius:2px;}
.exchange-info-box2 .list-select .sel-wrap {width:253px; height:38px;}
.exchange-info-box2 .list-select .sel-wrap .text-indi {display:block; border:0; border-bottom:0; border-radius:2px 2px 0 0; height:38px; line-height:34px; text-decoration:none;}
.exchange-info-box2 .list-select .sel-wrap .text-indi:before {right:25px;}
.exchange-info-box2 .list-select .sel-wrap img {vertical-align:middle;}
.exchange-info-box2 .list-select .sel-wrap .layer {min-width:253px; max-width:253px; top:41px;}
.exchange-info-box2 .list-select .choice04 .sel-wrap {width:249px; height:36px;}
.exchange-info-box2 .list-select .choice04 .sel-wrap .text-indi {height:36px; line-height:32px;}
.exchange-info-box2 .list-select .choice04 .sel-wrap .layer {min-width:249px; max-width:249px; top:39px;}
.exchange-info-box2 .list-select .exchange_input {position:relative; border-top:1px solid #dcdcdc;}
.exchange-info-box2 .list-select .exchange_input span {vertical-align:middle;}
.exchange-info-box2 .list-select .exchange_input input {width:207px; height:49px; border:0; font-size:16px; font-weight:700; color:#333; padding-right:7px;}
.exchange-info-box2 .list-select .exchange_input input:disabled {background:#fff;}
.exchange-info-box2 .list-select .choice04 .exchange_input input {width:205px; height:47px;}

.exchange-info-box2 .list-mid-result {border-radius:10px; background:#15508c; padding:12px 30px 30px; margin:10px 0; min-width:792px;}
.exchange-info-box2 .list-mid-result strong {display:block; text-align:center; font-size:20px; color:#fff; margin-bottom:16px;}
.exchange-info-box2 .list-mid-result ul{border-radius:2px; border: 1px solid #fff;}
.exchange-info-box2 .list-mid-result ul:after {content:''; display:block; clear:both;}
.exchange-info-box2 .list-mid-result li {float:left; position:relative; background:#fff; font-size:18px; box-sizing:border-box; padding-left:50px; line-height:65px; height:68px; width:50%;}
.exchange-info-box2 .list-mid-result li:first-child:after {content:''; display:block; position:absolute; top:13px; right:0; background:url(/resource/img/common/image/bg_exchange_result02.gif) left top no-repeat; width:2px; height:45px;}
.exchange-info-box2 .list-mid-result li img {vertical-align:middle;}
.exchange-info-box2 .list-mid-result li em {font-size:24px; color:#ff4628; font-weight:700; text-align:right; padding-right:20px; width:145px;}
.exchange-info-box2 .list-mid-result li .mid-cost {position:absolute; top:0; right:30px; font-size:14px; height:68px;}

.exchange-info-box2 .list-result {position:relative; background:#fff; border-radius:2px; padding-left:117px; line-height:40px; overflow:hidden; min-width:735px;}
.exchange-info-box2 .list-result strong {display:block; position:absolute; top:0; left:0; background:#6594c4 url(/resource/img/common/image/bg_exchange_result01.gif) right top no-repeat; text-align:center; text-indent:-7px; color:#fff; width:97px; height:40px;}
.exchange-info-box2 .list-result span {display:inline-block;}
.exchange-info-box2 .list-result strong + span {padding-right:27px; position:relative;}
.exchange-info-box2 .list-result strong + span:after {content:''; display:block; position:absolute; top:15px; right:3px; background:url(/resource/img/common/image/bg_exchange_result03.gif) left top no-repeat; width:13px; height:12px;}

/* 위조지폐감별 */
.bill-discern {padding:20px; border:1px solid #dcdcdc;}
.bill-discern > ul {}
.bill-discern > ul:after {content:''; display:block; clear:both;}
.bill-discern > ul > li {float:left; width:25%; height:130px;}
.bill-discern > ul > li > a {display:block; padding:23px 0 21px; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; text-align:center;}
.bill-discern > ul > li.no-line > a {border-right:0;}
.bill-discern > ul > li.last > a {border-bottom:0;}
.bill-discern > ul > li > a .name {display:block; margin-top:15px; font-family:"notoR"; font-size:22px; line-height:1; color:#575757;}

/* 위조지폐감별 팝업 */
.top-link-box {position:relative; padding:15px; border:1px solid #dcdcdc; border-radius:3px; background-color:#fafafa;}
.top-link-box:after {content:''; display:block; clear:both;}
.top-link-box .title {float:left; font-family:"notoR"; font-size:20px; line-height:40px; color:#333;}
.ie8 .top-link-box .title {font-size:18px;}
.top-link-box .national-flag {float:left; width:34px; height:20px; margin:11px 0 0 10px;}
.top-link-box .national-flag img {width:100%;}
.top-link-box .ele-select {float:right; width:160px; margin-right:65px;}
.top-link-box .ele-select.hei-mid .select-indi {background-color:#fff;}
.top-link-box .btns {position:absolute; right:15px; top:15px; height:40px; line-height:40px; min-width:0;}
.bill-image {margin-bottom:25px;}
.bill-image .noti-text {margin-top:7px; color:#777; font-size:13px;}
.bill-image .text-area {margin-bottom:10px; color:#575757; font-size:14px;}

.bill-image2 {position:relative;}
.bill-image2 .img {}
.bill-image2 .text-area {position:absolute; left:390px; right:0; top:0; color:#575757; font-size:14px;}

/* 금융기관 추가/삭제 */
.cross-select-box {overflow:hidden;position:relative;margin-top:-10px;}
.cross-select-box .sel-before {float:left;}
.cross-select-box .sel-after {float:right;}
.cross-select-box dt {margin-bottom:12px;font-size:15px;color:#333;}
.cross-select-box dd {overflow-y:auto;overflow-x:hidden;width:474px;height:318px;padding:19px 19px 0;border:1px solid #dcdcdc;border-radius:2px;box-sizing:border-box;}
.cross-select-box ul {padding-bottom:11px;}
.cross-select-box li {margin-top:13px;}
.cross-select-box li:first-child {margin-top:0;}
.cross-select-box li .ele-chk {float:left;margin-right:5px;}
.cross-select-box li label {display:block;color:#575757;}
.cross-select-box a {position:absolute;left:50%;width:79px;height:36px;margin-left:-40px;padding:0 11px;border:1px solid #dcdcdc;line-height:34px;color:#575757;box-sizing:border-box;}
.cross-select-box a:hover {text-decoration:none;}
.cross-select-box a:after {content:"";position:absolute;top:50%;width:12px;height:20px;margin-top:-10px;background:url(/resource/img/bpb/bg_cross_box_arrow.png) no-repeat 0 0;}
.cross-select-box a.btn-add {top:144px;}
.cross-select-box a.btn-add:after {left:55px;}
.cross-select-box a.btn-del {top:197px;text-align:right;}
.cross-select-box a.btn-del:after {left:12px; background-position: 0 -30px;}

/* 맞춤계좌안내 팝업 */
.tune-list {margin-top:25px; border-top:1px solid #d5dfea;}
.tune-list .item {padding:14px 0; border-bottom:1px solid #d5dfea;}
.tune-list .item dl {position:relative; padding-left:125px;}
.tune-list .item dl dt {position:absolute; left:0; top:0; font-size:14px; color:#333;}
.tune-list .item dl dd {font-size:14px; color:#575757; line-height:25px;}
.tune-list .item dl dd .sub-lists li {padding-left:10px;}

/* 이체확인증 */
.tbl-list + .seal-wrap {margin-top:25px;}
.seal-wrap .seal-info {position:relative; max-width:400px; height:91px; margin:0 auto;}
.seal-wrap .seal-info .source-info {padding-top:25px; text-align:center;}
.seal-wrap .seal-info .source-info .date {display:block; margin-bottom:8px; font-size:14px; color:#333; font-weight:bold;}
.seal-wrap .seal-info .seal-mark {position:absolute; right:0; bottom:0; width:92px; height:91px; background:url(/resource/img/common/image/bg_payment_stamp02.png) 0 0 no-repeat;}
.seal-wrap .seal-info .seal-mark span {display:block; font-size:12px; color:#6687f4; font-weight:bold; line-height:91px; text-align:center;}

/* 365코너 검색버튼 */ 
.btn-ico.btn-banksch {width:44px; height:40px; background:#575757 url(/resource/img/ibs/ico_bank_sch.png) center center no-repeat; border-radius:2px;}
.btn-ico.btn-banksch:before {background:none;}
.search-wrap .ele-text {height:40px;}

/* 내 카드 팝업 */
.my-card-wrap .my-card {border-top:2px solid #0082dd;}
.my-card-wrap .my-card > li {position:relative; padding:25px 0; border-bottom:1px solid #dcdcdc;}
.my-card-wrap .my-card > li:after {content:""; display:block; clear:both;}
.my-card-wrap .my-card > li [class^="list-"] {float:left;}
.my-card-wrap .my-card > li .list-btn-area a.btns {position:absolute; top:50%; right:25px; margin-top:-25px; font-size:16px; height:40px; line-height:40px; width:126px; box-sizing:border-box;}
.my-card-wrap .my-card > li .list-img-area {width:207px; text-align:center;}
.my-card-wrap .my-card > li .list-img-area .img-box {display:inline-block; width:162px; height:102px; margin:0; padding:0; border:0;}
.my-card-wrap .my-card > li .list-img-area .img-box > img {max-width:100%;}
.my-card-wrap .my-card > li .list-con-area {width:216px;}
.my-card-wrap .my-card > li .list-con-area .card-name {display:block; margin:5px 0; font:700 18px/1.2 'notoR'; color:#333;}
.my-card-wrap .my-card > li .list-con-area .card-nums {display:block; color:#575757;}
.my-card-wrap .my-card > li .list-con-area .card-func {display:block; color:#333; margin-top:18px;}
.my-card-wrap .my-card > li .list-con-area .card-func [class^="func-"] {display:inline-block; width:48px; font-weight:700; font-size:13px; line-height:20px; color:#fff; text-align:center; vertical-align:middle;}
.my-card-wrap .my-card > li .list-con-area .card-func .func-support {background-color:#0082dd;}
.my-card-wrap .my-card > li .list-con-area .card-func .func-nonsupp {background-color:#999;}

/* 신탁해지조회 박스 */
.close-info {height:188px; background-color:#fafafa; border:1px solid #dcdcdc; border-radius:3px; box-sizing:border-box;}
.close-info li {float:left; width:33.3%; height:186px; border-left:1px solid #dcdcdc; padding:28px 30px; box-sizing:border-box;}
.close-info li:first-child {border-left:0;}
.close-info li strong {display:block; font-size: 18px; margin-bottom:18px; font-weight:normal;}
.close-info li strong .won {float:right;}
.close-info li .total {display:block; font-family:'notoR'; font-size:18px; font-weight:normal; text-align:right;}
.close-info dt, .close-info dd {margin-bottom:6px; color:#575757;}
.close-info dt {float:left; width:42%;  position:relative; padding-left:10px;}
.close-info dd {float:right; width:50%; text-align:right;}
.close-info dt:before {content:''; position:absolute; top:10px; left:0; width:4px; height:1px; background-color:#7b7b7b;}

/* enter the same at ISA */
.follow-txt {display:inline-block; position:relative; vertical-align:middle;}
.follow-txt .flw-label {position:absolute; top:7px; left:10px; width:110px; text-align:center; cursor:text;}

/* account move */
.dragChoice.ui-sortable-helper {background-color:#e9f1fa; border:3px solid #b0c3d8;}
.dragChoice.ui-sortable-helper td {width:324px !important; border-left:0;/*  border-color:#b0c3d8; */}
.dragChoice.ui-sortable-helper td + td {width:220px !important;}
.dragChoice.ui-sortable-helper td + td + td + td + td {width:100px !important;}

/* 수출입 인쇄 */
.issue-fact-box .title {padding-top:20px;color:#333;text-align:center;}
.issue-fact-box .title strong {display:inline-block;padding:8px 50px 10px;border:3px solid #575757;font-size:24px;font-family:'notoR';}
.issue-fact-box .title p {margin:22px 0 24px;line-height:26px;}
.issue-fact-box .tbl-tit {display:block; font-size:24px; text-align:center;}
.issue-fact-box .tbl-txt {margin-bottom:10px; text-align:center;}
.issue-fact-box .text-box + .tbl-wrap,
.issue-fact-box .tbl-wrap + .text-box {margin-top:15px;}

/* 사용내역 */
.report-list ul {display:table; width:100%; background-color:#fafafa; border:1px solid #dcdcdc; border-radius:3px;}
.report-list ul li {position:relative; display:table-cell; width:25%; padding:30px 0; color:#575757; font-size:14px; text-align:center;}
.report-list ul li:before {content:''; position:absolute; top:50%; left:0; width:1px; height:30px; margin-top:-15px; background-color:#dcdcdc;}
.report-list ul li:first-child:before {display:none;}
.report-list ul li .num {color:#ff4628; font-weight:bold;}
.wpop-content .report-list {margin-bottom:-15px;}
.wpop-content .report-list ul li {width:30%;}
.wpop-content .report-list ul li.short {width:20%;}

/* 윈도우 업데이트 */
#pop-wrap {width:800px;}
.comm-pop {padding:30px 30px 0;}
.comm-pop .title-wrap {position:relative; margin:16px 0 13px;}
.comm-pop .title-wrap:first-child {margin-top:0;}
.comm-pop .title-wrap:after {content:''; display:block; clear:both;}
.comm-pop .title-wrap .title {float:left; display:inline-block; font-size:22px; font-family:'notoR'; font-weight:400;}
.upgrade-info {padding:25px 38px; border:1px solid #dcdcdc;}
.upgrade-info .img-wrap {margin:15px 0;}
.upgrade-info .list {margin:15px 0;}
.upgrade-info .list li {margin-top:8px;}
.upgrade-info .list li:first-child {margin-top:0;}
.upgrade-info .list .btns {height:40px; line-height:38px; font-size:16px;}
.upgrade-info .btn-box {margin:15px 0;}

/* sepe style */
.emp {color:#5d84e7 !important;}
.emp02 {color:#ff4628 !important;}

.wid-all {width:100%;}
.wid55 {width:55px;}
.wid100 {width:100px !important;}
.wid230 {width:230px;}
.wid310 {width:310px;}
.wid338 {width:338px;}
.wid350 {width:350px;}
.wid500 {width:500px;}
.wid750 {width:750px;}

.mar-t5 {margin-top:5px;}
.mar-t10 {margin-top:10px !important;}
.mar-t15 {margin-top:15px !important;}
.mar-t20 {margin-top:20px;}
.mar-t35 {margin-top:35px !important;}
.mar-b0 {margin-bottom:0 !important;}
.mar-l20 {margin-left:20px;}
.mar-r0 {margin-right:0 !important;}
.mar-r10 {margin-right:10px !important;}
.mar-r50 {margin-right:45px !important;}

.mar-ml13 {margin-left:-13px;}
.mar-ml15 {margin-left:-15px;}
.mar-ml28 {margin-left:-28px;}

.align-right {text-align:right !important;}
.align-left {text-align:left !important;}
.align-center {text-align:center !important;}

.verti-middle {vertical-align:middle;}
.link-text,
.link {color:#575757;}
.link-text:hover,
.link:hover {text-decoration:underline;}
.hover-none:hover,
.hover-none:hover {text-decoration:none;}
.dis-block {display:block;}
.dis-inblock {display:inline-block;}

/* 인터넷뱅킹 이용안내 - 보안 모듈 재설치 안내 팝업 */
.module-info-pop .title {display:block; font-size:26px; color:#333; font-family:'notoR'; text-align:center;}
.module-info-pop .inner-box {margin-top:20px;}
.module-info-pop .inner-box .tit {overflow:hidden; padding:10px; background-color:#002f6a; border-radius:3px 3px 0 0;}
.module-info-pop .inner-box .tit strong {position:relative; display:inline-block; padding-left:16px; font-size:20px; color:#fff; font-family:'notoR'; line-height:30px; vertical-align:top;}
.module-info-pop .inner-box .tit strong:before {content:''; position:absolute; top:50%; left:0; width:6px; height:6px; border-radius:50%; background-color:#fff;}
.module-info-pop .inner-box .tit .btns {float:right; color:#ff4628 !important; border:1px solid #002f6a;}
.module-info-pop .inner-box .lists {padding:18px 30px; background-color:#fafafa; border:1px solid #dcdcdc; border-radius:0 0 3px 3px;}

/* 미지원 브라우저 안내 */
.bsupport-list {width:100%; text-align:center; background-color:#fafafa; border:1px solid #dcdcdc;}
.bsupport-list ul {overflow:hidden; width:710px; margin:0 auto; padding:39px 0;}
.bsupport-list ul li {float:left; width:90px; margin-left:110px; padding-top:95px; color:#333; font-size:16px; text-align:center;}
.bsupport-list ul li.ie {margin-left:0; background:url(/resource/img/common/ico/ico_ie.png) center 0 no-repeat;}
.bsupport-list ul li.chrome {background:url(/resource/img/common/ico/ico_chrome.png) center 0 no-repeat;}
.bsupport-list ul li.firefox {background:url(/resource/img/common/ico/ico_firefox.png) center 0 no-repeat;}
.bsupport-list ul li.opera {background:url(/resource/img/common/ico/ico_opera.png) center 0 no-repeat;} 

.bsupport-list .down-area {padding:13px 0; background-color:#777; text-align:center;}
.bsupport-list .down-area p {display:inline-block; margin-right:15px; color:#fff; font-size:14px; line-height:30px;}
.bsupport-list .down-area .btns {color:#0082dd !important;}

/* layer pop -- page에서 호출 안되고 있음.. 삭제여부 결정필요 */
.msg-box > p {margin:15px 0; text-align:center;}


.input-tit {display:inline-block; min-width:120px; vertical-align:middle;}


/* 2021-05-24 누리어시스템 김하영 추가 */
.fs16{font-size:16px !important}

.fcp-color {display: inline-block;width: 15px;height: 15px;margin: 0 2px 0 5px;border-radius: 50%;vertical-align: sub}
h3.title > .fcp-color {position: absolute;top: 50%;transform: translateY(-50%)}
.fcp-color.safe {background-color: #17a2cc;}
.fcp-color.good {background-color: #51b047;}
.fcp-color.normal {background-color: #eece1b;}
.fcp-color.caution {background-color: #f28c38;}
.fcp-color.warning {background-color: #ed3e23;}

/* 2022-02-21 누리어시스템 김하영 수정 및 추가 */
.pad-l32{padding-left: 32px !important;}
.img-wrap>img{width: 100%;}
.border_container{border:1px solid #dcdcdc; padding: 30px;}

.step_detail_title{font-family: 'notoR'; font-size: 16px; color: #303030; position: relative; padding-left: 32px;}
.step_detail_title::before{content: ""; width: 24px;height: 24px; background-color: #0c4cba; border-radius: 50%; text-align: center; font-size: 16px; line-height: 23px; color: #fff; position: absolute; top: 1px; left: 0;}
.step_detail_title.first::before{content: "A";}
.step_detail_title.second::before{content: "B";}
.step_detail_sub_title{padding-left: 32px; margin-top: 4px;}

.cs-lists li > p.cs_title{font-weight: bold;margin-bottom: 4px;}

button.in_block.gray.outlined{display: inline-block; padding:4px 12px;border-radius: 4px; font-size: 12px; color: #575757; border:1px solid #dcdcdc; background-color: #fff;}