@charset "utf-8";

/****************************
온라인지점 Stylesheet
****************************/

/*가로스크롤테이블*/
.viewMoreBox {position:relative;}
.viewMoreBox .scrollRowWrap {overflow:hidden;}
.viewMoreBox .headerWrap {padding-top:1px;}
table.viewMore, table.viewMore2 {table-layout:fixed;}

table .viewMore {display:none;}
table.viewMore.active colgroup .viewMore,table.viewMore2.active colgroup .viewMore {display:table-column;}
table.viewMore.active th.viewMore,table.viewMore.active td.viewMore,table.viewMore2.active th.viewMore,table.viewMore2.active td.viewMore {display:table-cell;}

.scrollRowWrap.wideScroll {overflow-x:auto;}
.scrollRowWrap.wideScroll .scrollTable01 {display:block;position:relative;}
.scrollRowWrap.wideScroll .scrollTable01.tbl_reportAccidents {width:2047px;}

/* 계좌번호 비밀번호 조회 */
.dl_set01.typeOnline dt{width:120px}
.dl_set01.typeOnline dd.col02{padding:10px 15px}
.dl_set01.typeOnline dd.col02{width:300px}

/* list style */
ol.list_type_ol li {margin-bottom:5px;line-height:20px;}

/*********************
고객/계좌정보관리
*********************/
/* 고객계좌관리 */
.settingAlert {display:block;position:relative;margin:0;padding:30px;border-top:solid #ddd 1px;border-bottom:solid #ddd 1px;background-color:#fafafa;}
.agreeM {display:inline-block;position:relative;width:19px;height:19px;margin:0;padding:0;border:none;font-size:0;background:url(/ux/images/online_branch/check_gray.png) no-repeat;text-indent:-9999px;cursor:default;}
.addSearch_form {display:inline-block;position:relative;top:8px;height:16px;margin:0;padding:0 0 0 20px;font-size:13px;line-height:16px;background:url(/ux/images/online_branch/addSearch_form.png) no-repeat left 0;}
.addSearch_formR {display:inline-block;position:relative;top:8px;height:16px;margin:0;padding:0 20px 0 0;font-size:13px;line-height:16px;background:url(/ux/images/online_branch/addSearch_form.png) no-repeat right 0;}
.search_inven {display:none;position:absolute;top:42px;right:-10px;width:410px;margin:0;padding:40px 20px 20px 20px;border:solid #7e96b3 1px;text-align:center;background-color:#fff;z-index:2;}
.search_inven span.arrow {display:block;position:absolute;right:25px;top:-11px;width:14px;height:11px;background:url(/ux/images/common/lay_arrow.gif) no-repeat left top;}
.search_inven button.btn_close {display:block;position:absolute;right:20px;top:10px;width:12px;height:11px;margin:0;padding:5px;font-size:0;text-indent:-9999px;background:url(/ux/images/common/ico_close.gif) no-repeat 50%;}
.search_inven dl {display:block;position:relative;margin:0 0 20px 0;padding:0 0 0 145px ;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;text-align:left;}
.search_inven dt {display:block;position:absolute;left:0;top:0;width:114px;height:40px;padding-left:15px;border-right:solid #ddd 1px;line-height:36px;background-color:#fafafa;}
.search_inven dd {display:block;position:relative;height:40px;margin:0;padding:0;}
.search_inven dd .radioGroup {position:relative;top:8px;}
.search_inven dd .radioGroup label + label {margin-left:15px;}
.agree_sign {display:table;position:relative;width:100%;margin:0;padding:13px 0;border-bottom:solid #ddd 1px;background-color:#f4f5f7;}
.agree_sign p {float:left;display:inline-block;position:relative;margin:0;padding:0 0 0 20px;}
.agree_sign label {float:right;display:inline-block;position:relative;margin:0;padding:0 20px 0 0;}

.agreeSection_title {display:table;position:relative;width:100%;margin:0;padding:0 0 15px 0;border-bottom:solid #ddd 1px;}
.agreeSection_title h2 {float:left;display:inline-block;position:relative;color:#444;font-size:18px;font-weight:normal;}
.agreeSection_title h2 span {color:#e56c00;}
.agreeSection_title a {float:right;}
h3.agree_h3 {display:inline-block;position:relative;margin:0;padding:16px 0;color:#222;font-size:16px;font-weight:normal;}
.agreeSection_list {display:block;position:relative;margin:0;padding:20px 0 20px 30px;border-bottom:solid #ddd 1px;border-top:solid #ddd 1px;}
.agreeSection_list li {display:block;position:relative;margin:0;padding:0;color:#444;font-size:14px;}
.agreeSection_list li + li {margin-top:10px;}
.agreeSection_list li ul {display:block;position:relative;margin:0;padding:10px 0 0 20px;}
.agreeSection_list li ul > li {margin-top:10px;font-size:13px;}
.agreeSection_list ul li + li {margin-top:10px !important;}
.agreeSection_list li fieldset.radioGroup {display:inline-block;position:absolute;left:630px;top:0;}
.agreeSection_list li fieldset.radioGroup label + label {margin-left:25px;}
.agreeSection_list li li fieldset.radioGroup {left:610px;}
.agreeSection_list a.btnSmall {position:absolute;right:0;top:0;}
.agreeSection_list .checkboxwrap {display:block;position:relative;margin:20px 0 0 0;padding:10px 0;border-top:solid #ddd 1px;border-bottom:solid #ddd 1px;text-align:center;background:#fafafa;}
.agreeSection_list .checkboxwrap label + label {margin-left:60px;}
.agreeSection_list .checkboxwrap label + input[type="text"] {margin-left:5px;}
.agreeSection_list .checkboxwrap input[type="text"] + label {margin-left:20px;}
.grayBox.pinfo_reading {margin-bottom:40px;}
.grayBox.pinfo_reading p {padding:20px 0;text-align:center;font-size:18px;}
.address_change {display:table;position:relative;width:100%;margin:0 0 40px 0;padding:30px 0;border-top:solid #747474 2px;border-bottom:solid #ddd 1px;}
.address_change dl {display:table-cell;position:relative;width:33.33%;margin:0;padding:0;text-align:center;}
.address_change dl + dl {background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.address_change dt {display:block;position:relative;margin:0 0 10px 0;padding:115px 0 0 0;color:#222;font-size:18px;font-weight:600;background:url(/ux/images/online_branch/address_change_deck.png) no-repeat;}
.address_change dd {display:block;position:relative;color:#222;font-size:14px;}
.address_change .deck01 dt {background-position:90px 0;}
.address_change .deck02 dt {background-position:-230px 0;}
.address_change .deck03 dt {background-position:-550px 0;}
.ist_confirm {margin-bottom:10px;}
.ist_confirm button[type="button"] {margin-left:15px;}
ul.radioGroup {margin:6px 0;}
ul.radioGroup li + li {margin-top:10px;}
.period_radio {display:inline-block;position:relative;top:8px;margin-left:20px;}
.period_radio label {margin-right:0 !important;}
.investor_confirm {display:block;position:relative;margin:0;padding:0 0 51px 0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;background-color:#fafafa;}
.investor_confirm p.txt {display:block;position:relative;margin:0;padding:30px;text-align:center;color:#444;font-size:18px;}
.investor_confirm .confirm {display:table;position:absolute;width:100%;height:21px;padding:14px 0;border-top:solid #747474 1px;text-align:center;background-color:#f4f5f7;}
.investor_confirm .confirm p {display:inline-block;position:relative;margin-right:15px;}
.modal_alert {display:block;position:relative;margin:0;padding:0;text-align:center;color:#222;font-size:18px;font-weight:600;}
.modal_alert strong {color:#0977c9;}
.address_select {display:block;position:relative;overflow:hidden;overflow-y:auto;height:199px;margin:0;padding:0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;}
.address_select li {display:block;position:relative;margin:0;padding:0;border-bottom:solid #ddd 1px;}
.address_select li a {display:block;position:relative;height:19px;margin:0;padding:10px 15px;}
.address_select li a:hover {text-decoration:none;background-color:#fafafa;}
.address_select li.no_data {height:199px;text-align:center;font-size:18px;line-height:190px;background-color:#fafafa;}
.address_select + .btnMid.print {position:absolute;top:-30px;right:0;}
/* 주소검색 수정 190124 */
.addressArea{display:block;}
.addressArea:after {display:block;content:"";clear:both;}
.addressArea .left{display:block;float:left;width:45%}
.addressArea .left:after {display:block;content:"";clear:both;}
.addressArea .right{display:block;float:right;width:52%}
.addressArea .right:after {display:block;content:"";clear:both;}
.addressArea .addressList li{display:block;line-height:23px} 
.addressArea .tbl1.address tr td.nbor{border-bottom:none}
.addressArea .tbl1.address label{margin-right:0}
.addressArea .tbl1.address tbody th, .addressArea .guideTb1.address tbody th{padding:20px 10px}
.addressArea .tbl1.address tbody td, .addressArea .guideTb1.address tbody td{padding:10px 10px}
.addressArea .tbl1.address tr td .btnLarge{min-width:40px}
.addressArea .scrollBody.row8{max-height:400px !important;height:400px !important}

.onlineAdd .dl_set01 dt{width:90px}
.onlineAdd .dl_set01 dd{width:290px}
.onlineAdd fieldset.addressInput .searchZip {height:40px;margin:0 0 10px;padding:0 0 0 130px;}
.onlineAdd fieldset.checkboxGroup.list label {min-width:110px;margin-right:0px;}
.onlineAddPage fieldset.addressInput .searchZip {height:40px;margin:0 0 10px;padding:0 0 0 130px;}
.onlineAddPage fieldset.checkboxGroup.list label {min-width:75px;margin-right:0px;padding-right:10px;}
fieldset.phonefield .select-box {width: 150px !important;}
.account_infoTbl{border-top:0}
.terms_area.futuresTrems{border-top:0px}
.terms_area.futuresTrems p{line-height:20px}
.terms_area.futuresTrems .last{margin-bottom:0 !important}
.terms_area.futuresTrems p,
.terms_area.futuresTrems ul li,
.terms_area.futuresTrems ol li{margin-bottom:10px;font-size:14px}
.terms_area.futuresTrems ol li ul li{margin-bottom:5px;text-indent:0}
.terms_area.futuresTrems ol li ul.li_list > li{padding-left:0px}
.terms_area.futuresTrems ul.txt_font13 li,
.terms_area.futuresTrems ol.txt_font13 li{font-size:13px}
.terms_area.futuresTrems ul.txt_gray74 li,
.terms_area.futuresTrems ol.txt_gray74 li{color:#747474}
.terms_area.futuresTrems .trems_box{margin:15px 0 40px;padding:20px;border:1px solid #ddd;background:#fff}
.terms_area.futuresTrems .trems_box ul{margin-bottom:0px}
.terms_area.futuresTrems table tbody td{background:#fff}
/* 고객계좌관리>투자자정보 */
.invest_tastes_tbl tbody td{padding:10px 10px 10px 15px}
.invest_tastes_tbl tbody .pd10{padding:10px}
.invest_tastes_tbl tbody .pd0{padding:0px}
.invest_tastes_tbl tbody .investChart img{vertical-align:top}
.invest_tastes_tbl + dl{margin-top:10px;color:#444}
.invest_tastes_tbl + dl dt{margin-bottom:5px;font-weight:bold}
.invest_tastes_tbl + dl dd{margin-bottom:30px}
.additional_Tbl fieldset .periodSearch{position:relative;display:inline-block;vertical-align:middle;margin-left:10px;margin-right:15px}
.additional_Tbl fieldset .periodSearch > input[type="text"] {float:left;width:80px;text-align:center;padding:0;padding-right:3px;margin-right:0;letter-spacing:-1px;text-align:center;}
.additional_Tbl fieldset .periodSearch > input[type="text"]:focus {padding:0px 3px 2px 3px !important;}
.additional_Tbl fieldset .periodSearch > button.calendar {float:left;display:block;position:relative;width:40px;height:40px;margin:0;padding:0;border:none;background:url(/ux/images/common/btn/bg_btnCal.gif) no-repeat left top;}
.tipArea .underLine{text-decoration:underline}
.waring01{color:#f13e42 !important}
.waring02{color:#eb9011 !important}
.waring03{color:#e8c31f !important}
.waring04{color:#80c221 !important}
.waring05{color:#279116 !important}

.bg_waring01{background:#f13e42 !important;color:#fff !important}
.bg_waring02{background:#eb9011 !important;color:#fff !important}
.bg_waring03{background:#e8c31f !important;color:#fff !important}
.bg_waring04{background:#80c221 !important;color:#fff !important}
.bg_waring05{background:#279116 !important;color:#fff !important}

.invest_tastes_tbl td.bg_red{background:#ffe9ea}
.invest_tastes_tbl td.bg_yel{background:#fdfbe2}

/* 투자자정보확인 */
.invest_tastes_box{display:block}
.invest_tastes_box:after {display:block;content:"";clear:both;}
.invest_tastes_box li{display:block;width:650px;margin-bottom:25px}
.invest_tastes_box li:after {display:block;content:"";clear:both;}
.invest_tastes_box li .rixk_info_txt{display:block;padding-bottom:10px}
.invest_tastes_box li .rixk_info_txt:first-child{color:#888}
.invest_tastes_risk{display:block;position:relative;width:650px;height:8px;background:url(/ux/images/finance/bg_invest_tastes_risk.png) no-repeat;}
.invest_tastes_risk span {display:none;position:absolute;text-indent:-9999px;font-size:0;}
.invest_tastes_risk.risk01{background:url(/ux/images/finance/bg_invest_tastes_risk_risk1.png) no-repeat;}
.invest_tastes_risk.risk02{background:url(/ux/images/finance/bg_invest_tastes_risk_risk2.png) no-repeat;}
.invest_tastes_risk.risk03{background:url(/ux/images/finance/bg_invest_tastes_risk_risk3.png) no-repeat;}
.invest_tastes_risk.risk04{background:url(/ux/images/finance/bg_invest_tastes_risk_risk4.png) no-repeat;}
.invest_tastes_risk.risk05{background:url(/ux/images/finance/bg_invest_tastes_risk_risk5.png) no-repeat;}

.risks {display:block;position:relative;margin:0 auto;padding:25px 0 0 0;text-align:center;font-size:14px;color:#444;}
.risks.deps1 {background:url(/ux/images/finance/risks_deps1.png) 50% 0 no-repeat;}
.risks.deps2 {background:url(/ux/images/finance/risks_deps2.png) 50% 0 no-repeat;}
.risks.deps3 {background:url(/ux/images/finance/risks_deps3.png) 50% 0 no-repeat;}
.risks.deps4 {background:url(/ux/images/finance/risks_deps4.png) 50% 0 no-repeat;}
.risks.deps5 {background:url(/ux/images/finance/risks_deps5.png) 50% 0 no-repeat;}
.risks.deps6 {background:url(/ux/images/finance/risks_deps6.png) 50% 0 no-repeat;}

/* .risks {display:block;position:relative;margin:0 auto;padding:25px 0 0 0;text-align:center;font-size:14px;color:#444;background:url(/ux/images/finance/risks_deps_new.png) no-repeat;}
.risks.deps1 {background-position:50% 0;}
.risks.deps2 {background-position:50% -50px;}
.risks.deps3 {background-position:50% -100px;}
.risks.deps4 {background-position:50% -150px;}
.risks.deps5 {background-position:50% -200px;}
.risks.deps6 {background-position:50% -250px;} */

/* 상품등급 6등급 */
.goods_tastes_box{display:block}
.goods_tastes_box:after {display:block;content:"";clear:both;}
.goods_tastes_box li{display:block;width:650px;margin-bottom:25px}
.goods_tastes_box li:after {display:block;content:"";clear:both;}
.goods_tastes_box li .rixk_info_txt{display:block;padding-bottom:10px}
.goods_tastes_box li .rixk_info_txt:first-child{color:#888}
.goods_tastes_risk{display:block;position:relative;width:650px;height:8px;background:url(/ux/images/finance/bg_goods_tastes_risk.png) no-repeat;}
.goods_tastes_risk span {display:none;position:absolute;text-indent:-9999px;font-size:0;}
.goods_tastes_risk.risk01{background:url(/ux/images/finance/bg_goods_tastes_risk_risk1.png) no-repeat;}
.goods_tastes_risk.risk02{background:url(/ux/images/finance/bg_goods_tastes_risk_risk2.png) no-repeat;}
.goods_tastes_risk.risk03{background:url(/ux/images/finance/bg_goods_tastes_risk_risk3.png) no-repeat;}
.goods_tastes_risk.risk04{background:url(/ux/images/finance/bg_goods_tastes_risk_risk4.png) no-repeat;}
.goods_tastes_risk.risk05{background:url(/ux/images/finance/bg_goods_tastes_risk_risk5.png) no-repeat;}
.goods_tastes_risk.risk06{background:url(/ux/images/finance/bg_goods_tastes_risk_risk6.png) no-repeat;}


/* level_wrap */
.levelWrap{margin-top:12px}
.levelBox{position:relative}
.levelBox {border-top:1px solid #bbb}
.levelBox .levelArea > li{position:relative;overflow:hidden;height:87px;border:1px solid #bbb;border-top:none;border-bottom:none}
.levelBox .levelArea > li:first-child{}
.levelBox .levelArea > li.level01{height:87px; background:#e3f7e1 url(/ux/images/common/bg_dot_line.gif) repeat-x 0 bottom}
.levelBox .levelArea > li.level02{background:#f3ffe0 url(/ux/images/common/bg_dot_line.gif) repeat-x 0 bottom}
.levelBox .levelArea > li.level03{background:#fdfbe2 url(/ux/images/common/bg_dot_line.gif) repeat-x 0 bottom}
.levelBox .levelArea > li.level04{background:#fbf1e1 url(/ux/images/common/bg_dot_line.gif) repeat-x 0 bottom}
.levelBox .levelArea > li.level05{background:#feecec;border-bottom:1px solid #bbb;height:86px}
.levelBox .levelArea > li.level01 .riskArea{margin-top:19px}
.levelBox .levelArea > li.level01.checked{margin-top:-1px; height:82px}
.levelBox .levelArea > li.level01.checked .riskText ul.dot_list{margin:22px 0 0}
.levelBox .levelArea > li.level01.checked .riskInfo dl{margin-top:20px}
.levelBox .levelArea > li.level01.checked .riskCheck .radio{margin-top:29px}
.levelBox .levelArea > li.checked{height:81px;border:3px solid #3dadec; background-image:none}
.levelBox .levelArea > li.checked .riskArea{margin-top:17px}
.levelBox .levelArea > li.checked .riskInfo dl{margin-top:19px}
.levelBox .levelArea > li.checked .riskCheck .radio{margin-top:29px}
.levelBox .levelArea > li.checked .riskArea{margin-left:-2px}
.levelBox .levelArea > li.checked .riskText ul.dot_list{margin:21px 0 0}
.levelBox .levelArea > li .riskText ul.dot_list{margin:24px 0 0}

.levelBox .levelArea > li label div{float:left; display:block}
.levelBox .riskArea{width:158px; margin-top:20px}
.levelBox .riskText{width:222px}
.levelBox .riskText ul.dot_list li{margin-bottom:0; line-height:20px}
.levelBox .riskInfo{width:202px}
.levelBox .riskInfo dl{margin-top:22px; display:block; float:left; width:100px; letter-spacing:-1px}
.levelBox .riskInfo dl:first-child{background:url(/ux/images/common/bg_levelBox_vline.gif) no-repeat right 7px}
.levelBox .riskInfo dl dt{display:block; font-size:12px;color:#5a96c8;line-height:13px;text-align:center}
.levelBox .riskInfo dl dd{display:block;text-align:center; margin-top:3px;font-size:13px;color:#222;line-height:24px}
.levelBox .riskInfo dl dd > strong{font-size:24px;color:#222}
.levelBox .riskInfo dl dd > em{font-size:16px;color:#222}
.levelBox .riskCheck{width:100%}
.levelBox .riskCheck .radio{margin-top:31px; margin-left:46px}
/* .levelBox .riskCheck{width:72px; text-align:right; margin-top:31px} */
.levelBox .risks {display:block;position:relative;margin:0 auto;padding:22px 0 0 0;font-weight:bold;text-align:center;font-size:20px;}
.levelBox .risks.deps1 {background:url(/ux/images/finance/risks_deps1.png) 50% 0 no-repeat; color:#006ed2}
.levelBox .risks.deps2 {background:url(/ux/images/finance/risks_deps2.png) 50% 0 no-repeat; color:#28a050}
.levelBox .risks.deps3 {background:url(/ux/images/finance/risks_deps3.png) 50% 0 no-repeat; color:#91c221}
.levelBox .risks.deps4 {background:url(/ux/images/finance/risks_deps4.png) 50% 0 no-repeat; color:#ffaf00}
.levelBox .risks.deps5 {background:url(/ux/images/finance/risks_deps5.png) 50% 0 no-repeat; color:#ff7300}
.levelBox .risks.deps6 {background:url(/ux/images/finance/risks_deps6.png) 50% 0 no-repeat; color:#ff3714}

/* .levelBox .risks {display:block;position:relative;margin:0 auto;padding:22px 0 0 0;font-weight:bold;text-align:center;font-size:20px;background:url(/ux/images/finance/risks_deps.png) no-repeat}
.levelBox .risks.deps1 {background-position:50% 0; color:#2ca710}
.levelBox .risks.deps2 {background-position:50% -50px; color:#85c627}
.levelBox .risks.deps3 {background-position:50% -100px; color:#eebf01}
.levelBox .risks.deps4 {background-position:50% -150px; color:#fba011}
.levelBox .risks.deps5 {background-position:50% -200px; color:#f33c3c} */



/* .levelBox > li{float:left; display:block}
.levelBox li.riskArea{width:155px; margin-top:20px}
.levelBox li.riskText{width:222px}
.levelBox li.riskText ul.dot_list{margin:10px 0 0;}
.levelBox li.riskInfo{width:202px}
.levelBox li.riskInfo dl{margin-top:20px; display:block; float:left; width:100px; letter-spacing:-1px;}
.levelBox li.riskInfo dl:first-child{background:url(/ux/images/common/bg_levelBox_vline.gif) no-repeat right 7px;}
.levelBox li.riskInfo dl dt{display:block; font-size:12px;color:#5a96c8;line-height:13px;text-align:center;}
.levelBox li.riskInfo dl dd{display:block;text-align:center; margin-top:5px;font-size:13px;color:#222;line-height:24px;}
.levelBox li.riskInfo dl dd > strong{font-size:24px;color:#222;}
.levelBox li.riskInfo dl dd > em{font-size:16px;color:#222;}
.levelBox li.riskCheck{width:67px; text-align:right; margin-top:30px}
.levelBox li .risks {display:block;position:relative;margin:0 auto;padding:22px 0 0 0;font-weight:bold;text-align:center;font-size:20px;background:url(/ux/images/finance/risks_deps.png) no-repeat;}
.levelBox li .risks.deps1 {background-position:50% 0; color:#2ca710;}
.levelBox li .risks.deps2 {background-position:50% -50px; color:#85c627}
.levelBox li .risks.deps3 {background-position:50% -100px; color:#eebf01}
.levelBox li .risks.deps4 {background-position:50% -150px; color:#fba011}
.levelBox li .risks.deps5 {background-position:50% -200px; color:#f33c3c} */

.riskCheck .radio {display:inline-block;vertical-align:middle;width:20px;height:20px;margin-right:5px;background:url(/ux/images/common/ico_btnCheck02.gif) no-repeat;}
.riskCheck .radio.focus {background-position:0 -40px;}
.riskCheck .radio.checked {background-position:0 -20px;}
.riskCheck .radio.checked.focus {background-position:0 -60px;}

/* 포트폴리오 위험성향 설문진단 */
.riskQnaType{display:block; width:100%}
.riskQnaType:after, .riskQnaType ul:after {display:block;content:"";clear:both;}
.riskQnaType ul{display:table; margin:0 auto}
.riskQnaType li{float:left}
.riskQnaType.col2 li{width:340px}
.riskQnaType.col5 li{width:145px}

.riskQnaType li label{display:block}
.riskQnaType li label strong{display:inline-block; font-size:16px; line-height:20px; vertical-align:top}
.riskQnaType .type1{}
.riskQnaType .type1 li{background:url(/ux/images/online_branch/bg_riskQna_type01.gif) no-repeat 20px bottom}
.riskQnaType .type1 li+li{background-position:-125px bottom}
.riskQnaType .type1 li+li+li{background-position:-270px bottom}
.riskQnaType .type1 li+li+li+li{background-position:-415px bottom}
.riskQnaType .type1 li+li+li+li+li{background-position:-560px bottom}
.riskQnaType .type1 li label{padding-bottom:96px}

.riskQnaType .type4_1{}
.riskQnaType .type4_1 li{background:url(/ux/images/online_branch/bg_riskQna_type04_01.gif) no-repeat 55px bottom}
.riskQnaType .type4_1 li+li{background-position:-290px bottom}
.riskQnaType .type4_1 li label{padding-bottom:200px}

.riskQnaType .type4_2{}
.riskQnaType .type4_2 li{background:url(/ux/images/online_branch/bg_riskQna_type04_02.gif) no-repeat 55px bottom}
.riskQnaType .type4_2 li+li{background-position:-290px bottom}
.riskQnaType .type4_2 li label{padding-bottom:200px}

.riskQnaType .type4_3{}
.riskQnaType .type4_3 li{background:url(/ux/images/online_branch/bg_riskQna_type04_03.gif) no-repeat 55px bottom}
.riskQnaType .type4_3 li+li{background-position:-290px bottom}
.riskQnaType .type4_3 li label{padding-bottom:200px}

.riskQnaType .type5_1{}
.riskQnaType .type5_1 li{background:url(/ux/images/online_branch/bg_riskQna_type05_01.gif) no-repeat 55px bottom}
.riskQnaType .type5_1 li+li{background-position:-290px bottom}
.riskQnaType .type5_1 li label{padding-bottom:200px}

.riskQnaType .type5_2{}
.riskQnaType .type5_2 li{background:url(/ux/images/online_branch/bg_riskQna_type05_02.gif) no-repeat 55px bottom}
.riskQnaType .type5_2 li+li{background-position:-290px bottom}
.riskQnaType .type5_2 li label{padding-bottom:200px}

.riskQnaType .type5_3{}
.riskQnaType .type5_3 li{background:url(/ux/images/online_branch/bg_riskQna_type05_03.gif) no-repeat 55px bottom}
.riskQnaType .type5_3 li+li{background-position:-290px bottom}
.riskQnaType .type5_3 li label{padding-bottom:200px}

.riskQnaType.listType{}
.riskQnaType.listType ul{display:block; margin:0}
.riskQnaType.listType ul li{display:block; float:none; margin-bottom:15px}
.riskQnaType.listType ul li:last-child{margin:0}

.chart_legend{display:table; margin:0 auto}
.chart_legend li{background:url(/ux/images/online_branch/bg_chart_legend.gif) no-repeat 0 0; display:inline-block; height:15px;vertical-align:middle; padding:0 0 0 20px; margin-left:20px}
.chart_legend li:first-child{margin-left:0px}
.chart_legend li+li{background-position:0 -15px}
.chart_legend li span{display:inline-block; font-size:13px; line-height:12px; color:#222; vertical-align:top}

/*********************
POP.com 환경설정
*********************/
/* 사용자 설정 */
.check_txt {display:block;position:relative;margin:0 0 30px 0;padding:28px;border:solid #ddd 1px;background-color:#f4f5f7;}
.check_txt ul {display:block;position:relative;}
.check_txt ul li {display:block;position:relative;margin:0;padding:0 0 0 22px;background:url(/ux/images/common/ico_check_desc2.png) no-repeat 0px 4px;}
.check_txt ul li + li {margin-top:10px;}
.check_txt p {display:block;position:relative;margin:0;padding:0 0 0 22px;background:url(/ux/images/common/ico_check_desc2.png) no-repeat 0px 4px;}
.check_txt ul + .btnMid {margin-top:10px;}
.check_txt P + .btnMid {margin-top:15px;margin-left:20px;}
.check_txt .ex_txt li {padding-left:12px;background:none;}
.check_txt .dotTop_wrap {display:block;position:relative;margin:20px 0 0 0;padding:0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left top;}
.check_txt .dotTop_wrap .dot_list {margin-top:0;padding-top:10px;}
.check_txt .dotTop_wrap .dot_list li {margin-bottom:5px;padding-left:10px;color:#747474;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px !important;}
p.check_txt {display:block;position:relative;margin:0 0 30px 0;padding:28px 28px 28px 50px;border:solid #ddd 1px;background:url(/ux/images/common/ico_check_desc2.png) no-repeat 28px 32px #f4f5f7;}
p.check_txt strong, .check_txt p strong {color:#c75414;font-weight:normal;}
.dl_set01.firsetDisplay {margin-top:10px;}
.dl_set01.firsetDisplay dt {width:160px;}
.dl_set01.firsetDisplay dd {width:740px;}
.view_exc {display:table;position:relative;width:100%;height:100%;margin:0;padding:0;border:solid #ddd 1px;border-top:solid #747474 1px;background:#f4f5f7;}
.view_exc .cell {display:table-cell;position:relative;width:100%;text-align:center;vertical-align:middle;color:#444;font-size:18px;}
.view_exc strong {font-weight:600;}
.view_exc.height300 {height:300px;}
.bookmark_edit {display:block;position:relative;overflow:hidden;overflow-y:auto;height:289px;margin:0;padding:0;border:solid #ddd 1px;border-top:solid #747474 1px;}
.bookmark_edit ul {display:block;position:relative;margin:0;padding:0;}
.bookmark_edit li {display:table;position:relative;width:100%;height:57px;margin:0;padding:0;border-bottom:solid #ddd 1px;text-align:center;}
.bookmark_edit li var {display:table-cell;position:relative;width:50px;padding:10px;vertical-align:middle;font-style:normal;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y right top;}
.bookmark_edit li .name {display:table-cell;position:relative;width:196px;padding:10px 12px;vertical-align:middle;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y right top;}
.bookmark_edit li .route {display:table-cell;position:relative;width:576px;padding:10px 12px;text-align:left;vertical-align:middle;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y right top;}
.bookmark_edit li .delBtn {display:table-cell;position:relative;margin:0;padding:0;vertical-align:middle;}
.bookmark_edit li button.del {display:inline-block;position:relative;width:17px;height:17px;text-indent:-9999px;font-size:0;background:url(/ux/images/common/btn/toast_del.png) no-repeat left top;}
.bookmark_edit .view_exc {border:none;}
.guideTb1 + .guideTb1 {border-top:none;}
.guideTb1.certification .cardCertificaion .oldCard {float:left;display:block;position:relative;width:450px;height:140px;margin:0;padding:0;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y right top;}
.guideTb1.certification .cardCertificaion span {display:inline-block;position:relative;margin-right:5px;}
.guideTb1.certification .cardCertificaion span + span {margin-right:0;}
.guideTb1.certification .cardCertificaion strong {color:#c75414;}
.guideTb1.certification .cardCertificaion .card_sample {float:left;display:block;position:relative;margin:0 0 0 50px;padding:10px 0;}
.guideTb1.certification .cardCertificaion .newCard {float:left;display:block;position:relative;width:450px;height:140px;margin:0;padding:0;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y right top;}
.guideTb1.certification .cardCertificaion .newCard input[type="password"] {width:60px;}
.guideTb1.certification .cardCertificaion .newCard img {vertical-align:middle;}
.guideTb1.certification .otpCertification .otp {float:left;display:block;position:relative;width:400px;height:70px;margin:0;padding:0 0 20px 0;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y right top;}
.guideTb1.certification .otpCertification .otp p.ex_txt {position:absolute;left:0;top:40px;}
.guideTb1.certification .otpCertification .otp_sample {float:left;display:block;position:relative;margin:0 0 0 50px;padding:10px 0;}
.guideTb1.certification .otpCertification .otpError {float:left;display:block;position:relative;width:400px;height:100px;margin:0;padding:0 0 20px 0;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y right top;}
.guideTb1.certification .otpCertification .otpError span {display:inline-block;position:relative;width:75px;}
.guideTb1.certification .otpCertification .otpError p.ex_txt {position:absolute;left:0;top:90px;}
.guideTb1.certification .otpCertification .smartOtp {display:block;position:relative;margin:0;padding:0;}


/*********************
부가서비스 신청/해지
*********************/
/*서비스종합*/
.confirmBox.line {margin-top:20px;padding:30px 0;text-align:center;background:url(/ux/images/common/bg_dot_line.gif) 0 0 repeat-x;}
.confirmBox.line p {font-size:18px;}
.confirmBox.line p strong {color:#222;}
.confirmBox.line span.date {display:block;margin-top:10px;color:#747474;font-size:14px;}
.bg_footerLogo {display:block;text-align:center}
.guideBox.creditInfo {padding:30px 0;}
.guideBox.creditInfo p {font-size:22px;}
.tipArea.creditInfo_notice dt {background:none;}
.tipArea.creditInfo_notice dd {background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 10px;}
table.samToSamTbl{border-top:1px solid #ddd}
/*온라인업무/서비스종합 > 기본서비스*/
.serviceTotal {border-top:1px solid #747474;}
.serviceTotal dl {border-bottom:1px solid #dddddd;float:left;}
.serviceTotal:after, .serviceTotal dl:after {clear:both;content:"";display:block;}
.serviceTotal dl dt {padding: 20px;background:#fafafa;width:160px;float:left;}
.serviceTotal dl dd {padding: 14px 20px 15px;width:240px;float:left;line-height: 30px;}
.serviceTotal dl.oneLine,.serviceTotal dl.oneLineAd {width:100%;}
.serviceTotal dl.oneLine dd {width: 720px;}
.serviceTotal dl dd .closeBtn {display:none;}
.serviceTotal .tipArea ul > li > ul {margin:0px;}
.slideTab {border-bottom:1px solid #cccccc;clear: both;}
.slideTab .innerBox {padding:30px 20px 20px;border:1px solid #747474;display:block;position: relative;}
.slideTab .innerBox:before {display:block;position:absolute;width:14px;height:11px;top: -11px;content:"";background:url('/ux/images/customer/total_arrow.gif') no-repeat;}
.slideTab.arrowLeft .innerBox:before {left: 426px;}
.slideTab.arrowRight .innerBox:before {right: 37px;}
.slideTab .innerBox .innerBoxClose {display:block;position:absolute;width:12px;height:12px;top:20px;right:20px;content:"";background: url('/ux/images/common/ico_close.gif') no-repeat;cursor:pointer;text-indent: -9999px;}
.slideTab .tipArea ul > li > ul > li {margin-bottom:0px;}
.slideTab .innerBox p a.btnText {vertical-align: baseline;font-size:14px;}
.serviceDashedT {border-top:1px dashed #dddddd;}
.serviceAsk {display:block;padding:20px 0 0 125px;background:url('/ux/images/customer/serviceTotal01.gif') no-repeat left 20px;}
.serviceAsk ul.dot_list2 {margin-bottom:10px;margin-top:10px;}
.serviceAsk ul.dot_list2 li {margin-bottom:3px;}
.serviceCustom1 .page_function {height:19px;}
.serviceCustom1 .page_function .text_mid {top:0;}
.terms_area.modalTerm ol li{padding-bottom:5px}
.terms_area.modalTerm ol li p{padding-top:3px;padding-left:15px}
.terms_area.modalTerm ol.dep1 > li{padding-bottom:20px}
.terms_area.modalTerm ol.dep1 > li > p, .terms_area.modalTerm ol.dep2{padding-top:5px;}
.terms_area.modalTerm ol.dep1 ul.dot_list {margin:5px 0 0 10px;}
.terms_area.modalTerm ol.dep1 ul.dot_list li {margin:0;}
.terms_area.modalTerm ol li ol{padding-left:10px}
.terms_area.modalTerm ol .termsTit{font-size:16px;font-weight:bold}
.total_termsBox {padding:15px 10px;border-top:1px solid #747474;border-bottom:1px solid #ddd;}
.total_termsBox .termsPopBtn {margin-bottom:10px;}
.tbl1 tbody td.chkbox_transferMoney {padding-right:0 !important;}
.tbl1 td.chkbox_transferMoney p {margin-top:10px;}
.tbl1 td.chkbox_transferMoney p label {margin:0;color:#444;}
/* 기본서비스 약관박스 */
.serviceTotal_box {padding-top:15px;border-top:1px solid #747474;}
.serviceTotal_box .boxGray {position:relative;padding:20px 15px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;background-color:#fafafa;}
.serviceTotal_box .boxGray p {position:relative;font-size:14px;color:#222;}
.serviceTotal_box .boxGray label.check {position:absolute;right:15px;top:50%;margin-top:-10px;}
.serviceTotal_box .btnBox {margin-bottom:15px;padding-left:15px;}
.serviceTotal_box .btnBox .btnSmall {vertical-align:middle;}
.serviceTotal_box .btnBox button.btnCheck:hover {background-position:10px -56px;}
.serviceTotal_box .btnBox button.btnCheck.checked {background-position:10px -26px;}
.serviceTotal_box .agreeBox {background:url(/ux/images/common/bul_dot_98.gif) left top repeat-x;background-color:#fafafa;}
/* 서비스종합 아이콘 이미지 */
.serviceARSX{display:block;padding:28px 0 5px 90px;background:url('/ux/images/customer/serviceTotalX01.gif') no-repeat 15px 20px;}
.serviceARSO{display:block;padding:28px 0 5px 90px;background:url('/ux/images/customer/serviceTotalO01.gif') no-repeat 15px 20px;}
.serviceOTPX{display:block;padding:28px 0 5px 90px;background:url('/ux/images/customer/serviceTotalX02.gif') no-repeat 15px 20px;}
.serviceTransferX{display:block;padding:28px 0 5px 90px;background:url('/ux/images/customer/serviceTotalX03.gif') no-repeat 15px 20px;}
.serviceTransferO{display:block;padding:28px 0 5px 90px;background:url('/ux/images/customer/serviceTotalO03.gif') no-repeat 15px 20px;}
.serviceItemO{display:block;padding:20px 0 5px 90px;background:url('/ux/images/customer/serviceTotalO03.gif') no-repeat 15px 20px;}
.serviceSecuCardO{display:block;padding:28px 0 5px 90px;background:url('/ux/images/customer/serviceTotalO04.gif') no-repeat 15px 20px;}
.serviceSecuCardX{display:block;padding:28px 0 5px 90px;background:url('/ux/images/customer/serviceTotalX04.gif') no-repeat 15px 20px;}
.autoTransforssX{display:block;padding:28px 0 20px 90px;border-bottom:1px solid #ddd;background:url('/ux/images/customer/serviceTotalX05.gif') no-repeat 15px 20px;}
.autoTransforstX{display:block;padding:28px 0 20px 90px;border-bottom:1px solid #ddd;background:url('/ux/images/customer/serviceTotalX06.gif') no-repeat 15px 20px;}
.autoTransfortsX01{display:block;padding:28px 0 20px 90px;border-top:1px solid #747474;background:url('/ux/images/customer/serviceTotalX06.gif') no-repeat 15px 20px;}
.autoTransfortsX02{display:block;padding:28px 0 20px 90px;border-bottom:1px solid #ddd;background:url('/ux/images/customer/serviceTotalX05.gif') no-repeat 15px 20px;}
.retireInvestX{display:block;padding:28px 0 0 90px;background:url('/ux/images/customer/serviceTotalX07.gif') no-repeat 15px 25px;}
.keepingX{display:block;padding:28px 0 0 90px;background:url('/ux/images/customer/serviceTotalX08.gif') no-repeat 15px 25px;}
.repaymentX{display:block;padding:28px 0 0 90px;background:url('/ux/images/customer/serviceTotalX09.gif') no-repeat 15px 25px;}
.swingX{display:block;padding:28px 0 0 90px;background:url('/ux/images/customer/serviceTotalX10.gif') no-repeat 15px 20px;}
.interestContractX{display:block;padding:28px 0 0 90px;background:url('/ux/images/customer/serviceTotalX11.gif') no-repeat 15px 20px;}
.regularBuyX{display:block;padding:28px 0 0 90px;background:url('/ux/images/customer/serviceTotalX12.gif') no-repeat 15px 20px;}

/*온라인업무/서비스종합 > 개인신용정보관리*/
.creditInfo_wrap {border-top:1px solid #ddd;}
.creditInfo_wrap > li {padding-bottom:30px;border-bottom:1px solid #ddd;}
.creditInfo_wrap p.tit {font-size:16px;padding:15px 10px;border-bottom:1px solid #ddd;margin-bottom:25px;}
.creditInfo_wrap dl {padding-left:30px;}
.creditInfo_wrap dl:after {content:"";display:block;width:0;height:0;clear:both;}
.creditInfo_wrap dl dt, .creditInfo_wrap dl dd {float:left;margin-top:5px;color:#444;}
.creditInfo_wrap dl dt {width:560px;}
.creditInfo_wrap dl dt.no_radio {width:660px;}
.creditInfo_wrap dl dt + dd {width:190px;}
.creditInfo_wrap dl dt + dd + dd {width:100px;}
.creditInfo_wrap dl dd.dep2 {width:100%;}
.creditInfo_wrap dl dd.dep2 dl {padding-left:20px;}
.creditInfo_wrap dl dd.dep2 dt {width:540px;}
.creditInfo_wrap li .dot_list {margin:30px 0 0 50px;}
.creditInfo_wrap .marketingAgree {margin-bottom:5px;padding-left:30px;border-top:none;}
.creditInfo_wrap .marketingAgree tbody th {padding-left:10px;padding-right:0px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.creditInfo_wrap .marketingAgree tbody th label {margin-left:17px;margin-right:5px;}
.creditInfo_wrap .marketingAgree tbody th .readonly + label {color:#000;}
.marketing_agreement {display:block;position:relative;margin:0;padding:0;border-top:solid #ddd 1px;border-bottom:solid #ddd 1px;}
.marketing_agreement ul {display:table;position:relative;margin:0;padding:0;width:100%;}
.marketing_agreement ul li {display:table-cell;position:relative;width:25%;margin:0;padding:10px 0;}
.marketing_agreement ul li + li {border-left:solid #ddd 1px;}
.marketing_agreement label {float:left;position:relative;margin:0 10px;}
.marketing_agreement .date {float:left;display:inline-block;position:relative;margin:0;padding:0 0 0 12px;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.marketing_agreement ul li.sAll {background-color:#fafafa;}
.creditInfo_wrap .marketing_agreement {width:850px;margin:10px 0 20px 30px;}
/*온라인업무/서비스종합 > 대출서비스(대출한도금액)*/
.popSection .terms_area.type2.customerTerm {height:240px;}
.popSection .terms_area.type2.customerTerm.underLine74 {border-bottom:1px solid #747474;}
.popSection .serTotalAgreeBox {position: relative;padding:18px 20px;border-bottom: 1px solid #ddd;background:#f4f5f7;}
.popSection .serTotalAgreeBox p {position:relative;color:#222;font-size:14px;}
.popSection .serTotalAgreeBox label {position:absolute;right:15px;top:50%;margin-top:-10px;}
/*온라인업무/서비스종합 > 자동이체*/
.autoTranferOpac {position:relative;border-top:1px solid #ddd;}
.autoTranferOpac:after {display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:0.5;}
.guideTb1.transferCancel {margin:20px 0;}
.autoTransfor {border-top:1px solid #747474;border-bottom:1px solid #dddddd;}
.autoTransfor > li {display:block;min-height:130px;padding:30px 0 0 130px;background-position:4px 30px !important;}
.autoTransfor .tra_1 {background:url('/ux/images/customer/serviceTotal06.gif') no-repeat;}
.autoTransfor .tra_2 {background:url('/ux/images/customer/serviceTotal07.gif') no-repeat;}
.transHelp {margin-bottom:10px;text-align:right;}
.transHelp button {padding:0 30px 0 12px;background:url('/ux/images/customer/securityService/help_line.gif') no-repeat right 12px center;}
.transBankNum {position:relative;padding-top:10px;color:#444;font-size:13px;}
.transBankNum p {display:inline-block;}
.transBankNum .guideTb1 tbody td {}
.tbl1 .transferCancel {padding:20px 0;}
.transferCancel .guideTb1 thead th {border-bottom:1px solid #747474;background:#f4f5f7;border-left:1px solid #ddd;text-align:center;color:#222;}
.transferCancel .guideTb1 th,.transferCancel .guideTb1 td {border-left:1px solid #ddd;border-bottom:1px solid #dfdfdf;text-align:left;font-weight:normal;line-height:20px;}
.transferCancel .guideTb1 thead th:first-child,
.transferCancel .guideTb1 tbody th:first-child,
.transferCancel .guideTb1 td:first-child {border-left:none;}
.transferCancel .guideTb1.taC td {text-align:center;}
/*온라인업무/서비스종합 > 사고현황*/
.lostPopTit .h3_tit {margin-bottom:0px;padding-bottom:20px;border-bottom:1px solid #ddd;}
/*온라인업무/서비스종합 > 사고등록현황*/
.tbl_accident_regi table.viewMore {width:1783px !important;}
/*온라인업무/보안서비스>서비스등록/변경*/
span.ex_txt strong.fn {font-weight:normal;}
ul.expendable.riskGuideFaq li .title {font-size:18px;font-weight:bold;background:none;}
ul.expendable.riskGuideFaq li .title > a {padding:12px 10px;}
ul.expendable.riskGuideFaq .guideTb1 tbody th {padding:10px 5px;text-align:center;}
ul.expendable.riskGuideFaq .expend {padding:15px;background:none;}
/*캐쉬리워드/U-point 신청*/
fieldset.cardNum input[type=text] {width:137px;margin-left:4px;}
fieldset.cardNum input[type=text]:first-child {margin-left:0;}
table.pointSearch {width:100%;margin-top:30px;border-bottom:1px solid #ddd;}
table.pointSearch thead th, table.pointSearch tbody td {padding:10px;text-align:center;border-left:1px solid #ddd;}
table.pointSearch thead tr th:first-child, table.pointSearch tbody tr td:first-child {border-left:none;}
table.pointSearch thead th {border-top:1px solid #747474;text-align:center;font-weight:normal;background-color:#fafafa;}
table.pointSearch tbody td {border-top:1px solid #ddd;text-align:center;}
.upointList {position:relative;}
.upointList .btn {position:absolute;top:5px;right:0;}
/* 금융주소 한번에 서비스  */
.finance_address_head {background-image:url(/ux/images/online_branch/finance_service_head.png);background-position:760px 20px;background-repeat:no-repeat;}
.changeAddress {display:block;position:relative;margin:0 0 30px 0;padding:10px 0 0 0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;}
.changeAddress li {display:block;position:relative;margin:0 0 10px 0;padding:0 10px;}
.changeAddress input[type="text"] {width:440px;}
.changeAddress input[type="text"].zipcode {width:110px;text-align:center;margin:0 5px 0 10px;}
.changeAddress.faRequest {margin-bottom:0px;}
.changeAddress.faRequest input[type="text"] {width:600px;}
.changeAddress.faRequest input[type="text"].zipcode {width:130px;}
.chBank {display:block;position:relative;margin:0 0 30px 0;padding:0;font-size:14px;color:#222;}
.chBank span {display:inline-block;position:relative;margin:0 0 0 5px;}
.recallNum {display:block;positon:relative;margin:0 0 20px 0;padding:15px 0;text-align:center;font-size:14px;background-color:#fafafa;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;}
.recallNum span {display:inline-block;position:relative;margin-right:5px;color:#c75414;}
.finadd_target {display:block;position:relative;margin:0 0 40px 0;padding:15px 15px 8px 15px;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;top:-1px;}
.finadd_target .tabCon ul {display:table;position:relative;width:100%;margin:0;padding:0;}
.finadd_target .tabCon ul li {float:left;display:block;position:relative;width:25%;height:22px;margin:0 0 6px;padding:0;}
.faAgree {display:block;position:relative;margin:0 0 30px 0;padding:20px 20px 70px 20px;background-color:#fafafa;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;}
.faAgree dl {display:block;position:absolute;width:740px;margin:0;padding:15px 200px 15px 20px;background-color:#f4f5f7;border-top:solid #ddd 1px;bottom:0;left:0;}
.faAgree dl dt {display:block;position:relative;margin:0;padding:0;}
.faAgree dl dd {display:inline-block;position:absolute;right:20px;top:10px;text-align:right;}
.faAgree dl dd label .checkbox {margin-right:5px;}
.faAgree ol {display:block;position:relative;margin:0;padding:0;}
.faAgree ol li {text-indent:-14px;padding-left:17px;margin-bottom:10px;}
.faAgree ol li a {positiono:relative;text-indent:0;margin-left:10px;}
.finadd_message {display:block;position:relative;margin:0;padding:0;text-align:center;font-size:18px;color:#222;}
.finadd_message span {color:#e56c00;}
.finadd_target li label .checked.checkbox{margin-top:0px}


/*********************
온라인계좌간편추가
*********************/
/*온라인상품계좌추가*/
table.tbl1 th.slip {padding:10px 18px;}
.tbl1 tbody td.cma_choice {padding-left:0;}
.tbl1 tbody td.cma_choice fieldset.radioGroup {padding:0 0 10px 18px;}
.tbl1 tbody td.cma_choice .cma_checkbox {position:relative;padding:10px 0 0 0;border-top:1px dashed #ddd !important}
.tbl1 tbody td.cma_choice .cma_checkbox button.mgl10 {margin-left:18px !important;}
.tbl1 tbody td.cma_choice .cma_checkbox span.dimm {position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);filter:alpha(opacity=50);/* for ie5-8 */;}

/*********************
카드신청
*********************/
/* 고객센터 > 카드신청등록 */
.cmaCard .inner span.bgArea {background:url(/ux/images/finance/bg_cmaInfo2.png) 0 100% no-repeat;}
.cmaCardList2 {position:relative;border-top:1px solid #747474;}
.cmaCardList2 li:after {display:block;content:"";clear:both;}
.cmaCardList2.bdN {border-top:0;}
.cmaCardList2 li {position:relative;padding:25px 164px 23px 200px;border-bottom:1px solid #ddd;}
.cmaCardList2 li > img {position:absolute;left:30px;top:30px;}
.cmaCardList2 li > .btn {position:absolute;right:30px;top:50%;width:120px;margin-top:-46px;}
.cmaCardList2 li > .btn .btnLarge {width:120px;margin-top:10px;box-sizing:border-box;}
.cmaCardList2 dl {float:left;}
.cmaCardList2 dt {font-size:16px;font-weight:bold;}
.cmaCardList2 dd {margin-bottom:5px;margin-right:20px;color:#444;line-height:20px;}
.cmaCardList2 dd.benefit_icons {padding:13px 0 3px;}
.tbl1 .cardApply_terms {overflow-y:auto;height:60px;margin-bottom:10px;padding:20px;border:1px solid #bbb;background-color:#fafafa;}
.tbl1.applyCartInfo tbody td {padding:10px 15px}
/*카드신청*/
.applyCard .stepMenu li.on:first-child a {background-image:url(/ux/images/customer/securityService/ico_step_cardimg1.png);}
.applyCard .stepMenu li:first-child + li.on a {background-image:url(/ux/images/customer/securityService/ico_step_cardimg2.png);}
.applyCard .stepMenu li:first-child + li + li.on a {background-image:url(/ux/images/customer/securityService/ico_step_cardimg3.png);}
.cardProgress .stepProcess {margin-bottom:54px;}
.cardProgress .stepProcess.type2 li {min-height:80px;padding-bottom:0px}
.cardProgress .stepProcess.type2 li .wrap .header em.tit {font-size:16px;}
.cardSignUp .stepProcess.type2 li {min-height:80px;padding-bottom:0px;}
.grayBox.memRating{padding:30px}
.stepProcess.typeMemRation li .wrap{padding:27px 25px}

/*********************
통합알림서비스
*********************/
/* 통합알림서비스  */
.page_info.combine_alert {margin-bottom:30px;border-top:solid #747474 1px;}
.page_info.combine_alert .bgArea {background:url(/ux/images/online_branch/combine_alert_demo.png) no-repeat 50%;}
.page_info.combine_alert p.heading {display:block;position:relative;margin:0;padding:0;color:#222;font-size:22px;line-height:27px;}
.page_info.combine_alert p.heading span {display:inline-block;color:#0062ab;}
.setup_checkList {display:block;position:relative;margin:0;padding:20px 20px 5px 20px;background-color:#f4f5f7;}
.setup_checkList ul {display:table;position:relative;width:100%;margin:15px 0 0 0;padding:0;}
.setup_checkList ul li {float:left;display:inline-block;position:relative;margin:0 20px 15px 0;}
.icon_dl {display:block;position:relative;margin:0;padding:0;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;}
.icon_dl .row {display:table;position:relative;width:100%;margin:0;padding:0;}
.icon_dl .row + .row {padding-top:1px;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left top;}
.icon_dl dl {display:table-cell;position:relative;width:390px;margin:0;padding:30px 0 80px 90px;}
.icon_dl dt {display:block;position:relative;height:57px;color:#222;font-size:18px;font-weight:600;}
.icon_dl dd {display:block;position:relative;margin:0;padding:0;color:#444;font-size:14px;}
.icon_dl dd.btnset {display:block;position:absolute;left:90px;bottom:30px;}
.icon_dl_single {display:block;position:relative;margin:0;padding:28px 0 28px 250px;border:solid #ddd 1px;border-top:solid #747474 1px;background-color:#fafafa;}
.icon_dl_single span.bg {display:block;position:absolute;left:10px;top:50%;width:240px;height:140px;margin-top:-70px;background-position:50%;}
.icon_dl_single dl {display:block;position:relative;min-height:84px;margin:0;padding:0;}
.icon_dl_single dt {display:block;position:relative;margin:0 0 12px 0;padding:0;color:#222;font-size:18px;font-weight:600;}
.icon_dl_single dd {display:block;position:relative;margin:0;padding:0;color:#444;font-size:14px;}
.icon_dl_single dd + dd {margin-top:15px;}
.icon_dl.combine_alert dl {background:url(/ux/images/online_branch/combine_alert_deck.gif) no-repeat;}
.icon_dl.combine_alert dl.deck01 {background-position:10px 40px;}
.icon_dl.combine_alert dl.deck02 {background-position:-470px 40px;}
.icon_dl.combine_alert dl.deck03 {background-position:10px -180px;}
.icon_dl.combine_alert dl.deck04 {background-position:-470px -185px;}
.icon_dl_single.combine_alert span.bg {background:url(/ux/images/online_branch/combine_alert_single.png) no-repeat 50%;}
.stockset_item {display:block;position:relative;margin:0;padding:0;font-size:24px;font-weight:normal;}
.stockset_table th {border-right:solid #ddd 1px;vertical-align:middle !important;}
.stockset_table td+ td {border-left:none;background:url(/ux/images/common/bg_dot_vline.gif) repeat-y left top;}
.stockset_table input[type="text"] {width:170px;text-align:right;}
.stockset_table input[type="text"].per {width:120p;}
.stockset_table input[type="text"].dtie {width:60px !important;text-align:left;}
.stockset_table td var {font-style:normal;}
.stockset_table td var + .select-box, .stockset_table td .select-box + .select-box {margin-left:6px;}
.stockset_table td .select-box + input {margin-left:6px;}
.stockset_table input[type="text"] + var {margin-left:3px;}
.stockset_table var + input[type="text"] {margin-left:6px;}
.stockset_table td button.btnLarge {height:36px;padding:0 7px 2px 7px;margin:0 6px;font-size:14px;}
.stockset_table tr.nowPrice {padding-right:0;}
.stockset_table tr.nowPrice p {display:block;position:relative;margin:0;padding:5px 0 15px 0;background:url(/ux/images/common/bg_dot_line.gif) repeat-x left bottom;}
.stockset_table tr.nowPrice ul {display:table;position:relative;width:100%;margin:0;padding:0;}
.stockset_table tr.nowPrice td > ul > li {float:left;display:block;position:relative;width:50%;margin:15px 0 0 0;padding:0;}
.stockset_table tr.nowPrice td {vertical-align:top !important;}
.stockset_table tr.deactivate .select-box .wrap div span {position:relative !important;opacity:1 !important;}
.placeHolder_input.stockitem_detail01 label {top:5px;}
.placeHolder_input.stockitem_detail01 input {height:30px;width:260px;line-height:28px;}
.placeHolder_input.stockitem_detail01 .btnMid {float:inherit !important;}
.stockitem_detail01_table {font-size:14px !important;}
.stockitem_detail01_table .stsing {display:inline-block;position:relative;width:18px;height:18px;margin:0;padding:0;text-indent:-9999px;font-size:0;background:url(/ux/images/online_branch/stockitem_O.png) no-repeat left top;}
.stockitem_detail01_table .btnSmall + .btnSmall {margin-left:0;margin-top:4px;}
.stockitem_detail02_check {display:block;position:relative;margin:0;padding:10px;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;text-align:center;}
.stockitem_agree {display:block;position:relative;margin:0;padding:0;}
.stockitem_agree h3 {float:left;color:#222;font-size:16px;font-weight:normal;}
.stockitem_agree .radioGroup {float:right;}
.stockitem_agree .agreement {display:block;position:relative;overflow:hidden;overflow-y:auto;height:130px;margin:10px 0 15px 0;padding:30px;border-bottom:solid #ddd 1px;border-top:solid #747474 1px;background-color:#fafafa;}
.stockitem_agree .agreeTxt {display:block;position:relative;margin:0;padding:0;text-align:center;color:#000;font-size:18px;}
.stockitem_agree .agreeTxt span {color:#e56c00;}
.stockitem_agree .agreement.cancel {height:250px;}
.messgeAlert {display:block;position:relative;margin:0 auto;padding:0;}
.messgeAlert.sms {overflow:hidden;width:218px;height:230px;padding:67px 24px 0 24px;background:url(/ux/images/online_branch/message_sms.png) no-repeat left top;}
.messgeAlert.sms .messageWrap {float:right;display:inline-block;position:relative;padding:0;margin:0 9px 0 0;border-radius:5px;background:#5a96c8;}
.messgeAlert.sms .messageWrap p {display:inline-block;position:relative;min-width:120px;margin:0;padding:9px;color:#FFF;font-size:13px;}
.messgeAlert.sms .messageWrap .arrow {display:block;position:absolute;right:-9px;bottom:10px;width:9px;height:9px;background:url(/ux/images/online_branch/message_sms_arrow.png) no-repeat left top;}
.messgeAlert.push {overflow:hidden;width:240px;height:253px;padding:43px 17px 0 9px;background:url(/ux/images/online_branch/message_sms.png) no-repeat left top;}
.messgeAlert.push .pushWrap {display:block;position:relative;width:100%;margin:0;padding:0;}
.messgeAlert.push .pushWrap img {width:100%;border-radius:7px 7px 0 0;vertical-align:top;}
.email_message_detail {display:block;position:relative;min-height:200px;margin:0;padding:20px;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;background:#fafafa;}
.lay-help.w300 .layer {width:300px;padding:20px;}
.headShort .guideTb1 th,
.headShort .guideTb1 td {padding:10px !important;}
.bdbN {border-bottom:none !important;}
.scrollBody table tbody td .checkbox {margin-right:0 !important;}

/*********************
전자금융사기 예방서비스
*********************/
/*전자금융사기 예방서비스*/
.page_info.fraud_head,.page_info.bankpc_head,.page_info.addCert_head,.page_info.shutOff_head,.page_info.withdraw_head {padding:25px 0 30px;}
.fraud_head .bgArea {background:url(/ux/images/customer/securityService/bg_fraudInfo.png) 100% 100% no-repeat;}
.bankpc_head .bgArea {background:url(/ux/images/customer/securityService/bg_fraudInfo2.png) 100% 100% no-repeat;}
.addCert_head .bgArea {background:url(/ux/images/customer/securityService/bg_fraudInfo3.png) 100% 100% no-repeat;}
.shutOff_head .bgArea {background:url(/ux/images/customer/securityService/bg_fraudInfo4.png) 100% 100% no-repeat;}
.withdraw_head .bgArea {background:url(/ux/images/customer/securityService/bg_fraudInfo5.png) 100% 100% no-repeat;}
.more_infoBox.fraud_infoBox,
.more_infoBox.fraud_infoBox2 {margin-top:15px;}
.more_infoBox.fraud_infoBox .col {width:325px;height:120px;padding:30px 30px 0px 115px;}
.more_infoBox.fraud_infoBox .col.bg_icon1 {background: url(/ux/images/customer/securityService/bg_fraud_type01.gif) 30px 30px no-repeat;}
.more_infoBox.fraud_infoBox .col.bg_icon2 {background: url(/ux/images/customer/securityService/bg_fraud_type02.gif) 30px 30px no-repeat;}
.more_infoBox.fraud_infoBox2 .col {padding:30px 30px 30px 160px;}
.more_infoBox.fraud_infoBox2 .col.bg_icon3 {background: url(/ux/images/customer/securityService/bg_fraud_type03.gif) 30px 30px no-repeat;}
.more_infoBox.fraud_infoBox2 .col.bg_icon4 {margin-top:10px;border-top:1px solid #ddd;background: url(/ux/images/customer/securityService/bg_fraud_type04.gif) 30px 30px no-repeat;}
.more_infoBox.fraud_infoBox2 .addCertification {margin-top:20px;padding-top:20px;border-top:1px dashed #ddd;}
.more_infoBox.fraud_infoBox2 .addCertification .dot_list li {margin-top:0px;color:#444;font-size:14px;}
.more_infoBox.fraud_infoBox2 .addCertification .dot_list2 {margin-bottom:15px;}
.more_infoBox.fraud_infoBox2 .addCertification .dot_list2 li {color:#747474;font-size:13px;}
ul.bankpcList li {margin-bottom:8px;font-size:14px;}
ul.bankpcList li a {font-size:14px;}
.addCertBox .agreeBox.botLine {border-bottom:1px solid #ddd;}
.addCertBox .agreeBox p {float: left;position: relative;top: initial;right: initial;margin: 0px;}
.page_info.shutOff_head .inner > p.text_desc2 {padding-top:10px;}
.page_info.shutOff_head .inner > p.text_desc2 > span {display:initial;padding:0;}
.page_info.shutOff_head .inner > p.text_desc2 > span.inline {display:inline !important;}
.termsBox.mobile.identificationTerms p {margin-bottom:20px;}
.termsBox.mobile.identificationTerms table tbody td {background:#fff;}

/*********************
사고신고
*********************/
/*사고신고*/
.tbl1.reportTbl td input + input {margin-left:6px;}
.tbl1.reportTbl fieldset.checkboxGroup label {margin:0 20px 0 0;padding:10px 0;}

/*********************
증명서
*********************/
/*증명서조회>금융거래조회서발급*/
a.storeSelectlink:hover {color:#5a96c8;}
div.confirmedBox {display:block;border-top:1px solid #747474;border-bottom:1px solid #ddd;background-color:#fafafa;}

/*증명서조회>증명서위변조방지요소*/
.cetificate2Box > p {padding:27px 0 40px 0;border:1px solid #bbb;}
.cetificate2Box > div {border:1px solid #ddd;border-top:0px;padding:30px;background:#fafafa;}
.cetificate2Box > div ul li .h3_tit {position:relative;padding-left:28px;}
.cetificate2Box > div ul li .h3_tit.capyIco01:before {content:"";display:block;position:absolute;left:0;top:0;width:23px;height:23px;background:url('/ux/images/customer/certificate/ico_num01.gif') no-repeat;}
.cetificate2Box > div ul li .h3_tit.capyIco02:before {content:"";display:block;position:absolute;left:0;top:0;width:23px;height:23px;background:url('/ux/images/customer/certificate/ico_num02.gif') no-repeat;}

/*증명서조회>증명서위변조검증방법*/
.cetificate3Box {padding:30px 30px 25px;}
.cetificate3Box h2 {margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #dddddd;}
.cetificate3Box .cetificate302 li {padding:0 20px;}
.cetificate3Box .cetificate302 li img {padding:0 5px;}
.cetificate3Box .cetificate303 li {padding-bottom:15px;}
.cetificate3Box .cetificate303 li strong {margin-right:10px;color:#0977c9;font-size:16px;font-weight:bold;}
.cetificate3Box .cetificate303 li strong em {font-weight:normal;}
.cetificate3Box .cetificate303 img {padding-left:60px;}

/*증명서조회>출력FAQ*/
ul.expendable.cetificate401 p.title {padding-left:60px;}
ul.expendable.cetificate401 p.title a {font-size:16px;}
ul.expendable.cetificate401 .title a {color:#444;}
ul.expendable.cetificate401 .expend {padding-left:60px;padding-bottom:5px;}
ul.expendable.cetificate401 .expend > p {padding-bottom:10px;}
ul.expendable.cetificate401 .expend li {padding-bottom:10px;border-bottom:0px;}

/* 하단 FAQ 아코디언 cm.sspop 에서 가져옴 */
ul.expendable > li {display:block;position:relative;margin:0;padding:0;border-bottom:solid #ddd 1px;font-size:14px;}
ul.expendable > li ul li {display:block;position:relative;margin-bottom:5px;padding-left: 10px;border-bottom:none;font-size:14px;}

/* 개인정보이용(제공)조회 및 변경 */
.singleAgree_check {display:table; position:relative; width:100%; margin:0; padding:0; background-color:#fafafa; border-top:solid #747474 1px; border-bottom:solid #ddd 1px;}
.singleAgree_check p {display:table-cell; position:relative; margin:0; padding:15px; text-align:left;}
.singleAgree_check p span {color:#c75414}
.singleAgree_check div.checkCell {display:table-cell; position:relative; width:140px; margin:0; padding:0 25px 0 0; text-align:right; vertical-align:middle;}
.singleAgree_check.lineTop74 {border-top:solid #ddd 1px;}

/* 시간지정서비스  */
.timedServices_info {display:block;position:relative;margin:0 0 30px 0;padding:0;}
.timedServices_info>li {display:block;position:relative;min-height:100px;margin:0;padding:20px 0 23px 130px;border-bottom:solid #ddd 1px;}
.timedServices_info span.bg {display:block;position:absolute;width:82px;height:82px;margin:-41px 0 0 0;left:0;top:50%;}
.timedServices_info>li.deck01 .bg {background:url(/ux/images/customer/securityService/bg_timedServices_icon01.png) no-repeat;}
.timedServices_info>li.deck02 .bg {background:url(/ux/images/customer/securityService/bg_timedServices_icon02.png) no-repeat;}
.timedServices_info>li.deck03 .bg {background:url(/ux/images/customer/securityService/bg_timedServices_icon03.png) no-repeat;}
.timedServices_info .title {display:block;position:relative;margin:0 0 10px 0;padding:0;font-size:22px;color:#222;font-weight:600;}
.timedServices_info>li .dot_list>li{font-size:14px}