@charset "utf-8"; 
@font-face{font-family:'NotoSansKR-Regular'; font-weight:normal; src:url('../fonts/NotoSansKR-Regular.eot');}
@font-face{font-family:'NotoSansKR-Regular'; font-weight:normal; src:url('../fonts/NotoSansKR-Regular.woff');}

/* Common */
html, body {height:100%; font-family:'NotoSansKR-Regular','맑은고딕','MalgunGothic','AppleGothic',sans-serif; font-size:14px; margin:0; padding:0;}
html, body{
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
div,section,article,p,a,dl,dt,dd,ul,ol,li,form,fieldset,legend,blockquote,table,th,td,caption,span,em,input,select,textarea,button,i,h1,h2,h3,h4,h5,h6,address,strong,b,label
{box-sizing:border-box; -webkit-box-sizing:border-box; font-family:'NotoSansKR-Regular','맑은고딕','MalgunGothic',Helvetica,sans-serif,arial; word-break:break-all; margin:0; padding:0;}
em,i{font-style:normal;}
img, fieldset, button{border:0;}
img, textarea , input, select, label{vertical-align:middle;}
img{width:100%;}
button::-moz-focus-inner{border:0; padding:0;}
li{list-style:none;}
a, a:link, a:hover, a:active {text-decoration:none;}
table{width:100%; border-collapse:collapse; border-spacing:0;}
legend, caption{overflow:hidden;width:1px;height:1px;*height:0;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999px}
th, td{font-size:1.142rem}
input, button, textarea, select{display:inline-block; width:100%; border:1px solid #818181; box-sizing:border-box; -webkit-appearance:none; -webkit-box-sizing:border-box; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; font-size:1.14rem; color:#555; padding:0.571rem;}
button{border:0;}
button::-moz-focus-inner{border:0; padding:0;}

select {background:url('../images/common/ico_form_selectarw.png') 100% 50% no-repeat #fff; background-size:30px auto; 
-webkit-appearance:none; -moz-appearance:none; appearance:none;}
input, textarea{background:#fff; color:#333;}
input::-webkit-input-placeholder{font-size:1rem;}
input:focus{background:#fff;}
input[disabled=disabled]{color:#333;}

.ipt-checkbox{display:inline-block; position:relative; width:26px; height:26px; vertical-align:middle;}
.ipt-checkbox input[type=checkbox]{position:absolute; top:0; left:0; width:100%; height:26px; background:transparent; border:0; padding:0; visibility:hidden;}
.ipt-checkbox input[type=checkbox] + label{display:block; width:100%; height:26px; box-sizing:border-box; border:1px solid #818181; background-color:#fff; line-height:26px;}
.ipt-checkbox input[type=checkbox]:checked + label{border:1px solid #2d99d9; background:url('../images/common/ico_checkbox.png') 50% 50% no-repeat #2d99d9; background-size:100% 100%;}


/* Button Type */
.btn-area-bottom{text-align:center; padding:1rem 1.07rem;}
.btn-area-bottom:after{content:""; display:block; clear:both;}
.btn-area-bottom.tline{border-top:1px solid #e2e2e2; margin-top:0.71rem;}
.btn{border:1px solid; box-sizing:border-box; text-align:center; font-size:1.285rem; font-weight:bold; line-height:1; padding:1.285rem 0; margin:0.514rem 0;}
.btn.type1{border-color:#666; background-color:#f4f4f4; color:#666;}
.btn.type2{border-color:#136da2; background-color:#2d99d9; color:#fff;}
.btn.type3{border-color:#2d99d9; background-color:#fff; color:#2d99d9;}
.btn.type4{border-color:#39a940; background-color:#39a940; color:#fff;}

.btn-area-bottom.divide .btn{float:right; width:49%; font-size:1.071rem;}
.btn-area-bottom.divide .btn.full{width:100%; font-size:1.071rem; margin:0;}
.btn-area-bottom.divide button:first-child{float:left}
/* //Button Type */

/* Main */
.atm-main{min-height:100%; background:url('../images/main/main_bg.png') 50% 70% no-repeat;  background-size:cover; padding-bottom:1.714rem;}
.atm-main-header{position:relative; height:4rem; border-bottom:1px solid #5fc7e9;}
.atm-logo{text-align:center; padding-top: 0.7rem;}
.atm-logo a{display:inline-block; width:11.357rem;}
.atm-logo img{display:inline-block; width:11.357rem; line-height:4rem;}
.atm-main-event{}
.atm-main-menu{padding:0 1.07rem;}
.atm-main-menu:after{content:""; display:block; clear:both;}
.atm-main-menu li{float:right; width:49%; border-radius:0.428rem; margin-bottom:0.428rem; overflow:hidden;}
.atm-main-menu li:nth-child(odd){float:left;}
.atm-main-menu li a{position:relative; display:block; height:6.714rem;}
.m-cash{border:1px solid #0085d2; background-color:#2a99d9;}
.m-acc{border:1px solid #23a02b; background-color:#2ba332;}

.m-cash a{background:url('../images/main/main_ico_btn01.png') 50% 14px no-repeat; background-size:40px auto;}
.m-acc a{background:url('../images/main/main_ico_btn02.png') 50% 14px no-repeat; background-size:40px auto;}
.m-btn01, .m-btn02{border:1px solid #b9b9b9;}
.m-btn01 a{background:url('../images/main/main_ico01.png') 50% 12px no-repeat; background-size:40px auto;}
.m-btn02 a{background:url('../images/main/main_ico02.png') 50% 8px no-repeat; background-size:40px auto;}
.atm-main-menu li.m-btn01 a, .atm-main-menu li.m-btn02 a{height: 5.714rem;}

.am-txt{position:absolute; bottom:0.571rem; width:100%; text-align:center; color:#fff; font-size:1.142rem; line-height:1.2; font-weight:500;}
.am-txt.snd{bottom:0.571rem;}
.m-btn01 a .am-txt, .m-btn02 a .am-txt{color:#666;}
.atm-main-btn{padding:0 1.07rem;}
.atm-main-btn a{display:block; border:1px solid #888; border-radius:0.428rem; background-color:#898989; font-size:1.285rem; color:#fff; text-align:center; padding:0.714rem; margin:0.428rem 0 0}
.atm-btn-blth{display:inline-block; background:url('../images/main/main_ico_bluetooth.png') 0 50% no-repeat; background-size:28px auto; text-align:left; padding-left:2.285rem;}
.atm-main-btn a.on {border:1px solid #004a71; background-color:#004a71;}

#stepLayerP_box_in{overflow-x:hidden; overflow-y:ecroll; width:100%;}
/*Sub Header */
.atm-header{position:relative; height:3.85rem; background:url('../images/common/head_bg_bottomline.gif') 0 100% no-repeat #2d99d9; background-size:100% 5px;}
.atm-header h1{font-size:1.428rem; text-align:center; color:#fff; font-weight:500; line-height:3.85rem;}
.atm-header-step{position:relative; height:3.142rem; background-color:#f2f2f2; padding:0 1.07rem;}
.atm-header-step h2{background:0 50% no-repeat; background-size:19px 19px; font-size:1.142rem; color:#1259a9; line-height:3.142rem;}
.atm-header-step h2.no1, .atm-header-step h2.no2, .atm-header-step h2.no3, .atm-header-step h2.no4, .atm-header-step h2.no5, .atm-header-step h2.no6{padding-left:1.5rem;}
.atm-header-step h2.no1{background-image:url('../images/common/head_ico_no1_on.png');}
.atm-header-step h2.no2{background-image:url('../images/common/head_ico_no2_on.png');}
.atm-header-step h2.no3{background-image:url('../images/common/head_ico_no3_on.png');}
.atm-header-step h2.no4{background-image:url('../images/common/head_ico_no4_on.png');}
.atm-header-step h2.no5{background-image:url('../images/common/head_ico_no5_on.png');}
.atm-header-step h2.no6{background-image:url('../images/common/head_ico_no6_on.png');}

.h-step{position:absolute; right:1.07rem; top:50%; margin-top:-9px;}
.h-step:after{content:""; display:block; clear:both;}
.h-step li{float:left; width:19px; height:19px; background:0 0 no-repeat; background-size:100% 100%; margin-left:5px;}
.h-step li em{position:absolute; line-height:0; text-indent:-9999px; width:1px; height:1px; font-size:0; overflow:hidden; left:-9999px}
.h-step li:nth-child(1){background-image:url('../images/common/head_ico_no1.png')}
.h-step li:nth-child(1).prev{background-image:url('../images/common/head_ico_no1_prev.png')}
.h-step li:nth-child(1).on{background-image:url('../images/common/head_ico_no1_on.png')}
.h-step li:nth-child(2){background-image:url('../images/common/head_ico_no2.png')}
.h-step li:nth-child(2).prev{background-image:url('../images/common/head_ico_no2_prev.png')}
.h-step li:nth-child(2).on{background-image:url('../images/common/head_ico_no2_on.png')}
.h-step li:nth-child(3){background-image:url('../images/common/head_ico_no3.png')}
.h-step li:nth-child(3).prev{background-image:url('../images/common/head_ico_no3_prev.png')}
.h-step li:nth-child(3).on{background-image:url('../images/common/head_ico_no3_on.png')}
.h-step li:nth-child(4){background-image:url('../images/common/head_ico_no4.png')}
.h-step li:nth-child(4).prev{background-image:url('../images/common/head_ico_no4_prev.png')}
.h-step li:nth-child(4).on{background-image:url('../images/common/head_ico_no4_on.png')}
.h-step li:nth-child(5){background-image:url('../images/common/head_ico_no5.png')}
.h-step li:nth-child(5).prev{background-image:url('../images/common/head_ico_no5_prev.png')}
.h-step li:nth-child(5).on{background-image:url('../images/common/head_ico_no5_on.png')}
.h-step li:nth-child(6){background-image:url('../images/common/head_ico_no6.png')}
.h-step li:nth-child(6).prev{background-image:url('../images/common/head_ico_no6_prev.png')}
.h-step li:nth-child(6).on{background-image:url('../images/common/head_ico_no6_on.png')}

.atm-btn-all, .atm-btn-prev, .atm-btn-close{display:inline-block; position:absolute; margin-top:-0.64rem;}
.atm-btn-all{top:50%; right:1.07rem; width:1.857rem; height:1.5rem; background:url('../images/common/head_ico_burger.png') 0 0 no-repeat; background-size:100% 100%; margin-top:-0.75rem;}
.atm-btn-prev{top:50%; left:1.07rem; width:1.57rem; height:1.28rem; background:url('../images/common/head_ico_prevarrow.png') 0 0 no-repeat; background-size:100% 100%;}
.atm-btn-close{top:50%; right:1.07rem; width:1.428rem; height:1.428rem; background:url('../images/common/ico_close.png') 0 0 no-repeat; background-size:100% 100%;}
/* //Header */

/* Contents */
.atm-contents{padding:1.871rem 1.07rem 0;}
.atm-contents.cwide{padding-left:0; padding-right:0;}
.atm-contents.second{border-top:1px solid #e2e2e2; margin-top:0.714rem;} 
.atm-tit-finish{background:url('../images/common/ico_arrow_finish.png') 0 3px no-repeat; background-size:8px auto; font-size:1.22rem; color:#333; line-height:1.2; padding-left:0.85rem; margin-bottom:1rem;}
.atm-tit-finish span{display:block; color:#2d99d9;}
.atm-cont-list{border-top:2px solid #3866a4; border-bottom:1px solid #3866a4;}
.atm-cont-list th, .atm-cont-list td{border-top:1px solid #bfd2e0; text-align:left; font-weight:lighter; padding:0.85rem;}
.atm-cont-list th{background-color:#eff6fc; color:#666;}
.atm-cont-list td{color:#333;}
.atm-cont-list th.tb-right, .atm-cont-list td.tb-right{text-align:right;}
.txt-money{color:#2d99d9;}
.txt-money.cr2{color:#e96f1e;}

.atm-cont-list.type2{border-color:#999; margin-top:1rem;}
.atm-cont-list.type2 th{background-color:#f7f7f7;}
.atm-cont-list.type2 th, .atm-cont-list.type2 td{border-top-color:#e2e2e2;}

.atm-cont-guide{border:1px solid #bfd2e0; background:#eff6fc; text-align:center; font-size:1rem; line-height:1.4; color:#666; padding:1rem 0.714rem;}
.atm-cont-guide.left{text-align:left;}
.atm-cont-guide h4{font-size:1.142rem; color:#555; line-height:1.2; margin-bottom:0.571rem;}
.atm-cont-guide.type2{text-align:left;}


.modifyOftnAlias{font-weight:bold;}


/* Table list common */
.atm-cont-list tr:first-child th, .atm-cont-list tr:first-child td{border-top:0;}

/* Form */
.atm-cont-form{}
.atm-cont-form th, .atm-cont-form td{text-align:left;}
.atm-cont-form th{color:#009cda; vertical-align:top; padding-top:1.85rem; }
.atm-cont-form th label{color:#009cda; vertical-align:top; padding-top:1.85rem}
.atm-cont-form td{color:#555; padding-top:1rem}
.form-ck, .form-guide, .form-note{padding:0.28rem;}
.form-ck{text-align:right; color:#555;}
.form-guide{display:none; background:url('../images/common/ico_care.png') 0 7px no-repeat; background-size:14px 14px; font-size:0.827rem; color:#ff3300; padding-left:1.285rem;}
.form-guide.on{display:block;}
.form-guide.btm{display:block; margin-left:1.07rem; margin-top:1rem;}
.form-note{background:url('../images/common/ico_form_presa_bl.png') 0 8px no-repeat; background-size:7px auto; color:#666; font-size:1rem; line-height:1.2; padding-left:0.71rem;}
.form-btn-often{display:inline-block; height:2.142rem; border:1px solid #39a940; background-color:#39a940; color:fff; font-size:0.928rem; line-height:2.142rem; padding:0 0.714rem;}
.form-btn-often:visited, .form-btn-often:active, .form-btn-often:link, .form-btn-often:hover{color:#fff;}
.form-btn-area + tr th{padding-top:1.278rem}
.form-btn-area + tr td{padding-top:0.428rem;}
.btn-area-bottom .form-note{text-align:left;}

.ipt-call{}
.ipt-call:after{content:""; display:block; clear:both;}
.ipt-call select, .ipt-call input{float:left; width:33%; margin-left:1%;}
.ipt-call select{width:32%; margin-left:0;}

/* Number Form */
.atm-number-box{border:1px solid #bfd2e0; background:url('../images/common/bg_number.png') 50% 40px no-repeat #eff6fc; background-size:auto 180px; text-align:center; padding:17.142rem 1rem 1.285rem;}
.atm-number-box.q2{border:1px solid #bfd2e0; background:#eff6fc; text-align:center; padding:4rem 1rem;}
.atm-number-box h2{font-size:1.142rem; line-height:1.4; color:#555; margin-bottom:1.285rem;}
.atm-number-box h2 span{color:#1259a9;}
.atm-number-box label{display:inline-block; width:2.714rem; border:1px solid #1259a9; margin:0 1px;}
.atm-number-box label input{line-height:2rem; padding:0; height:2.95rem; font-size:0; background:transparent;}
.atm-number-box label.on{background:url('../images/common/bg_ipt_on.gif')50% 50% no-repeat; background-size:18px auto;}

/* Service */
.atm-svc-box{min-height:16.142rem; border:1px solid #bfd2e0; background:url('../images/common/bg_service_logo.png') 50% 46px no-repeat #eff6fc; background-size:226px auto; text-align:center; padding:6.785rem 1.214rem 1.214rem; margin-bottom:1.5rem;}
.atm-svc-box h2{font-size:1.21rem; line-height:6.87; color:#555;}
.atm-svc-btn{margin-bottom:1rem;}
.atm-svc-btn:after{content:""; display:block; clear:both;}
.atm-svc-btn li{float:right; width:49%;}
.atm-svc-btn li:first-child{float:left;}
.atm-svc-btn a{display:block; height:7.142rem; border-radius:4px; line-height:7.142rem; color:#fff; font-size:1.5rem; text-align:center;}
.btn-svc{background-color:#a3a3a3;}
.atm-svc-btn li:nth-child(1) .btn-svc.on{background-color:#1a91d7;}
.atm-svc-btn li:nth-child(2) .btn-svc.on{background-color:#39a940;}

/* Tab */
.atm-cont-tab{position:relative; padding-top:3.857rem;}
.atm-tab{position:absolute; width:50%;}
.atm-tab.tab1{top:0; left:0; z-index:20;}
.atm-tab.tab2{top:0; left:49.8%; z-index:10;}
.atm-tab.on{z-index:30;}
.atm-tab a{display:block; height:2.85rem; border:1px solid #bfd2e0; background:#eff6fc; text-align:center; color:#666; line-height:2.85rem;}
.atm-tab.on a{border-top:2px solid #3866a4; border-bottom:0; background:#fff; color:#1259a9;}
.atm-tab.tab1 a{margin-left:1.07rem;}
.atm-tab.tab2 a{margin-right:1.07rem;}

.atm-tab-area{display:none;}
.atm-tab-area .btn-area-bottom{padding-left:1.07rem; padding-right:1.07rem;}
.atm-list-summary{border-radius:0.857rem; background:#2d99d9; padding:1.142rem 0.71rem 0.428rem; margin-bottom:1.214rem; margin-left:1.07rem; margin-right:1.07rem;}
.atm-list-summary dt{position:relative; color:#fff; font-size:1.142rem; text-align:right;}
.atm-list-summary dt h4{position:absolute; top:50%; left:0; background:url('../images/common/ico_cont_balance.png') 0 50% no-repeat; background-size:32px auto; line-height:1.785rem; font-weight:lighter; padding-left:2.5rem; margin-top:-0.892rem}
.atm-list-summary dd{position:relative; border-top:1px dashed #57ade1; color:#fff; margin-top:0.714rem; padding:0.857rem 5.714rem 0.714rem 0}
.smr-money{font-size:1.357rem; vertical-align:-0.071rem}
.atm-list-summary dd span{display:inline-block; vertical-align:text-bottom;}
.btn-smr-date{position:absolute; top:50%; right:0; width:5.714rem; background-color:#1259a9; border-radius:3px; font-size:1rem; color:#fff; text-align:center; padding:0.3rem 0; margin-top:-0.964rem}

.atm-period-search{background:url('../images/common/bg_search_top.png') 50% 0 no-repeat; background-size:12px auto; border-top:1px solid #1259a9; margin:0 1.07rem 1.214rem; padding-top:1.142rem;}
.atm-period-ch{margin-bottom:0.714rem;}
.atm-period-ch:after{content:""; display:block; clear:both;}
.atm-period-ch li{position:relative; float:left; width:25%; height:30px; border:1px solid #ccc; border-left:0; box-sizing:border-box; background:#f4f4f4; z-index:10;}
.atm-period-ch li:first-child{border-left:1px solid #ccc;}
.atm-period-ch li a{display:block; text-align:center; color:#666; line-height:28px;}
.atm-period-ch li.on{border:1px solid #2d99d9; background:#fff; margin-left:-1px; z-index:20;}
.atm-period-ch li:first-child.on{margin-left:0;}
.atm-period-ch li.on a{color:#2d99d9;}

.atm-ch-form{position:relative; margin-bottom:0.714rem;}
.atm-ch-form:after{content:""; display:block; clear:both;}
.atm-ch-form label{display:block; float:right; width:45%; border:1px solid #818181; background:url('../images/common/ico_cale.png') 10px 50% no-repeat; background-size:18px auto;}
.atm-ch-form legend + label{float:left;}
.atm-ch-form label input{background:transparent; border:0; height:35px; line-height:35px; color:#555; padding:0 0 0 2.214rem; font-size:1.1rem;}
.atm-ch-form span{display:block; position:absolute; top:50%; left:50%; width:30px; height:35px; line-height:35px; font-size:1.428rem; text-align:center; margin-top:-18px; margin-left:-15px;}

.atm-list-bills{border-bottom:1px solid #e2e2e2;}
.atm-list-bills dt, .atm-list-bills dd, .atm-list-bills li{padding:0 1.07rem;}
.atm-list-bills dt{height:2.571rem; background:url('../images/common/bg_cont_line.png') 22px 0 no-repeat #f7f7f7; background-size:12px 36px; font-size:1.142em; line-height:2.571rem; color:#333; padding-left:3.142rem;}
.atm-list-bills dt:nth-child(1){background-image:url('../images/common/bg_cont_line_first.png')}
.atm-list-bills dd, .atm-list-bills li{position:relative; border-top:1px solid #e2e2e2; background:20px 12px no-repeat; background-size:18px 18px; font-size:1.071rem; color:#555; padding:0.71rem 50% 0.71rem 3.142rem;}
.atm-list-bills dt + dd, .atm-list-bills li:first-child{border-top:0;}
.atm-list-bills dd span, .atm-list-bills li span{display:inline-block; border-right:1px solid #d7d7d7; font-size:1.142rem; line-height:1; vertical-align:0; padding-right:0.5rem; margin-right:0.5rem;}
.atm-list-bills dd.atm-draw, .atm-list-bills li.atm-draw{background-image:url('../images/common/ico_cont_draw.png')}
.atm-list-bills dd.atm-deposit, .atm-list-bills li.atm-deposit{background-image:url('../images/common/ico_cont_deposit.png')}
.atm-list-bills dd.atm-draw span, .atm-list-bills li.atm-draw span{color:#2d99d9;}
.atm-list-bills dd.atm-deposit span, .atm-list-bills li.atm-deposit span{color:#e96f1e;}

.atm-bills-none{height:2.571rem; background:#f7f7f7; line-height:2.571rem; color:#333; text-align:center;}

.atm-origin{min-height:1.142rem; font-size:1.142rem;}
.atm-sum{position:absolute; top:0.5rem; right:1.07rem; text-align:right;}
.atm-sum .now em{font-size:1.285rem; color:#2d99d9;}
.atm-sum .total{font-size:1rem;}

.atm-calendar{padding:0 1.07rem; margin-bottom:1.142rem;}
.atm-cale-date{text-align:center; margin-bottom:0.857rem;}
.atm-cale-date span, .atm-cale-date a{display:inline-block; line-height:1; vertical-align:middle;}
.atm-cale-date span{font-size:1.5rem; color:#333; margin:0 0.714rem;}
.atm-cale-date a{width:24px; height:24px;}
.atm-cale-date a.month-p{background:url('../images/common/cale_ico_arrow01.png') 50% 50% no-repeat; background-size:10px auto;}
.atm-cale-date a.month-n{background:url('../images/common/cale_ico_arrow02.png') 50% 50% no-repeat; background-size:10px auto;}
.atm-cale-box{border-bottom:1px solid #d7d7d7;}
.atm-cale-box th{border-left:1px solid ##2d99d9; border-right:1px solid #2d99d9; background-color:#2d99d9; font-size:1.047rem; color:#fff; font-weight:lighter; text-align:center; padding:0.571rem 0;}
.atm-cale-box td{border-top:1px solid #d7d7d7; text-align:center; padding:0.357rem 0;}
.atm-cale-box td a{position:relative; display:inline-block; width:28px; height:28px; font-size:1.047rem; text-align:center; color:#666; line-height:26px;}
.atm-cale-box td:first-child{border-left:1px solid #d7d7d7;}
.atm-cale-box td:last-child{border-right:1px solid #d7d7d7;}
.atm-cale-box td:first-child a{color:#e96f1e;}
.atm-cale-box td:first-child a.not{color:#f4b78e;}
.atm-cale-box td:last-child a{color:#2d99d9;}
.atm-cale-box td:last-child a.not{color:#96ccec;}
.atm-cale-box td a.not{color:#b2b2b2;}
.atm-cale-box td a.today{background:url('../images/common/cale_bg_today.png') 50% 40% no-repeat; background-size:76% 76%; color:#fff;}
.value{display:block; position:absolute; bottom:-1px; width:100%; text-align:center;}
.value em{display:inline-block; width:4px; height:4px; vertical-align:bottom; margin:0 1px;}
.value em.v-in{background:url('../images/common/cale_bg_value_in.png') 0 0 no-repeat; background-size:4px 4px;}
.value em.v-out{background:url('../images/common/cale_bg_value_out.png') 0 0 no-repeat; background-size:4px 4px;}

.dateBold{font-weight:bold;}
/* Board */
.atm-board-list{padding-bottom:4.285rem;}
.atm-board-list li{border-bottom:1px solid #e2e2e2;}
.atm-board-list li a{display:block; background:url('../images/common/ico_arrow_list.png') 96% 50% no-repeat; background-size:9px auto; font-size:1.142rem; color:#333; padding:1rem 2.142rem 1rem 1.07rem;}
.atm-board-list .no_data{font-size:1.142rem; color:#333; padding:1rem 2.142rem 1rem 1.07rem; text-align:center;}
.atm-board-list.inner{border-top:1px solid #999; padding-bottom:0;}
.atm-board-list.inner li{position:relative; padding-left:5.071rem;}
.atm-board-list.inner li span{position:absolute; left:1.07rem; top:50%; font-size:1.142rem; color:#333; line-height:1; margin-top:-0.481rem;}
.atm-board-list.inner li a{background-position:94% 50%; padding-left:0; color:#666; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

.atm-board-view h2, .atm-board-view h3{font-weight:lighter; padding:1.07rem;}
.atm-board-view h2{background-color:#eff6fc; font-size:1.142rem; color:#333; line-height:1.2;}
.atm-board-view h3{border-bottom:1px solid #e2e2e2; font-size:1.047rem; color:#666; padding-top:0.714rem; padding-bottom:0.714rem;}
.atm-board-cont{margin:1rem;}

.atm-acc-img{display:inline-block; width:50px; height:20px; vertical-align:2px;}
.atm-acc-img img{width:auto; height:40px;}

/* 자주쓰는 입금계좌 */
.atm-frequency-list{}
.atm-frequency-list li{border-bottom:1px solid #e2e2e2; background-color:#1259a9; padding-left:3.214rem;}
.atm-frequency-list li a{display:block; position:relative; background:url('../images/common/ico_arrow_list.png') 100% 50% no-repeat #fff; background-size:9px auto; background-origin:content-box; padding:0.857rem 1.07rem 0.857rem 0.714rem;}
.atm-freq-cont span, .atm-freq-cont em{font-size:1.142rem; line-height:1;}
.atm-freq-cont h2{line-height:1; margin-bottom:0.357rem;}
.atm-freq-cont h2 span, .atm-freq-cont h2 em{display:inline-block; color:#333; vertical-align:middle; font-weight:lighter;}
.atm-freq-cont h2 em{border-left:1px solid #d7d7d7; padding-left:0.714rem; margin-left:0.714rem;}
.freq-account span{color:#2d99d9;}
.freq-account em{color:#666;}
.atm-frequency-none{height:2.571rem; color:#333; text-align:center;}

.atm-freq-cont .freq-num{display:block; position:absolute; top:50%; left:-3.214rem; width:3.214rem; height:100%; text-align:center; font-size:1.142rem; line-height:1.857rem; color:#fff; font-weight:600; margin-top:-1rem;}

.atm-frequency-view{}
.frq-view-list li{position:relative; border-top:1px solid #eee; font-size:1.142rem; padding:1rem 1.07rem;}
.frq-view-list li:first-child{border-top:0; padding-top:0;}
.frq-view-list li:last-child{padding-bottom:0;}
.frq-name{position:relative;}
.frq-name em{position:absolute; right:0;}
.frq-acc{color:#2d99d9;}
.frq-nick{position:relative; color:#666;}
.frq-nick em, .frq-nick span{vertical-align:middle;}
.frq-nick em{display:inline-block; margin-right:0.285rem;}
.frq-check{position:absolute; left:1.07rem; top:50%; margin-top:-13px;}

.frq-view-list.edit li{padding-left:3.571rem;}
.frq-view-list.edit li .frq-check{position:absolute; left:1.07rem; top:1.89rem;}
.frq-view-list.edit li:first-child .frq-check{top:1rem;}
.frq-view-list.edit li .frq-nick em{position:static; line-height:1; margin-top:0;}

/* 출금계좌 번호 */
.atrm-draw-acc{padding-top:1rem;}
.atrm-draw-acc li{position:relative; padding-left:3.571rem; margin-bottom:1.14rem;}
.atrm-draw-acc li a{display:block; border:1px solid #bfd2e0; border-left:0; background:url('../images/common/ico_arrow_list.png') 100% 50% no-repeat #eff6fc; background-size:9px auto; background-origin:content-box; font-size:1.214rem; color:#333; padding:1rem;}
.acc-num{position:absolute; display:block; left:0; top:50%; width:2.571rem; height:3rem; box-sizing:border-box; background:url('../images/common/ico_accountnew.png') 0 0 no-repeat #fff; background-size:100% auto; text-align:center; font-size:1.1rem; color:#22a12c; font-weight:600; padding-top:1.1rem; margin-top:-1.85rem;}

/* 바로상담, 찾아가는 뱅킹 */
.h2-type1{background:url('../images/common/ico_bar.png') 0 0 no-repeat; background-size:6px auto; font-size:1.214rem; color:#1259a9; line-height:1.2; padding-left:1rem; margin-bottom:0.714rem;}
.h3-type1{font-size:1rem; color:#333; line-height:1.2; margin-bottom:0.714rem; padding-top:1rem;}
.atm-contents.cwide .h2-type1{margin:0 1.07rem;}
.agree-box{height:14.285rem; border:1px solid #bfd2e0; background-color:#eff6fc; line-height:1.2; color:#666; padding:1rem; overflow-y:auto;}
.agree-check{padding-top:0.714rem;}
.agree-check dt, .agree-check dd{font-size:1.142rem; color:#555; line-height:1.2;}
.agree-check dt{margin-bottom:1.142rem;}
.agree-check dd{text-align:right; color:#39a940;}

.atm-visit-step{border-top:1px solid #e2e2e2; margin-top:1.07rem;}
.atm-visit-step li{min-height:5.714rem; border-bottom:1px solid #e2e2e2; font-size:1.071rem; color:#666; padding:0.714rem 1.07rem 0.714rem 7rem;}
.atm-visit-step li:nth-child(1){background:url('../images/common/visit_step01.png') 1.07rem 0.714rem no-repeat; background-size:65px auto;}
.atm-visit-step li:nth-child(2){background:url('../images/common/visit_step02.png') 1.07rem 0.714rem no-repeat; background-size:65px auto;}
.atm-visit-step li:nth-child(3){background:url('../images/common/visit_step03.png') 1.07rem 0.714rem no-repeat; background-size:65px auto;}
.atm-visit-step li:nth-child(4){background:url('../images/common/visit_step04.png') 1.07rem 0.714rem no-repeat; background-size:65px auto;}
.atm-visit-step li:nth-child(5){background:url('../images/common/visit_step05.png') 1.07rem 0.714rem no-repeat; background-size:65px auto;}
.atm-visit-step h3{font-size:1.142rem; color:#333; line-height:1.2;}

.atm-visit-cont{border-top:1px solid #e2e2e2; padding:1.07rem; margin-top:1.07rem;}
.atm-visit-tit{font-size:1.071rem; color:#333; margin-bottom:0.714rem;}
.visit-ch-list:after{content:""; display:block; clear:both;}
.visit-ch-list li{position:relative; float:left; width:30%; height:35px; line-height:1;}
.visit-ch-list li:nth-child(2){width:36%; margin:0 2%;}
.visit-ch-list li input[type=checkbox]{position:absolute; top:0; left:0; width:100%; height:35px; background:transparent; border:0; padding:0; visibility:hidden;}
.visit-ch-list li label{display:block; width:100%; height:35px; box-sizing:border-box; border:1px solid #2d99d9; background-color:#eff6fc; text-align:center; line-height:35px;}
.visit-ch-list li label em{display:inline-block; font-size:1.07rem; color:#015a9c; line-height:35px; padding-left:1.857rem;}
.visit-ch-list li input[type=checkbox]:checked + label{border:1px solid #5fb84c; background:#5fb84c;}
.visit-ch-list li input[type=checkbox]:checked + label em{color:#fff;}
.visit-ch-list li:nth-child(1) label em{background:url('../images/common/visit_ico_choice01_off.png') 0 50% no-repeat; background-size:20px auto;}
.visit-ch-list li:nth-child(1) input[type=checkbox]:checked + label em{background:url('../images/common/visit_ico_choice01_on.png') 0 50% no-repeat; background-size:20px auto;}
.visit-ch-list li:nth-child(2) label em{background:url('../images/common/visit_ico_choice02_off.png') 0 50% no-repeat; background-size:20px auto;}
.visit-ch-list li:nth-child(2) input[type=checkbox]:checked + label em{background:url('../images/common/visit_ico_choice02_on.png') 0 50% no-repeat; background-size:20px auto;}
.visit-ch-list li:nth-child(3) label em{background:url('../images/common/visit_ico_choice03_off.png') 0 50% no-repeat; background-size:16px auto;}
.visit-ch-list li:nth-child(3) input[type=checkbox]:checked + label em{background:url('../images/common/visit_ico_choice03_on.png') 0 50% no-repeat; background-size:16px auto;}

/* Error */
.atm-error{background:url('../images/common/ico_error01.png') 50% 2.491rem no-repeat; background-size:150px auto; text-align:center; padding-top:16.51rem;}
.atm-error.info{background:url('../images/common/ico_error02.png') 50% 2.491rem no-repeat; background-size:150px auto;}
.atm-error h2, .atm-error h3{font-weight:500; line-height:1.65;}
.atm-error h2{color:#e96f1e; font-size:1.285rem;}
.atm-error h3{color:#555; font-size:1.142rem;}
.atm-er-cont{border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; padding:0 0.714rem 1rem; margin-top:1.214rem}
.atm-er-cont p{color:#555; font-size:0.928rem; text-align:center; padding-top:1rem;}

/* 이용안내 */
.atm-guide-info{border:1px solid #bfd2e0; background-color:#eff6fc; padding:1rem 1rem 0.571rem; margin-bottom:1rem;}
.atm-guide-info li{background:url('../images/common/ico_list_bar.gif') 0 7px no-repeat; background-size:auto 1px; color:#2d99d9; line-height:1.2; padding-left:0.571rem; margin-bottom:0.428rem;}
.atm-guide-info li strong{color:#333; font-weight:lighter;}
.atm-guide-table{border-top:2px solid #999; border-bottom:1px solid #999; margin-bottom:0.714rem;}
.atm-guide-table table{table-layout:fixed;}
.atm-guide-table th, .atm-guide-table td{font-size:1rem;}
.atm-guide-table th{color:#666; font-weight:500; padding:0.428rem 0;}
.atm-guide-table thead th{background-color:#eff6fc;}
.atm-guide-table tbody th{background-color:#f7f7f7;}
.atm-guide-table tbody th, .atm-guide-table td{border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2;}
.atm-guide-table tbody tr th:first-child{border-left:0;}
.atm-guide-table td{background-color:#fff; color:#333; text-align:center; padding:0.428rem;}
.tb-sml{font-size:0.714rem}

/* Paging */
.atm-paging{position:fixed; bottom:0; width:100%; background-color:#fff; text-align:center; padding:1rem 0;}
.atm-paging a{display:inline-block; width:2.285rem; height:2.285rem; box-sizing:border-box; line-height:2.285rem; text-align:center; color:#696969; font-size:1.142rem; vertical-align:middle;}
.atm-paging a em{position:absolute; line-height:0; text-indent:-9999px; width:1px; height:1px; font-size:0; overflow:hidden; left:-9999px}
.atm-paging a.on{color:#2d99d9;}
.atm-paging a.first, .atm-paging a.prev, .atm-paging a.next, .atm-paging a.last{border:1px solid #a2a2a2;}
.atm-paging a.first{background:url('../images/common/ico_paging_first.png') 48% 50% no-repeat; background-size:auto 12px;}
.atm-paging a.prev{background:url('../images/common/ico_paging_prev.png') 48% 50% no-repeat; background-size:auto 12px;}
.atm-paging a.next{background:url('../images/common/ico_paging_next.png') 48% 50% no-repeat; background-size:auto 12px;}
.atm-paging a.last{background:url('../images/common/ico_paging_last.png') 48% 50% no-repeat; background-size:auto 12px;}
.page-box{display:inline-block;}





/*main content*/
.main_conTainer {width:100%;} /*2016-12-28 추가스타일*/
.slideContainer {width:100%; margin-top:1rem;}

/* 스와이프 > 고정이미지변경
.slideWrap {position: relative; overflow: hidden;}
.mainslide_cont {box-sizing: border-box; text-align:center; padding:5% 10% 0 10%;}
.mainslide_cont img {width:100%;}
.slideContainer .slideWrap .swiper-button-next, .slideContainer .slideWrap .swiper-button-prev {width:0.7rem; height:3rem; margin-top:-3rem;}
.slideContainer .slideWrap .swiper-button-next {right:1.5rem; background:url('../images/main/btn_next.png')no-repeat center right; background-size:100%;}
.slideContainer .slideWrap .swiper-button-prev {left:1.5rem; background:url('../images/main/btn_prev.png')no-repeat center left; background-size:100%;}
.main_snav {width:6rem; height:2.142rem; position:absolute; bottom:1rem; right:0.8rem; z-index:120;}
.main_snav .main_nav {position:absolute; bottom:0.358rem; font-size:1.142rem; right:0; width:2.8rem; text-align:center; color:#b7b7b7;}
.main_snav .main_nav .swiper-pagination-current {color:#2d99d9; margin:0 0 0 0;}
.main_snav .main_nav .swiper-pagination-total {margin:0 0 0 0;}
.main_snav .navbg {position:absolute; bottom:0; right:0.4rem; width:100%; height:100%; border:1px solid #c2c4c5; background-color:#fff; border-radius:1rem;}
.stop_play {position:absolute; bottom:0.6rem; right:1.5rem; text-indent:-9999px;}
.stop_play a {display:block; background: url('../images/main/btn_pause.png')no-repeat center left;background-size:100%; width:0.714rem; height:1rem;}
.stop_play.on {right:1.3rem;}
.stop_play.on a {background: url('../images/main/btn_play.png')no-repeat center left;background-size:100%; width:0.914rem; height:1.014rem;}
main icon area*/

/*gnb*/
.black_mask {position:fixed; width:100%; height:100%; background:#000; opacity:0.7; z-index:150;}
.gnb-area {position:fixed; top:0; right:-23.15rem; width:21.428rem; height:100%; background:#fff; z-index:350;}
.gnb-area h2{position:relative; height:3.571rem; background-color:#2d99d9; text-align:center; line-height:3.571rem}
.gnb-area h2 a{font-size:1.5rem; color:#fff;}
.gnb-area h2 .btn-close{display:inline-block; position:absolute; top:50%; right:1.142rem; width:1.428rem; height:1.428rem; background:url('../images/common/nav_close.png') 0 0 no-repeat; background-size:20px auto; margin-top:-10px;}
.gnb-nav{border-top:1px solid #74bae1; background:url('../images/common/nav_bg.png') 0 0 no-repeat #2d99d9; background-size:cover; text-align:center; padding-top:1.142rem; padding-bottom:1rem;}
.gnb-nav a{display:inline-block; width:5.285rem; font-size:1.142rem; color:#fff; text-align:center; line-height:1.2; margin:0 0.714rem; padding-top:5.714rem;}
.gnb-nav a.nav-btn01{background:url('../images/common/nav_btn01.png') 50% 0 no-repeat; background-size:74px auto;}
.gnb-nav a.nav-btn02{background:url('../images/common/nav_btn02.png') 50% 0 no-repeat; background-size:74px auto;}
.gnb-nav a.nav-btn03{background:url('../images/common/nav_btn03.png') 50% 0 no-repeat; background-size:74px auto;}
.scroll-menu {overflow-y:auto;}
.gnb-menu{}
.gnb-menu a{display:block; height:3.285rem; border-bottom:1px solid #e2e2e2; background:url('../images/common/ico_arrow_list.png') 100% 50% no-repeat; background-size:9px auto; background-origin:content-box; font-size:1.142rem; color:#333; line-height:3.285rem; padding:0 1rem;}
.scroll-btn-close{position:absolute; width:100%; bottom:0;}
.scroll-btn-close a{display:block; height:3.285rem; background:url('../images/common/ico_logout.png') 100% 50% no-repeat #39a940; background-origin:content-box; background-size:20px auto; color:#fff; font-size:1.142rem; line-height:3.285rem;  padding:0 1rem;}

.ipt-plus{position:relative; margin:0; padding:0;}
.ipt-plus-btn{position:absolute; right:1px; top:1px; width:2.714rem; height:2.714rem; background:url('../images/common/ico_plus.png') 50% 50% no-repeat #fff; background-size:60% 60%; overflow:hidden;}
.ipt-plus-btn em{overflow:hidden;width:1px;height:1px;*height:0;padding:0;margin-top:-1px;font-size:0;line-height:0;text-indent:-999px}
.ac-guide-check{color:#39a940; text-align:right; padding-top:10px;}

.list-num{padding-left:1rem;}
.list-num li{list-style-type:decimal; margin-bottom:0.571rem;}

@media all and (min-width:768px) {
	.atm-board-list li a{background-position:100% 50%; background-origin:content-box; padding:1rem 1.07rem;}
	.atm-board-list.inner li a{background-position:100% 50%; background-origin:content-box;}
}



/*********************************************************
 * SCSA loading animation (START) *************************
 *********************************************************/
 #SCSA-loading-img {
 	-webkit-animation: SCSA_loading_spin 1.5s linear infinite;
 	-moz-animation: SCSA_loading_spin 1.5s linear infinite;
 	animation: SCSA_loading_spin 1.5s linear infinite;
 }
 @-webkit-keyframes SCSA_loading_spin {
 	100% { -webkit-transform: rotate(360deg); }
 }
  @-moz-keyframes SCSA_loading_spin {
 	100% { -moz-transform: rotate(360deg); }
 }
  @keyframes SCSA_loading_spin {
 	100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
 }

 
  /*********************************************************
 * SCSA loading animation (END) ****************************
 *********************************************************/
 
 /*긴급공지 팝업*/
.urgent_wrap{position:absolute; top:25%; width:100%; z-index:140;}
.urgent{margin:0 10px; background:#fff; padding-bottom:1px; box-shadow:0px 0px 2px rgba(0,0,0,0.4);}
.urgent .tit{padding:12px 8px; color:#000; font-size:19px; border-bottom:1px solid #d6d6d6; text-align:center;}
.urgent .tit p{display:inline-block; vertical-align:middle;}
.urgent .tit a:hover{color:#aaa;}

.urgent .box {padding:20px 14px; font-size:15px; line-height:18px; border-bottom:1px solid #d6d6d6;}
.urgent .box .box_in {position:relative; min-height:120px;}
.urgent .box .box_in p{color:#444; font-size:15px; font-weight:normal; line-height:18px;}
.urgent .check .w2checkbox_label{padding-top:3px;}
.urgent .box .box_in .yellow{color:#00aeef;}
.scroll_box{position:absolute; width:100%; height:100%;}
.scroll_box .inner{margin-bottom:5px;}
.scroll_box .inner .btn_section{margin:13px 0 0 0;}
.app_btn{position:absolute; top:26%; right:3%; display:inline-block; width:26px; height:26px;}
.app_btn .close{background:url(../images/common/btn_close.png) no-repeat 3px 4px; width:26px; height: 26px; background-size:19px 19px; display:inline-block;}
.urgent_wrap #layerPop{margin-top:0.514rem;}