@charset "utf-8";
/* [SEPTEM] UI Dev Team :nh_comm as-si common */
/* table 정의 */
[class*="tblHea"]:after{display:block;content:'';clear:both}
[class*="tblHea"] .unit{float:right;margin-top:-20px;font-size:11px;color:#999}
[class*="tblHea"] [class^="btn"]{position:relative;float:right;margin-top:-40px;height:30px;line-height:28px;font-size:13px;color:#111;font-weight:bold}
[class*="tblHea"] .badgeDefault{position:relative;float:right;margin-top:-31px}
[class^="wrapTbl"] table{width:100%;border-top:2px solid #808080}
[class^="wrapTbl"] th{font-weight:normal;text-align:left;background:#f8f8f8}
[class^="wrapTbl"] td{text-align:left;background-color:#fff;color: #666}
[class^="wrapTbl"] th.sub{font-weight:normal;color:#666;background:none}
/*[class^="wrapTbl"] th,[class^="wrapTbl"] td{padding:11px 10px;font-size:13px;border-bottom:1px solid #dedede;border-left:1px solid #dedede}*/
[class^="wrapTbl"] th,[class^="wrapTbl"] td{padding:11px 10px;font-size:13px;border-bottom:1px solid #ebebeb;border-left:1px solid #ebebeb}
[class^="wrapTbl"] th:first-child,[class^="wrapTbl"] td:first-child{border-left:none}
[class^="wrapTbl"] th.al{text-align:left !important}
[class^="wrapTbl"] tbody td{padding:11px 10px}
[class^="wrapTbl"] th a.btnAddon{margin-top:3px;padding:0 6px}
[class^="wrapTbl"] td > .formWrap{margin-top:0}
/* 테이블 정렬 important */
.thLeft th{text-align:left !important}
.thCenter th{text-align:center !important}
.thright th{text-align:right !important}
.tdLeft td{text-align:left !important}
.tdCenter td{text-align:center !important}
.tdRight td{text-align:right !important}
tr.active td,.active th{color:#19A647 !important;background:#f7fcf9 !important}
tr.active td.pointColor5{color:#f68b1f !important}
[class^="wrapTbl"] .btnFuncTip{margin-top:-5px;background-position:center center}
/* title header 정의 */
.isBtnHaeder{margin:15px -17px 0;padding:0 17px 8px}
.isBtnHaeder:after{display:block;content:'';clear:both}
.isBtnHaeder .secTit, .isBtnHaeder .defTit{display:inline-block;margin-top:5px}
.isBtnHaeder .defTit{margin:0;margin-top:1px}
.isBtnHaeder .secTit + .areaBtnMulti, .isBtnHaeder .defTit + .areaBtnMulti{float:right}
/* text 정의 */
.defTxt{line-height:18px}
.defTxt02{font-size:13px;color:#666;text-indent:-14px;padding-left:14px}
.defTxt03{font-size:12px;color:#ababab;text-align:center}
.defTxt04{font-size:13px;color:#666}
.defTxtGry{color:#666}
.wUnit{display:inline-block !important;color:#111 !important;font-weight:normal !important}
p.infoTxt{position:relative;margin-top:7px;padding-left:20px;font-size:12px;color:#666}
p.infoTxt:before{position:absolute;top:2px;left:0;content:'';width:14px;height:14px;background:url(../images/common/ico_exclamation.png) no-repeat;background-size:cover;vertical-align:middle}
p.infoTxt.inBtn:before{top:5px}
p.infoTxt.inBtn a{margin-left:5px}
ul.infoTxt{margin-top:7px}
ul.infoTxt li{position:relative;margin-top:3px;padding-left:20px;font-size:12px;color:#666}
ul.infoTxt li:before{position:absolute;top:2px;left:0;content:'';width:14px;height:14px;background:url(../images/common/ico_exclamation.png) no-repeat;background-size:cover;vertical-align:middle}
p.infoTxt2{position:relative;margin-top:7px;padding-left:20px;font-size:11px;color:#f4670a}
p.infoTxt2:before{position:absolute;top:2px;left:0;content:'';width:14px;height:14px;background:url(../images/common/ico_exclamation2.png) no-repeat;background-size:cover;vertical-align:middle}
p.infoTxt3{position:relative;margin-top:7px;padding-left:20px;font-size:12px;color:#666}
p.infoTxt3:before{position:absolute;top:3px;left:0;content:'';width:14px;height:14px;background:url(../images/common/img_ck_off.png) no-repeat;background-size:cover;vertical-align:middle}
p.infoTxt3.active{color:#19A647}
p.infoTxt3.active:before{width:14px;height:14px;background:url(../images/common/img_ck_on.png) no-repeat;background-size:cover}
.infoTxtCaution{position:relative;margin:7px 0 10px;padding-left:20px;font-size:12px;color:#f44743}
.infoTxtCaution:before{position:absolute;top:2px;left:0;content:'';width:14px;height:14px;background:url(../images/common/ico_caution.png) no-repeat;background-size:cover;vertical-align:middle}
.cricleNum1{position:relative;top:-2px;display:inline-block;width:17px;height:17px;margin-left:5px;font-size:11px;font-weight:bold;color:#fff;background:#3d9bff;border-radius:9px;text-align:center;vertical-align:middle}
.currentTime{margin-top:15px;text-align:right}
.currentTime p{display:inline-block;padding-left:20px;background:url('../images/common/ico_time.png') no-repeat 0 3px;background-size:14px 14px;color:#666;font-size:12px}
/* bullet 정의 */
.bulUpper{display:inline-block;margin:0 3px;color:#fff;border-bottom:8px solid #f44336;border-left:5px solid transparent;border-right:5px solid transparent;vertical-align:middle}
.bulLower{display:inline-block;margin:0 3px;color:#fff;border-top:8px solid #2e7df3;border-left:5px solid transparent;border-right:5px solid transparent;vertical-align:middle}
.bulLower.red{border-top:8px solid #f44336;border-left:5px solid transparent}
/* 조회버튼 */
.btnInquiry{display:block;height:40px;line-height:40px;text-align:center;color:#fff;background:#19a647;border-radius:2px}
.areaBtnDefault .btnInquiry{height:55px;line-height:55px;font-size:15px;color:#fff;background:#19A647}
/* add on 버튼폼 */ 
.areaBtnMulti{overflow:hidden} 
.areaBtnMulti .inner{margin:0 -1px} 
.areaBtnMulti .inner li{display:inline-block;padding:0 2px} 
.areaBtnMulti .inner li [class*="btnForm"]{width:100%} 
/* add on 버튼 금액 선택 */
.areaBtnPrice{overflow:hidden} 
.areaBtnPrice .inner{margin:0 -1px} 
.areaBtnPrice .inner ul{display:table;table-layout:fixed;width:100%} 
.areaBtnPrice .inner li{display:table-cell;padding:0 2px} 
.areaBtnPrice .inner li [class*="btnForm"]{width:100%} 
.areaBtnPrice .inner li a{display:inline-block;width:100%;height:30px;padding:0 3px;line-height:30px;font-size:12px;color:#fff;text-align:center;vertical-align:middle;border-radius:2px;background:#6a7688}
.areaBtnPrice .inner li a.btnWhite{background:#fff;color:#111;border-radius:1px;border:1px solid #ccc}
.areaBtnPrice .inner li a.btnAddon{height:30px;padding:0 3px;line-height:28px;font-size:12px;color:#000;text-align:center;vertical-align:middle;border-radius:1px;border:1px solid #ccc;background:#fff}
.areaBtnPrice .inner li a.btnAddonPoint{color:#fff;border-radius:2px;background:#19a647;border:none;position:relative}
.areaBtnPrice .inner li a.btnAddonPoint:after, .tabInner ul a.active:after, .pagingWrap ul>li>a.active:after{content:'';width:1px;height:1px ;font-size:1px ;line-height:0 ;color:transparent ;opacity:0 ;overflow:hidden ;position:absolute;top:0}
.areaBtnPrice * + .inner{margin-top:6px} 
/* inbody full select 버튼 */
.areaBodyBtnSelect{width:100%;margin-top:20px;overflow:hidden} 
.areaBodyBtnSelect a{float:left;width:50%;line-height:34px;color:#111;text-align:center;border:1px solid #999;background:#fff}
.areaBodyBtnSelect a:first-child{border-radius:2px 0 0 2px}
.areaBodyBtnSelect a:last-child{margin-left:-1px;border-radius:0 2px 2px 0}
.areaBodyBtnSelect a.active{position:relative;color:#fff;border:1px solid #19A647;background:#19A647}
.areaBodyBtnSelect a.active:after{content:'';display:block;font-size:1px;color:transparent;position:absolute;top:0;left:0;overflow:hidden;width:1px;height:1px;line-height:1px}
/* input 옆 btn */
.btnInput01{display:inline-block;height:40px;padding:0 9px;line-height:38px;font-size:13px;color:#111;text-align:center;vertical-align:middle;border-radius:2px;letter-spacing:-0.05em;border:1px solid #19A647;background:#19A647;color:#fff}
.btnInput02{display:inline-block;height:40px;padding:0 9px;line-height:38px;font-size:13px;color:#111;text-align:center;vertical-align:middle;border-radius:2px;letter-spacing:-0.05em;border:1px solid #999;background:#fff}
.btnInput03{display:inline-block;height:40px;padding:0 9px;line-height:38px;font-size:13px;color:#111;text-align:center;vertical-align:middle;border-radius:2px;letter-spacing:-0.05em;border:1px solid #6a7688;background:#6a7688;color:#fff}
/* 팝업내 인바디 버튼 */
.areaPopBtnFull .inner{margin:0 -3px}
.areaPopBtnFull ul{display:table;width:100%;table-layout:fixed}
.areaPopBtnFull ul li{display:table-cell;vertical-align:middle;padding:0 3px}
.areaPopBtnFull ul li a{display:block;height:40px;padding:0 3px;line-height:40px;border-radius:2px}
/* 추가 변경 삭제 버튼 */
.areaBtnType01{width:100%;margin-top:10px}
.areaBtnType01 ul{display:table;width:100%;table-layout:fixed}
.areaBtnType01 ul li{display:table-cell;width:33.33333%;padding-right:6px;vertical-align:middle}
.areaBtnType01 ul li:last-child{padding-right:0}
.areaBtnType01 ul li a, .areaBtnType01 ul li button{width:100%}
.areaBtnType02{width:100%;margin-top:10px}
.areaBtnType02 ul{display:table;width:100%}
.areaBtnType02 ul li{display:table-cell;padding-right:6px;vertical-align:middle}
.areaBtnType02 ul li:last-child{width:20%;padding-right:0}
.areaBtnType02 ul li a{width:100%}
.areaBtnType02 a.btnType01,.areaBtnType02 a.btnType01{padding:0}
a.btnType01{display:inline-block;height:30px;padding:0 12px;line-height:28px;font-size:12px;color:#fff;text-align:center;vertical-align:middle;border-radius:2px;background:#6a7688}
a.btnType02{display:inline-block;height:30px;padding:0 12px;line-height:28px;font-size:12px;color:#111;text-align:center;vertical-align:middle;border-radius:2px;border:1px solid #999;background:#fff}
a.btnType03{display:inline-block;height:30px;padding:0 12px;line-height:28px;font-size:12px;color:#fff;text-align:center;vertical-align:middle;border-radius:2px;border:1px solid #19a647;background:#19A647}
.toggleBtn.btnType02{width:100%}
.toggleBtn.btnType02:after{display:inline-block;content:'';width:12px;height:7px;margin-left:7px;background:url('../images/common/ico_arr_down.png') no-repeat 0 0;background-size:11px 7px}
.toggleBtn.btnType02.active:after{background-image:url('../images/common/ico_arr_up.png')}
button.btnType01{display:inline-block;height:30px;padding:0 12px;line-height:28px;font-size:12px;color:#fff;text-align:center;vertical-align:middle;border-radius:2px;background:#6a7688}
button.btnType02{display:inline-block;height:30px;padding:0 12px;line-height:28px;font-size:12px;color:#111;text-align:center;vertical-align:middle;border-radius:2px;border:1px solid #999;background:#fff}
button.btnType03{display:inline-block;height:30px;padding:0 12px;line-height:28px;font-size:12px;color:#fff;text-align:center;vertical-align:middle;border-radius:2px;border:1px solid #19a647;background:#19a647}
button.btnType01:disabled, button.btnType02:disabled, button.btnType03:disabled{background-color:#f8f8f8;border:1px solid #dedede;color:#666}
.btnBodyTerms{background:#3d9bff}
.btnBodyTerms.disabled{background:#6a7688}
/* carlendar 콤포넌트 정의 */
.calenderArea{margin:0 -17px -17px}
.calenderArea .yearItem{position:relative;background:#f8f8f8}
.calenderArea .yearItem > span, .calenderArea .yearItem > a{height:50px;vertical-align:top;display:inline-block}
.calenderArea .yearItem > span{width:100%;font-size:16px;line-height:50px;text-align:center;font-weight:bold}
.calenderArea .yearItem > span em{color:#111;font-weight:bold}
.calenderArea .yearItem > a{width:40px}
.calenderArea .yearItem > a.yearLft{position:absolute;left:50%;top:0;margin-left:-70px;background:url(../images/common/calendar_arr_lft.png) no-repeat center center;background-size:8px 13px;text-indent:-9999px;overflow:hidden}
.calenderArea .yearItem > a.yearRht{position:absolute;right:50%;top:0;margin-right:-70px;background:url(../images/common/calendar_arr_rht.png) no-repeat center center;background-size:8px 13px;text-indent:-9999px;overflow:hidden}
.calenderArea .monthItem{position:relative;height:100%;background-color:#f7fcf9;border-top:1px solid #ccc;box-sizing:border-box}
.calenderArea .monthItem > span, .calenderArea .monthItem > a{height:100%;vertical-align:middle;display:inline-block}
.calenderArea .monthItem > span{width:100%;line-height:50px;text-align:center;font-size:16px;color:#19a647;font-weight:bold}
.calenderArea .monthItem > a{width:40px}
.calenderArea .monthItem > a.monthLft{position:absolute;left:50%;top:0;margin-left:-60px;background:url(../images/common/calendar_arr_lft.png) no-repeat center center;background-size:8px 13px;text-indent:-9999px;overflow:hidden}
.calenderArea .monthItem > a.monthRht{position:absolute;right:50%;top:0;margin-right:-60px;background:url(../images/common/calendar_arr_rht.png) no-repeat center center;background-size:8px 13px;text-indent:-9999px;overflow:hidden}
.calenderArea .weekItem{width:100%;display:table;background:#fff}
.calenderArea .weekItem > span{height:44px;color:#666;font-size:14px;text-align:center;line-height:44px;display:table-cell}
.calenderArea .dateItem{ background:#fff;padding-bottom:10px}
.calenderArea .dateItem:after{display:block;content:'';clear:both}
.calenderArea .dateItem .date{float:left;width:14%;height:100%;min-height:34px;border-radius:4px;color:#333;text-align:center;line-height:34px;display:block}
.saturday{color:#4d8cf5 !important}
.holiday{color:#f44743 !important}
.calenderArea .dateItem span.date{height:34px;color:#999;cursor:default}
.calenderArea .dateItem .date:nth-child(7n){width:15%}
.calenderArea .dateItem .date:nth-child(7n+1){width:15%;clear:left}
.calenderArea .dateItem .bgNone{color:#999;cursor:default}
.calenderArea .dateItem .date.bgNone:active{background-color:#fff;color:#999}
.calenderArea .dateItem a.date.active{background:url(../images/common/ico_calPoint.png) no-repeat center;color:#fff !important;background-size:34px 34px;font-weight:bold}
.saturday.active{color:#fff!important}
.calenderArea .yearItem > a.btnType01{height:30px;top:10px;left:10px;position:absolute;width:auto}
.popInner.calPop .popCont{overflow:hidden}
.popWrap.centerLayer .popInner.calPop{max-height:100% !important;height:auto !important}
.popWrap.centerLayer .popInner.calPop .popCont{max-height:100% !important}
/* 날짜선택 콤포넌트 정의 */
.yearSet{position:relative;width:100%;height:200px;background-image:url(../images/common/img_gra.png);background-repeat:repeat-x;background-position:left top;background-size:100% 40px;display:block;background:#fff}
.yearSet .yearsetLft, .yearSet .yearsetRht, .yearSet .yearsetDay {float:left;width:50%;height:200px;color:#666;font-size:15px;overflow:auto}
.yearSet a{line-height:40px;color:#333;display:block;text-align:center}
.yearSet .yearsetRht span:after{content:'월'}
.yearSet .yearsetLft span:after{content:'년'}
.yearSet .active {color:#19a647;font-size:15px}
.yearSet .yearsetLft{border-right:1px solid #e5e5e5}
/* 일자 선택 */
.yearSet.dayPicSet .yearsetLft, .yearSet.dayPicSet .yearsetRht, .yearSet.dayPicSet .yearsetDay{float:left;width:33.3%;width:calc(100% / 3);height:200px;overflow:auto}
.dayPicSet .yearsetDay span:after{content:'일'}
.dayPicSet .yearsetRht{border-right:1px solid #e5e5e5}
/* 약관 정의 */
.termsWrap{margin-top:15px}
.termsCont{width:100%;padding:10px 0 5px;border-top:1px solid #e5e5e5;background:#f8f8f8}
.termsCont .termsStxt{padding:10px 10px 5px;font-size:13px}
.termsCont .termsStxt2{padding:0 10px 5px;font-size:13px;color:#666}
.termsCont .infoTxt{margin:5px 10px 0}
.termsCont .termsStxt:first-child{padding-top:0}
.termsCont .termsTxtList{padding:0 10px}
.termsCont .listNum{padding:0 10px}
.termsCont .termsTxtList > li{padding:0 0 5px 8px;background:url(../images/common/ico_listdot.png) no-repeat 0 8px;background-size:2px 2px;font-size:12px;color:#666}
.termsCont .termsTxtList li:last-child{padding-bottom:5px}
.termsList > ul > li{position:relative;border:1px solid #e5e5e5;border-top:0}
.termsList > ul > li:first-child{border-top:1px solid #e5e5e5}
.termsList > ul > li.allCheck{border:none;border-bottom:1px solid #e5e5e5}
.termsList > ul > li.allCheck .checkList{padding-left:0;padding-right:0}
.termsList > ul > li .checkList{position:relative;margin-top:0;padding:11px 10px;background:#fff}
.termsList > ul > li.isBtn label{max-width:100%}
.termsList > ul > li.isBtn input + label{max-width:85%}
.centerLayer .termsList > ul > li.isBtn input + label{max-width:82%}
.termsList > ul > li.isBtn .checkList{position:relative;margin-top:0;padding:11px 85px 11px 10px}
.termsList > ul > li.isBtn input[type='radio'] + label{margin-top:-2px}
.termsList > ul > li label, .termsList > ul > li span.label{position:relative;display:inline-block;font-size:13px;color:#333;box-sizing:border-box}
.termsList > ul > li .btnBodyTerms{position:absolute;top:50%;right:10px;width:67px;padding:0;margin-top:-15px;background:#19A647}
.termsList > ul > li .btnBodyTerms.diabled{background:#6a7688;cursor:no-drop}
.termsList > ul > li .btnBodyTerms.disabled{background:#6a7688}
.termsLabelWrap span{display:block !important}
.termsWrap input[type="checkbox"] + label .pointColor{display:inline}
.popTemrsTitBlack{margin:20px 0 7px;font-size:14px;color:#111;font-weight:bold}
.popTemrsTit{margin:20px 0 7px;font-size:14px;color:#111}
.term_cont .termsDate{margin-bottom:20px;text-align:right;font-size:13px;color:#777}
h3.popTemrsTit{margin:20px 0 7px;font-size:14px;color:#111}
h3.popTemrsTit + .popTermsTxt{margin-top:-5px}
h3.popTemrsTit + .popTermsOlList{margin-top:-5px}
.popTermsTxt{margin:7px 0 0}
.popTemrsSubTit{margin:20px 0 7px 12px;font-size:13px}
.popTermsSubTxt{margin:7px 0 0 12px;font-size:12px;color:#666}
.popTermsSubListDash{margin:7px 0 0 20px}
.popTermsSubListDash li:first-child{padding-top:0}
.popTermsSubListDash li{padding-top:5px;color:#666;text-indent:-8px}
.popTermsSubList{margin:7px 0 0 28px}
.popTermsSubList li:first-child{padding-top:0}
.popTermsSubList li{padding-top:5px;color:#666;text-indent:-15px}
.popTermsSubList .popTermsSubListDash{margin-left:15px}
.popTermsSubList .popTermsSubListDash li{text-indent:-8px}
.popTermsOlList > li:first-child{padding-top:0}
.popTermsOlList > li{padding:5px 0 0 0}
.popTermsList dt{font-weight:bold;display:block}
.popTermsList dd{display:block}
.popTermsTxt + .popTermsList{margin-top:3px}
/* 오픈뱅킹 약관 */
.termsBdWrap{margin-top:20px;padding:0 20px 20px 20px;border:1px solid #e5e5e9}
.termsBdWrap.in{margin-top:10px;padding:10px;border:1px solid #e5e5e9}
.termsBdWrap.in > .popTemrsTit:first-child{margin-top:0}
.termsBdWrap .listBulWrap {color:#666}
.termsBdWrap .listBulWrap p {font-weight:normal}
.termsBdWrap .listBul.dash>li {padding-left:13px;font-size:14px;line-height:1.4;color:#666;font-weight:normal}
.termsBdWrap__num {padding-left:15px}
.termsBdWrap__num > li:first-child {margin-top:0}
.termsBdWrap__num > li {margin-top:20px;list-style:decimal;color:#111;font-weight:bold}
.termsBdWrap__num > li .txt {margin-top:5px;font-size:14px;line-height:1.4;color:#666;font-weight:normal}
.termsBdWrap__num > li .txtNoti {margin-top:10px;margin-left:18px;text-indent:-18px}
.termsBdWrap__num > li .tbl {margin-left:-15px}
.termsBdWrap__num > li .tbl table th {padding:10px 15px}
table.pointTr tr:nth-last-child(2) > th,
table.pointTr tr:nth-last-child(2) > td{border-bottom:0}
table.pointTr tr:last-child > th{border:1px solid #111;border-right:0}
table.pointTr tr:last-child > td{border:1px solid #111;border-left:1px solid #dedede;border-right:1px solid #dedede}
table.pointTr tr:last-child > td:last-child{border:1px solid #111;border-left:1px solid #dedede}
.termsDate{margin-top:20px;font-size:12px;color:#666}
.otherTermsWrap{padding:10px 20px 10px 20px}
.otherTermsWrap.termsBdWrap{padding:10px 20px 10px 20px !important}
.otherTermsWrap+.otherTermsWrap{margin-top:10px}
.otherTermsWrap .otherTermsTit{ display:block;background:url('../images/open/arr_accDown.png') no-repeat right 10px;background-size:14px 8px}
.otherTermsWrap .otherTermsTit.active{ padding-bottom:10px;margin-bottom:20px;background:url('../images/open/arr_accUp.png') no-repeat right 10px;background-size:14px 8px;border-bottom:1px solid #e5e5e9}
.otherTermsWrap .otherTermsTit h2{padding-right:14px;font-size:16px;color:#333;font-weight:bold;text-align:center}
.otherTermsWrap a.otherTermsTit.openBtn h2{font-size:14px}
.otherTermsWrap h3{font-size:14px}
.otherTermsWrap h4{margin:20px 0 7px;font-size:14px;color:#111}
.otherTermsWrap ul li{padding:5px 0 0 0}
.otherTermsWrap dl{margin:7px 0 0 28px;color:#666;text-indent:-15px}
.otherTermsWrap h5{margin:20px 0 7px 12px;font-size:13px}
.otherTermsWrap .otherTermsDate{margin-bottom:20px;text-align:right;font-size:13px;color:#777}
.fsup{font-size:15px}  
.fsup h2{font-size:16px}
.fsup [class^="wrapTbl"] th, [class^="wrapTbl"] td{font-size:14px}
.imgCk{width:10px;height:10px;margin:0 5px;border:1px solid #111;display:inline-block}
.font16{font-size:16px}
.stepArea{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-direction:row;flex-direction:row;margin:0 -17px;padding:9px 17px;border-bottom:1px solid #dedede}
.stepArea .stepTit{-webkit-flex:1;flex:1;padding-right:14px;font-size:15px;color:#111;letter-spacing:-0.03em}
.stepArea .stepInfo{-webkit-flex:none;flex:none;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;align-items:center;border:1px solid transparent}
.stepArea .stepInfo .stepList:after{display:block;content:'';clear:both}
.stepArea .stepInfo .stepList li{float:left;padding-left:5px}
.stepArea .stepInfo .stepList li:first-child{padding-left:0}
.stepArea .stepInfo .stepList li > span{width:22px;height:22px;background-color:#fff;border:1px solid #dedede;border-radius:50%;font-size:12px;color:#666;text-align:center;display:inline-block}
.stepArea .stepInfo .stepList li.active > span{background-color:#19A647;border:1px solid #19A647;color:#fff}
.stepArea .stepInfo .stepList li.off > span{background-color:#6a7688;border:1px solid #6a7688;color:#fff}
.stepArea2 .stepList{text-align:center}
.stepArea2 .stepList li{width:20px;height:4px;margin:0 4px;background-color:#e5e5e5;border-radius:20px;display:inline-block}
.stepArea2 .stepList2 li{width:10px;height:10px;margin:0 4px;background-color:#e5e5e5;border-radius:20px;display:inline-block}
.stepArea2 .stepList li.active{background-color:#19a647}
.stepArea2 .stepList li.off{background-color:#bdbdbd}
.stepArea3{text-align:center;background:#f7fcf9;padding-bottom:4px}
.stepArea3 .stepList{text-align:center;display:inline;vertical-align:middle}
.stepArea3 .stepList li{width:7px;height:7px;margin:0 2px;background-color:#e5e5e5;border-radius:20px;display:inline-block}
.stepArea3 .stepList li.active{background-color:#19a647}
.stepArea3 .stepList li.off{background-color:#bdbdbd}
.stepArea3 .stepList a{display:block;width:100%;height:100%}
.stepArea4 .stepList{text-align:center}
.stepArea4 .stepList a,.stepArea4 .stepList li, .stepList .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;margin:0 3px;border-radius:100%;display:inline-block;border:1px solid #666666;background:none;opacity:1}
.stepArea4 .stepList a.active, .stepArea4 .stepList li.active, .stepList .swiper-pagination-bullet-active{background:#666666}
.tooltipTxt{font-size:12px;color:#666}
.tooltipTxt .btnFuncTip{margin:0 0 -3px 0}
/* select 정의 */
select{display:none}
.stList a{display:block;height:40px;padding-left:5px;padding-right:30px;line-height:38px;position:relative;border:1px solid #dedede;background:#fff;white-space:nowrap}
.selectValue{font-size:15px;display:block;line-height:38px;overflow:hidden}
.selectTitle{font-size:13px;display:block;line-height:40px;overflow:hidden}
.selectBtn{position:absolute;bottom:0;right:0;width:30px;height:38px;background:url(../images/common/select_arrow.png) center no-repeat;background-size:11px 7px;text-indent:-9999px}
.stList{position:relative;overflow:hidden}
.selectDivision_5_5 li:first-child{padding-left:0;padding-right:5px}
.selectDivision_5_5 li{width:50%;float:left;padding-left:5px}
.selectDivision_5_5:after{content:"";display:block;clear:both}
.selectDivision_3_7 li:first-child{width:30%;padding-right:5px;padding-left:0}
.selectDivision_3_7 li{width:70%;float:left;padding-left:5px}
.selectDivision_3_7:after{content:"";display:block;clear:both}
.selectDivision_4_6 li:first-child{width:40%;padding-right:5px;padding-left:0}
.selectDivision_4_6 li{width:60%;float:left;padding-left:5px}
.selectDivision_4_6:after{content:"";display:block;clear:both}
.stList .selectReadOnly{background:#f8f8f8}
.stList .selectReadOnly .selectBtn{background:url(../images/common/select_arrow_disabled.png) center no-repeat;background-size:11px 7px}
.stList .selectDisabled{background:#f8f8f8;color:#ababab}
.stList .selectDisabled .selectTitle{color:#999}
.stList .selectDisabled .selectBtn{background:url(../images/common/select_arrow_disabled.png) center no-repeat;background-size:11px 7px}
.selectLabel{position:absolute;top:-19px;left:0;font-size:12px;color:#666;transition:all 0.5s}
.stList{position:relative;overflow:hidden}
.selectDivisionFlex{overflow:hidden}
.selectDivisionFlex .inner{margin:0 -2px}
.selectDivisionFlex ul{display:table;width:100%;table-layout:fixed}
.selectDivisionFlex li{display:table-cell;padding:0 2px}
/* 예외 처리 */
.divingLine2 input[type="radio"] + label, .divingLine2 input[type="checkbox"] + label{width:90%;width:calc(100% - 30px);width:-webkit-calc(100% - 30px)}
/* input 정렬 */
.inputB01, .inputB02, .inputB{position:relative;display:table-cell;vertical-align:middle}
.inputBoth01{display:table;width:100%}
.inputBoth01 .inputB02{text-align:right;max-width:110px;padding-left:6px}
.inputBoth01 .inputB02 .btnInput01, .inputBoth01 .inputB02 .btnInput02, .inputBoth01 .inputB02 .btnInput03{padding:0px 3px;width:100%}
.inputBoth01 .stList a{white-space:normal}
.inputBoth01 .selectValue{height:100%}
.inputBoth02{display:table;width:100%;table-layout:fixed}
.inputBoth03{display:table;width:100%}
.inputBoth04{display:table;width:100%}
.btnInput01.clock{padding-left:20px !important;background:#6a7688 url(../images/common/ico_clock2.png) no-repeat 15px center;background-size:14px 14px;border:1px solid #6a7688;letter-spacing:0}
.inputDash{display:table-cell;padding:0 6px;vertical-align:middle}
.inputDot{display:table-cell;padding:0 6px;vertical-align:bottom}
.inputTxt{display:table-cell;width:47px;padding:0 15px 0 6px;vertical-align:middle;letter-spacing:-1px;font-size:13px}
.inputTxt2{display:table-cell;padding:0 4px;vertical-align:middle;letter-spacing:-1px}
.inputTxt3{display:table-cell;width:45px;padding:0 4px 10px;vertical-align:bottom}
.inputTxt4{display:table-cell;width:60px;padding:0 4px 10px;vertical-align:bottom}
.inputTxt5{display:table-cell;width:32px;padding:0 0 10px;vertical-align:bottom}
.idNumStar{position:relative;top:7px;left:3px;display:inline-block;width:100%;font-size:25px;letter-spacing:3px}
.inputBtn01{display:table-cell;width:60px;text-align:right}
.inputBtn02{display:table-cell;width:70px;text-align:right}
.inputBtn03{display:table-cell;width:80px;text-align:right}
.inputBtn04{display:table-cell;width:100px;text-align:right}
.inputBtn01 > a, .inputBtn02 > a, .inputBtn03 > a, .inputBtn04 > a{width:100%}
.div2_8 .inputB01{width:20%}
.div2_8 .inputB02{width:80%}
.div3_7 .inputB01{width:30%}
.div3_7 .inputB02{width:70%}
.div4_6 .inputB01{width:40%}
.div4_6 .inputB02{width:60%}
.div5_5 .inputB01{width:50%}
.div5_5 .inputB02{width:50%}
.div6_4 .inputB01{width:60%}
.div6_4 .inputB02{width:40%}
.div7_3 .inputB01{width:70%}
.div7_3 .inputB02{width:30%}
.div8_2 .inputB01{width:80%}
.div8_2 .inputB02{width:20%}
.div25p .inputB{width:21.4%}
.div25p .inputDash{width:4.8%}
/* 연락처 정렬 */
.telWrap{display:table;width:100%}
.telWrap .telSel{display:table-cell;width:29%;vertical-align:middle}
.telWrap .inputDash{width:20px;text-align:center}
/* 이메일 정렬 */
.emailWrap .email{display:table;width:100%}
.emailWrap .inputB01{width:50%}
.emailWrap .inputB02{width:50%}
.emailWrap .inputDash{width:20px}
.emailWrap .stList{margin-top:6px}
/* 카드번호 정렬 */
.cardNum, .cardDash{display:table-cell;vertical-align:middle;text-align:center}
.cardNum input[type='text'], .cardNum input[type='tel']{padding-left:0;text-align:center}
.cardDash{width:12px}
/* 체크박스 정렬 */
.formArray{overflow:hidden;margin-top:-5px}
.formArray .checkList, .formArray .radioList{float:left;width:50%;margin-top:5px}
.formArray.array3 .checkList, .formArray.array3 .radioList{width:33.333%;width:calc(100% / 3)}
.formArray.array4 .checkList, .formArray.array4 .radioList{width:25%}
/* 날짜,시간 pick 폼 */
.cal .inputList input[type="text"]{padding-right:36px}
.cal .inputList input[type="text"].calDisabled{color:#ababab}
.cal .inputList .btnCalendar{position:absolute;top:0;right:0;width:100%;height:40px;background:url(../images/common/ico_cal.png) no-repeat 93% 50%;background:url(../images/common/ico_cal.png) no-repeat right 10px top 50%;background-size:16px 18px}
.cal .inputList .btnTime{position:absolute;top:0;right:0;width:100%;height:40px;background:url(../images/common/ico_clock.png) no-repeat 93% 50%;background:url(../images/common/ico_clock.png) no-repeat right 10px top 50%;background-size:16px 18px}
.calendarForm{display:table;width:100%}
.calendarForm > *{display:table-cell}
.calendarForm > .cal{width:50%}
.calendarForm .inputList{position:relative;width:100%}
.calendarForm .symbol{padding:0 6px;text-align:center;vertical-align:middle}
/* 주민등록번호 입력 폼 */
.residentForm:after{display:block;content:'';clear:both}
.residentForm .inputList{width:45.5%;float:left}
.residentForm .symbol{float:left;width:9%;line-height:40px;text-align:center;vertical-align:middle}
/* select + 버튼 폼 */
.selectBtnForm{position:relative;padding-right:86px}
.selectBtnForm .btnAddon{position:absolute;bottom:0;right:0;width:80px;height:40px;line-height:40px;font-size:13px;font-weight:bold;color:#fff;border:none;background:#19A647}
.accountInput{display:none}
.insertAccount{display:none}
.acc_inquiry_wrap{position:relative}
.acc_inquiry_wrap .btnAddon2{display:block;height:40px;margin-top:5px;line-height:40px;font-size:13px;font-weight:bold;color:#fff;border:none;background:#19A647;border-radius:3px}
.acc_inquiry_wrap .selectBtnForm{padding-right:0}
.acc_inquiry_wrap .selectBtnForm{position:relative;overflow:hidden}
.acc_inquiry_wrap .selectBtnForm .selAcc{display:table-cell;max-width:100%;height:38px;padding-left:5px;padding-right:30px;line-height:38px;position:relative;border:1px solid #dedede;background:#fff;white-space:nowrap}
.acc_inquiry_wrap .selectBtnForm .inputBoth01 .selectValue{height:100%}
.acc_inquiry_wrap .selectBtnForm .btn_acc_inquiry{display:inline-block;padding:0px 3px;width:100%;height:40px;padding:0 9px;line-height:40px;font-size:13px;color:#111;text-align:center;vertical-align:middle;border-radius:2px;letter-spacing:-0.05em;background:#19a647;color:#fff}
/* 폼 내 금액 조회 폼 */
.infoTxtForm{position:relative;height:30px;line-height:30px;padding-right:86px}
.infoTxtForm .btnAddonPoint{position:absolute;bottom:0;right:0;width:80px;height:30px;line-height:30px;font-size:13px;color:#fff;font-weight:bold;background:#6a7688}
.infoTxtPrice:after{display:block;content:'';clear:both}
.infoTxtPrice .infoTxt{float:left;margin-top:0;padding-left:0}
.infoTxtPrice .infoTxt:before{background-image:none}
.infoTxtPrice .priceTxt{float:right;font-size:12px;color:#19A647}
/* 수익률 계산 폼 */
.rateCalcForm{display:-webkit-flex;display:flex;-webkit-box-align:center;align-items:center}
.rateCalcForm > *{-webkit-flex:none;flex:none;margin-left:6px}
.rateCalcForm > *:first-child{width:21px;margin-left:0}
.rateCalcForm > *:nth-child(2){width:35%}
.rateCalcForm > *:nth-child(3){-webkit-flex:1;flex:1}
.rateCalcForm > *:nth-child(4){-webkit-flex:1;flex:1}
.rateCalcForm  .unit{-webkit-flex:none;flex:none;width:16px;margin-left:0;line-height:40px;text-align:right}
/* 오른쪽 단위 고정 폼 */
.unitFixForm{display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}
.unitFixForm > *{-webkit-flex:1;flex:1}
.unitFixForm .inputBoth03{display:block;width:auto}
.unitFixForm  .unit{-webkit-flex:none;flex:none;width:18px;margin-left:0;line-height:40px;text-align:right}
/* input + unit */
.unitInp .inputList, .unitInp .stList{float:left;width:89%}
.unitInp .inputList2{float:left;width:80%}
.unitInp .stList2{width:100%}
.unitInp .unit{float:left;width:11%;line-height:40px;color:#111;text-align:right}
.unitInp .inputList2 + .unit{width:20%}
/* input + unit multi 폼 */
.multiForm:after{display:block;content:'';clear:both}
.multiForm .unitInp{float:left;width:46.6%}
.multiForm .unitInp:last-child{float:right}
.multiForm .unitInp2{float:left;width:50%}
.multiForm .unitInp2 .stList{float:left;width:85%}
.multiForm .unitInp2 .unit{float:left;width:15%;line-height:40px;padding-right:5px;color:#111;text-align:right}
.multiForm .unitInp3{float:right;width:50%}
.multiForm .unitInp3 .stList{float:left;width:80%}
.multiForm .unitInp3 .unit{float:left;width:20%;padding-right:5px;line-height:40px;color:#111;text-align:right}
.multiForm .unitInp4{float:left;width:50%}
.multiForm .unitInp4 .stList{float:left;width:75%}
.multiForm .unitInp4 .unit{float:left;width:25%;padding-right:5px;line-height:40px;color:#111;text-align:right}
/* input multi - padding 재정의 */
.inputBoth01 input[type='text'], .inputBoth01 input[type='tel'], .inputBoth01 input[type='password'],
.inputBoth02 input[type='text'], .inputBoth02 input[type='tel'], .inputBoth02 input[type='password'], 
.inputBoth03 input[type='text'], .inputBoth03 input[type='tel'], .inputBoth03 input[type='password'],
.inputBoth04 input[type='text'], .inputBoth04 input[type='tel'], .inputBoth04 input[type='password'],
.telWrap input[type='text'], .telWrap input[type='tel'], .telWrap input[type='password'],
.emailWrap input[type='text'], .emailWrap input[type='tel'], .emailWrap input[type='password'],
.cardNum input[type='text'], .cardNum input[type='tel'], .cardNum input[type='password'],
.cal input[type='text'], .cal input[type='tel'], .cal input[type='password'],
.residentForm input[type='text'], .residentForm input[type='tel'], .residentForm input[type='password'],
.rateCalcForm input[type='text'], .rateCalcForm input[type='tel'], .rateCalcForm input[type='password'],
.unitFixForm input[type='text'], .unitFixForm input[type='tel'], .unitFixForm input[type='password'],
.unitInp input[type='text'], .unitInp input[type='tel'], .unitInp input[type='password'],
.selectDivision_4_6 input[type='text'],.selectDivision_4_6 input[type='tel'],.selectDivision_4_6 input[type='password'],
.selectDivision_3_7 input[type='text'],.selectDivision_3_7 input[type='tel'],.selectDivision_3_7 input[type='password'],
.selectDivision_5_5 input[type='text'],.selectDivision_5_5 input[type='tel'],.selectDivision_5_5 input[type='password']{padding-right:0 !important}
/* input multi - 리셋버튼 삭제 */
.inputBoth01 input[type='text'] + a.btnReset, .inputBoth01 input[type='tel'] + a.btnReset, .inputBoth01 input[type='password'] + a.btnReset,
.inputBoth02 input[type='text'] + a.btnReset, .inputBoth02 input[type='tel'] + a.btnReset, .inputBoth02 input[type='password'] + a.btnReset, 
.inputBoth03 input[type='text'] + a.btnReset, .inputBoth03 input[type='tel'] + a.btnReset, .inputBoth03 input[type='password'] + a.btnReset,
.inputBoth04 input[type='text'] + a.btnReset, .inputBoth04 input[type='tel'] + a.btnReset, .inputBoth04 input[type='password'] + a.btnReset,
.telWrap input[type='text'] + a.btnReset, .telWrap input[type='tel'] + a.btnReset, .telWrap input[type='password'] + a.btnReset,
.cardNum input[type='text'] + a.btnReset, .cardNum input[type='tel'] + a.btnReset, .cardNum input[type='password'] + a.btnReset,
.cal input[type='text'] + a.btnReset, .cal input[type='tel'] + a.btnReset, .cal input[type='password'] + a.btnReset,
.residentForm input[type='text'] + a.btnReset, .residentForm input[type='tel'] + a.btnReset, .residentForm input[type='password'] + a.btnReset,
.rateCalcForm input[type='text'] + a.btnReset, .rateCalcForm input[type='tel'] + a.btnReset, .rateCalcForm input[type='password'] + a.btnReset,
.unitFixForm input[type='text'] + a.btnReset, .unitFixForm input[type='tel'] + a.btnReset, .unitFixForm input[type='password'] + a.btnReset,
.unitInp input[type='text'] + a.btnReset, .unitInp input[type='tel'] + a.btnReset, .unitInp input[type='password'] + a.btnReset,
#selectCheck input[type="tel"]:read-only + .unit + a.btnReset{display:none !important} 
.emailWrap input[type='text'] + a.btnReset, .emailWrap input[type='tel'] + a.btnReset, .emailWrap input[type='password'] + a.btnReset{display:none}
/* input 리셋버튼 추가 important */
.addReset input[type="text"],.addReset input[type="tel"],.addReset input[type="password"]{padding-right:36px !important}
.inputBoth01.addReset input[type='text'], .inputBoth01.addReset input[type='text'], .inputBoth01.addReset input[type='text'],
.inputBoth02.addReset input[type='text'], .inputBoth02.addReset input[type='text'], .inputBoth02.addReset input[type='text'], 
.inputBoth03.addReset input[type='text'], .inputBoth03.addReset input[type='text'], .inputBoth03.addReset input[type='text'],
.inputBoth04.addReset input[type='text'], .inputBoth04.addReset input[type='text'], .inputBoth04.addReset input[type='text'],
.telWrap.addReset input[type='text'], .telWrap.addReset input[type='text'], .telWrap.addReset input[type='text'],
.emailWrap.addReset input[type='text'], .emailWrap.addReset input[type='text'], .emailWrap.addReset input[type='text'],
.cardNum.addReset input[type='text'], .cardNum.addReset input[type='text'], .cardNum.addReset input[type='text'],
.cal.addReset input[type='text'], .cal.addReset input[type='text'], .cal.addReset input[type='text'],
.residentForm.addReset input[type='text'], .residentForm.addReset input[type='text'], .residentForm.addReset input[type='text'],
.rateCalcForm.addReset input[type='text'], .rateCalcForm.addReset input[type='text'], .rateCalcForm.addReset input[type='text'],
.unitFixForm.addReset input[type='text'], .unitFixForm.addReset input[type='text'], .unitFixForm.addReset input[type='text'],
.unitInp.addReset input[type='text'], .unitInp.addReset input[type='text'], .unitInp.addReset input[type='text'],
.selectDivision_4_6.addReset input[type='text'],.selectDivision_4_6.addReset input[type='tel'],.selectDivision_4_6 input[type='password'],
.selectDivision_3_7.addReset input[type='text'],.selectDivision_3_7.addReset input[type='tel'],.selectDivision_3_7 input[type='password'],
.selectDivision_5_5.addReset input[type='text'],.selectDivision_5_5.addReset input[type='tel'],.selectDivision_5_5 input[type='password']{padding-right:36px !important}
/* 통신사 선택 */
.mobileSelct:after{display:block;content:'';clear:both}
.mobileSelct li{float:left;width:49%}
.mobileSelct li:nth-child(even){margin-left:2%}
.mobileSelct li:nth-child(1),.mobileSelct li:nth-child(2){margin-bottom:6px}
.boxChkList li{margin-bottom:6px}
.boxChkList li:last-child{margin-bottom:0}
.boxChk{position:relative;width:100%;display:block}
.boxChk input[type="checkbox"]{position:absolute;top:0;clip:rect(0,0,0,0)}
.boxChk input[type="radio"]{position:absolute;top:0;clip:rect(0,0,0,0);width:100%;height:100%}
.boxChk label{position:relative;display:block !important;height:30px;padding-left:10px;line-height:28px;font-size:12px;width:100% !important;max-width:100% !important;margin-left:0 !important;border:1px solid #999;border-radius:2px}
.boxChk label:after{position:absolute;top:50%;right:5px;width:14px;margin-top:-5px;height:10px;content:'';background:url('../images/common/ico_select_gray.png') no-repeat 100% 50%;background-size:14px 10px}
.loginChkBox input + label:before{content:'미사용';display:block}
.loginChkBox input:checked + label:before{content:'사용';display:block}
.boxChk input:checked + label{background:#19A647;border:1px solid #19A647;color:#fff}
.boxChk input:checked + label:after{background-image:url('../images/common/ico_select_active_w.png')}
/* toggle 정의 */
.switch{position:relative;display:inline-block;width:30px;height:10px;margin-top:4px}
.switch input{display:inline-block;width:100%;height:100%;opacity:0;font-size:1px;line-height:1px}
.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#999;-webkit-transition:.4s;transition:.4s}
.switch .slider:after{position:absolute;content:'';height:17px;width:17px;left:-8px;top:-4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border:1px solid #e5e5e5;color:transparent;font-size:1px;line-height:1px}
.switch input:checked + .slider:after{top:-4px;background-color:#19A647;border:0;vertical-align:middle}
.switch input:checked + .slider{background-color:#cef0dc}
.switch input:focus + .slider{height:10px;box-shadow:0 0 1px #19A647;position:absolute;display:inline-block;vertical-align:middle}
.switch input:checked + .slider:after{content:'';-webkit-transform:translateX(26px);transform:translateX(26px)}
/* Rounded sliders */
.switch .slider.round{border-radius:34px}
.switch .slider.round:after{border-radius:50%}
/* 상세/상품 내 컨텐츠 */
.accountSelect{margin:0 -17px}
.accountSelect .selectArea:after{display:block;content:'';clear:both}
.accountSelect .selectArea a{position:relative;float:left;width:32%;height:44px;padding:0 0 0 17px;line-height:44px;font-size:13px;color:#fff;font-weight:bold;background-image:url(../images/common/ico_arr_more_w.png);background-repeat:no-repeat;background-position:90% 50%;background-position:right 17px top 50%;background-size:11px 11px}
.accountSelect .selectArea a.active{background-image:url(../images/common/ico_arr_more_m.png);background-repeat:no-repeat;background-position:90% 50%;background-position:right 17px top 50%;background-size:11px 11px}
.accountSelect .selectArea a:after{position:absolute;top:0;left:0;content:'';width:1px;height:100%;background:#fff;opacity:.2}
.accountSelect .selectArea a:first-child{width:68%;background-image:none;background-color:#19A647;background-image:url('../images/common/ico_arr_down_w.png');background-size:11px 7px}
.accountSelect .selectArea a.arrowNone{background-image:none}
.accountSelect .selectArea a:first-child + a,.accountSelect .selectArea a:first-child + * ~ a{background-color:#6a7688}
.accountSelect .selectArea a.noBg{background-image:none}
.accountSelect .selectArea .badgeDefault{display:inline-block;margin-left:10px;padding:0 6px;border:1px solid #fff;background:#19A647;color:#fff}
.accountInput{height:44px;padding:0 17px;background:#f8f8f8;border-bottom:1px solid #dedede}
.accountInput .typeSrch{position:relative;display:block}
.accountInput .btnSrch{position:absolute;top:0;right:0;width:30px;height:44px;margin-right:-7px;background-position:50% 50%}
.accountInput .typeSrch{padding:0 30px 0 0}
.accountInput input[type="text"],.accountInput input[type="tel"]{height:44px;line-height:22px;border:none;background:none}
.accountInput input::-webkit-input-placeholder{color:#ababab}
.accountInput input:focus{border-bottom:none}
.accountInput input:-ms-input-placeholder,
.accountInput textarea:-ms-input-placeholder{font-size:14px;color:#666}
.accountInput input::-webkit-input-placeholder,
.accountInput textarea::-webkit-input-placeholder{font-size:14px;color:#666}
/* 상품리스트 */
.productWrap{margin:0 -17px}
.productWrap.bdt{border-top:1px solid #dedede !important}
.productList > li{border-bottom:1px solid #dedede} 
.productList li .txt{font-size:13px}
.productList li .txt + .txt{margin-top:2px}
.productList li a.link{position:relative;display:block;padding:15px 42px 15px 17px;background:url(../images/common/ico_list_link.png) no-repeat 95% 50%;background:url(../images/common/ico_list_link.png) no-repeat right 17px top 50%;background-size:9px 16px}
.productList li a.block.link{padding:0 42px 0 0;background-position:0 50%;background-position:right 0 top 50%}
.productList li a.link.noBg{padding:15px 17px;background:none}
.productList li div.link{position:relative;display:block;padding:15px 17px}
.productList li.active{background:#f7fcf9}
.productList .productHeader{border-bottom:1px solid #dedede;background:#f7fcf9}
.nicknameList .productHeader{border-bottom:0}
.productList .gray{background:#f8f8f8}
.productList .productHeader .badgeDefault{float:right}
.productList .productHeader a .badgeDefault{position:absolute;right:40px;top:50%;float:right;margin-top:-11px}
.productList .productHeader div.link .badgeDefault{position:absolute;right:17px;top:50%;float:right;margin-top:-11px}
.productList .exchangeView{margin-top:12px}
.productList .wrapTblDefault [class$="Tit"]{margin-top:0;color:#3b5997}
.productList.linkCon .link .detailList{padding:0}

/* badge 스타일 */
.badge{display:inline-block;min-width:43px;height:22px;line-height:20px;margin-right:9px;padding:0 10px;font-size:12px;color:#19a647;text-align:center;border:1px solid #19a647;border-radius:2px;background:#fff}
.badge.color1{border-color:#3b5997;color:#3b5997} /* 블루 */
.badge.color2{border-color:#419e04;color:#419e04} /* 그린 */
.badge.color3{border-color:#3b5997;color:#3b5997} /* 남색 */
.badge.color4{border-color:#f44743;color:#f44743} /* 주황 */
.badge.color5{border-color:#999999;color:#666666} /* 회색 */
/* 금액 타입 */
.priceTxt:after{display:block;content:'';clear:both}
.priceTxt .tit{float:left;margin:5px 10px 0 0;font-size:12px;vertical-align:middle}
.priceTxt .num{float:left;font-size:18px;vertical-align:middle}
.priceTxt .unit{float:left;margin:5px 0 0 4px;font-size:12px;vertical-align:middle}
.countTxt{display:inline-block;margin-top:5px;font-size:12px;color:#666}
.countTxt em{color:#333}
/* 계좌/상품 해더 */
.defaulTitHeader{padding:13px 16px;border:1px solid #999}
.defaulTitHeader:after{display:block;content:'';clear:both}
.defaulTitHeader .prodTit{font-size:13px;margin-bottom:0}
.defaulTitHeader .priceTxt{float:right}
.defaulTitHeader .titArea:after{display:block;content:'';clear:both}
.defaulTitHeader .titArea .prodTit{float:left}
.defaulTitHeader .titArea .countTxt{float:right;margin-top:1px}
.defaulTitHeader .titArea + .countTxt{display:block}
/* fomlist 중 닫림,열림 박스 */
.areaBg{margin-top:20px;background:#f8f8f8;border:1px  solid #dedede;border-radius:2px}
.areaBg h3{height:39px;line-height:39px;margin:0;font-size:14px;color:#111;padding-left:32px;background:url(../images/common/ico_pen.png) 10px 13px no-repeat;background-size:13px 13px}
.areaBg h3 .btnAcc{top:9px}
.areaBg .toggleCont{padding:15px;border-top:1px solid #dedede}
/* 조회조건변경 */
.dateSet{padding:25px 18px}
.dateSet .defTit:first-child{margin-top:0}
.transfer .optionSel ul{display:table;table-layout:fixed;width:100%}
.transfer .optionSel ul li{display:table-cell;height:35px;border:1px solid #dedede;border-left:0;vertical-align:middle}
.transfer .optionSel ul li:first-child{border-left:1px solid #dedede;border-radius:3px 0 0 3px}
.transfer .optionSel ul li:last-child{border-radius:0 3px 3px 0}
.transfer .optionSel ul li a{display:block;text-align:center}
.transfer .optionSel ul li.active{background-color:#19a647;border-color:#19a647;position:relative}
.transfer .optionSel ul li.active:after{content:'';color:transparent;opacity:0;position:absolute;overflow:hidden;font-size:1px;width:1px;height:1px;top:0}
.transfer .optionSel ul li.active a{color:#fff}
/* 선택 + 상세보기 리스트 */
.detailList{padding:11px 17px 12px}
.detailList li{display:table;width:100%;margin-bottom:5px}
.detailList li:last-child{margin-bottom:0}
.detailList li > span,.detailList li > strong{display:table-cell;vertical-align:middle;text-align:right}
.detailList li > .tit{min-width:100px;vertical-align:top;text-align:left}
.detailList .wrapTblDefault{margin-top:0}
.detailList li.divingLine{margin-top:15px !important;padding-top:15px}
.stepArea + .selDetailList{margin-top:-1px}
/* 상세보기 리스트 내에 토글 영역 구분될 때 */
.detailList + .toggleWrap .detailList{margin-top:-7px;padding-top:0}
.selDetailList{margin:0 -17px}
.selDetailList > ul > li{border-bottom:1px solid #dedede} 
.selDetailList > ul > li:first-child{border-top:1px solid #dedede} 
.selDetailList > ul > li.active{background:#f7fcf9}
.selDetailList > ul > li > a{display:block;margin-right:17px;padding-right:10px;background:url('../images/common/ico_big_blackarrow.png') no-repeat right center;background-size:8px 15px}
.selDetailList .listTit{position:relative;padding:10px 25px 11px 17px;background-color:#f8f8f8;color:#111;font-size:13px}
.selDetailList > .listTit{border-top:1px solid #dedede}
.selDetailList .listTit a{display:inline-block;position:absolute;top:50%;right:0px;width:50px;height:40px;margin-top:-20px;background:url('../images/common/ico_list_link.png') no-repeat 55% 50%;background-size:9px 15px;text-indent:-9999px}
.selDetailList .listTit a.btnType02{top:50%;right:17px;width:auto;height:30px;margin-top:-15px;background-image:none;background-color:#fff;text-indent:0}
.selDetailList .listTit a.btnType02.btnDel{right:70px}
.selDetailList .areaBodyBtnFull, .productList .areaBodyBtnFull{margin-top:0;padding:0 17px 15px}
.selDetailList .areaBodyBtnFull .btnBodyLine, .productList .areaBodyBtnFull .btnBodyLine{height:30px;line-height:28px}
.selDetailList .areaBodyBtnFull .inner li a, .productList .areaBodyBtnFull .inner li a{height:30px;line-height:28px}
.guideListTop .areaBodyBtnFull .inner li a{margin-top:5px;height:24px;line-height:22px;font-size:11px}
.guideListTop .areaBodyBtnFull .inner li a.h40{height:40px;line-height:40px;font-size:14px}
.selDetailList li > .wrapTblDefault + .areaBodyBtnFull{margin-top:15px}
.selDetailList li > .wrapTblDefault{margin-top:15px}
/* total */
.totalWrap{margin:0 -17px;padding:11px 17px 12px;background-color:#19a647;color:#fff}
.totalWrap dl, .totalWrap .dl{display:table;width:100%;margin-top:5px}
.totalWrap dl:first-child, .totalWrap .dl:first-child{margin-top:0}
.totalWrap dl dt, .totalWrap dl dd, .totalWrap .dl .dt{display:table-cell;vertical-align:middle}
.totalWrap dl dt{min-width:130px}
.totalWrap dl dd{text-align:right}
.totalWrap dl dd em{font-size:16px}
.totalWrap h2{color:#fff;font-size:14px}
.totalWrap.bankType{background-color:#f7fcf9}
.totalWrap.bankType dl dt, .totalWrap.bankType dl dd{color:#111}
.totalWrap.bankType dl dt strong{color:#111;font-weight:bold;font-size:15px;vertical-align:baseline}
.totalWrap.bankType dl dd.pointColor em{font-size:20px;display:inline-block;margin-right:3px}
.totalWrap.bankType + .totalWrap{margin-top:20px}
.cms_data{margin:0;background-color:#f7fcf9;color:#111;border-bottom:1px solid #dedede}
/* 더보기 */
.listMoreBtn{margin-top:20px;border:1px solid #999999;border-radius:2px}
.listMoreBtn a{display:block;height:40px;line-height:40px;text-align:center}
.listMoreBtn a:after{display:inline-block;content:'';width:12px;height:8px;margin-left:7px;background:url('../images/common/ico_arr_down.png') no-repeat 0 0;background-size:11px 7px}
.listMoreBtn a.active:after{background-image:url('../images/common/ico_arr_up.png')}
.listMoreBtn + .totalWrap{margin-top:20px}
.areaBodyBtnFull .inner li.listMoreBtn{border:0;border-radius:0}
/* 각종 box 스타일 */
.boxHeaderBlue{margin-top:20px;padding:15px 10px;background:#f7fcf9;border-top:1px solid #999;border-bottom:1px solid #dedede}
.boxHeaderBlue + table{border-top:none !important}
/* etc */
/* 이미지영역 */
.imgWrap{text-align:center}
.imgWrap img{display:block;width:100%}
/* 토글 컨텐츠 */
.exchangeView .toggleBtn{display:inline-block;width:100%;height:30px;padding:0 3px;line-height:28px;font-weight:bold;text-align:center;vertical-align:middle;border-radius:2px;border:1px solid #999;background:#fff}
.exchangeView .toggleBtn:after{display:inline-block;content:'';width:12px;height:7px;margin-left:7px;background:url('../images/common/ico_arr_down.png') no-repeat 0 0;background-size:11px 7px}
.exchangeView .toggleBtn.active:after{background-image:url('../images/common/ico_arr_up.png')}
.exchangeView .toggleCont{display:none;background:#f8f8f8}
.exchangeView .toggleCont > .guideList{border:1px solid #999;border-top:0;border-radius:0 0 2px 2px}
.exchangeView .toggleBtn.active + .toggleCont{display:block}
.toggleNone{display:none}
/* 공유하기 */
.snsWrap{padding:20px 0 13px}
.snsWrap ul{text-align:center}
.snsWrap ul li{display:inline-block;margin:0 15px}
.snsWrap ul li a{display:block;min-width:50px;padding-top:45px;background-position:top center;background-repeat:no-repeat;background-size:40px 40px;text-align:center}
.snsWrap ul li.sns01 a{background-image:url('../images/common/ico_sms.png')}
.snsWrap ul li.sns02 a{background-image:url('../images/common/ico_kakao.png')}
.snsWrap ul li.sns03 a{background-image:url('../images/common/ico_mail.png')}
/* 아이콘 리스트 팝업 */
.IconList{margin:0 -17px}
.IconList li{padding:15px 0;display:table;line-height:25px;border-bottom:1px solid #dedede;width:100%;padding-left:17px}
.IconList li:before{content:"";display:table-cell;width:25px;height:25px;background-size:25px 25px;background-repeat:no-repeat;padding-right:10px;background-position-y:center}
.IconList li:nth-child(1):before{background-image:url(../images/common/country_01.png)}
.IconList li:nth-child(2):before{background-image:url(../images/common/country_02.png)}
.IconList li:nth-child(3):before{background-image:url(../images/common/country_03.png)}
.IconList li:nth-child(4):before{background-image:url(../images/common/country_04.png)}
.IconList li:nth-child(5):before{background-image:url(../images/common/country_05.png)}
.IconList li:nth-child(6):before{background-image:url(../images/common/country_06.png)}
.IconList li:nth-child(7):before{background-image:url(../images/common/country_07.png)}
.IconList li:nth-child(8):before{background-image:url(../images/common/country_08.png)}
.IconList li:nth-child(9):before{background-image:url(../images/common/country_09.png)}
.IconList li:nth-child(10):before{background-image:url(../images/common/country_10.png)}
.IconList li:nth-child(11):before{background-image:url(../images/common/country_11.png)}
.IconList li:nth-child(12):before{background-image:url(../images/common/country_12.png)}
.IconList li:nth-child(13):before{background-image:url(../images/common/country_13.png)}
.IconList li:nth-child(14):before{background-image:url(../images/common/country_14.png)}
.IconList li:nth-child(15):before{background-image:url(../images/common/country_15.png)}
.IconList li:nth-child(16):before{background-image:url(../images/common/country_16.png)}
.IconList li:nth-child(17):before{background-image:url(../images/common/country_17.png)}
.IconListBtn{margin:0 -17px -17px;padding-top:40px}
.bankIconList tbody tr{line-height:25px;width:100%;padding-left:17px}
.bankIconList tbody tr td:first-child:before{content:"";display:inline-block;vertical-align:middle;width:25px;height:25px;background-size:25px 25px;background-repeat:no-repeat;padding-right:10px;background-position-y:center}
.bankIconList tbody tr:nth-child(1) td:first-child:before{background-image:url(../images/common/bankIcon_01.png)}
.bankIconList tbody tr:nth-child(2) td:first-child:before{background-image:url(../images/common/bankIcon_02.png)}
.bankIconList tbody tr:nth-child(3) td:first-child:before{background-image:url(../images/common/bankIcon_03.png)}
.bankIconList tbody tr:nth-child(4) td:first-child:before{background-image:url(../images/common/bankIcon_04.png)}
.bankIconList tbody tr:nth-child(5) td:first-child:before{background-image:url(../images/common/bankIcon_05.png)}
.bankIconList tbody tr:nth-child(6) td:first-child:before{background-image:url(../images/common/bankIcon_06.png)}
.bankIconList tbody tr:nth-child(7) td:first-child:before{background-image:url(../images/common/bankIcon_07.png)}
.bankIconList tbody tr:nth-child(8) td:first-child:before{background-image:url(../images/common/bankIcon_08.png)}
.bankIconList tbody tr:nth-child(9) td:first-child:before{background-image:url(../images/common/bankIcon_09.png)}
.bankPopBtn{padding:15px 15px 0;margin-top:0}
/*분할인출 회차 선택*/
.accordianWrap{margin:15px -17px}
.accordianMu > li:first-child{border-top:1px solid #dedede}
.accordianMu > li{border-bottom:1px solid #dedede}
.accordianTit{padding:15px 17px}
.accordianTit:after{content:"";display:block;clear:both}
.accordianTit .acdLft{float:left;margin-top:0}
.accordianTit .acdRht{float:right;vertical-align:middle}
.accordianTit .acdRht .acNum{color:#19a647;font-weight:bold}
.accordianCont{border-top:1px solid #dedede;display:none}
.accordianCont .listDot{padding-top:7px}
.accordianList{padding:9px 0}
.accordianList li{padding:2px 17px}
.accordianList li:after{content:"";display:block;clear:both}
.accordianList li .acdTxt{float:left}
.accordianList li .acdInfo{float:right}
.accordianLb span{margin-right:10px;display:inline-block !important}
.accordianLb01{color:#666;font-size:12px}
.badgeDefault{height:22px;padding:0 10px;line-height:20px;background:#fff;border:1px solid #19a647;border-radius:2px;color:#19a647;font-size:12px;text-align:center;vertical-align:middle;display:inline-block}
.badgeDefault.red{border:1px solid #f44743;color:#f44743}
.badgeDefault.grey{border:1px solid #666;color:#666}
.btnAcc{width:30px;height:22px;background:url(../images/common/ico_arr2_down.png) no-repeat right center;background:url(../images/common/ico_arr2_down.png) no-repeat right 5px center;background-size:16px 9px;text-indent:-9999px;overflow:hidden}
.btnAcc.active{background:url(../images/common/ico_arr2_up.png) no-repeat right center;background:url(../images/common/ico_arr2_up.png) no-repeat right 5px center;background-size:16px 9px}
.popWrap .popInner .popCont input[type='checkbox'].accordianCk{position:relative;width:21px;height:21px;opacity:1}
/* 국가선택 */
.nationList{margin-top:10px}
.nationList li{margin-bottom:6px}
.nationList li a{display:block;padding:16px 70px 16px 57px;border:1px solid #dedede}
.nationList li a p{line-height:1.7}
.nationList .nVietnam{background:url(../images/contents/ico_vietnam.png) no-repeat 17px center, url(../images/contents/ico_agribank.png) no-repeat 93% center;background:url(../images/contents/ico_vietnam.png) no-repeat left 17px center, url(../images/contents/ico_agribank.png) no-repeat right 17px center;background-size:25px 25px, 50px 35px}
.nationList .nPhilippines{background:url(../images/contents/ico_philippines.png) no-repeat 17px center, url(../images/contents/ico_metrobank.png) no-repeat 93% center;background:url(../images/contents/ico_philippines.png) no-repeat left 17px center, url(../images/contents/ico_metrobank.png) no-repeat right 17px center;background-size:25px 25px, 50px 35px}
.fundAccountInfo{position:relative;width:100%;border-radius:2px;background:#e6f8f7}
.fundAccountInfo .fundInfoImg{width:99px;height:120px;background:url(../images/contents/img_fund.png) no-repeat;background-size:cover;position:absolute;right:17px;bottom:-10px;text-indent:-9999px}
.fundAccountInfo .fundInfoImg02{width:86px;height:83px;background:url(../images/contents/img_banner02.png) no-repeat;background-size:cover;position:absolute;right:17px;bottom:22px;text-indent:-9999px}
.fundAccountInfo .infoTitle{font-size:14px;padding:30px 30px 0 28px}
.fundAccountInfo .fundInfoBtn{margin-left:28px;margin-top:8px;padding-bottom:10px}
.fundAccountInfo .fundInfoBtn a{height:30px;line-height:28px;font-weight:bold;padding:0 22px 0 14px}
.fundAccountInfo .fundInfoBtn .color1{background:url(../images/contents/icon_fund_arrow01.png) no-repeat 90% 50%;background:url(../images/contents/icon_fund_arrow01.png) no-repeat right 10px top 50%;background-size:6px 8px}
.fundAccountInfo .fundInfoBtn .color2{background:url(../images/contents/icon_fund_arrow02.png) no-repeat 90% 50%;background:url(../images/contents/icon_fund_arrow02.png) no-repeat right 10px top 50%;background-size:6px 8px}
.fundAccountInfo .fundInfoBtn a:first-child{margin-right:1px}
/* 하단 CMS 관리 배너 */
.bannerBotWrap{width:100%;border-radius:2px;margin-top:20px;padding:16px 19px 19px 19px}
.bannerBotWrap + .bannerBotWrap{margin-top:10px}
.bannerBotWrap.type01{background:#e8f4fc url('../images/contents/img_fund.png') no-repeat 95% 95%;background-size:75px 85px}
.bannerBotWrap.type02{background:#e6f8f7 url('../images/contents/img_banner02.png') no-repeat 95% 60%;background-size:68px 72px}
.bannerBotWrap p{font-size:14px;letter-spacing:-0.5px;line-height:1.3}
.bannerBotWrap.type01 p strong{color:#19a647}
.bannerBotWrap.type02 p strong{color:#019370}
.bannerBotWrap .bannerBtn{margin-top:8px}
.bannerBotWrap .bannerBtn a{height:30px;line-height:28px;font-weight:bold;padding:0 22px 0 14px;margin-right:2px}
.bannerBotWrap .bannerBtn .color1{background:url(../images/contents/icon_fund_arrow01.png) no-repeat right 10px top 50%;background-size:6px 8px}
.bannerBotWrap .bannerBtn .color2{background:url(../images/contents/icon_fund_arrow02.png) no-repeat right 10px top 50%;background-size:6px 8px}
.defTit>.checkList{min-width:93px;float:right;margin-top:-3px;color:#111;font-weight:normal;font-size:13px;text-align:right}
.defTit>.btnType02{float:right;margin-top:-5px}
.defSubTit>.btnType02{float:right;margin-top:-5px}
/* 아이디 찾기 */
.idFind{display:table;width:100%;margin-top:5px;text-align:right}
.idFind .infoTxt:before{display:none}
.idFind .infoTxt, .idFind .btnType01{display:inline-block;margin-left:9px}
.idFind .btnAddon{width:80px}
.idFind p.infoTxt:before{top:5px}
/* 중간 가이드 toggle */
.guideToggle{margin:20px -17px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede}
.guideToggle dt{padding:12px 17px;background-color:#f7fcf9}
.guideToggle dt a{background:url('') no-repeat 0 0}
.guideToggle .toggleCont{display:none}
/* 아코디언 메뉴 */
.accordionMenu{margin:0 -17px}
.accordionMenu .dep2,
.accordionMenu .dep3{display:none}
.accordionMenu .dep1 > li > a{display:block;padding:13px 40px 13px 17px;font-weight:bold;border-bottom:1px solid #dedede;background:url(../images/common/ico_arr2_down.png) 94% 50% no-repeat;background:url(../images/common/ico_arr2_down.png) right 17px top 50% no-repeat;background-size:16px 9px;-webkit-background-size:16px 9px;font-size:16px}
.accordionMenu .dep1 > li > a.active{color:#19A647;background:#f7fcf9 url(../images/common/ico_arr2_up.png) 94% 50% no-repeat;background:#f7fcf9 url(../images/common/ico_arr2_up.png) right 17px top 50% no-repeat;-webkit-background-size:16px 9px}
.accordionMenu .dep1 > li > a.link:after{display:none}
.accordionMenu .dep1 > li > a.link{background:url(../images/common/ico_list_link.png) 94% 50% no-repeat;background:url(../images/common/ico_list_link.png) right 17px top 50% no-repeat;-webkit-background-size:9px 16px !important}
.accordionMenu .dep2 > li > a{position:relative;display:block;padding:10px 40px 10px 26px;color:#666;border-bottom:1px solid #dedede;background:url(../images/common/ico_list_link.png) 94% 50% no-repeat;background:url(../images/common/ico_list_link.png) right 17px top 50% no-repeat;-webkit-background-size:9px 16px;font-weight:bold}
.accordionMenu .dep2 > li > a.more{background:url(../images/common/ico_plus.png) 94% 50% no-repeat;background:url(../images/common/ico_plus.png) right 17px top 50% no-repeat;-webkit-background-size:15px 15px}
.accordionMenu .dep2 > li > a.more.active{background:url(../images/common/ico_minus.png) 94% 50% no-repeat;background:url(../images/common/ico_minus.png) right 17px top 50% no-repeat;-webkit-background-size:15px 1px}
.accordionMenu .dep3 > li > a{position:relative;display:block;padding:10px 40px 10px 26px;color:#666;border-bottom:1px solid #dedede;background:url(../images/common/ico_list_link.png) 94% 50% no-repeat #f8f8f8;background:url(../images/common/ico_list_link.png) right 17px top 50% no-repeat #f8f8f8;-webkit-background-size:6px 13px;font-size:13px}
.accordionMenu .dep2 > li > a:after{position:absolute;top:50%;left:17px;content:'';width:3px;height:3px;margin-top:-2px;background:url(../images/common/bul_dot.png) no-repeat;-webkit-background-size:cover;text-indent:-9999px} 
/*info*/
.infoWrap{margin:0 -17px;padding:17px;background-color:#f8f8f8}
.infoWrap .infoTit{font-size:14px;font-weight:bold}
.infoWrap .infoTitS{padding-top:15px;border-top:1px solid #dedede;margin-bottom:5px;font-size:12px}
.infoWrap .infoTit strong{color:#111}
.infoWrap .infoText{margin-top:5px;font-size:12px}
.infoWrap > ol > li{margin-top:20px}
.infoWrap > ol > li:first-child{margin-top:0}
.listLine{margin-top:10px;padding-left:10px;border-left:2px solid #dedede}
.listLine li{margin-top:8px;color:#666;font-size:11px;line-height:11px}
.listLine li:first-child{margin-top:0}
.infoTit +.listDot{margin-top:5px}
/*보안카드입력*/
.scCardWrap:after{display:block;content:'';clear:both}
.scCardWrap li{float:left;width:49%;padding:15px;background-color:#f7fcf9;text-align:center}
.scCardWrap li:first-child{margin-right:2%}
.scCardTit{color:#666}
.scCardTit strong{color:#111}
.scCardNum{padding-top:10px}
.scCardNum input{width:70px;font-size:240%;box-sizing:content-box;color:#046fd9;padding:0 0 0px 0;letter-spacing:5px;text-align:center;-webkit-text-security:circle;font-family:Tahoma}
.scCardNum span{width:35px;height:30px;padding-top:3px;font-size:24px;line-height:50px;vertical-align:top;display:inline-block}

/* 조회/이체 공통 */
.accInfoTit{margin:0 -17px;padding:16px 17px 17px;background-color:#f7fcf9}
.accInfoTit dt{font-size:14px;font-weight:bold}
.accInfoTit dd{color:#f68b1f}
.accInfoTit + .wrapTblDefault{margin-top:20px}
.guideListTop + .accInfoTit, .guideListTop + .totalWrap.bankType{margin-top:20px;border-top:1px solid #999}
.displayTable{display:table;width:100%}
.displayTableCell{display:table-cell;vertical-align:middle}
/* 탭 */
.tabContWrap .tabCont{display:none}
.tabContWrap .tabCont:first-child{display:block}
/* 보안매체 공통 풀팝업 */
.cmScWrap{margin-top:20px;padding:13px 15px 15px;background:#f7fcf9;border:1px solid #d0f2db;text-align:center}
.cmScWrap h2.defTit{margin-top:0;margin-bottom:5px;font-size:16px;color:#19a647;text-align:center}
.cmScWrap h3.defTit{margin-top:0;margin-bottom:5px;font-size:16px;color:#19a647;text-align:center}
.cmScWrap + .cmScWrap{margin-top:0;border-top:1px solid #dedede}
/* 보안카드 */
.cmCardWrap{max-width:300px;margin:0 auto;text-align:center}
.cmCardWrap li{display:table;width:100%;table-layout:fixed}
.cmCardWrap .scCardTit{display:table-cell;width:45%;color:#111;font-size:14px;position:relative;top:-4px}
.cmCardWrap .scCardTit strong{color:#111}
.cmCardWrap .scCardNum{display:table-cell;padding-top:10px}
.cmCardWrap .scCardNum input{font-size:240%;box-sizing:content-box;color:#19a647;padding:0 0 0px 0;letter-spacing:5px;text-align:center;-webkit-text-security:circle;font-family:Tahoma}
.cmCardWrap .scCardNum span{color:#111;padding-top:0;letter-spacing:5px}
.cmCardWrap.serialNum{text-align:center}
.cmCardWrap.serialNum .scCardNum{display:inline-block}
.cmCardWrap.serialNum .scCardNum input{width:100px;font-size:240%;box-sizing:content-box;color:#19a647;padding:0;letter-spacing:5px;text-align:center;-webkit-text-security:circle;font-family:Tahoma}
.cmCardWrap.serialNum .scCardNum span{width:15px}
.scImgWrap{margin-top:20px;padding:25px 0;border:1px solid #dedede;text-align:center}
.scImgWrap img{width:60%}
/* 스마트 OTP,OTP,모바일OTP */
.cmOtpWrap{background:#f7fcf9;text-align:center}
.cmOtpWrap .scOtpIcon{margin-top:11px}
.cmOtpWrap .scOtpIcon img{width:35px}
.cmOtpWrap .scOtpIcon.smartOtp img{width:80%;max-width:210px}
.cmOtpWrap .scOtpIcon .img02{width:20px}
.cmOtpWrap .scOtpTxt{margin-top:8px;color:#111;font-size:13px}
.cmOtpWrap .scOtpTxt .scOtpPoint{display:inline-block;height:20px;margin:15px auto 0;padding:0 10px;font-size:12px;line-height:20px;color:#fff;background:#19a647;border-radius:10px}
.cmOtpWrap .scOtpInput{margin-top:20px;font-size:initial} 
.cmOtpWrap .scOtpInput input[type="password"]{font-size:240%;box-sizing:content-box;color:#19A647;padding:0 0 0px 0;letter-spacing:5px;text-align:center;-webkit-text-security:circle;font-family:Tahoma}
.cmOtpWrap .noCardImg{display:inline-block;width:210px;height:132px;border:1px solid #111;text-align:center;line-height:132px;border-radius:3px;background:#fff}
/* 매체확인 */
.cmScBtn.areaBodyBtnFull{margin-top:15px}
.cmScBtn.areaBodyBtnFull .inner li a{font-weight:bold}
.cmScBtn.areaBodyBtnFull .inner li a.btnBodyColor{font-size:14px;background:#6a7688;border:none}
.cmScBtn.areaBodyBtnFull .inner li a.btnBodyColor.active{background:#19A647}
/* 전자서명 메시지 */
.signWrap{margin:30px -17px -17px;padding:20px;background-color:#f6f6f6;text-align:center}
.selDetailList + .signWrap{margin-top:0}
.cmOtpWrap .timeLimit2{margin-top:10px;color:#666}
.cmOtpWrap .btnTimeLimit{display:inline-block;width:23px;height:23px;margin:-3px 0 0 0px;background:url("../images/contents/btn_re_time_black.png") no-repeat center center;background-size:12px 14px;vertical-align:middle}
/* one page tab cont */
.tabSwitchCont > div{display:none}
.tabSwitchCont > div:first-child{display:block}
/* 상품상세 공통 */
.container .prodDetailWrap{margin:30px -17px 0 -17px;border-bottom:1px solid #eaeaea}
.container .popCont .prodDetailWrap{margin-top:20px}
.prodDetailWrap{margin-top:30px;font-size:12px}
.prodDetailWrap .pointColor, .prodListWrap .pointColor{color:#19A647 !important}
.prodDetailWrap .boardWrap{margin:0}
.prodDetailWrap .boardWrap .boardList > li{padding:0;border-bottom:5px solid #f3f3f3;border-top:0}
.prodDetailWrap .boardWrap .boardList > li:last-child{border-bottom:1px solid #dedede}
.prodDetailWrap .boardWrap .boardList li a.toggleBtn{padding:15px 42px 15px 25px;font-size:14px}
.prodDetailWrap .wrapTblDefault.ty01 > table{border:0}
.prodDetailWrap .wrapTblDefault.ty01 > table > thead > tr > th{border:0;vertical-align:top;color:#333}
.prodDetailWrap .wrapTblDefault.ty01 > table > tbody > tr > th{padding-top:10px;padding-bottom:7px;padding-left:0;background-color:transparent;border:0;vertical-align:top;color:#000}
.prodDetailWrap .wrapTblDefault.ty01 > table > tbody > tr > td{padding-top:10px;padding-bottom:7px;border:0;background-color:transparent;font-size:12px;vertical-align:top;color:#808080}
.prodDetailWrap .toggleWrap .faqConBox{background-color:#fafafa;padding:20px 25px}
.prodDetailWrap .toggleWrap .faqConBox .prodDlList:nth-of-type(1){margin-top:0}
.prodDetailWrap .toggleWrap .faqConBox > .wrapTblDefault:first-child{margin-top:-5px}
.prodDetailWrap .wrapTblDefault table th, .prodDetailWrap .wrapTblDefault table td{color:#000;line-height:18px}
.prodDetailWrap .guideList2{margin:20px -25px -20px;padding:17px 15px 17px 25px;background-color:#f0f0f0}
.prodDetailWrap .listDot > li{margin-top:3px;font-size:12px}
.prodDetailWrap .defSubTit{font-size:13px;color:#111;font-weight:400}
.prodDetailWrap [class^="wrapTbl"] table{border-top:1px solid #808080}
.prodDetailWrap + .comBggraybox{margin:0 -17px;padding:10px 25px;border-bottom:1px solid #eaeaea}
.prodDetailWrap .iframeWrap{height:auto;border:0;border-top:1px solid #dedede}
.prodDetailWrap .iframeWrap iframe{width:100%;border:0}
.kdicWrap{padding:15px 25px 20px}
.kdicArea{padding-top:52px;background:url('../images/common/bg_kdic.png') no-repeat 0 0;background-size:65px 42px}
.kdicArea p{color:#666;font-size:12px}
.kdicWrap .defTit{margin-top:15px;margin-bottom:5px;font-size:13px;color:#111;font-weight:400}
.prodDetailWrap .toggleWrap > .boardListTit{display:block;padding:15px 25px}
.prodDetailWrap .toggleWrap > .boardListTit + .toggleCont{display:block !important}
.prodDlList{margin-top:15px}
.prodDlList dt{font-size:13px;color:#000}
.prodDlList dd{margin-top:5px;font-size:12px}
.inputBoth03 input[type='text'].ar.pr5{padding-right:5px !important}
.inputBoth03 input[type='tel'].ar.pr5{padding-right:5px !important} 
.newIcon{display:inline-block;width:13px;height:100%;margin-left:3px;background:url(../images/common/ico_new02.png) no-repeat 0 50% / 13px;text-indent:-9999px}
.mainMenuDefault ul li a{display:inline-block;width:21px;height:36px;font-size:12px !important;color:#111 !important;padding-top:20px;letter-spacing:-1px;text-align:center;font-family:"NotoKR" !important}
.mainMenuTop li a{display:block;position:relative;padding-top:25px;font-size:13px !important;color:#111 !important;font-family:"NotoKR" !important}
.menuDepth01 ul li{margin-top:30px}
.menuDepth01 ul li a{display:block;font-size:14px !important;color:#111 !important;letter-spacing:-1px;line-height:1.2;font-family:"NotoKR" !important}
.menuDepth02 > div > ul > li{border-top:1px solid #eaeaea}
.menuDepth02 > div > ul > li.depth ul{display:none;padding:10px 10px 18px 20px;background-color:#f7fbff}
.areaBodyBtnFull.type03 .inner a{height:30px;line-height:28px;border-radius:2px;font-size:13px;margin-top:6px}
.areaBodyBtnFull.type03 .inner .grayType01{background-color:#6a7688;color:#fff;border-color:#6a7688}
.selDetailList .areaBodyBtnFull.type03, 
.productList .areaBodyBtnFull.type03{padding-left:0;padding-right:0;padding-bottom:0;margin-top:6px}
.productList.type01 .detailList .areaBodyBtnFull.type03 li{display:table-cell}
#NSCN0009P .popInner .popCont{height:auto}
.popWrap.centerLayer .popInner{max-width:345px}
.popBtnWrap .popBtn a.ksType01{background-color:#00b050}

.defTit + .unit{margin-top:-26px}
[class^="wrapTbl"] table + .tblHeader{min-height:20px}
[class^="wrapTbl"] table + .tblHeader .unit{margin-top:0}
[class^="wrapTbl"] table + .tblHeader .defTit + .unit{margin-top:-26px}
.container.reportYh .tblHeader + .wrapTblDefault{margin-top:0 !important}
.pushList .toggleList input[type="checkbox"]{width:100%;height:100%}
.termsList > ul > li label{vertical-align:top}
.btnInput01.ksType01{display:inline-block;width:80px;height:40px;padding:0 27px;line-height:38px;font-size:13px;color:#111;text-align:center;vertical-align:middle;border-radius:2px;letter-spacing:-0.05em;border:1px solid #19a647;background:#19a647;color:#fff}
/* table td */
[class^="wrapTbl"] td{word-break:break-all}
.type02 .gateLogin .menuDepth01, .type02 .gateLogin .menuDepth02, .type05 .menuDepth01, .type05 .menuDepth02{top:45px}
.wrapTblDefault td .pointColor{vertical-align:top} 
[class^="wrapTbl"] .btnFuncTipNew{margin-top:-5px;background-position:center center}
.btnFuncTipNew{width:16px;height:16px;background-position:0 -40px}
.btnFuncTipNew{width:20px;height:20px;margin:0 0 -2px 3px;background:url('../images/common/ico_question.png') no-repeat left bottom;background-size:14px 14px}
.popBtnWrap .tooltipClose{position:absolute;top:0px;right:0;width:40px;height:45px;text-align:center}
.popBtnWrap .tooltipClose img{position:absolute;top:50%;left:50%;width:14px;height:13px;margin:-7px 0 0 -7px}
.popWrap[data-tooltip-pop^=tooltip] .popInner{opacity:0}
.popWrap[data-tooltip-pop^=tooltip] .popInner.view{opacity:1}
.w33p{width:33%}
.fc_ff0000{color:#ff0000}
.fc_00aeef{color:#00aeef}
.fc_046fd9{color:#046fd9 !important}
.bg_6766b1{background:#6766b1}
.bg_5c77a7{background:#5c77a7}
.pl17{padding-left:17px !important}
.pr17{padding-right:17px !important}
.areaPopBtnFull.type01 .inner{margin:0 -3px}
.areaPopBtnFull.type01 ul{display:table;width:100%;table-layout:fixed}
.areaPopBtnFull.type01 ul li{display:table-cell;vertical-align:middle;padding:0 3px}
.areaPopBtnFull.type01 ul li:last-child{width:50%}
.areaPopBtnFull.type01 ul li a{display:block;height:40px;padding:0 3px;line-height:40px;border-radius:2px}
.popBtnWrap.zoomType01 .popBtn{position:fixed;width:100%;height:44px;left:0;bottom:0}
.btnBodyLine.btnType04{background:#444c63;color:#fff;font-weight:normal;border:0 none}
.areaBodyBtnFull.type02 .inner ul li:first-child{width:34%}
.areaBodyBtnFull.type02 .inner ul li:last-child{width:23%}
.wrapType01{margin:0 -17px;border-top:1px solid #dedede}
.wrapType01 .defTit,
.wrapType01 .formWrap,
.wrapType01 .areaBodyBtnFull{padding:0 17px}
.wrapType01 .guideList{margin:20px 17px 0;padding:15px}
.formWrap.lineType01{border-top:1px solid #dedede}
.divingLine4{margin-top:0px !important;border-top:1px solid #dedede}
.formWrap.termsType01{border:1px solid #ddd;padding:8px 12px}
.formWrap.termsType01 .isBtnHaeder{margin-top:0}
.formWrap.termsType01 .isBtnHaeder .secTit{margin-top:2px}
.formWrap.termsType01 .formArray .checkList, .formWrap.termsType01 .formArray .radioList{margin-top:0}
.formWrap.termsType02 .formArray .checkList{width:38%}
.formWrap.termsType02 .formArray .checkList:nth-child(odd){width:62%}
.automaticWrap.type01 > li:first-child ul{margin-top:10px}
.areaBodyBtnFull .btnBodyLine.btnType05{width:33%;display:inline-block;float:right}
.popBtnWrap .popBtn.agreeType01{height:40px}
.popBtnWrap .popBtn > a.btnPressDefault.grayType01{color:#161616;background:#e5e5e5}
.popBtnWrap .areaBtnDefault.fixed{bottom:0}
.formTit.type01{font-size:18px}
.formTit.type02{color:#435F9B;font-size:12px}
.defTit.rType .rightType01{text-align:right;float:right;font-size:12px;color:#666}
.defTit.rType:after{content:'';display:block;clear:both}
.detailList.type02{padding-top:0}
.detailList li.divingLine.type02{margin-top:0 !important}
.defTit.type01{position:relative;margin:20px 0 0px;font-size:17px;color:#3b5997;text-align:center} 
p.infoTxt.type01{position:relative;padding-left:32px}
p.infoTxt.type01:before{position:absolute;top:10px;left:22px;content:'';width:5px;height:1px;background:#666;background-size:0 0;vertical-align:middle}
p.infoTxt.type02{position:relative;padding-left:32px}
p.infoTxt.type02:before{position:absolute;top:0;left:0;content:'';width:0;height:0;background:none;background-size:0 0;vertical-align:middle}
.listDot .innerType01{display:block;margin-top:2px}
.listDot .innerType01 li{position:relative;padding-left:16px;margin-top:0;margin-bottom:0}
.listDot .innerType01 li:after{content:'';display:block;clear:both;position:Absolute;left:4px;top:10px;width:4px;height:1px;background:#666}
.motionAniWrap{background:#f7fcf9;padding:30px 20px 20px 20px;margin:0 -17px}
.motionAniWrap .imgWrap,
.motionAniWrap .imgWrap img{text-align:center;margin:0 auto;vertical-align:top;position:relative}
.motionAniWrap .imgWrap img{width:30%;height:auto;z-index:9}
.motionAniWrap .imgWrap p{position:relative;padding-bottom:45px;background:#f7fcf9;margin-top:-16px;z-index:10}
.motionAniWrap .imgWrap p img{width:52%;height:auto;z-index:10}
.motionAniWrap .title{position:relative;text-align:center;color:#111;margin-top:-33px;z-index:11}
.motionAniWrap .title span{color:#19A647}
@keyframes hanAni{0%{transform-origin :0px 0px;transform :rotate(0deg)}30%{transform-origin :70px 50px;transform :rotate(-20deg)}40%{transform-origin :50px 110px;transform :rotate(10deg)}50%{transform-origin :50px 110px;transform :rotate(-10deg)}60%{transform-origin :50px 110px;transform :rotate(10deg)}70%{transform-origin :50px 110px;transform :rotate(-10deg)}100%{transform-origin :0px 0px;transform :rotate(0deg)}}
.motionAniWrap .imgWrap .handAni{animation-name:hanAni;animation-duration:2s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count :1;animation-direction :normal;animation-fill-mode :forwards;animation-play-state :running}
.bgTit.type01{line-height:40px;margin:0px -17px 0;padding:0 17px}
.bgTit.type01{position:relative;background:#fff;border-bottom:1px solid #f8f8f8;margin-top:0}
.bgTit.type01 .toggleList{position:absolute;right:17px;top:10px;width:40px;height:20px;line-height:0px}
.bgTit.type02{line-height:40px;margin:0px -17px 0;padding:0 17px}
.bgTit.type02{position:relative;background:#fff;margin-top:0}
.bgTit.type02 .toggleList{position:absolute;right:17px;top:10px;width:40px;height:20px;line-height:0px}
/* 모션뱅킹 설정 튤팁 */
.tblHeader.motionHeader{position:relative}
.tblHeader.motionHeader .defTit{display:inline-block}
.tblHeader.motionHeader a{display:inline-block;width:14px;height:14px;color:transparent;position:relative;margin-top:4px;margin-left:5px;overflow:hidden;float:none;vertical-align:-3px}
.tblHeader.motionHeader a::before{content:'';display:inline-block;width:14px;height:14px;background:url('../images/main/ico_revent_tootip.png') no-repeat 0 0;background-size:14px auto;vertical-align:top}
.myMenuSelectMotion{margin-top: 16px}
.myMenuSelectMotion .inner{margin: 0 -2px}
.myMenuSelectMotion ul{overflow: hidden}
.myMenuSelectMotion ul li{float:left;width:25%;margin-top:4px;padding:0 2px;height:61px}
.myMenuSelectMotion li a{position: relative;display:block;display: -wekit-flex;display: flex;-webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: center;justify-content: center;height: 100%;line-height:1.2;border: 1px solid #dedede;border-radius: 2px;text-align: center;color:#ababab}
.myMenuSelectMotion.on li a{color:#111}
.myMenuSelectMotion li a .clickOrder{display: none;position: absolute;top:5px;right: 5px;width: 15px;height: 15px;font-size:10px; line-height: 15px;color: #111;background: #fff;border-radius: 50%;text-align: center}
.myMenuSelectMotion li a.active{color: #ababab;border:1px solid #dedede;background: #fff}
.myMenuSelectMotion.on li a.active{color: #fff;border:1px solid #19A647;background:#19A647}
.myMenuSelectMotion.on li a.active:after{position: absolute;bottom: 0;left: 0;content: '';opacity:0}
.myMenuSelectMotion.on li a.active .clickOrder{display: block}
.inputList.type01{width:80%;float:left}
.cal.type01 .inputList .btnCalendar{position:absolute;top:0;right:0;width:100%;height:40px;background:none;background-size:0 0}

/* 상단 탭 추가 */
.accountSelect{border-bottom:1px solid #fff}
.totalWrap.type02{margin:12px 0 0 0}
.totalWrap.type02 h2{font-size:16px}
.totalWrap.type03{border-radius:7px 7px 7px 7px}
.totalWrap.bankType + .totalWrap{margin-top:0}
.totalWrap.bankType{margin-bottom:20px}
.lrType01{display:block;width:100%;margin-bottom:5px}
.lrType01:after{content:'';display:block;clear:both}
.formWrap > ul > li:first-child .lrType01 .formTit,
.lrType01 .formTit{margin-top:5px;margin-bottom:0}
.lrType01 .formTit{display:inline-block;float:left;margin-top:5px;margin-bottom:0}
.lrType01 .idFind.type01{display:inline-block;width:auto;float:right;margin-top:0}
.bannerBotWrap.type01 p strong{color:#19a647}
.bannerBotWrap.type03 .bannerBtn .color1{position:relative;background:#f68c26;border:0 none;color:#fff;border-radius:0;width:100%;display:block;font-weight:normal}
.bannerBotWrap.type03 .bannerBtn .color1:after{content:'';display:block;clear:both;position:absolute;left:50%;top:50%;margin:-4px 0 0 62px;width:6px;height:9px;background:url('../images/contents/btn_arr_01.jpg');background-repeat:no-repeat;background-position:0 0;background-size:6px auto}
.bannerBotWrapSwiper{margin:20px auto 0}
.bannerBotWrapSwiper ul li a{display:block}
.bannerBotWrapSwiper ul li a img{width:100%;height:auto;vertical-align:top}
.bannerBotWrap.ksType01.type03 a{display:block;padding:0}
.bannerBotWrap.ksType01.type03 a img{width:100%;height:auto;vertical-align:middle}
.termsList.tlType01{margin-top:20px}
.termsList.tlType01 > ul > li.allCheck{border:none;border-bottom:0 none;margin-bottom:10px}
.termsList.tlType01 > ul > li.allCheck .checkList{padding:0}
.termsList.tlType01 > ul > li.allCheck .checkList input[type='checkbox']{display:none}
.termsList.tlType01 > ul > li.allCheck .checkList input[type='checkbox'] + label{background:#6a7688;color:#fff;font-weight:normal;border:0 none;text-align:center;display:block;margin:0;width:100%;padding:11px 10px}
.termsList.tlType01 > ul > li.allCheck .checkList input[type='checkbox']:checked + label{background:#19a647}
.termsList.tlType01 > ul > li.allCheck + li.isBtn{border-top:1px solid #e5e5e5}
.formWrap > ul > li.alignCol.type02 strong.formTit{ font-size:15px;color:#3b5997}
.termsList.tlType01 ul li.isBtn.ibType01{border-left:0;border-right:0}
.termsList.tlType01 ul li.isBtn.ibType01 .listType01{padding:0 20px 20px;margin:10px 0 0 0}
.termsList.tlType01 ul li.isBtn.ibType01 .listType01 p{font-size:12px;color:#333}
.termsList.tlType01 ul li.isBtn.ibType01 .listType01 ul{margin-top:10px}
.termsList.tlType01 ul li.isBtn.ibType01 .listType01 ul li{position:relative;display:block;margin-top:5px;font-size:12px;color:#666;padding-left:20px}
.termsList.tlType01 ul li.isBtn.ibType01 .listType01 ul li:after{content:'';display:block;clear:both;position:absolute;left:10px;top:9px;width:2px;height:2px;background:#666}
.areaBodyBtnSelect.type03{width:auto}
.areaBodyBtnSelect.type03 a{width:auto;font-size:15px;color:#333;border:0 none;margin:0 10px;position:relative}
.areaBodyBtnSelect.type03 a:first-child{margin-left:0}
.areaBodyBtnSelect.type03 a:last-child{margin-right:0}
.areaBodyBtnSelect.type03 a:before{content:'';display:block;clear:both;position:absolute;left:-10px;top:50%;margin:-6px 0 0 0;width:1px;height:12px;background:#666}
.areaBodyBtnSelect.type03 a:first-child:before{width:0;height:0;left:0;top:0;background:none}
.areaBodyBtnSelect.type03 a.active{color:#3b5997;background:#fff}
.inputB01, .inputB03, .inputB{position:relative;display:table-cell;vertical-align:middle}
.inputBoth01{display:table;width:100%}
.inputBoth01 .inputB03{text-align:right;max-width:110px;padding-left:6px}
.inputBoth01 .inputB03 .btnInput01, .inputBoth01 .inputB03 .btnInput02, .inputBoth01 .inputB03 .btnInput03{padding:0px 3px;width:100%}
.inputBoth01 .inputB03 input[type="tel"]{padding-right:60px !important}
/* 이체 - 연락처 탭 추가 */
.ksAddType01{display:table;width:100%}
.ksAddGet, .ksAddPhone{position:relative;display:table-cell;vertical-align:middle}
.ksAddGet input[type="text"], .ksAddGet input[type="password"], .ksAddGet input[type="tel"]{padding-right:26px}
.ksAddPhone input[type="text"], .ksAddPhone input[type="password"], .ksAddPhone input[type="tel"]{padding-right:50px}
.ksAddGet{width:35%}
.ksAddPhone{width:60%;padding-left:10px}
.btnAddCall{font-size:0;text-indent:-1000px;position:absolute;width:15px;height:18px;right:10px;top:12px;background:url(../images/contents/ico_call_01.png);background-size:15px auto;background-repeat:no-repeat;background-position:0 0}
.ksAddPhone .btnReset{right:25px}
.inputBoth01 input[type='text'].ar,
.inputBoth01 input[type='tel'].ar,
.inputBoth03 input[type='text'].ar,
.inputBoth03 input[type='tel'].ar{padding-right:5px !important} 
.container.dpType01{background:#f9f9f9}
.dbPayIpt{position:fixed;width:100%;height:118px;left:0;top:50px;padding:0 17px;background:#fff;z-index:10}
/* 입금계좌 선택 영역 */
.accountHeader.dpType01{display:table;width:100%;padding:20px 0;margin:0;background:#fff}
.accountHeader.dpType01 h2,
.accountHeader.dpType01 a{display:table-cell;vertical-align:top}
.accountHeader.dpType01 h2{width:30%}
.accountHeader.dpType01 a{width:70%;text-align:right;color:#ed8e2e}
.accountHeader.dpType01 a span{display:inline-block}
/* 연락처검색 */
.inputList.searchType01{position:relative;margin-top:20px}
.inputList.searchType01 input{border:0 none;background-color:#f8f8f8;padding-right:70px;font-size:17px}
.inputList.searchType01 .btnReset{padding-right:86px}
.inputList.searchType01 .btnSearch{position:absolute;width:30px;height:30px;right:0px;top:50%;margin-top:-15px;font-size:0;text-indent:-1000px;background-image:url('../images/contents/bt/ico_zoom_ks02.png');background-size:22px 22px;background-position:center center;background-repeat:no-repeat}
.inputList.searchType01 input:-ms-input-placeholder{font-size:17px;color:#ababab}
.inputList.searchType01 input::-webkit-input-placeholder{font-size:17px;color:#ababab}
.inputList.searchType01 input::-moz-placeholder{font-size:17px;color:#ababab}
.inputList.searchType01 input::-moz-placeholder{font-size:17px;color:#ababab}
/* 앱인증 버튼 타입 */
.securityGuide.ksType01{padding:0;background:#4c7fff}
.securityGuide.ksType01 a{display:block;padding:10px 19px 10px 19px}
.securityGuide.ksType01 a p{color:#ffe229;font-size:17px}
.securityGuide.ksType01 a p strong{color:#fff;font-size:14px;margin-bottom:3px;display:block;font-weight:normal}
.securityGuide.ksType01 a p{padding:5px 0 5px 55px;background-image:url('../images/contents/renew2019/icon_app_27.jpg');background-repeat:no-repeat;background-position:left center;background-size:45px auto}
/* 로그아웃 팝업 swiper 추가 */
.logoutBanner3Swiper.swiper-container{margin-top:13px}
.logoutBanner3Swiper.swiper-container ul li a{display:block}
.logoutBanner3Swiper.swiper-container ul li a img{width:100%;height:auto;vertical-align:top}
.logoutBanner3Swiper.swiper-container .swiper-pagination{position:relative;bottom:0}
/* NH이벤트 swiper 추가 */
.bnrEventList.swiper-container{margin-top:13px}
.bnrEventList.swiper-container ul li a{display:block}
.bnrEventList.swiper-container ul li a img{width:100%;height:auto;vertical-align:top}
.bnrEventList.swiper-container .swiper-pagination{position:relative;bottom:0}
.selDetailList.type01{margin:0}
/* 메인 베너 수정 */
.popInnerNotice .popNoticeWrap{position:relative}
.popNoticeWrap ul li a{display:block}
.popNoticeWrap .swiper-pagination{width:100%;height:20px}
.noticeBanner{position:relative}
.noticeBanner .swiper-pagination{width:100%;height:20px}
/* 리스트 */
.myOnlyMenuList{overflow-y:auto;position:relative;display:block;padding:20px 0 0px 0}
.myOnlyMenuList ul{display:block;width:100%}
.myOnlyMenuList ul:after{content:'';display:block;clear:both}
.myOnlyMenuList ul li{display:block;width:100%;text-align:center}
.myOnlyMenuList ul li:last-child{padding-bottom:20px}
.myOnlyMenuList ul li a{display:inline-block;padding:10px;color:#262628;font-size:18px;text-align:center}
/* 이체 상단 배너 */
.transBannerWrap{position:relative;width:100%;height:100%;display:table;margin-top:13px;overflow:hidden;table-layout:fixed;background-image:url('../images/contents/bt/transBannerBG.jpg');background-position:center center;background-size:100% auto;background-repeat:no-repeat}
.transBannerWrap .transBanner{position:relative;width:100%;height:100%;display:table-cell;vertical-align:middle;padding:4% 0}
.transBannerWrap .transBanner p{text-align:center;width:90%;margin:0 auto;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.transBannerWrap .transBanner .title{font-size:16px;color:#2c4992}
.transBannerWrap .transBanner .subCon{font-size:13px;color:#4a5d6c}
/* 출금계좌조회 하단 배너 */
.wdBannerWrapBlock,
.wdBannerWrapBlock .imgType{position:relative;width:100%;display:block;overflow:hidden}
.wdBannerWrapBlock{margin-top:13px}
.wdBannerWrapBlock .imgType{width:100%;height:100%}
.wdBannerWrapBlock .imgType img{width:100%;height:auto}
.wdBannerWrap{position:relative;width:100%;height:100%;display:table;overflow:hidden;table-layout:fixed;padding:0;background-image:url('../images/contents/bt/transBannerBG.jpg');background-position:center center;background-size:100% auto;background-repeat:no-repeat}
.wdBannerWrap .wdBanner{position:relative;width:100%;height:100%;display:table-cell;vertical-align:middle;padding:4% 0}
.wdBannerWrap .wdBanner p{text-align:center;width:90%;margin:0 auto;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden}
.wdBannerWrap .wdBanner .title{font-size:16px;color:#2c4992}
.wdBannerWrap .wdBanner .subCon{font-size:13px;color:#4a5d6c}
.bannerBotWrap.type04{background:#e6f8f7 url('../images/contents/bs/img_Account.png') no-repeat right center;background-size:120px auto}
.bannerBotWrap.type04 p{font-size:13px;line-height:18px}
.bannerBotWrap.type04 p strong{color:#019370}
.listDash li .imgType01 img{width:100%;height:auto}
@media screen and (min-width:768px){
	.listDash li .imgType01{width:100%;display:block;text-align:center;margin:0 auto}
	.listDash li .imgType01 img{width:50%;height:auto;text-align:center;margin:0 auto}
}
/* listDot */
.listDot.aj{ text-align:left}
.listDot.aj li{display:table;width:100%;margin-bottom:5px}
.listDot.aj li:last-child{margin-bottom:0}
.listDot.aj li > span,.listDot.aj li > strong{display:table-cell;vertical-align:middle;text-align:left}
.listDot.aj li > .tit{width:100px;vertical-align:top;text-align:left}
.cal .inputList .btnCalendar{width:16px;height:18px;top:11px;right:11px;background-position:0 0}
.transfer .optionSel ul li.active:after{content:'';display:none}
.bulUpper,.bulLower{position:relative}
.bulUpper span,.bulLower span{width:10px !important;height:8px !important;left:-5px !important;top:-8px !important}
.btnBodyLine.btnLangSet img{width:16px;height:16px;vertical-align:-2px;display:inline-block;margin-left:5px}
.appDownBox{margin:40px 0 20px;padding:15px;border:1px solid #dedede}
.appDownList{overflow:hidden;margin-top:15px}
.appDownList li{position:relative;float:left;width:50%;font-size:12px;color:#666}
.appDownList li a{position:relative;display:block;padding-left:45px}
.appDownList li img{position:absolute;top:0;left:0;width:35px}
.appDownList li em{display:block;color:#111}
.appDownList li:last-child{padding-left:15px}
.appDownList li:last-child:before{position:absolute;content:'';top:0;left:0;width:1px;height:50px;background:#dedede}
.icon_haert {display:inline-block;width:13px;height:13px;vertical-align:middle;background:url('../images/contents/bul_heart_small.png') no-repeat 0 0;background-size:100%}
.icon_order_upSmall {display:inline-block;width:13px;height:13px;vertical-align:middle;background:url('../images/contents/btn_order_up_small.png') no-repeat 0 0;background-size:100%}
.icon_order_downSmall {display:inline-block;width:13px;height:13px;vertical-align:middle;background:url('../images/contents/btn_order_down_small.png') no-repeat 0 0;background-size:100%}

/* AS IS - MY NH (/bw/2019/UC490000.html) */
.bankBadge {display:inline-block;height:18px;line-height:16px;padding:0 8px;background-color:#19A647;border-radius:20px;color:#fff;font-size:11px;text-align:center}
.bankBadge.blue{background-color:#fff;border:1px solid #19A647;color:#19A647}
.bankBadge.green{background-color:#fff;border:1px solid #419e04;color:#419e04}
.bankBadge.red{background-color:#fff;border:1px solid #f25e6d;color:#f25e6d}
.colorBlue{color:#046fd9}
.colorGreen{color:#338e12}
.otpStepAlim .stepBox .stepWrap > img{width:50px}
.otpStepAlim .stepBox{width:25% !important}
.mySetup .accordionMenu .dep2{display:block}
.mySetup .accordionMenu .dep2 > li > a{padding-left:17px;color:#111}
.mySetup .accordionMenu .dep2 > li > a:after{display:none}

/*마이페이지*/
.picMyImg ul:after{display: block;content:'';clear:both}
.picMyImg ul{margin:-2px}
.picMyImg li{float:left;width:20%;display:block}
.picMyImg li a{position:relative}
.picMyImg li a.active:after{position:absolute;content:"선택됨";width:100%;height:100%;display:block;background:#000 url(../images/contents/checkImg2.png)no-repeat center center;background-size:15px 11px;opacity:0.6;text-indent:-9999px;overflow:hidden;top:0} /* 2018-11-01 [오병직] 접근성 포지션값 누락으로 인한 수정 */
.picMyImg li a{min-height:52px;margin:2px;border:1px solid #ccc;display:block}
.picMyImg li .userImg1{background:url(../images/contents/userImg1.jpg)no-repeat;background-size:cover}
.picMyImg li .userImg2{background:url(../images/contents/userImg2.jpg)no-repeat;background-size:cover}
.picMyImg li .userImg3{background:url(../images/contents/userImg3.jpg)no-repeat;background-size:cover}
.picMyImg li .userImg4{background:url(../images/contents/userImg4.jpg)no-repeat;background-size:cover}
.picMyImg li .userImg5{background:url(../images/contents/userImg5.jpg)no-repeat;background-size:cover}
.picMyImg li .userImg6{background:url(../images/contents/userImg6.jpg)no-repeat;background-size:cover}
.picMyImg li .userImg7{background:url(../images/contents/userImg7.jpg)no-repeat;background-size:cover}
.picMyImg li .userImg8{background:url(../images/contents/userImg8.jpg)no-repeat;background-size:cover}
.picMyImg li .userImg9{background:url(../images/contents/userImg9.jpg)no-repeat;background-size:cover}
.picMyImg li .userImg10{background:url(../images/contents/plus.gif) no-repeat center center;background-size:24px 24px;border:1px dotted #aaa}
.picMyImg li .userImg10.active:after{position:absolute;content:"";width:100%;height:100%;display:block;background:url(../images/contents/plus.gif)no-repeat center center;background-color:none;background-size:15px 11px;opacity:0.6;top:0} /* 2018-11-01 [오병직] 접근성 포지션값 누락으로 인한 수정 */
.charMyImg{padding-bottom:120px}
.charMyImg li a{border:1px dotted #aaa}
.picMyBorder ul{width:100%;display:table}
.picMyBorder li{padding:0 2px;display:table-cell}
.picMyBorder li a{position:relative;width:100%;height:34px;display:block}
.picMyBorder li a:before{position:absolute;width:70%;height:70%;top:50%;left:50%;content:'';-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);background:#fff}
.liLine1{border:solid 3px #919191 !important;background-image:url(../images/contents/bg_mynh_border1.png)}
.liLine2{border:solid 3px #44933f !important;background-image:url(../images/contents/bg_mynh_border2.png)}
.liLine3{border:solid 3px #3a9dd3 !important;background-image:url(../images/contents/bg_mynh_border3.png)}
.liLine4{border:solid 3px #1fb9bf !important;background-image:url(../images/contents/bg_mynh_border4.png)}
.liLine5{border:solid 3px #a2b700 !important;background-image:url(../images/contents/bg_mynh_border5.png)}
.liLine6{border:solid 3px #e37d61 !important;background-image:url(../images/contents/bg_mynh_border6.png)}
.liLine7{border:solid 3px #dca329 !important;background-image:url(../images/contents/bg_mynh_border7.png)}
.picMyBorder li a{border:none !important}
.picMyBorder li a.active:before{display:none}
.picMyBorder li a.active:after{position:absolute;content:"선택됨";width:100%;height:100%;display:block;background:url(../images/contents/checkImg2.png)no-repeat center center;background-size:15px 11px;text-indent:-9999px;overflow:hidden;top:0} /* 2018-11-01 [오병직] 접근성 포지션값 누락으로 인한 수정 */
.picMyBorder li .liLine1.active{background-image:url(../images/contents/bg_mynh_border1.png)}
.picMyBorder li .liLine2.active{background-image:url(../images/contents/bg_mynh_border2.png)}
.picMyBorder li .liLine3.active{background-image:url(../images/contents/bg_mynh_border3.png)}
.picMyBorder li .liLine4.active{background-image:url(../images/contents/bg_mynh_border4.png)}
.picMyBorder li .liLine5.active{background-image:url(../images/contents/bg_mynh_border5.png)}
.picMyBorder li .liLine6.active{background-image:url(../images/contents/bg_mynh_border6.png)}
.picMyBorder li .liLine7.active{background-image:url(../images/contents/bg_mynh_border7.png)}
/* 나만의 스마트뱅킹 */
/* 이미지 */
.picMyImg li .userImg1{background:url(../images/contents/bo/userImg1.jpg) no-repeat;background-size:cover}
.picMyImg li .userImg2{background:url(../images/contents/bo/userImg2.jpg) no-repeat;background-size:cover}
.picMyImg li .userImg3{background:url(../images/contents/bo/userImg3.jpg) no-repeat;background-size:cover}
.picMyImg li .userImg4{background:url(../images/contents/bo/userImg4.jpg) no-repeat;background-size:cover}
.picMyImg li .userImg5{background:url(../images/contents/bo/userImg5.jpg) no-repeat;background-size:cover}
.picMyImg li .userImg6{background:url(../images/contents/bo/userImg6.jpg) no-repeat;background-size:cover}
.picMyImg li .userImg7{background:url(../images/contents/bo/userImg7.jpg) no-repeat;background-size:cover}
.picMyImg li .userImg8{background:url(../images/contents/bo/userImg8.jpg) no-repeat;background-size:cover}
.picMyImg li .userImg9{background:url(../images/contents/bo/userImg9.jpg) no-repeat;background-size:cover}
.picMyImg li .userImg10{background:url(../images/contents/bo/userImg10.jpg) no-repeat;background-size:cover;border:0 none}
.picMyImg li a.userImg10.active:after{position:absolute;content:"선택됨";width:100%;height:100%;display:block;background:#000 url(../images/contents/checkImg2.png)no-repeat center center;background-size:15px 11px;opacity:0.6;text-indent:-9999px;overflow:hidden;top:0}
.picMyImg li .userImg11{background:url(../images/contents/bo/userImg11.jpg) no-repeat;background-size:cover}
.picMyImg li .userImg12{background:url(../images/contents/bo/userImg12.jpg) no-repeat;background-size:cover}
.picMyImg li .userImg13{background:url(../images/contents/bo/userImg13.jpg) no-repeat;background-size:cover}
.picMyImg li .userImg14{background:url(../images/contents/bo/userImg14.jpg) no-repeat;background-size:cover}
.picMyImg li .userImg15{background:url(../images/contents/plus.gif) no-repeat center center;background-size:24px 24px;border:1px dotted #aaa}
.picMyImg li .userImg15.active:after{position:absolute;content:"";width:100%;height:100%;display:block;background:url(../images/contents/plus.gif)no-repeat center center;background-color:none;background-size:15px 11px;opacity:0.6;top:0}
.picMyImg li .userImg15.active:after{position:absolute;content:"";width:100%;height:100%;display:block;background:url(../images/contents/plus.gif)no-repeat center center;background-color:none;background-size:15px 11px;opacity:0.6;top:0} /* 2018-11-01 [오병직] 접근성 포지션값 누락으로 인한 수정 */
/* //이미지 */

/* 로딩애니메이션 */
.picMyImg.charMyImg{padding-bottom:0px}
.picMyImg.charMyImg + .guideList{margin-bottom:120px}
.picMyImg.charMyImg li{width:33%}
.charMyImg li a{height:80px}
.picMyImg li .charImg1{background-color:transparent;background-image:url('../images/contents/bo/ani_01.png');background-size:55% auto;background-repeat:no-repeat;background-position:center center}
.picMyImg li .charImg2{background-color:transparent;background-image:url('../images/contents/bo/ani_02.png');background-size:55% auto;background-repeat:no-repeat;background-position:center center}
.picMyImg li .charImg3{background-color:transparent;background-image:url('../images/contents/bo/ani_03.png');background-size:55% auto;background-repeat:no-repeat;background-position:center center}
@media all and (min-width:390px){
	.picMyImg li .charImg1{background-color:transparent;background-image:url('../images/contents/bo/ani_01.png');background-size:60px auto;background-repeat:no-repeat;background-position:center center}
	.picMyImg li .charImg2{background-color:transparent;background-image:url('../images/contents/bo/ani_02.png');background-size:60px auto;background-repeat:no-repeat;background-position:center center}
	.picMyImg li .charImg3{background-color:transparent;background-image:url('../images/contents/bo/ani_03.png');background-size:60px auto;background-repeat:no-repeat;background-position:center center}
}
.picMyImg li .charImg4{background-color:transparent;background-image:url('../images/contents/bo/ani_04.png');background-size:contain;background-repeat:no-repeat;background-position:center center}
.picMyImg li .charImg5{background-color:transparent;background-image:url('../images/contents/bo/ani_05.png');background-size:contain;background-repeat:no-repeat;background-position:center center}
.picMyImg li .charImg6{background-color:transparent;background-image:url('../images/contents/bo/ani_06.png');background-size:contain;background-repeat:no-repeat;background-position:center center}
.charWrap2 li{margin:1px;width:26%;border:1px dotted #aaa;display:inline-block}
.charWrap2 li a{display:block;min-height:82px;width:100%}
.charWrap2 li.charImg1{background:url(../img/bw/charImg9.jpg)center no-repeat #fff;background-size:100px auto}
/*로딩캐릭터 설정미리보기*/
.bgView{background:rgba(000,000,000,0.8);;width:100%;min-height:100%;position:absolute;left:0;top:0;z-index:11000;display:none}
.charWrap2{padding-top:80%;text-align:center}
.charWrap2 li{margin:1px;width:17%;border:1px dotted #aaa;display:inline-block}
.charWrap2 li a{display:block;min-height:52px;width:100%}
.charWrap2 li.charImg1{width:85px;height:85px;background:#fff url(../img/bw/charImg9.jpg);background-position:center center;background-repeat:no-repeat;background-size:79px 79px !important;border-radius:1000px}
/* 설정화면 미리보기 */
.previewPop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1201;display:none}
.previewPop .previewPopInner{position:absolute;width:100%;height:100%;padding:0 17px;top:0;display:table;z-index:1201}
.previewPop .previewPopInner .previewCont{position:relative;display:table-cell;vertical-align:middle}
.previewPop .previewPopInner .previewCont .viewWrap{background:#fff;position:relative}
.previewPop .previewPopInner h1{background:#fff;height:44px;line-height:44px;padding-left:15px;font-size:14px;border-bottom:1px solid #dedede}
.previewPop .popBtnWrap .popClose{height:44px}
.previewPop [class*="liLine"]{border-width:2px}
.previewPop .myMainSet{margin:0;padding:15px}
.previewPop .myMainSet .myInfo{position:relative;margin:6px -17px 0;padding:13px 0;text-align:center;display:block;border:2px solid #4885e0}	
.popBtnWrap.myPopBtnWrap .popClose{top:-44px;padding-top:0}
.viewWrap .viewImg{position:relative}
.viewWrap .viewImg img{display:block;width:100%;min-width:100%}
.viewWrap .viewSet{padding:10px 0;background-color:#f3faff}
.viewWrap .viewSet:after{display: block;content:'';clear:both}
.viewWrap .viewSet .myView{float:left;width:40px;height:40px;margin-right:10px;background-color:#ccc;border-radius:50%;overflow:hidden}
.viewWrap .viewSet .myView img{width:100%;height:100%}
.viewWrap .viewSet .myTxtBox{float:left;width:calc(100% - 110px)}
.viewWrap .viewSet .mySet{float:right;margin-top:5px}
.viewWrap .viewBtnArea{margin-top:15px}
.viewWrap .viewBtnArea a{display:block;border-radius:2px}