@charset "utf-8";

/* font
@font-face {
    font-family:'NotoKR-Medium';
	src: local('?'),
    src: url('/resource/font/onb/notokr-medium.eot');
    src: url('/resource/font/onb/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('/resource/font/onb/notokr-medium.woff2') format('woff2'),
         url('/resource/font/onb/notokr-medium.woff') format('woff'),
         url('/resource/font/onb/notokr-medium.ttf') format('truetype'),
         url('/resource/font/onb/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: normal;
    font-style: normal;
} */

/* base */
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, a {font-family:/*"NotoKR-Medium",*/"맑은고딕","Malgun Gothic","돋움",'Dotum',Sans-serif;}
@media \0screen{
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, a {font-family:"맑은고딕","Malgun Gothic","돋움",'Dotum',Sans-serif;}	
}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0; }
h1, h2, h3, h4, h5, h6 {font-weight:normal}
li{list-style:none}
a{text-decoration:none; color:#333;}
input, textarea, select{letter-spacing:normal}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
legend, caption{display:none}
img{border:0;}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br, p{letter-spacing:normal}
input{ vertical-align:middle; background:url(none); }
em {font-style:normal;color:#7e061d;}

/* layout */
#containor {position:relative; width:100%; min-width:1000px;background:#f6f6f6 url('/resource/img/onb/app_v2/web/bg_body.gif') repeat;}
#header { width:100%; height:80px; }
#header .top_logo { position:relative; width:1000px; height:80px;margin:0 auto; }
#header .top_logo #logo { position:absolute; top:24px; left:0; z-index:999; display:inline-block;margin:0; padding:0}
#header .top_logo #logo img {vertical-align:top;}
#header .topmenu_layout {overflow:hidden;position:absolute;top:0;left:0;width:100%;height:80px;z-index:400;background:url('/resource/img/onb/app_v2/web/bg_topmenu3.png') repeat-x;}
#header .topmenu { position:relative; width:1000px; margin:0 auto; }
#header .topmenu > ul { list-style:none; float:right;padding-right:0;}
#header .topmenu > ul > li { position:relative; float:left; display:inline-block; margin:0; padding:0 5px; height:320px; }
#header .topmenu > ul > li:last-child { padding-right:0; }
#header .topmenu > ul > li > a { position:relative; display:inline-block; font-size:16px; color:#333; width:106px; text-align:center; font-weight:bold; line-height:80px; text-align:center; }
#header .topmenu > ul > li > a:hover, #header .topmenu > ul > li.active > a {color:#7e061d}
#header .topmenu > ul > li > ul { position:absolute; top:80px; left:0; display:block; width:100%;padding:0 0 0 8px; margin:15px 0 0 0; min-height:165px; border-left:1px solid #eaeaea;overflow:hidden;}
#header .topmenu > ul > li > ul > li { float:left; display:inline-block; width:100%; margin:0; padding:0; }
#header .topmenu > ul > li > ul > li > a { display:block; margin:0; padding:0 0 0 8px; color:#333; font-size:13px; line-height:24px;background:url('/resource/img/onb/app_v2/web/bg_bu_2dep.png') no-repeat 0 10px; }
#header .topmenu > ul > li > ul > li > a:hover, #header .topmenu > ul > li > ul > li.on > a { color:#7e061d; text-decoration:underline; }
#header .topmenu .menubg { position:absolute; top:80px; left:20px;background:url('/resource/img/onb/app_v2/web/bg_menu_visual.png') no-repeat; width:280px; height:144px; }
#header .topmenu .menubg > span { position:absolute; z-index:-999; overflow:hidden; display:inline-block; margin:0; padding:0; height:0; width:0; }
#header .topmenu .close { position:absolute; top:344px; right:0; display:inline-block; margin:0; padding:0; width:25px; height:25px; }

.main_cont_wrap {width:1000px;height:542px;margin:0 auto;padding:228px 0 60px 0;background:url('/resource/img/onb/app_v2/web/bg_main_visual.png') no-repeat 57px 49px;}
.cont_wrap {position:relative;}
.cont_wrap .main_box {position:absolute;display:inline-block;width:210px;height:248px;background:#ccc;}
.cont_wrap .main_box.cont1 {left:0;top:0;}
.cont_wrap .main_box.cont2 {left:0;top:248px;height:294px;background:#fff;}
.cont_wrap .main_box.cont3 {left:210px;top:0;width:580px;height:542px;} 
.cont_wrap .main_box.cont4 {left:790px;top:0;height:150px;}
.cont_wrap .main_box.cont5 {left:790px;top:150px;height:164px;}
.cont_wrap .main_box.cont6 {left:790px;top:314px;height:228px;}
.cont_wrap .main_box h3 {padding:20px 10px 10px 15px;font-size:24px;color:#000;}
.cont_wrap .main_box p {padding:0 15px;font-size:15px;color:#333;}
.cont_wrap .main_box a:hover {text-decoration:none;}

/* 메인콘텐츠 */
.cont_wrap .main_box.cont1 {background:url('/resource/img/onb/app_v2/web/bg_main_box1.png') no-repeat 0 0;}
.cont_wrap .main_box.cont1 p {position:relative;padding:20px 15px 40px 15px;color:#fff;font-size:16px;line-height:1.8em;}
.cont_wrap .main_box.cont1 p strong {font-size:20px;}
.cont_wrap .main_box.cont1 p:after {content:'';position:absolute;left:50%;bottom:0;display:inline-block;width:40px;height:1px;margin-left:-20px;background:#fff;}
.cont_wrap .main_box.cont1 a {display:block;margin:60px 15px 40px 15px;padding:5px;border:1px solid #fff;color:#fff;font-size:13px;background:url('/resource/img/onb/app_v2/web/ico_main_box1.png') no-repeat 95% 7px;}
.cont_wrap .main_box.cont2 .app_link {clear:both;overflow:hidden;margin:30px 15px;background:#7e061d;}
.cont_wrap .main_box.cont2 .app_link li {float:left;display:inline-block;width:50%;}
.cont_wrap .main_box.cont2 .app_link li a {display:block;padding:25px 0 76px 0;text-align:center;color:#fff;}
.cont_wrap .main_box.cont2 .app_link li:first-child a {position:relative;background:url('/resource/img/onb/app_v2/web/ico_android.png') no-repeat 50% 54px;}
.cont_wrap .main_box.cont2 .app_link li:last-child a {background:url('/resource/img/onb/app_v2/web/ico_ios.png') no-repeat 50% 54px;}
.cont_wrap .main_box.cont2 .app_link li:first-child a:after {content:'';position:absolute;right:0;top:10px;display:inline-block;width:1px;height:98px;margin-left:-20px;background:#a55161;}
.cont_wrap .main_box.cont3 {background:#f2dcdc;}
.cont_wrap .main_box.cont3 .roll_wrap {position:relative;}
.cont_wrap .main_box.cont3 .roll_wrap li * {font-size:0;text-indent:-9999px;line-height:0;}
.cont_wrap .main_box.cont3 .roll_wrap li {display:none;}
.cont_wrap .main_box.cont3 .roll_wrap li:first-child {display:block;}
.cont_wrap .main_box.cont3 .roll_wrap .roll_paging {position:absolute;top:490px;left:230px;}
.cont_wrap .main_box.cont3 .roll_wrap .roll_paging span {display:inline-block;width:28px;height:34px;background:url('/resource/img/onb/app_v2/web/bg_roll.png') no-repeat 50% 50%;cursor:pointer;}
.cont_wrap .main_box.cont3 .roll_wrap .roll_paging span.active {background:url('/resource/img/onb/app_v2/web/bg_roll_on.png') no-repeat 50% 50%;}
.cont_wrap .main_box.cont3 .roll_wrap li.roll_5 {position:relative;}
.cont_wrap .main_box.cont3 .roll_wrap li.roll_5 .btn_detail {position:absolute;left:180px;top:184px;width:220px;height:36px;}
.cont_wrap .main_box.cont4 {background:#f7f4e4 url('/resource/img/onb/app_v2/web/bg_main_box4.png') no-repeat 100% 100%;}
.cont_wrap .main_box.cont4 a {display:block;height:150px;}
.cont_wrap .main_box.cont5 {background:#e4eff7 url('/resource/img/onb/app_v2/web/bg_main_box5.png') no-repeat 100% 100%;}
.cont_wrap .main_box.cont5 p {font-size:28px;}
.cont_wrap .main_box.cont6 {background:#f3f3f3;}
.cont_wrap .main_box.cont6 .sns_menu {clear:both;overflow:hidden;margin:30px 5px;}
.cont_wrap .main_box.cont6 .sns_menu li {float:left;display:inline-block;}
.cont_wrap .main_box.cont6 .sns_menu li a {display:inline-block;width:50px;height:30px;margin-left:10px;padding-top:60px;text-align:center;}
.cont_wrap .main_box.cont6 .sns_menu li a.sns_f {background:url('/resource/img/onb/app_v2/web/sns_1.png') no-repeat 50% 0;}
.cont_wrap .main_box.cont6 .sns_menu li a.sns_y {background:url('/resource/img/onb/app_v2/web/sns_2.png') no-repeat 50% 0;}
.cont_wrap .main_box.cont6 .sns_menu li a.sns_in {background:url('/resource/img/onb/web/sns_3.png') no-repeat 50% 0;}
.cont_wrap .main_box.cont6 .sns_menu li a.sns_b {background:url('/resource/img/onb/app_v2/web/sns_4.png') no-repeat 50% 0;}

.footer_wrap {padding:20px 20px 20px 20px;background:#424950;}
.footer_wrap.main {background:#ebe9ea;}
.footer_wrap .footer {position:relative;width:1024px;margin:0 auto;}
.footer_wrap .footer h4 {position:absolute;left:20px;top:0;}
.footer_wrap .footer .txt_copy {padding-left:170px;color:#838383;font-size:12px;}


/* contents */
.sub_visual_wrap {width:100%;height:194px;background:#e8e8e8;}
.sub_visual_wrap .sub_visual {width:1000px;height:147px;margin:0 auto;}
.sub_visual_wrap .sub_visual.sub1 {background:url('/resource/img/onb/app_v2/web/bg_sub_visual_1.png') no-repeat 100% 100%;}
.sub_visual_wrap .sub_visual.sub2 {background:url('/resource/img/onb/app_v2/web/bg_sub_visual_2.png') no-repeat 100% 100%;}
.sub_visual_wrap .sub_visual.sub3 {background:url('/resource/img/onb/app_v2/web/bg_sub_visual_3.png') no-repeat 100% 100%;}
.sub_visual_wrap .sub_visual.sub4 {background:url('/resource/img/onb/app_v2/web/bg_sub_visual_4.png') no-repeat 100% 100%;}
.sub_visual_wrap .sub_visual.sub5 {background:url('/resource/img/onb/app_v2/web/bg_sub_visual_5.png') no-repeat 100% 100%;}
.sub_visual_wrap .sub_visual.sub6 {background:url('/resource/img/onb/app_v2/web/bg_sub_visual_6.png') no-repeat 100% 100%;}
.sub_visual_wrap .sub_visual h2, .sub_visual_wrap .sub_visual p {font-size:0;text-indent:-9999px;line-height:0;}
.sub_visual_wrap .sub_menu {width:1000px;height:47px;margin:0 auto;}
.sub_visual_wrap .sub_menu ul {clear:both;overflow:hidden;}
.sub_visual_wrap .sub_menu ul li {float:left;display:inline-block;width:250px;height:47px;background:#d18190;}
.sub_visual_wrap .sub_menu ul li a {display:block;height:47px;line-height:47px;color:#fff;text-align:center;font-size:16px;}
.sub_visual_wrap .sub_menu ul li:nth-child(2), .sub_visual_wrap .sub_menu ul li:nth-child(4) {background:#7e061d;}
.sub_visual_wrap .sub_menu.col5 ul li {width:200px;}

.sub_visual_wrap.sml .sub_menu ul li:nth-child(even) {background:#7e061d;}
.sub_visual_wrap.sml + .content_wrap {padding-top:47px;}

.content_wrap {background:#fff;}
.content_wrap .content_area {width:940px;min-height:520px;margin:0 auto;padding:60px 30px;}
.cont_title {margin-bottom:40px;}
.cont_title h2 {position:relative;padding:0 0 30px 0;font-size:28px;text-align:center;color:#000;background:none;}
.cont_title h2:after {content:'';position:absolute;left:50%;bottom:0;display:inline-block;width:36px;height:2px;margin-left:-18px;background:#000;}


.cont_body {}
.cont_list > li {margin:0 0 60px 0;}
.cont_list li .tit {padding:0 0 0 20px;font-size:16px;color:#333;background:url('/resource/img/onb/app_v2/web/bg_bu_tit.png') no-repeat 0 4px;}
.cont_list li .txt {margin:15px 10px 0 20px;padding:0;font-size:14px;color:#666;}
.cont_list li .txt + .txt {margin-top:10px;}
.cont_list li .img_box {position:relative;margin:15px 0;padding:45px 0;background:#edeff0;text-align:center;}
.cont_list li .img_box.pd0 {padding:0;}
.cont_list li .txt_info {}
.cont_list li .txt_info dt {padding:20px 0 5px 0;font-size:14px;color:#333;}
.cont_list li .txt_info dd li {margin-bottom:5px;}
.cont_list li .txt_info dd .bu2 + .t2,
.cont_list li .txt_info dd .t2 + .bu2 {margin-top:10px;}
.cont_list.frx li {margin:0 0 20px 0;}
.cont_list.frx li em.ty2 {color:#004b8d;}

.section { overflow:hidden; border:1px solid #c7c8c8; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; background:#fff; margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }

/* 탭메뉴 */
.tab_area { margin:0;}
.tab_area .tab_menu { overflow:hidden;margin-bottom:30px;border-bottom:1px solid #000;}
.tab_area.ty1 .tab_menu li { float:left; width:auto; }
.tab_area.ty1 .tab_menu li a { display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:#fff; color:#666; border:1px solid #c7c8c8; border-left:none;border-bottom:none;padding:12px 20px;width:100%; text-align:center; font-size:14px; }
.tab_area.ty1 .tab_menu li:first-child a {border-left:1px solid #c7c8c8;}
.tab_area.ty1 .tab_menu li.on a { border:1px solid #000;border-bottom:none;color:#000;background:#fff;font-weight:bold; }
/*.tab_area.ty1 .tab_menu.col2 li { width:50%; *width:49.8% }
.tab_area.ty1 .tab_menu.col3 li { width:33.3%; *width:33.2%;}
.tab_area.ty1 .tab_menu.col4 li { width:25%; *width:24.8%;}
.tab_area.ty1 .tab_menu.col5 li { width:20%; *width:19.8%;}*/
.tab_area.ty1 .tab_menu.col_auto {padding:10px 0 5px 0;border:none;background:#edeff0;}
.tab_area.ty1 .tab_menu.col_auto li {width:230px;}
.tab_area.ty1 .tab_menu.col_auto li a {padding:5px 20px 10px 32px;border:none;text-align:left;background:url('/resource/img/onb/app_v2/web/bg_bu_dot.png') no-repeat 22px 13px;color:#727272;font-size:14px;}
.tab_area.ty1 .tab_menu.col_auto li.on a {border:none;background:url('/resource/img/onb/app_v2/web/bg_bu_dot.png') no-repeat 22px 13px;color:#000;}
.tab_area.ty1 .tab_menu.col_auto li a em {color:#666;font-style:italic;}
.tab_area.ty1 .tab_menu.col_auto li.on a em {color:#000;}
.tab_area .con { display:none; padding:0; }


/* 서비스 이용 박스 */
.help_zone { overflow:hidden;position:relative;margin:0;padding:25px 30px 25px 180px;background:#edeff0;}
.help_zone .title {position:absolute;left:20px;top:50%;display:inline-block;margin-top:-18px;padding:8px 0 8px 32px; font-weight: normal; font-size: 13px; color: #333333; line-height: 20px; background:url('/resource/img/onb/app_v2/web/ico_help.png') no-repeat 0 50%;font-weight:bold;}
.help_zone ul.bu2,
.help_zone ol.num {margin:9px 5px 16px 5px}
.help_zone p {margin:0;color:#333;font-size:14px;line-height:1.5;}
.help_zone .bu2 li > .help_rtxt {text-align:right; display:block}
.help_zone .bu2 li > .help_ltxt {text-align:left; display:block; margin:5px 0 0 10px}
.help_zone.ty2 {padding:15px 30px 15px 180px;}
.help_zone.ty2 .title {padding-left:45px;background:url('/resource/img/onb/app_v2/web/ico_tel.png') no-repeat 0 50%;}
.help_zone.ty2 ul.bu2 {margin:0px 5px;border-left:1px solid #ddd;padding-left:30px;}

/* 대출 상환 테이블 */
table.t2 {border-collapse:collapse; border-top:2px solid #000; border-left:1px solid #c7c8c8; width:100%;}
table.t2 th, 
table.t2 td {color:#666; text-align:center; border: 1px solid #c7c8c8; border-width: 1px 1px 1px 0; word-break:break-all; font-size:12px;}
table.t2 tbody th {text-align:left; font-weight:normal}
table.t2 tbody th, 
table.t2 tbody td {padding:9px; background:#fff}
table.t2 tbody th {border-right:1px solid #c7c8c8;text-align:center;}
table.t2 thead th {background:#f7f7f7; font-weight:normal; padding:9px}
table.t2 tbody td.lt {text-align:left}
table.t2 tbody td.rt {text-align:right}
table.t2 tbody td.ct {text-align:center}
table.t2 tbody .nosh { border-right:0 !important; border-bottom:1px solid #c7c8c8; }
table.t2.ty1 tbody th {text-align:center; background:#f7f7f7}
table.t2 + .bu1, table.t2 + .bu2 {margin-top:8px;}

/* 블릿 */
p.bu1, span.bu1, ul.bu1 li {padding-left:20px; background:url('/resource/img/onb/app_v2/web/bu1.png') no-repeat 0 1px;}
p.bu2, span.bu2, ul.bu2 li { display:inline-block; font-size:12px; color:#666; padding-left:10px; background:url(/resource/img/onb/web/icon_bu2.png) no-repeat 0 7px;}
ul.bu2 li {display:block;}
ul.bu2 > li > ul { margin:5px 0; }
ul.bu2 > li > ul > li { margin-top:2px; text-indent:-2px; margin-left:2px; background:none;}
ul.bu2 > li > ul > li:before { content:'-'; display:inline-block; margin-right:2px; }
ul.bu2.fs14 li {padding-bottom:4px;font-size:14px;line-height:18px;}

/* 대출 전화상담 안내 */
.help_tel {overflow:hidden;min-height:80px;margin:25px 0 0 0;padding:15px 10px; background: url('/resource/img/onb/web/icon_oth6.png') no-repeat 15px 50%;}
.help_tel .rtcon {display:inline-block; margin-left:85px; vertical-align:middle}
.help_tel .rtcon ul.bu2 {margin-top:8px}
.help_tel .rtcon ul.bu2 li {line-height:16px;}
.help_tel .rtcon ul.bu2 li .lct_link {display:inline-block;margin-left:8px;padding:2px 10px 1px 10px;border-radius:2px;font-size:11px;font-family:"돋움";color:#fff;background:#817d74;}
.help_tel .rtcon .helptel_tit {font-size:16px;color:#333;}

.tab_img {margin-bottom:45px;text-align:center;}
.txt_hidden {display:none;font-size:0;text-indent:-9999px;}
.btn_lpoint_link {position:absolute;right:66px;top:220px;display:inline-block;width:240px;height:40px;}

.w_tip_list {margin-bottom:40px;}
.w_tip_list li {position:relative;margin-bottom:15px;height:66px;padding:15px 20px 15px 110px;background:url('/resource/img/onb/app_v2/web/bg_tip.png') no-repeat 0 0;}
.w_tip_list li {background:url('/resource/img/onb/app_v2/web/bg_tip.png') no-repeat 0 0}
.w_tip_list li .icon_tip {position:absolute;left:10px;top:8px;display:inline-block;width:81px;height:81px;}
.w_tip_list li.tip_1 .icon_tip {background:url('/resource/img/onb/web/icon_tip_1.png') no-repeat 0 0;}
.w_tip_list li.tip_2 .icon_tip {background:url('/resource/img/onb/web/icon_tip_2.png') no-repeat 0 0;}
.w_tip_list li.tip_3 .icon_tip {background:url('/resource/img/onb/web/icon_tip_3.png') no-repeat 0 0;}
.w_tip_list li.tip_4 .icon_tip {background:url('/resource/img/onb/web/icon_tip_4.png') no-repeat 0 0;}
.w_tip_list li .tit {padding:0;font-size:18px;color:#333;}
.w_tip_list li .txt {padding:5px 0 0 0;font-size:14px;color:#666;}
.w_tip_list li .txt_sm {font-size:12px;}
.w_tip_list li .tip_icon {display:inline-block;padding:2px 5px;background:#7e061d;color:#fff;font-size:11px;}
.w_tip_list li .go_lpoint {display:inline-block;margin-left:5px;padding:2px 5px;background:#888;color:#fff;font-size:11px;}
.w_tip_list li.tip_3 .tit, .w_tip_list li.tip_4 .tit {margin-top:10px;}
.w_tip_list li em {font-style:normal; color:#7e061d;}
.w_tip_list.bank_info .tit {margin-top:10px;}
.w_tip_list.bank_info li .icon_tip {border-radius:50%;}
.w_tip_list.bank_info li.tip_1 .icon_tip {background:#ebebeb url('/resource/img/onb/app_v2/sub/subinq_ico4.png') no-repeat 50% 50%;}
.w_tip_list.bank_info li.tip_2 .icon_tip {background:#ebebeb url('/resource/img/onb/app_v2/sub/subinq_ico2.png') no-repeat 50% 50%;}
.w_tip_list.bank_info li.tip_3 .icon_tip {background:#ebebeb url('/resource/img/onb/app_v2/sub/subbkm_ico2.png') no-repeat 50% 50%;}
.w_tip_list.bank_info li.tip_4 .icon_tip {background:#ebebeb url('/resource/img/onb/app_v2/sub/subtrn_ico1.png') no-repeat 50% 50%;}
.w_tip_list.bank_info li.tip_5 .icon_tip {background:#ebebeb url('/resource/img/onb/app_v2/bg/icon_oth10_v2.png') no-repeat 50% 50%;background-size:44px 44px;}
.w_tip_list.bank_info li.tip_6 .icon_tip {background:#ebebeb url('/resource/img/onb/app_v2/bg/icon_oth29.png') no-repeat 50% 50%;background-size:44px 44px;}

.brand_info {overflow:hidden;margin-bottom:40px;}
.brand_info:before, .brand_info:after {content:'';display:block;}
.brand_info:after {clear:both;}
.brand_info .b_logo {float:left;display:inline-block;width:448px;}
.brand_info .b_logo.logo_1 {margin-right:24px;}
.brand_info .b_logo .tit,
.brand_info2 .b_elem .tit {margin-bottom:10px;padding:0 0 0 8px;background:url('/resource/img/onb/app_v2/web/bg_bu_dot.png') no-repeat 0 7px;font-size:14px;color:#666;font-weight:normal;}
.brand_info .b_logo .img_logo {position:relative;height:154px;padding-top:74px;border:1px solid #9d5e6d;text-align:center;}

.brand_info .b_logo.logo_1 .img_logo {background:#f3f3f4;}
.brand_info .b_logo.logo_2 .img_logo {background:#6d1028;}
.brand_info .b_logo .img_logo .img_txt {position:absolute;left:15px;top:15px;}
.brand_info .b_logo.logo_1 .img_logo .img_txt {color:#777;}
.brand_info .b_logo.logo_2 .img_logo .img_txt {color:#fff;}

.brand_info2:before, .brand_info2:after {content:'';display:block;}
.brand_info2:after {clear:both;}
.brand_info2 .b_elem {float:left;display:inline-block;width:280px;margin:0 20px 40px 0;}
.brand_info2 .b_elem.color {width:620px;margin-right:0;}

.btn_wrap {padding:20px 0;text-align:center;}
.btn_wrap a[class*="btn_logodown"] {display:inline-block;padding:14px 40px 16px 40px;color:#fff;text-align:center;font-size:14px;}
.btn_wrap .btn_logodown1 {background:#000/* url('/resource/img/onb/app_v2/web/btn_logodown1.png') no-repeat 20px 8px;*/}
.btn_wrap .btn_logodown2 {margin-left:20px;background:#000 /*url('/resource/img/onb/app_v2/web/btn_logodown2.png') no-repeat 20px 8px;*/}

.event_img {position:relative;text-align:center;}
.event_img img {max-width:100%;}
.event_img .btn_event_lpoint {position:absolute;left:348px;top:992px;display:inline-block;width:175px;height:30px;font-size:0;line-height:0;text-indent:-9999px;}
.event_imsy {margin-bottom:330px;border:1px solid #c7c8c8;border-radius:10px;padding:100px 0;text-align:center;}
.event_imsy span {padding:10px 0 10px 30px;background:url(/resource/img/onb/web/bg_bu1.png) no-repeat 0 50%; color:#999;font-size:14px;}

/* 이벤트 */
.event_wrap {min-height:600px;}
.event_wrap li {padding:20px 0;border-bottom:1px solid #ddd;}
.event_wrap li:last-child {border-bottom:none;}
.event_wrap li a {position:relative;display:block;padding:10px 140px 10px 290px;font-family:'돋움','맑은 고딕','Malgun Gothic',Dotum,Helvetica,AppleGothic,Sans-serif;}
.event_wrap li a span {display:inline-block;}
.event_wrap li a span.evt_img {position:absolute;left:0;top: 50%;width:265px;height:108px;margin-top: -54px;overflow:hidden;}
.event_wrap li a span.evt_img img {width:100%;}
.event_wrap li a span.evt_title {min-width:100%;margin:2px 0 15px 0;font-size: 14px;font-weight:bold;color: #555;line-height:17px;}
.event_wrap li a span.evt_title:hover {text-decoration:underline;}
.event_wrap li a span.evt_desc {min-width:100%;margin-bottom:20px;font-size: 12px;color: #666;line-height:19px;min-height:38px;}
.event_wrap li a span.evt_date {color:#666;}
.event_wrap li a span.evt_dday {position:absolute;right:0;top:0;display:inline-block;width:130px;height:100%;border-left:1px solid #eaeaea;background:url('/resource/img/onb/app_v2/web/ico_event_day.png') no-repeat 50% 25px;text-align:center;}
.event_wrap li a span.evt_dday em {display:inline-block;margin-top:84px;font-size:18px;color:#7e061d;font-family:Verdana, Geneva, sans-serif}
.event_wrap li .evt_detail {position:relative;display:none;padding:20px 0 40px 0;text-align:center;}
.event_wrap li .evt_detail .btn_event_lpoint {position:absolute;left:348px;top: 999px;display:inline-block;width: 180px;height: 30px;padding: 0;font-size:0;line-height:0;text-indent:-9999px;}
.event_wrap li .evt_bul {position:absolute;right:20px;top:75px;width:34px;height:18px;background:url('/resource/img/onb/bu_board.png') no-repeat 0 0;}
.event_wrap li .on .evt_bul {background-position:0 -18px;}
.event_wrap .btnbox.col1#moreBtn {display:none;}
.event_wrap.event_view .evt_title {margin:40px 0;border-top:2px solid #000;background:#edeff0;}
.event_wrap.event_view .evt_title h3 {padding:15px 20px;color:#000;font-size:14px;}
.event_wrap.event_view .evt_title p {padding:15px 20px;border-top:1px solid #eaeaea;border-bottom:1px solid #ccc;text-align:right;color:#000;background:#edeff0;}
.event_wrap.event_view .evt_title p em {display:inline-block;margin-left:5px;padding:2px 6px;border-radius:0;background:#7e061d;color:#fff;}
.event_wrap.event_view .evt_detail {padding-bottom:40px;border-bottom:1px solid #eaeaea;text-align:center;}
.event_wrap.event_view .evt_detail img {max-width:100%;}
.event_wrap.event_view .btnbox {margin-top:40px;text-align:center;}
.event_wrap.event_view .btnbox a {display:inline-block;height:38px;padding:0 20px;border-radius:0;font-size:14px;color:#fff;line-height:38px;}
.event_wrap.event_view .btnbox a.ty1 {background:#AFAEAE}
.event_wrap.event_view .btnbox a.ty2 {background:#7e061d;}


/* Layer-Popup */
.layerpop-wrap.layerpop-sum {background:rgba(0,0,0,0.7);}
.layerpop-wrap.layerpop-sum .layerpop {top:105px;left:47%;width:504px !important;}
.layerpop-wrap.layerpop-sum .layerpop .layer-top {background:#ff6b38;}
.layerpop-wrap.layerpop-sum .layerpop .layer-boder {border-color:#ff6b38;}
.layerpop-wrap.layerpop-sum .layerpop .layer-header a.layer-close {top:17px;right:15px;}
.layerpop-wrap.layerpop-sum .layerpop .layer-header .pop-tit-type1 {color:#ff6b38 !important;}
.layerpop-wrap.layerpop-sum .layerpop .layer-body {padding-bottom:18px;}
.layerpop-wrap.layerpop-sum .layerpop .layer-body .pop_main_bnr {position:relative;}
.layerpop-wrap.layerpop-sum .layerpop .layer-body .pop_main_bnr img {border:1px solid #d2d2d2;}
.layerpop-wrap.layerpop-sum .layerpop .layer-body .pop_main_bnr a {position:absolute;left:0;top:0;display:block;width:445px;height:190px;}
.layerpop-wrap.layerpop-sum .layerpop .layer-body .pop_main_bnr a.bnr_link_2 {top:191px;}
.layerpop-wrap.layerpop-sum .layerpop .layer-body .btn-pack.btn-type-2c {width:224px;height:54px;line-height:54px;background:url('/resource/img/onb/web/pop_main_btn.png') no-repeat 0 0;}
.layerpop-wrap.layerpop-sum .layerpop .layer-body .btn-pack.btn-type-2c a {background:none;font-size:0;text-indent:-9999px;}

.provision_form { overflow: hidden; }
.provision_form > h2 { font-size:16px; display:block; text-align:center; margin-top:15px; }
.provision_form > h3 { font-size:14px; }
.provision_form > h3.title {text-align:center; border-top:1px solid #c7c8c8; padding-top:13px}
.provision_form > h4 { font-size:12px; }
.provision_form > h2 + p { margin-top:15px; }
.provision_form > p { color:#666; font-size:12px; line-height:18px; }
.provision_form > p + p,
.provision_form > p + h3,
.provision_form > ul + h3,
.provision_form > .t2 + h3 { margin-top:12px; }
.provision_form > h3 + h4, .provision_form > h3 + h3 { margin-top:12px; }
.provision_form > h4 + .bu2 {margin-top:5px}
.provision_form > .bu2 li,
.provision_form > p.bu2 { color:#666; }
.provision_form > .agree { margin:10px 0 0 0; border-top:1px solid #c7c8c8; padding-top:10px; }
.provision_form > h4 + ul, .provision_form > h4 + p { margin-top:5px; }
.provision_form > .bu2 + h4, .provision_form > p + ul, .provision_form > .bu2 + h3 { margin-top:10px; }
.provision_form > h3 + .bu2,
.provision_form > h3 + .t2,
.provision_form > .bu2 + .t2 { margin-top:5px; }
.provision_form .txt2 {font-size:12px; color:#333}
.provision_form sup {margin:-8px 2px 0 1px;text-indent:0;}
.provision_form > h3 {padding-top:10px;color:#333;}
.provision_form > .bu2 > li {margin-bottom:5px;line-height:16px;}
.provision_form .t2 + .bu2 {margin-top:5px;}
.provision_form + .section, .tab_area + .section {margin-top:25px;}

.con .provision_form .t2 {border-top:2px solid #000;}
.con .provision_form .t2 th {padding:12px 10px;text-align:center;background:#edeff0;color:#000;font-size:14px;}
.con .provision_form .t2 td {padding:12px 20px;text-align:left;font-size:13px;color:#666;}
.con .provision_form .t2 td .bu2, .con .provision_form .t2 td .bu2 li {font-size:13px;line-height:1.6em;}
.con .provision_form .t2 td .t2 {border-top:none;}
.con .provision_form .t2 td .t2 th, .con .provision_form .t2 td .t2 td {font-size:12px;}
.con .provision_form .t2 td .bu2 + .t2,
.con .provision_form .t2 td small + .t2  {margin-top:6px;}

.shop_box {margin-top:15px;padding:25px 40px;border:1px solid #e7e7e7;background:#f6f7f7;}
.shop_box .shop_icon {display:block;width:120px;height:120px;margin:0 auto 20px auto;border:1px solid #000;border-radius:50%;text-align:center;}
.shop_box .shop_icon.ic1 {background:#fff url('/resource/img/onb/app_v2/bg/icon_oth21_v2.png') no-repeat 50% 50%;background-size:50px auto;}
.shop_box .shop_icon.ic2 {background:#fff url('/resource/img/onb/app_v2/bg/icon_oth22_v2.png') no-repeat 50% 50%;background-size:50px auto;}
.shop_box .shop_icon.ic3 {background:#fff url('/resource/img/onb/app_v2/bg/icon_oth31_v2.png') no-repeat 50% 50%;background-size:50px auto;}
.shop_box .shop_icon.ic4 {background:#fff url('/resource/img/onb/app_v2/bg/icon_oth32_v2.png') no-repeat 50% 50%;background-size:50px auto;}
.shop_box .shop_icon.ic5 {background:#fff url('/resource/img/onb/app_v2/bg/icon_oth33_v2.png') no-repeat 50% 50%;background-size:50px auto;}
.shop_box ul {clear:both;overflow:hidden;}
.shop_box ul li {float:left;width:49%;border-left:1px solid #ddd;}
.shop_box.col3 ul li {width:33%;text-align:center;}
.shop_box ul li .shop_title {margin-top:15px;font-size:14px;color:#333;font-weight:bold;line-height:18px;}
.shop_box ul li .shop_txt {margin-top:5px;font-size:14px;color:#666;font-weight:bold;}
.shop_box ul li em {font-weight:bold;}
.shop_box ul li .shop_title + .shop_txt {margin-top:10px;}
.shop_box ul li:first-child {border-left:none;}
.shop_box.col2 ul li:last-child p {padding-left:40px;}

.shop_box .shop_icon.trv1 {border:none;background:url('/resource/img/onb/app_v2/web/ico_trv1.png') no-repeat 50% 50%;}
.shop_box .shop_icon.trv2 {border:none;background:url('/resource/img/onb/app_v2/web/ico_trv2.png') no-repeat 50% 50%;}
.shop_box .shop_icon.trv3 {border:none;background:url('/resource/img/onb/app_v2/web/ico_trv3.png') no-repeat 50% 50%;}
.shop_box .shop_icon.trv4 {border:none;background:url('/resource/img/onb/app_v2/web/ico_trv4.png') no-repeat 50% 50%;}
.shop_box .shop_icon.trv5 {border:none;background:url('/resource/img/onb/app_v2/web/ico_trv5.png') no-repeat 50% 50%;}
.shop_box .shop_icon.trv6 {border:none;background:url('/resource/img/onb/app_v2/web/ico_trv6.png') no-repeat 50% 50%;}
.shop_box .shop_icon.trv7 {border:none;background:url('/resource/img/onb/app_v2/web/ico_trv7.png') no-repeat 50% 50%;}
.shop_box .shop_icon.trv8 {border:none;background:url('/resource/img/onb/app_v2/web/ico_trv8.png') no-repeat 50% 50%;}
.shop_box .shop_icon.trv9 {border:none;background:url('/resource/img/onb/app_v2/web/ico_trv9.png') no-repeat 50% 50%;}

.shop_box .shop_icon.lpay1 {background:#fff url('/resource/img/onb/app_v2/web/ico_lpay1.png') no-repeat 50% 50%;}
.shop_box .shop_icon.lpay2 {background:#fff url('/resource/img/onb/app_v2/web/ico_lpay2.png') no-repeat 50% 50%;}

.shop_box .shop_icon.movie1 {border:none;background:url('/resource/img/onb/app_v2/web/ico_mov1.png') no-repeat 50% 50%;}
.shop_box .shop_icon.movie2 {border:none;background:url('/resource/img/onb/app_v2/web/ico_mov2.png') no-repeat 50% 50%;}
.shop_box .shop_icon.movie3 {border:none;background:url('/resource/img/onb/app_v2/web/ico_mov3.png') no-repeat 50% 50%;}

.shop_box .shop_icon.tel1 {border:none;background:url('/resource/img/onb/app_v2/web/ico_tel1.png') no-repeat 50% 50%;}
.shop_box .shop_icon.tel2 {border:none;background:url('/resource/img/onb/app_v2/web/ico_tel2.png') no-repeat 50% 50%;}
.shop_box .shop_icon.tel3 {border:none;background:url('/resource/img/onb/app_v2/web/ico_tel3.png') no-repeat 50% 50%;}
.shop_box .shop_icon.tel4 {border:none;background:url('/resource/img/onb/app_v2/web/ico_tel4.png') no-repeat 50% 50%;}

/* 예금자보호상품 */
.help_zone_img {padding:33px 167px 33px 180px;}
.help_zone_img .img_kdic {display:block; position:absolute; right:20px; top:20px;}