/************************************
프로젝트명 : Sales 강화 인트로 개편
타이틀 : main
작성자 : 신다예
작성일 : 2019-04-01
************************************/
@charset 'utf-8';

#main_container .main_renew_2019 {background-color:#fff;}
#main_container .main_renew_2019 h2 {font-size:33px; margin-bottom:30px;}
#main_container .main_renew_2019 .bx-wrapper {position:relative;}
#main_container .main_renew_2019 .bx-controls {padding-left:15px;position:absolute;}
#main_container .main_renew_2019 .bx-controls-direction {display:none;}
#main_container .main_renew_2019 .bx-pager {overflow:hidden;vertical-align:top;}
#main_container .main_renew_2019 .bx-pager .bx-pager-item {margin-left:7px;float:left;font-size:0;}
#main_container .main_renew_2019 .bx-pager .bx-pager-item:first-child {margin-left:0;}
#main_container .main_renew_2019 .bx-pager .bx-pager-item a {width:10px;height:10px;display:inline-block;font-size:0;background:url(../images/kr/base/ico_navi.png) no-repeat;vertical-align:top;line-height:0;}
#main_container .main_renew_2019 .bx-pager .bx-pager-item a.active {width:22px;background:url(../images/kr/base/ico_navi_on.png) no-repeat;}
#main_container .main_renew_2019 .bx-wrapper .bx-viewport li a {height:100%;display:block;font-size:0;}
#main_container .main_renew_2019 .bx-wrapper .bx-viewport li a.m {display:none;}
#main_container .main_renew_2019 .bx-controls-auto .bx-controls-auto-item {font-size:0; vertical-align: top;}
#main_container .main_renew_2019 .bx-controls-auto .bx-controls-auto-item a {width:10px;height:11px;display:inline-block;background:url(../images/kr/base/btn_slide2.png) no-repeat;font-size:0;line-height:0; vertical-align: top;}
#main_container .main_renew_2019 .bx-controls-auto .bx-controls-auto-item a.bx-stop {background-position:0 -12px;}
#main_container .main_renew_2019 .bx-controls-auto .bx-controls-auto-item a.active {display:none;}
#main_container .main_renew_2019 .controls .pager, 
#main_container .main_renew_2019 .controls .auto {display:inline-block; vertical-align:top; margin-right:3px;}
#main_container .main_renew_2019 .controls .auto .bx-controls-auto {width: 12px; height: 12px; overflow: hidden;}
.cmore a {display:inline-block; text-decoration:none; text-align:center; font-weight:normal; color:#999; font-size:20px; border:1px solid #999; background-color:transparent; padding:4px; min-width:30px; line-height:1;}
.cmore a:hover {background:#18abeb; border:1px solid #18abeb; color:#fff;}
.cmore a span {text-indent:-9999px; font-size:0; line-height:0; padding:0; margin:0;}

.main_visual_2019 {position:relative; z-index:50; min-width:999px;}
.main_visual_2019 {min-height:450px;}
.main_visual_2019 .bx-wrapper .bx-viewport, .main_visual_2019 .bx-wrapper .bx-viewport > ul > li, .main_visual_2019 .bx-wrapper .bx-viewport > ul {height:450px;}
.main_visual_2019 .bx-wrapper {min-height:450px;}
.main_visual_2019.fi_main {background:none; z-index:60;}
.main_visual_2019 .bx-wrapper {}
.main_visual_2019 .mv_inner {width:100%; min-height:100%; margin-top:0; margin-bottom:0; margin-left:auto; margin-right:auto; position:relative;}
.main_visual_2019 .mv_inner .mv_top_vis {position:absolute; top:0; left:0; width:100%; max-width:100%; height:455px; background-size:cover; background-position:center; overflow:hidden; z-index:1;}
.main_visual_2019 .mv_inner .mv_top_vis img {text-align:center;}
.main_visual_2019 .mv_inner .mv_top_txt {position:absolute; top:100px; left:50%; z-index:150; max-width:480px; margin-left:-499.5px;}
.main_visual_2019 .mv_inner .mv_top_txt .vis_title {width:auto; overflow:hidden; font-size:40px !important; line-height:47px; font-weight:bold; color:#fff; margin-bottom:20px !important; word-break:keep-all;}
.main_visual_2019 .mv_inner .mv_top_txt .vis_copy {overflow:hidden; font-size:18px; line-height:24px; color:#fff; word-break:keep-all;}
.main_visual_2019 .mv_inner .mv_top_txt .vis_btn {margin-top:25px;}
.main_visual_2019 .mv_inner .mv_top_txt .vis_btn > a {display:inline-block !important; border:1px solid #fff; padding:10px 25px; color:#fff; font-size:15px !important; margin-right:10px;}
.main_visual_2019 .mv_inner .mv_top_txt .vis_btn a#btn_detail {display:inline-block !important;}
.main_visual_2019 .mv_inner .mv_top_txt .vis_btn a#btn_mb {display:none !important;}


/******************** 메인 비주얼 bxslider ********************/
.main_visual_2019 .bx-controls {width:100%; position:absolute; top:0; left:0; text-align:center;}
.main_visual_2019 .bx-controls .bx-pager {display:inline-block;}
.main_visual_2019 .bx-controls .bx-pager .bx-pager-item {display:inline-block;}
.main_visual_2019 .bx-controls .bx-controls-auto {display:inline-block;}
.main_visual_2019.not_arrow .prev_btn, .main_visual_2019.not_arrow .next_btn {display:none;}
.main_visual_2019 .prev_btn .bx-prev, .main_visual_2019 .next_btn .bx-next {display:block; width:30px; height:50px; position:absolute; top:0; z-index:60; background:url(../images/kr/base/sub_mainVisual_controls_2019.png) no-repeat transparent; color:transparent; text-indent:-9999em; font-size:0; margin-top:-185px;}
.main_visual_2019 .prev_btn .bx-prev {left:-50px; background-position:0 -450px;}
.main_visual_2019 .next_btn .bx-next {right:-50px; background-position:-100px -450px;}
.main_visual_2019 .controls {position:absolute; bottom:0; left:50%; min-width:999px; margin-left:-499.5px; margin-bottom:60px; z-index:100; text-align:center;}
.main_visual_2019 .controls .pager {display:inline-block; vertical-align:middle;}
.main_visual_2019 .controls .pager ul {height:11px; overflow:hidden; line-height:0;}
.main_visual_2019 .controls .pager li {display:inline-block; vertical-align:middle; margin-left:7px;}
.main_visual_2019 .controls .pager li:first-child {margin-left:2px;}
.main_visual_2019 .controls .pager a {display:inline-block; vertical-align:top; width:11px; height:11px; background:url(../images/kr/base/sub_mainVisual_controls2.png) -40px 0 no-repeat;}
.main_visual_2019 .controls .pager a.active {width:22px; background-position:-14px 0;}
.main_visual_2019 .controls .auto .bx-start,
.main_visual_2019 .controls .auto .bx-stop {display:block; width:8px !important; height:11px !important; background:url(../images/kr/base/sub_mainVisual_controls2.png) no-repeat !important;}
.main_visual_2019 .controls .auto .bx-start {background-position: 0 -11px !important;}
.main_visual_2019 .controls .auto .bx-stop {background-position: 0 0 !important;}

/******************** 메인 바로가기 메뉴 ********************/
.main_manu_area {min-width:999px; background-color:#f3f3f7;}
.main_manu_area .m_group {position:relative; width:999px; margin:-30px auto 0 auto; z-index:60;}
.main_manu_area .m_group .mg_white {display:flex; justify-content:center; align-items:center; flex-wrap:wrap; background:#fff; -moz-box-shadow:0px 5px 5px #ddd; -webkit-box-shadow:0px 5px 5px #ddd; box-shadow:0px 5px 5px #ddd;}
.main_manu_area .m_group .mg_white li a {display:block; text-decoration:none; padding:17px 0; text-align:center;}
.main_manu_area .m_group .mg_white li a span {display:block; padding:0 32px; border-right:1px solid #d7d7d7; line-height:20px; font-size:16px; color:#333; word-break: keep-all;} /* 2022-09-14 비즈니스뱅킹 추가 */
.main_manu_area .m_group .mg_white li:last-child a span {border:0}
.main_manu_area .m_group .mg_white li a:hover span {color:#18abeb; text-decoration:underline;}

/******************** EVENT ********************/
.main_ev_area {min-width:999px; position:relative; background-color:#f3f3f7; padding:65px 0 120px;}
.main_ev_area .ev_inner {width:999px; margin:0 auto; position:relative;}
.main_ev_area .ev_inner h2 {position:absolute; top:0; left:0;}
.main_ev_area .ev_inner .bx-wrapper .bx-viewport li {width:240px !important; height:100%; float:left; margin-right:13px;}
.main_ev_area .ev_inner .bx-wrapper .bx-viewport li:last-child {margin-right:0;}
.main_ev_area .ev_inner .bx-wrapper .bx-viewport li a {display:block; width:100%; font-size:0; border:5px solid transparent; background-image:none !important;}
.main_ev_area .ev_inner .bx-wrapper .bx-viewport li a:hover {text-decoration:none; border:5px solid #18abeb;}
.main_ev_area .ev_inner .bx-wrapper .bx-viewport li img {width:100%; height:165px; display:block;}
.main_ev_area .ev_inner .controls {width:100%; top:30px; position:relative; left: 0; z-index:30; text-align:center;}
.main_ev_area .prev_btn .bx-prev, .main_ev_area .next_btn .bx-next {display:block; width:30px; height:50px; position:absolute; top:0; z-index:60; background:url(../images/kr/base/sub_mainVisual_controls_2019.png) no-repeat transparent; color:transparent; text-indent:-9999em; font-size:0; margin-top:-200px;}
.main_ev_area .prev_btn .bx-prev {left:-50px; background-position:0 -450px;}
.main_ev_area .next_btn .bx-next {right:-50px; background-position:-100px -450px;}
.main_ev_area .txt_slide_banner {display:block; padding-top:14px; padding-bottom:14px; padding-left:16px; padding-right:16px; background:#fff; position:relative; top:auto; left:auto; text-align:left;}
.main_ev_area .txt_slide_banner strong {display:block; height:47px; overflow:hidden; font-size:16px; color:#303643; line-height:1.4;}
.main_ev_area .txt_slide_banner p.date {font-size:12px;line-height:16px;color:#666; margin-bottom:0;}
.main_ev_area .ev_more {position:absolute; top:-2px; right:0;}
.main_ev_area .tab_menu .tab_btns {float:right; width:235px; margin:0 35px 30px 0;}
.main_ev_area .tab_menu .tab_btns li {float:left; position:relative; z-index:20; background:none;}
.main_ev_area .tab_menu .tab_btns li:first-child {background:none;}
.main_ev_area .tab_menu .tab_btns li a {display:block; text-align:center; border-bottom:none; padding-bottom:0 !important;}
.main_ev_area .tab_menu .tab_btns li a span {display:inline-block; font-size:15px; color:#999; line-height:30px;}
.main_ev_area .tab_menu .tab_btns li.active a,
.main_ev_area .tab_menu .tab_btns li a:hover {color:#18abeb; border-bottom:none; font-weight:bold;}
.main_ev_area .tab_menu .tab_btns li.active a span,
.main_ev_area .tab_menu .tab_btns li a:hover span {border-bottom:1px solid #18abeb; color:#18abeb; line-height:30px;}

/* 슬라이드 미적용 상태 */
.ev_inner > .bxslider.no_slider > li {height:267px}
.ev_inner > .bxslider.no_slider > li > a {display:block; height:100%;}
.ev_inner > .bxslider > li {position:relative;}


/********************** MOBILE BANKING **********************/
.main_mb_area {position:relative; min-width:999px;}
.main_mb_area .mb_inner {width:100%; min-height:570px; margin-top:0; margin-bottom:0; margin-left:auto; margin-right:auto;}
.main_mb_area .mb_inner .mb_bg {position:absolute; top:0; left:0; width:100%; max-width:100%; height:570px; background:url('/np/assets/images/kr/page/h_intro_mb_220527.jpg') no-repeat; background-size:cover; background-position:center; overflow:hidden; z-index:1;}
.main_mb_area .mb_inner .mb_cont {width:999px; margin:0 auto; position:relative;}
.main_mb_area .mb_inner .mb_cont .cont_box {width:430px; position:absolute; top:120px; right:0; text-align:left;}
.main_mb_area .mb_inner .mb_cont .cont_box h2 {font-size:40px !important; line-height:46px; color:#fff;}
.main_mb_area .mb_inner .mb_cont .cont_box > p {font-size:18px; color:#fff; margin-bottom:50px;}
.main_mb_area .mb_inner .mb_cont .cont_box .qr_box {overflow:hidden;}
.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li {float:left; margin-right:40px;}
.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .qr_ico {text-align:center; line-height:inherit; margin:2px 0 0;}
.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .qr_ico span {display:inline-block; color:#fff; font-size:15px; padding-left:10px;}
.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .qr_ico span.ico_ad {background:url('/np/assets/images/kr/page/h_intro_icon_ad.png') no-repeat left 2px; background-size:18px; padding-left:27px;}
.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .qr_ico span.ico_ios {background:url('/np/assets/images/kr/page/h_intro_icon_ios.png') no-repeat left 3px; background-size:18px; padding-left:27px;}
.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .intro_mob {display:none;}


/******************** BEST CARD ********************/
.main_card_area {min-width:999px; padding:100px 0;}
.main_card_area .card_inner {width:999px; margin:0 auto; position:relative;}
.main_card_area .card_more {position:absolute; top:0; right:0;}
.main_card_area .ranking_list.card {margin:0; padding:0;}
.main_card_area .ranking_list.card:after {content:''; display:block; clear:both;}
.main_card_area .ranking_list.card li {width:217px; min-height:275px; float:left; margin-right:42px; position:relative;}
.main_card_area .ranking_list.card li.last {float:right; margin-right:0;}
.main_card_area .ranking_list.card li .card_title {display:block; text-align:center; margin:15px 5px 10px; line-height:1.3;}
.main_card_area .ranking_list.card li .card_title strong {font-weight:bold; color:#333; font-size:17px; word-break:keep-all;}
.main_card_area .ranking_list.card li .card_copy {text-align:center; font-size:13px; color:#999; letter-spacing:-0.7px; display:block;}
.main_card_area .ranking_list.card li .btn_group {width:100%; overflow:hidden; position:absolute; bottom:0;}
.main_card_area .ranking_list.card li .btn_group p {margin-bottom:0;}
.main_card_area .ranking_list.card li .btn_group .btn {box-sizing:content-box; text-align:left; padding-left:9px;}
.main_card_area .ranking_list.card li .btn_group .btn.sscard {float:none;}
.main_card_area .ranking_list.card li .btn_group .btn.w2.sscard {margin:0 auto;}
.main_card_area .ranking_list.card li .btn_group .btn.w1 {width:61px; background-position:60px 50%;}
.main_card_area .ranking_list.card li .btn_group .btn.w2 {width:86px; margin-left: 4px; background-position:85px 50%;}
.main_card_area .ranking_list.card li .btn_group .btn.w2.one {width:85%; box-sizing: border-box;background-position:96% 50%; margin:0 auto; float:none;}


/******************** NOTICE ********************/
.main_notibn_area {min-width:999px; padding:100px 0; background-color:#dcecf4;}
.main_notibn_area:after{content:''; display:block; clear:both;}
.main_notibn_area .notibn_inner {width:999px; height:405px; margin:0 auto; position:relative; overflow:hidden;}
.main_notibn_area .notibn_inner .noti_area {float:left; width:490px; height:405px; position:relative; background-color:#fff; padding:30px;}
.main_notibn_area .notibn_inner .noti_area h2 {position:absolute; top:30px; left:30px;}
.main_notibn_area .notibn_inner .noti_area .cmore {position:absolute; top:30px; right:30px;}
.main_notibn_area .notibn_inner .noti_area .noti_page li {margin-bottom:12px; position:relative; background:url('/np/assets/images/kr/page/self_ico03.gif') no-repeat 0 10px; padding-left:18px;}
.main_notibn_area .notibn_inner .noti_area .noti_page li a {font-size:14px;color:#555;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
/* .main_notibn_area .notibn_inner .noti_area .noti_page li:first-child a {font-weight:bold; color:#222; font-size:15px; text-decoration:underline;} */
.main_notibn_area .notibn_inner .noti_area .noti_page li .date {display:none;}
.main_notibn_area .noti_tab_menu .noti_tab_btns {overflow:hidden; width:160px; float:right; margin-bottom:25px;}
.main_notibn_area .noti_tab_menu .noti_tab_btns li {float:left; padding:0 8px;}
.main_notibn_area .noti_tab_menu .noti_tab_btns li a {display:block; text-align:center; border-bottom:none; padding-bottom:0 !important;}
.main_notibn_area .noti_tab_menu .noti_tab_btns li a span {display:inline-block; font-size:15px; color:#999; line-height:30px;}
.main_notibn_area .noti_tab_menu .noti_tab_btns li.active a,
.main_notibn_area .noti_tab_menu .noti_tab_btns li a:hover {color:#18abeb; border-bottom:none; font-weight:bold;}
.main_notibn_area .noti_tab_menu .noti_tab_btns li.active a span,
.main_notibn_area .noti_tab_menu .noti_tab_btns li a:hover span {border-bottom:1px solid #18abeb; color:#18abeb; line-height:30px;}
.main_notibn_area .noti_tab_menu .noti_tab_page .noti_page.active {display:block; width:100%; overflow:hidden;}
.main_notibn_area .noti_tab_menu .noti_tab_page .noti_page {display:none;}
.main_notibn_area .notibn_inner .bn_area {float:right; width:490px;}
.main_notibn_area .notibn_inner .bn_area .bn_hotissue {height:195px; background-color:#0c5578;}
.main_notibn_area .notibn_inner .bn_area .bn_menu {position:absolute; bottom:0;}
.main_notibn_area .notibn_inner .bn_area .bn_menu .inner {overflow:hidden;}
.main_notibn_area .notibn_inner .bn_area .bn_menu li {float:left; width:50%; margin-top:10px;}
.main_notibn_area .notibn_inner .bn_area .bn_menu li.two {float:right;}
.main_notibn_area .notibn_inner .bn_area .bn_menu li.two a {margin-right:0;}
.main_notibn_area .notibn_inner .bn_area .bn_menu li a {display:block; position:relative; margin-right:10px; padding:17px 30px; background-color:#fff; text-decoration:none; border:2px solid #fff; font-size:15px; color:#333;}
.main_notibn_area .notibn_inner .bn_area .bn_menu li a:hover {border:2px solid #18abeb; color:#18abeb; font-weight:bold;}
.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span {position:absolute; top:11px; right:15px; display:inline-block; width:37px; height:32px; background:url('/np/assets/images/kr/page/icon_banner_group.png') no-repeat right top; background-size:auto 32px;}
.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span.ico_cust {background-position:0 0;}
.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span.ico_fin {background-position:-120px 0;}
.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span.ico_exc {background-position:-235px 0;}
.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span.ico_rate {background-position:-348px 0;}
.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span.ico_time {background-position:-460px 0;}
.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span.ico_fee {background-position:-578px 0;}
.main_notibn_area .notibn_inner .bn_area .hot_issue_area {position:relative;}
.main_notibn_area .notibn_inner .bn_area .hot_issue_area .controls {position:absolute; bottom:14px; left:50%; z-index:50; margin-left:-38px;}
.main_notibn_area .controls .auto .bx-start,
.main_notibn_area .controls .auto .bx-stop {display:block; width:8px !important; height:11px !important; background:url(../images/kr/base/sub_mainVisual_controls2.png) no-repeat !important;}
.main_notibn_area .controls .auto .bx-start {background-position: 0 -11px !important;}
.main_notibn_area .controls .auto .bx-stop {background-position: 0 0 !important;}
.main_notibn_area .controls .pager a {display:inline-block; vertical-align:top; width:11px; height:11px; background:url(../images/kr/base/sub_mainVisual_controls2.png) -40px 0 no-repeat !important;}
.main_notibn_area .controls .pager a.active {width:22px; background-position:-14px 0 !important;}


/***********************************
	tablet (width:999px)
***********************************/
@media only screen and (max-width:999px) {
	/* all width resize */
	.main_visual_2019, 
	.main_manu_area, .main_manu_area .m_group,  
	.main_ev_area, .main_ev_area .ev_inner,
	.main_mb_area, .main_mb_area .mb_inner .mb_cont,
	.main_card_area, .main_card_area .card_inner,
	.main_notibn_area, .main_notibn_area .notibn_inner {min-width:auto; width:auto;}

	.main_visual_2019 .controls {min-width:100%; width:100%;}
	.main_visual_2019 .mv_inner .mv_top_txt {margin-left:-400px;}

	.main_ev_area .ev_inner,
	.main_card_area .card_inner,
	.main_notibn_area .notibn_inner {margin:0 15px;}

	

	/* detail */
	.main_visual_2019 .prev_btn .bx-prev {left:0;}
	.main_visual_2019 .next_btn .bx-next {right:0;}
	
	.main_mb_area .mb_inner .mb_bg {position:absolute; background-position:0 0 !important; background-size:auto auto !important;}
	.main_mb_area .mb_inner .mb_cont .cont_box {width:auto; position:relative; top:100px; margin-left:50px;}

	.main_card_area {padding:80px 0;}
	.main_card_area .ranking_list.card li {margin-right:33px;}

	.main_notibn_area {padding:50px 0;}
	.main_notibn_area .notibn_inner {height:100%;}
	.main_notibn_area .notibn_inner .noti_area {float:left; width:calc(50% - 10px); margin-right:10px; height:auto;}
	.main_notibn_area .notibn_inner .bn_area {float:left; width:50%; height:auto;}
	.main_notibn_area .notibn_inner .bn_area .bn_menu {position:relative;}
	.main_notibn_area .notibn_inner .bn_area .hot_issue_area {text-align:center;}
}


/***********************************
	mobile (width:768px~)
***********************************/
@media only screen and (max-width:768px) {
	.main_visual_2019 .controls {left:0; margin-left:0;}
	.main_visual_2019 .mv_inner .mv_top_txt {max-width:100%; width:100%; left:0; margin-left:0; padding:0 100px; text-align:center;}
	.main_visual_2019 .mv_inner .mv_top_txt .vis_copy {text-align:center;}
	.main_visual_2019 .mv_inner .mv_top_vis {position:absolute; height:450px;background-position:50% 0px !important; background-size:auto 450px !important;}
	.main_visual_2019 .mv_inner .mv_top_vis:before {display:block; content:''; position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.5); overflow:hidden;}
	.main_visual_2019 .mv_inner .mv_top_txt .vis_btn a#btn_detail {display:none !important;}
	.main_visual_2019 .mv_inner .mv_top_txt .vis_btn a#btn_mb {display:inline-block !important;}
	.main_visual_2019 .prev_btn .bx-prev, .main_visual_2019 .next_btn .bx-next {width:40px; height:54px;}
	.main_visual_2019 .prev_btn .bx-prev {background-position: 0 -596px;}
	.main_visual_2019 .next_btn .bx-next {background-position:-89px -596px;}

	.main_manu_area .m_group .mg_white li {width:25%;}
	.main_manu_area .m_group .mg_white li a {border-right:1px solid #d7d7d7;}
	.main_manu_area .m_group .mg_white li.first a {padding-left:0;}
	.main_manu_area .m_group .mg_white li:nth-of-type(4) a,
	.main_manu_area .m_group .mg_white li:nth-of-type(8) a,
	.main_manu_area .m_group .mg_white li a span {border-right:0; padding-right:0; padding-left:0;}
	.main_manu_area .m_group .mg_white li:nth-of-type(5) a,
	.main_manu_area .m_group .mg_white li:nth-of-type(6) a,
	.main_manu_area .m_group .mg_white li:nth-of-type(7) a,
	.main_manu_area .m_group .mg_white li:nth-of-type(8) a {border-top:1px solid #d7d7d7;}

	.main_ev_area {padding:50px 0 80px;}
	.main_ev_area .ev_inner {margin-left:10px; margin-right:0;}
	.main_ev_area .ev_inner h2 {margin-left:5px;}
	.main_ev_area .ev_more {top:-4px; right:15px;}
	.main_ev_area .tab_menu .tab_btns {margin-bottom:15px;}
	.main_ev_area .prev_btn, 
	.main_ev_area .next_btn {display:none;}

	.main_mb_area .mb_inner {min-height:450px;}
	.main_mb_area .mb_inner .mb_bg {position:absolute; height:450px;background-position:45% 0px !important; background-size:auto 450px !important;}
	.main_mb_area .mb_inner .mb_bg:before {display:block; content:''; position:absolute; top:0; left:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); overflow:hidden;}
	.main_mb_area .mb_inner .mb_cont .cont_box > p {margin-bottom:25px;}
	.main_mb_area .mb_inner .mb_cont .cont_box {margin-left:0 !important; text-align:center;}
	.main_mb_area .mb_inner .mb_cont .cont_box .qr_box {display:inline-block; width:auto; margin:0 auto;}
	.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li {display:inline-block; margin:0 5px;}
	.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .intro_pc {display:none;}
	.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .intro_mob {display:block;}
	.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .qr_ico a {display:block; min-width:220px; border:1px solid #fff; padding:15px 35px;}
	.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .qr_ico span {display:block; font-size:20px; line-height:24px;}
	.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .qr_ico span.ico_ad {background-size:20px 20px; padding-left:25px;}
	.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .qr_ico span.ico_ios {background-position:8px -1px; background-size:22px 22px; padding-left:28px;}

	.main_card_area {padding:50px 0 35px;}
	.main_card_area .card_inner {margin-left:15px; margin-right:0;}
	.main_card_area .card_more {right:15px;}
	.main_card_area .card_inner .card_list {overflow-x:scroll; width:100%;}
	.main_card_area .ranking_list.card {width:989px; margin-bottom:10px;}
	.main_card_area .ranking_list.card li.last {margin-right:15px;}

	.main_notibn_area {padding:50px 0;}
	.main_notibn_area .notibn_inner {height:100%;}
	.main_notibn_area .notibn_inner .noti_area,
	.main_notibn_area .notibn_inner .bn_area {float:none; width:100%; height:auto;}
	.main_notibn_area .notibn_inner .noti_area .noti_page li a {font-size:15px;}
	.main_notibn_area .notibn_inner .bn_area .bn_menu {position:relative;}
	.main_notibn_area .notibn_inner .bn_area .hot_issue_area {text-align:center; margin:20px 0 10px 0;}
}


/***********************************
	mobile (width:600px~)
***********************************/
@media only screen and (max-width:600px) {
	#main_container .main_renew_2019 h2 {font-size:24px !important; margin-bottom:15px;}
	

	.main_visual_2019,
	.main_visual_2019 .bx-wrapper {min-height:350px;}

	.main_visual_2019 .bx-wrapper .bx-viewport, 
	.main_visual_2019 .bx-wrapper .bx-viewport > ul > li, 
	.main_visual_2019 .bx-wrapper .bx-viewport > ul,
	.main_visual_2019 .mv_inner .mv_top_vis {height:350px; background-position:64% 0px !important; background-size:auto 350px !important;}
	.main_visual_2019 .mv_inner .mv_top_txt {top:50px; padding:0 40px;}
	.main_visual_2019 .mv_inner .mv_top_txt .vis_title {font-size:24px !important; line-height:32px !important;}
	.main_visual_2019 .mv_inner .mv_top_txt .vis_copy {font-size:15px; line-height:20px;}
	.main_visual_2019 .mv_inner .mv_top_txt .vis_btn > a {padding:7px 20px; font-size:15px; letter-spacing:-1px;}
	.main_visual_2019 .prev_btn .bx-prev, .main_visual_2019 .next_btn .bx-next {margin-top:-140px;}

	.main_ev_area .ev_inner h2,
	.main_mb_area .mb_inner .mb_cont .cont_box h2 {position:relative; margin-bottom:15px; font-size:24px !important; line-height:30px;}
	.main_ev_area .ev_inner h2 {margin-bottom:10px !important;}
	.main_mb_area .mb_inner {min-height:280px;}
	.main_mb_area .mb_inner .mb_bg {position:absolute; height:280px;background-position:45% 0px !important; background-size:auto 280px !important;}
	.main_mb_area .mb_inner .mb_cont .cont_box {top:50px;}
	.main_mb_area .mb_inner .mb_cont .cont_box > p {font-size:15px;}
	.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .qr_ico span {display:block; font-size:16px; line-height:22px;}
	.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .qr_ico span.ico_ad {background-size:18px; padding-left:27px;}
	.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .qr_ico span.ico_ios {background-position:8px 1px; background-size:18px; padding-left:27px;}
	.main_mb_area .mb_inner .mb_cont .cont_box .qr_box li .qr_ico a {min-width:160px; padding:10px 20px;}

	.main_ev_area .tab_menu .tab_btns {display:block; width:200px; margin:-45px 45px 0 0;}
	.main_ev_area .tab_menu .tab_btns li.active a, 
	.main_ev_area .tab_menu .tab_btns li a:hover {background:none; padding-right:0;}
	.main_ev_area .tab_menu .tab_btns li a span {font-size:14px;}

	.main_card_area .card_more {top:-2px;}
	.main_card_area .ranking_list.card li .card_title strong {color:#333; font-size:15px; word-break:keep-all;}
	.main_card_area .ranking_list.card li .btn_group {min-height:auto;}
	
	.main_notibn_area .noti_tab_menu .noti_tab_btns {width:170px; margin:-3px 0 20px 0;}
	.main_notibn_area .noti_tab_menu .noti_tab_btns li {padding:0 10px;}
	.main_notibn_area .notibn_inner .noti_area .noti_page li a {font-size:13px;}
	.main_notibn_area .notibn_inner .noti_area .cmore {top:28px;}
	.main_notibn_area .notibn_inner .bn_area .bn_menu li a {padding:12px; font-size:14px;}
	.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span {top:5px;}
	.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span {position:absolute; top:11px; right:15px; display:inline-block; width:28px; height:26px; background:url('/np/assets/images/kr/page/icon_banner_group.png') no-repeat right top; background-size:auto 25px;}
	.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span.ico_cust {background-position:0 0;}
	.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span.ico_fin {background-position:-92px 0;}
	.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span.ico_exc {background-position:-184px 0;}
	.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span.ico_rate {background-position:-272px 0;}
	.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span.ico_time {background-position:-360px 0;}
	.main_notibn_area .notibn_inner .bn_area .bn_menu li a > span.ico_fee {background-position:-450px 0;}

	.main_manu_area .m_group .mg_white li a {padding:12px 0;}
	.main_manu_area .m_group .mg_white li:nth-of-type(5) a span {font-size:13px; letter-spacing:-1px;}
	.main_manu_area .m_group .mg_white li a span {font-size:14px;}
}

	/* 2020-10-13 메인 금상몰 영역 추가 */
	.main_mb_link_area{height:315px;position:relative;}
	.main_mb_link_area .tab_btn{width:100%;overflow:hidden;}
	.main_mb_link_area .tab_btn > li{width:33.33%;height:50px;vertical-align:middle;text-align:center;float:left;}
	.main_mb_link_area .tab_btn > li > a.tab{display:block;width:100%;height:50px;font-size:14px;position:relative;font-weight:bold;background:#f5f5f5;outline:0;}
	.main_mb_link_area .tab_btn > li > a.tab > span{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:center;}
	.main_mb_link_area .tab_btn > li.active > a{color:#18abeb;background:#fff;}
	.main_mb_link_area .tab_btn > li:nth-child(1) .mb_cont{display:block;}
	.main_mb_link_area .mb_cont{width:100%;height:265px;padding:30px 0;position:absolute;bottom:0;left:0;display:none;}
	.main_mb_link_area .mb_cont .icon_btn{overflow:hidden;margin-top:-15px;}
	.main_mb_link_area .mb_cont .icon_btn li{width:25%;height:95px;max-height:95px;float:left;position:relative;margin-top:15px;text-align:center;line-height:18px;}
	.main_mb_link_area .mb_cont .icon_btn li a{display:inline-block;width:80px;max-height:95px;}
	.main_mb_link_area .mb_cont .icon_btn li a:before{content:'';display:inline-block;width:80px;height:50px;}
	.main_mb_link_area .mb_cont .icon_btn.type1 li a:before{background:url('/np/assets/images/kr/page/mb_main_tab_icon1.png') no-repeat 0 0;background-size:auto 175px;}
	.main_mb_link_area .mb_cont .icon_btn.type2 li a:before{background:url('/np/assets/images/kr/page/mb_main_tab_icon2.png') no-repeat 0 0;background-size:auto 175px;}
	.main_mb_link_area .mb_cont .icon_btn.type3 li a:before{background:url('/np/assets/images/kr/page/mb_main_tab_icon3.png') no-repeat 0 0;background-size:auto 175px;}
	.main_mb_link_area .mb_cont .icon_btn li:nth-child(1) a:before{background-position:0 0;}
	.main_mb_link_area .mb_cont .icon_btn li:nth-child(2) a:before{background-position:-80px 0;}
	.main_mb_link_area .mb_cont .icon_btn li:nth-child(3) a:before{background-position:-160px 0;}
	.main_mb_link_area .mb_cont .icon_btn li:nth-child(4) a:before{background-position:-240px 0;}
	.main_mb_link_area .mb_cont .icon_btn li:nth-child(5) a:before{background-position:0 -100px;}
	.main_mb_link_area .mb_cont .icon_btn li:nth-child(6) a:before{background-position:-80px -100px;}
	.main_mb_link_area .mb_cont .icon_btn li:nth-child(7) a:before{background-position:-160px -100px;}
	.main_mb_link_area .mb_cont .icon_btn li:nth-child(8) a:before{background-position:-240px -100px;}
	.main_mb_link_area .mb_cont .icon_btn li.new a:after{content:'';position:absolute;display:block;width:5px;height:5px;border-radius:50%;background:#f93329;top:0;right:13px;}
	.main_mb_link_area .mb_cont .icon_btn li span{display:block;font-size:13px;}
	@media only screen and (min-width:769px) {
		.main_mb_link_area{display:none;}
		#salesFooter .m_list.foot li:nth-child(5),#salesFooter .m_list.foot li:nth-child(6){display:none;}
		#salesFooter .m_list.sns li:nth-child(1){display:none;}
	}
	@media only screen and (max-width:768px) {
		.main_visual_2019 .mv_inner .mv_top_txt .vis_copy {font-size:15px; line-height:20px;}
		.main_visual_2019 .mv_inner .mv_top_txt .vis_btn > a {padding:7px 20px; font-size:14px; letter-spacing:-1px;}
		.main_manu_area{display:none;}
		.main_card_area{display:none;}
		.main_notibn_area .notibn_inner .bn_area .bn_menu{display:none;}
		#salesFooter .m_list.foot li{display:none;}
		#salesFooter .m_list.foot li:nth-child(1),#salesFooter .m_list.foot li:nth-child(4),#salesFooter .m_list.foot li:nth-child(5),#salesFooter .m_list.foot li:nth-child(6),#salesFooter .m_list.foot li:nth-child(7),#salesFooter .m_list.foot li:nth-child(8){display:block;}
		#salesFooter .ico_area{display:none;}
		#salesFooter .m_list.foot li:nth-child(8).point a {border:0;}
		#salesFooter .footer_inner .footer_right address{display:none;}
		#salesFooter .m_list.sns{text-align:center;}
		#salesFooter .m_list.sns li:nth-child(6){display:none;}
		#salesFooter .m_list.sns li{float:none;display:inline-block;}
		#salesFooter .m_list.sns li:first-child{margin-left:0;}
		#salesFooter .m_list.sns li a{display:inline-block;border:0;font-size:0;line-height:0;color:transparent;}
		#salesFooter .m_list.sns li a:after{content:'';display:inline-block;width:30px;height:30px;}
		#salesFooter .m_list.sns li:nth-child(1) a:after{background:url('/np/assets/images/kr/base/f_icon_customer.png') no-repeat 0 0;background-size:100%;}
		#salesFooter .m_list.sns li:nth-child(2) a:after{background:url('/np/assets/images/kr/base/f_icon_youtube.png') no-repeat 0 0;background-size:100%;}
		#salesFooter .m_list.sns li:nth-child(3) a:after{background:url('/np/assets/images/kr/base/f_icon_facebook.png') no-repeat 0 0;background-size:100%;}
		#salesFooter .m_list.sns li:nth-child(4) a:after{background:url('/np/assets/images/kr/base/f_icon_instargram.png') no-repeat 0 0;background-size:100%;}
		#salesFooter .m_list.sns li:nth-child(5) a:after{background:url('/np/assets/images/kr/base/f_icon_naverpost.png') no-repeat 0 0;background-size:100%;}
		.main_notibn_area .notibn_inner .noti_area .noti_page li{display:none;}
		.main_notibn_area .notibn_inner .noti_area .noti_page li:nth-child(1),
		.main_notibn_area .notibn_inner .noti_area .noti_page li:nth-child(2),
		.main_notibn_area .notibn_inner .noti_area .noti_page li:nth-child(3){display:block;}
	}

/* 2021-02-04 리브랜딩 
.main_visual_2019 .bx-wrapper .bx-viewport > ul > li:nth-child(1) > .mv_inner > .mv_top_txt > h2:before {display:block;content:'';position:absolute;top:0;left:0;background: url('/np/assets/images/kr/base/h_main_icon_1.png') no-repeat 0 14px; width:30px ;height:50px;}
.main_visual_2019 .bx-wrapper .bx-viewport > ul > li:nth-child(1) > .mv_inner > .mv_top_txt > h2:after {display:block;content:'';position:absolute;top:0;right:-40px;background: url('/np/assets/images/kr/base/h_main_icon_2.png') no-repeat right 14px;width:30px;height:50px;}
.main_visual_2019 .bx-wrapper .bx-viewport > ul > li:nth-child(1) > .mv_inner > .mv_top_txt > h2.vis_title {margin-left:35px;}
.main_visual_2019 .bx-wrapper .bx-viewport > ul > li:nth-child(1) > .mv_inner > .mv_top_txt > p.vis_copy {margin-left:37px;}
.main_visual_2019 .bx-wrapper .bx-viewport > ul > li:nth-child(1) > .mv_inner > .mv_top_txt > div.vis_btn {margin-left:37px;}
@media only screen and (max-width:768px) {
	.main_visual_2019 .bx-wrapper .bx-viewport > ul > li:nth-child(1) > .mv_inner > .mv_top_txt > h2 {position:relative;}
	.main_visual_2019 .bx-wrapper .bx-viewport > ul > li:nth-child(1) > .mv_inner > .mv_top_txt > h2:before {display:block;content:'';position:absolute;top:0;left:54%;background: url('/np/assets/images/kr/base/h_main_icon_1.png') no-repeat 0 8px; width:30px ;height:50px; margin-left:-150px; background-size:60%;}
	.main_visual_2019 .bx-wrapper .bx-viewport > ul > li:nth-child(1) > .mv_inner > .mv_top_txt > h2:after {display:block;content:'';position:absolute;top:0;right:54%;background: url('/np/assets/images/kr/base/h_main_icon_2.png') no-repeat right 8px;width:30px;height:50px; margin-right:-150px; background-size:60%;}
	.main_visual_2019 .bx-wrapper .bx-viewport > ul > li:nth-child(1) > .mv_inner > .mv_top_txt > h2.vis_title {margin-left:0;}
	.main_visual_2019 .bx-wrapper .bx-viewport > ul > li:nth-child(1) > .mv_inner > .mv_top_txt > p.vis_copy {margin-left:0;}
	.main_visual_2019 .bx-wrapper .bx-viewport > ul > li:nth-child(1) > .mv_inner > .mv_top_txt > div.vis_btn {margin-left:0;}
}*/



/** 2022.07.20 best card 가로세로 혼용으로 추가 **/

.main_card_area .ranking_list.card {display:flex;justify-content:space-between;margin:0 -2%;}
.main_card_area .ranking_list.card li {min-height:auto;width:25%;margin:0;padding:0 2%;}
.main_card_area .ranking_list.card li .thumb {height:0;padding-bottom:100%;position:relative;}
.main_card_area .ranking_list.card li .thumb img {max-width:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);}
.main_card_area .ranking_list.card li .card_copy  {text-overflow:ellipsis;overflow:hidden;min-height:3rem;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;}
.main_card_area .ranking_list.card li .btn_group {position:initial;bottom:auto;}

/* 2022-08-18 현대카드pj 추가 */
.ranking_list.card li .thumb {width:218px;height:218px;margin:0 auto;display:flex;align-items:center;justify-content:center;}
.ranking_list.card li .thumb img {max-width:218px;max-height:100%;}

/* 2022-09-08 현대카드pj 소스원복될 경우 대비 */
.main_card_area .ranking_list.card li {text-align:center;}
.main_card_area .ranking_list.card li img {max-width:235px;max-height:235px;}