@charset 'utf-8';
/********************************************
프로젝트명 : Sales 강화 및 온라인 채널 개선
타이틀 : sub(서브, 상세페이지)
작성자 : 천명기, 박준민
최초작성일 : 2016-05-13
수정일 : 2016-05-13
********************************************/

/* ==============================
     submain
      - 금융상품몰
   ============================== */

/* ------------------------------
     금융상품몰
      - 메인비주얼
      - 상품랭킹 리스트
      - 상품랭킹 영역 내 이벤트 영역
      - 상품관련 뱃지
      - 이벤트 혜택 리스트
      - 맞춤검색
      - 맞춤검색 결과 리스트
   ------------------------------ */

@import url('terms.css');

/* 메인비주얼 */
.sub_main_visual {position:relative; z-index:50; min-width: 999px;}
.sub_main_visual {min-height: 256px;}
.sub_main_visual .bx-wrapper .bx-viewport, .sub_main_visual .bx-wrapper .bx-viewport > ul > li, .sub_main_visual .bx-wrapper .bx-viewport > ul {height: 256px;}
.sub_main_visual .bx-wrapper {min-height: 256px;}

.sub_main_visual.fi_main {background:none; z-index:60;}

.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.orange,
.sub_main_visual.orange {background:url(../images/kr/base/mainVisual_bg_orange.jpg) 50% 0 no-repeat;}
.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.orange .mv_etc_group,
.sub_main_visual.orange .mv_etc_group {border-top:1px solid #fac997;}
.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.orange .mv_etc_group .mv_etc_btn span,
.sub_main_visual.orange .mv_etc_group .mv_etc_btn span {color:#b77030; background-image:url(../images/kr/base/ico_arrow_r_brown.png)}

.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.blue,
.sub_main_visual.blue {background:url(../images/kr/base/mainVisual_bg_blue.jpg) 50% 0 no-repeat;}
.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.blue .mv_etc_group,
.sub_main_visual.blue .mv_etc_group {border-top:1px solid #8ddcfe;}
.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.blue .mv_etc_group .mv_etc_btn span,
.sub_main_visual.blue .mv_etc_group .mv_etc_btn span {color:#007fb3; background-image:url(../images/kr/base/ico_arrow_r_blue.png)}

.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.red,
.sub_main_visual.red {background:url(../images/kr/base/mainVisual_bg_red.jpg) 50% 0 no-repeat;}
.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.red .mv_etc_group,
.sub_main_visual.red .mv_etc_group {border-top:1px solid #f3b4a1;}
.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.red .mv_etc_group .mv_etc_btn span,
.sub_main_visual.red .mv_etc_group .mv_etc_btn span {color:#e16440; background-image:url(../images/kr/base/ico_arrow_r_red.png)}

.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.purple,
.sub_main_visual.purple {background:url(../images/kr/base/mainVisual_bg_purple.jpg) 50% 0 no-repeat;}
.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.purple .mv_etc_group,
.sub_main_visual.purple .mv_etc_group {border-top:1px solid #e09def;}
.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.purple .mv_etc_group .mv_etc_btn span,
.sub_main_visual.purple .mv_etc_group .mv_etc_btn span {color:#c640e3; background-image:url(../images/kr/base/ico_arrow_r_purple.png)}

.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.green,
.sub_main_visual.green {background:url(../images/kr/base/mainVisual_bg_green.jpg) 50% 0 no-repeat;}
.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.green .mv_etc_group,
.sub_main_visual.green .mv_etc_group {border-top:1px solid #96d48e;}
.sub_main_visual.fi_main .bx-wrapper .bx-viewport li.green .mv_etc_group .mv_etc_btn span,
.sub_main_visual.green .mv_etc_group .mv_etc_btn span {color:#2ca61d; background-image:url(../images/kr/base/ico_arrow_r_green.png)}

/*  슬라이드가 적용되지 않는 경우 */
.sub_main_visual.no_slider .mv_inner {padding-bottom: 1px;}
.sub_main_visual.no_slider li.orange,
.sub_main_visual.orange.no_slider li {background:url(../images/kr/base/mainVisual_bg_orange.jpg) 50% 0 no-repeat;}
.sub_main_visual.no_slider li.orange .mv_etc_group {border-top:1px solid #fac997;}
.sub_main_visual.no_slider li.orange .mv_etc_group .mv_etc_btn span {color:#b77030; background-image:url(../images/kr/base/ico_arrow_r_brown.png)}

.sub_main_visual.no_slider li.blue,
.sub_main_visual.blue.no_slider li {background:url(../images/kr/base/mainVisual_bg_blue.jpg) 50% 0 no-repeat;}
.sub_main_visual.no_slider li.blue .mv_etc_group {border-top:1px solid #8ddbfd;}
.sub_main_visual.no_slider li.blue .mv_etc_group .mv_etc_btn span {color:#007fb3; background-image:url(../images/kr/base/ico_arrow_r_blue.png)}

.sub_main_visual.no_slider li.red,
.sub_main_visual.red.no_slider li {background:url(../images/kr/base/mainVisual_bg_red.jpg) 50% 0 no-repeat;}
.sub_main_visual.no_slider li.red .mv_etc_group {border-top:1px solid #f2b3a0;}
.sub_main_visual.no_slider li.red .mv_etc_group .mv_etc_btn span {color:#e16440; background-image:url(../images/kr/base/ico_arrow_r_red.png)}

.sub_main_visual.no_slider li.purple,
.sub_main_visual.purple.no_slider li {background:url(../images/kr/base/mainVisual_bg_purple.jpg) 50% 0 no-repeat;}
.sub_main_visual.no_slider li.purple .mv_etc_group {border-top:1px solid #df9cee;}
.sub_main_visual.no_slider li.purple .mv_etc_group .mv_etc_btn span {color:#c640e3; background-image:url(../images/kr/base/ico_arrow_r_purple.png)}

.sub_main_visual.no_slider li.green,
.sub_main_visual.green.no_slider li {background:url(../images/kr/base/mainVisual_bg_green.jpg) 50% 0 no-repeat;}
.sub_main_visual.no_slider li.green .mv_etc_group {border-top:1px solid #96d48e;}
.sub_main_visual.no_slider li.green .mv_etc_group .mv_etc_btn span {color:#2ca61d; background-image:url(../images/kr/base/ico_arrow_r_green.png)}

.sub_main_visual .bx-wrapper {}
.sub_main_visual .mv_inner {padding-top:58px; width:849px; margin-top:0; margin-bottom:0; margin-left:auto; margin-right:auto; padding-bottom:13px;}
.sub_main_visual .mv_inner .top_area {}
.sub_main_visual .mv_inner .top_area:after {content:''; display:block; clear:both;}
.sub_main_visual .mv_title {float:left; margin-top:7px;}
.sub_main_visual .mv_title .mv_tit {width:390px; overflow:hidden; font-size:32px; font-weight:bold; color:#fff; text-shadow: 1px 1px rgba(0,0,0,.45); margin-bottom:10px;}
.sub_main_visual .mv_title .mv_sub_tit {width: 390px; height: 37px; overflow:hidden; font-size:16px; line-height: 1.2; color:#fff;}
.sub_main_visual .mv_title.fund .mv_sub_tit {height:19px; margin-bottom: 5px;}
.sub_main_visual .mv_quick_group {float:right;}
.sub_main_visual .mv_quick_group li {float:left; margin-left:5px;}
.sub_main_visual .mv_quick_group li:first-child {margin-left:0;}
.sub_main_visual .mv_quick_group li a {box-sizing:content-box; text-decoration:none; box-shadow:2px 0 3px rgba(0,0,0,0.09);}
.sub_main_visual .mv_quick_group li img {display: block;}
.sub_main_visual .mv_quick_group li a.mv_quick_btn {display:block; width:108px; height:108px; background:#fff; text-align:center; font-size:16px; color:#333; line-height:1.2; border-radius:5px;}
.sub_main_visual .mv_quick_group li a.mv_quick_btn.interest {width:106px; height:106px; border: 1px solid #ff661a; }
.sub_main_visual .mv_quick_group li a.mv_quick_btn.interest .txt {display:block; font-size:13px; color:#333; margin-top:13px;}
.sub_main_visual .mv_quick_group li a.mv_quick_btn.interest .percentage {display:block; color:#ff661a; font-size:36px; font-weight:bold; line-height:1; margin-top:5px;}
.sub_main_visual .mv_quick_group li a.mv_quick_btn.interest .percentage .unit {font-size:24px;}
.sub_main_visual .mv_quick_group li a.mv_quick_btn.interest .ps {display:block; font-size:13px; color:#666; margin-top:7px; line-height:1;}
.sub_main_visual .mv_quick_group li a.mv_quick_btn.online_join span,
.sub_main_visual .mv_quick_group li a.mv_quick_btn.connection_product span,
.sub_main_visual .mv_quick_group li a.mv_quick_btn.free_account span {display:block; padding-top:58px; box-sizing:content-box;}
.sub_main_visual .mv_quick_group li a.mv_quick_btn.online_join span {background:url(../images/kr/base/ico_monitor.png) 50% 18px no-repeat;}
.sub_main_visual .mv_quick_group li a.mv_quick_btn.connection_product span {background:url(../images/kr/base/ico_link.png) 50% 15px no-repeat;}
.sub_main_visual .mv_quick_group li a.mv_quick_btn.free_account span {background:url(../images/kr/base/ico_pocket.png) 50% 17px no-repeat;}
.sub_main_visual .mv_etc_group {width:100%; padding-top:15px; margin-top:14px; text-align:center; box-sizing:content-box;font-size:0;}
.sub_main_visual .mv_etc_group li {display:inline-block; margin-left:6px; vertical-align: middle;}
.sub_main_visual .mv_etc_group li:first-child {margin-left:0;}
.sub_main_visual .mv_etc_group .mv_etc_btn {display:block; border-radius:6px; line-height:1.2; padding:14px 20px; background-color:#fff;}
.sub_main_visual .mv_etc_group .mv_etc_btn:hover {text-decoration:none;}
.sub_main_visual .mv_etc_group .mv_etc_btn span {padding-right:20px; background-position:100% 50%; background-repeat:no-repeat; font-size:18px;}
.sub_main_visual .mv_etc_group .mv_dropdown_btn {display:block; border-radius:6px; line-height:43px; padding-left:20px; padding-right:20px; background:url(../images/kr/base/bg_black20.png); text-decoration:none;}
.sub_main_visual .mv_etc_group .mv_dropdown_btn span {padding-right:20px; background:url(../images/kr/base/ico_arrow_d_white.png) 100% 50% no-repeat; font-size:18px; color:#fff;}
.sub_main_visual .mv_etc_group li.active .mv_dropdown_btn span {background:url(../images/kr/base/ico_arrow_u_white.png) 100% 50% no-repeat;}
.sub_main_visual .dropdown_cont {display:none; background:blue; width:100%; height:100px;}
.sub_main_visual .dropdown_cont.active {display:block;}

/* 서브 메인비주얼 bxslider */
.sub_main_visual .bx-controls {width:100%; position:absolute; top:0; left:0; text-align:center;}
.sub_main_visual .bx-controls .bx-pager {display:inline-block;}
.sub_main_visual .bx-controls .bx-pager .bx-pager-item {display:inline-block;}
.sub_main_visual .bx-controls .bx-controls-auto {display:inline-block;}
.sub_main_visual.not_arrow .prev_btn, .sub_main_visual.not_arrow .next_btn {display:none;}
.sub_main_visual .prev_btn .bx-prev, .sub_main_visual .next_btn .bx-next {display:block; width:75px; height:256px; position:absolute; top:0; z-index:60; background:url(../images/kr/base/sub_mainVisual_controls.png) no-repeat transparent; color:transparent; text-index:-9999em; font-size:0;}
.sub_main_visual .prev_btn .bx-prev {left:50%; margin-left:-500px; background-position:0 0;}
.sub_main_visual .next_btn .bx-next {right:50%; margin-right:-500px; background-position: -75px 0;}
.sub_main_visual .controls {width:100%; position:absolute; top:23px; left:0; z-index:60; text-align:center;}
.sub_main_visual .controls .pager {display:inline-block; vertical-align:middle;}
.sub_main_visual .controls .pager ul {height:11px; overflow:hidden; line-height:0;}
.sub_main_visual .controls .pager li {display:inline-block; vertical-align:middle; margin-left:3px;}
.sub_main_visual .controls .pager li:first-child {margin-left:4px;}
.sub_main_visual .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;}
.sub_main_visual .controls .pager a.active {width:22px; background-position:-14px 0;}
.sub_main_visual .controls .auto {display:inline-block; vertical-align:middle;}
.sub_main_visual .controls .auto .bx-start,
.sub_main_visual .controls .auto .bx-stop {display:block; width:8px; height:11px; background:url(../images/kr/base/sub_mainVisual_controls2.png) no-repeat; }
.sub_main_visual .controls .auto .bx-start {background-position: 0 -11px;}
.sub_main_visual .controls .auto .bx-stop {background-position: 0 0;}

/* 서브메인비주얼 - 우대혜택보기 */
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap {display: none;}
.sub_main_visual_slide .mv_etc_group li.active .woodae_view_wrap {display: block; position: absolute; top:257px; left: 0; z-index: 50; background: #fff; min-width: 999px; width:100%; height: 189px; box-sizing: content-box;}
.sub_main_visual.fi_main li.orange .mv_etc_group li .woodae_view_wrap {border-top:4px solid #fce9d5; border-bottom:4px solid #fce9d5;}/* 예적금 */
.sub_main_visual.fi_main li.green .mv_etc_group li .woodae_view_wrap {border-top:4px solid #d5efd2; border-bottom:4px solid #d5efd2;}/* 카드 */
.sub_main_visual.fi_main li.red .mv_etc_group li .woodae_view_wrap {border-top:4px solid #fae1d9; border-bottom:4px solid #fae1d9;}/* 펀드 */
.sub_main_visual.fi_main li.blue .mv_etc_group li .woodae_view_wrap {border-top:4px solid #d1f1fe; border-bottom:4px solid #d1f1fe;} /* 대출 */
.sub_main_visual.fi_main li.purple .mv_etc_group li .woodae_view_wrap {border-top:4px solid #fbd1fe; border-bottom:4px solid #fbd1fe;} /* 외환 */
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap dl {width: 999px; margin: 0 auto; text-align: left;}
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap dl dt {width: 100%;}
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap dl dd {float: left; width: 480px; margin-left: 19px; padding-left: 19px;}
.sub_main_visual.fi_main li.orange .mv_etc_group li .woodae_view_wrap dl dd {border-left: 1px solid #fce9d5;}/* 예적금 */
.sub_main_visual.fi_main li.green .mv_etc_group li .woodae_view_wrap dl dd {border-left: 1px solid #d5efd2;}/* 카드 */
.sub_main_visual.fi_main li.red .mv_etc_group li .woodae_view_wrap dl dd {border-left: 1px solid #fae1d9;}/* 펀드 */
.sub_main_visual.fi_main li.blue .mv_etc_group li .woodae_view_wrap dl dd {border-left: 1px solid #d1f1fe;} /* 대출 */
.sub_main_visual.fi_main li.purple .mv_etc_group li .woodae_view_wrap dl dd {border-left: 1px solid #fbd1fe;}/* 외환 */
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap dl dd.first {margin-left: 0; padding-left: 0; border: 0;}
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap dl dd .woodae_view_item {position: relative;}
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap dl dd .woodae_view_item:after {content:''; display: block; clear: both;}
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap .arrow {display: block; width: 24px; height: 15px; position: absolute; top: -15px; left: 50%; margin-left: 160px;}
.sub_main_visual.fi_main li.orange .mv_etc_group li .woodae_view_wrap .arrow {background: url(../images/kr/base/woodae_arrow_up_orange.png) no-repeat;}
.sub_main_visual.fi_main li.green .mv_etc_group li .woodae_view_wrap .arrow {background: url(../images/kr/base/woodae_arrow_up_green.png) no-repeat;}
.sub_main_visual.fi_main li.red .mv_etc_group li .woodae_view_wrap .arrow {background: url(../images/kr/base/woodae_arrow_up_red.png) no-repeat;}
.sub_main_visual.fi_main li.blue .mv_etc_group li .woodae_view_wrap .arrow {background: url(../images/kr/base/woodae_arrow_up_blue.png) no-repeat;}
.sub_main_visual.fi_main li.purple .mv_etc_group li .woodae_view_wrap .arrow {background: url(../images/kr/base/woodae_arrow_up_purple.png) no-repeat;}
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap .title {font-size: 20px; text-align: left; margin-top: 13px; margin-bottom: 20px;}
.sub_main_visual.fi_main li.orange .woodae_view_wrap .title {color: #f8962e;}/* 예적금 */
.sub_main_visual.fi_main li.green .woodae_view_wrap .title {color: #2cac1d;}/* 카드 */
.sub_main_visual.fi_main li.red .woodae_view_wrap .title {color: #e86b44;}/* 펀드 */
.sub_main_visual.fi_main li.blue .woodae_view_wrap .title {color: #1ab1f6;}/* 대출 */
.sub_main_visual.fi_main li.purple .woodae_view_wrap .title {color: #ee1af6;}/* 외환 */
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap .img_wrap {display: block; width: 169px; height: 107px; float: left;}
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap .img_wrap img {width: 100%; height: 100%; }
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap .info {float: left; margin-left: 18px; width: 273px;}
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap .info strong {display: block; font-size: 16px; color: #333; white-space: nowrap;}
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap .info p {font-size: 13px; color: #666; margin-top: 0px; margin-bottom: 0;}
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap .info .btn_group {position: absolute; bottom: 0; left: 187px; z-index: 30}
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap .info .btn_woodae {border-radius: 6px; color: #333; border: 1px solid #666; line-height: 26px; display: inline-block; padding-left: 5px; padding-right: 5px; margin-left: 3px;}
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap .info .btn_woodae:first-child {margin-left: 0;}
.sub_main_visual_slide .mv_etc_group li .woodae_view_wrap .info .btn_woodae span {padding-right: 17px; background: url(../images/kr/base/woodae_arrow_right_gray.png) 100% 50% no-repeat;}
.sub_main_visual.fi_main li.orange .mv_etc_group li .woodae_view_wrap .info p .point {color:#f8962e;}
.sub_main_visual.fi_main li.green .mv_etc_group li .woodae_view_wrap .info p .point {color:#2cac1d;}
.sub_main_visual.fi_main li.red .mv_etc_group li .woodae_view_wrap .info p .point {color:#e86b44;}
.sub_main_visual.fi_main li.blue .mv_etc_group li .woodae_view_wrap .info p .point {color:##1ab1f6;}
.sub_main_visual.fi_main li.purple .mv_etc_group li .woodae_view_wrap .info p .point {color:#ba1af6;}

/* 리스트 갯수 표시 */
.list_count {padding-top:18px; padding-bottom:18px; margin-bottom: 0; border-bottom:1px solid #ccc; color:#333; font-size: 13px; text-align: center;}
.list_count.no_data {padding-top: 100px; padding-bottom: 100px;}
.list_count .blue {color:#09f; font-weight:bold;}

/* 상품랭킹 리스트 - 세로정렬 */
.product_ranking .ranking_list {margin-bottom:30px;}
.product_ranking .tab_page .page > .btn_group {text-align: center;margin-bottom:30px;}
ol.ranking_list {margin:0;}
.ranking_list li { border-bottom: 1px solid #e4e4e4; padding-top:10px; padding-bottom:10px; padding-left:8px; overflow: hidden;}
.ranking_list li .left {float: left;}
.ranking_list li .right {float: right;}
.ranking_list li:after {content:''; display:block; clear:both;}
.ranking_list li .rank {display:inline-block; vertical-align:middle; width:32px; position:relative; background-color:#18abeb; color:#fff; font-size:18px; text-align:center; box-sizing:content-box; margin-right:31px; border-radius:5px; line-height:32px; height:32px;}
.ranking_list li.top_class {padding-left:0;}
.ranking_list.no_ranking li.top_class {padding-left:8px;}
.ranking_list li.top_class .rank {width:47px; height:37px; background:url('../images/kr/base/ico_crown.png') 50% 50% no-repeat transparent; line-height:52px; margin-left:0;}
.ranking_list li .rank.recomm {background:url('../images/kr/base/ico_recommand.png') 50% 50% no-repeat #18abeb;}
.ranking_list li .rank.recomm span {display:inline-block; padding-top:21px; margin-top:5px; background:url('../images/kr/base/ico_big_finger.png') 50% 0 no-repeat; line-height:1.1;}
.ranking_list li .title_group {display:inline-block; vertical-align:middle;}
.ranking_list li .title_group p.company {font-size:16px; color:#333; margin-bottom:0;}
.ranking_list li strong {margin-right:6px; font-size:16px; color:#333;}
.ranking_list li strong a {color:#333;}
.ranking_list li .badge_group {display:block;font-size:0; white-space: nowrap;}
.ranking_list li .badge_group .like_cnt {margin-bottom:3px;display:inline-block; vertical-align:middle; font-size:11px; color:#666; line-height:20px; padding-left:22px; padding-right:8px; background:url('../images/kr/base/ico_like.png') 8px 50% no-repeat #f5f5f5;}
.badge_group .gubun {display:inline-block; vertical-align:middle; width:1px; height:18px; background:#e5e5e5;margin-bottom:3px; margin-left:10px; margin-right:10px; padding:0; border:0; clear:none;}
.ranking_list.fund li .btn_group {width: 115px;}
.ranking_list.fund li .btn_group .btn {margin-top: 4px;}
.ranking_list.fund li .btn_group .btn:first-child {margin-top: 0;}
.ranking_list li .btn_group {display:inline-block; vertical-align:middle; width:232px;}
.ranking_list li .rate {display:inline-block; vertical-align:middle; margin-right:27px; line-height: 55px;}
.ranking_list li .rate .unit {font-size:13px; color:#acadb1; vertical-align:middle; margin-right:7px;}
.ranking_list li .rate .percentage {font-size:20px; color:#ff661a; vertical-align:middle;}
.ranking_list li .rate .percentage em {font-size:16px;}
.ranking_list li .rate .pretax {font-size:15px; color:#ff6633; vertical-align:middle;}
.ranking_list li .rate .credit, .ranking_list li .rate .mortgage {font-size:18px; font-weight:bold;}
.ranking_list li .rate .credit {color:#339933;}
.ranking_list li .rate .mortgage {color:#3399cc;}
.ranking_list li .rate .profit {display:inline-block; vertical-align:middle; margin-left:35px;}
.ranking_list li .rate .profit:first-child {margin-left:0;}
.ranking_list li .rate .profit .month {display:block; font-size:13px; color:#333;}

/* 상품랭킹 리스트 - 순위 없음 */
.ranking_list.no_ranking .right {margin-left: 0;}

/* 상품랭킹 리스트 - 가로정렬 */
.ranking_list.card {padding-top:20px; padding-bottom:20px;}
.ranking_list.card:after {content:''; display:block; clear:both;}
.ranking_list.card li {width:332px; float:left; text-align:center; padding:0; border-top:0; border-bottom:0; background:none;}
.ranking_list.card li:first-child {border:0;}
.ranking_list.card li .rank {margin-right:5px;}
.ranking_list.card li .title_group {display:block; margin-bottom:15px;}
.ranking_list.card li .title_group strong {vertical-align:middle;}
.ranking_list.card li > img {width: 200px; height: 126px;}
.ranking_list.card li .explain {width:250px; height:30px; margin:0 auto; font-size:13px; color:#666; margin-top:12px; margin-bottom:14px;}
.ranking_list.card li .btn_group {width: 183px;}
.ranking_list.card li .btn_group .btn {box-sizing:content-box; text-align:left; padding-left:9px;}
.ranking_list.card li .btn_group .btn.w1 {width:61px; background-position:60px 50%;}
.ranking_list.card li .btn_group .btn.w2 {width:86px; margin-left: 4px; background-position:85px 50%;}
.ranking_list.card li .btn_group .btn.w3 {width:166px; background-position:167px 50%; /* margin-top:5px; */}

/* 상품랭킹 리스트 - 펀드신탁 */
.fund_search_list {width:100%;}
.fund_search_list table {table-layout: fixed; width:100%; border-spacing: 0;}
html.ua-ios .fund_search_list table {table-layout: auto;}
.fund_search_list table colgroup col.width1 {width:5.7%;}
.fund_search_list table colgroup col.width2 {width:auto;}
.fund_search_list table colgroup col.width3 {width:8.3%;}
.fund_search_list table colgroup col.width4 {width:7.6%;}
.fund_search_list table colgroup col.width5 {width:7.6%;}
.fund_search_list table colgroup col.width6 {width:7.6%;}
.fund_search_list table colgroup col.width7 {width:6.1%;}
.fund_search_list table colgroup col.width8 {width:8.8%;}
.fund_search_list table colgroup col.width9 {width:13.3%;}
.fund_search_list table tbody tr:nth-child(even) {background: none;}
.fund_search_list table thead th {border-top:1px solid #999; border-left: 1px solid #d1d1d1; border-bottom:1px solid #ccc; color:#666; font-size:13px; padding-left: 0; padding-right: 0;}
.fund_search_list table thead th.in {border-top: 0;}
.fund_search_list table thead tr:first-child th:first-child {border-left:0;}
.fund_search_list table tbody tr td {vertical-align: middle; border-bottom:1px solid #e4e4e4; padding-left:0; padding-right:0; padding-top: 20px; padding-bottom: 20px;}
/* .fund_search_list table tbody tr td.earning {font-family:"Nanum Gothic Bold","돋움","Dotum",sans-serif;} */
.fund_search_list table tbody tr td:first-child {text-align: center;}
.fund_search_list.no_ranking table tbody tr td:first-child {text-align: left;}
.fund_search_list.no_ranking table tbody tr td.no_data:first-child {text-align: center;}
.fund_search_list table tbody tr.top_class td .rank {width: 47px; height: 37px; background: url('../images/kr/base/ico_crown.png') 50% 50% no-repeat transparent; line-height: 52px; margin-left: 0;}
.fund_search_list table tbody td .rank {display: inline-block; vertical-align: middle; width: 32px; position: relative; background-color: #18abeb; color: #fff; font-size: 18px; text-align: center; box-sizing: content-box; border-radius: 5px; line-height: 32px; height: 32px;}
.fund_search_list table tbody td .rank.recomm {background: url('../images/kr/base/ico_recommand.png') 50% 50% no-repeat #18abeb;}
.fund_search_list table tbody tr.top_class td .rank {width: 47px; height: 37px; background: url('../images/kr/base/ico_crown.png') 50% 50% no-repeat transparent; line-height: 52px; margin-left: 0;}
.fund_search_list table tbody td.fund_name {text-align: left; padding-left: 31px;}
.fund_search_list table tbody td.fund_name .other_things {display: none;}
.fund_search_list table tbody td.fund_name .title_group .company {font-size: 16px; color: #333; margin-bottom: 0; line-height: 18px;}
.fund_search_list table tbody td.fund_name .title_group strong {margin-right: 6px; font-size: 15px; color: #333; line-height: 32px;}
.fund_search_list table tbody td.fund_name .title_group strong a {color: #333;}
.fund_search_list table tbody td.fund_name .title_group .badge_group .like_cnt { display: inline-block; vertical-align: middle; font-size: 11px; color: #666; line-height: 20px; padding-left: 22px; padding-right: 8px; background: url('../images/kr/base/ico_like.png') 8px 50% no-repeat #f5f5f5;}
.fund_search_list table tbody td .profit {line-height: 1.6;}
.fund_search_list table tbody td .profit .month { display: block;}
.fund_search_list table tbody td .btn_group .btn {text-align: left;}
.fund_search_list table tbody td .btn_group a.type02 {margin-top: 4px;}

/* 상품랭킹리스트 - 펀드신탁 - 상단 유틸 */
.sort_and_download {padding-top: 10px; margin-bottom: 10px; }
.sort_and_download:after {content:''; display: block; clear: both;}
.sort_and_download .sort, .sort_and_download .btn_group {float: left;}
.sort_and_download .sort {margin-top: 5px; margin-top: 15px; margin-right: 40px;}
.sort_and_download .sort ul {margin-top:-9px;overflow:hidden;}
.sort_and_download .sort ul:after {content:''; display: block; clear: both;}
.sort_and_download .sort ul li {float: left; padding-left: 9px; margin-top:9px; margin-left: 9px; border-left:1px solid #666; line-height: 1.1;}
.sort_and_download .sort ul li:first-child {border:0; padding:0; margin-right:0;margin-bottom:0;margin-left:0;}
.sort_and_download .sort ul li a {color:#999; font-size: 15px;}
.sort_and_download .sort ul li.active a {color:#333; font-weight: bold;}
.sort_and_download .btn_group {margin-top: 10px;}
.sort_and_download .additional_info {float: right; text-align: right; color:#333; font-size: 13px;}
.sort_and_download .additional_info .date {margin-bottom: 5px; font-size: 13px;}
.sort_and_download .additional_info .date em {font-style: normal; color: #09f;}
.sort_and_download .additional_info .warn {margin:0; color: #333;}

/* 상품랭킹 영역 내 이벤트 영역 */
.product_ranking .event_area {margin-top:20px;}
.product_ranking .event_area .banner:after {content:''; display:block; clear:both;}
.product_ranking .event_area .banner li {float:left; position:relative;}
.product_ranking .event_area .banner.col1 li {width:100%;}
.product_ranking .event_area .banner.col2 li {width:493px; margin-left:11px;}
.product_ranking .event_area .banner li:first-child {margin-left:0;}
.product_ranking .event_area .banner li.event01 {width:999px; height:162px; background: url(../images/kr/base/event_banner_bg.png) no-repeat transparent 0 0;}
.product_ranking .event_area .banner li.event01 .text_group {padding:21px 0 21px 266px; height: 122px; background-position: 29px 19px; background-repeat: no-repeat; box-sizing: content-box; background-image:url('/np/assets/images/kr/base/event_banner_img01.png');}
.product_ranking .event_area .banner li.event01 .text_group .sub_text {font-size:24px; color:#666; display:block; line-height:1.1;}
.product_ranking .event_area .banner li.event01 .text_group .main_text {font-weight:bold; font-size:32px; color:#333;}
.product_ranking .event_area .banner li.event01 .text_group .desc {font-size:18px; color:#666; margin-top:21px;}
.product_ranking .event_area .banner li.event01 .text_group .desc strong {font-size:36px; color:#f60;}
.product_ranking .event_area .banner li.event01 .text_group .desc strong em {font-size:24px; font-style:normal;}
.banner .btn_group { width:205px; position:absolute; top:25px; right:27px;}
.banner .btn_group .btn {width:142px; line-height:49px; color:#fff; font-size:16px; border:0; padding-left:63px; border-radius:5px; margin-top:14px; box-sizing:content-box;}
.banner .btn_group .btn:first-child {margin-top:0;}
.banner .btn_group .btn.blue {background: url('../images/kr/base/btn_ico_pencil.png') 0 50% no-repeat #18abeb;}
.banner .btn_group .btn.green {background: url('../images/kr/base/btn_ico_phone.png') 0 50% no-repeat #0ac5ca;}

/* 상품관련 뱃지 */
.sales_wrapper .badge_group {font-size:0;}
.badge_group .badge {display:inline-block; vertical-align:middle; padding-left:6px; padding-right:6px; margin-left:1px; font-size:13px; line-height:18px;}
.badge_group img.badge {padding: 0; margin-top:0;margin-bottom:3px;margin-right:7px;margin-bottom:0;margin-left:0; vertical-align: middle;}
.badge_group .badge.blue {border:1px solid #8bd5f5; color:#18abeb;}
.badge_group .badge.green {border:1px solid #90d4a3; color:#21aa47;}
.badge_group .badge.event {border:1px solid #ffb28c; color:#ff661a; padding-left:23px; background:url('../images/kr/base/ico_gift.png') 0 0 no-repeat;}
.badge_group .badge.pink {border:1px solid #f4b9cf; color:#f085ad;}
.badge_group .badge.purple {border:1px solid #e5b2e5; color:#cc66cc;}
.badge_group .badge.brown {border:1px solid #e5cc99; color:#cc9933;}
.badge_group .badge.bluegreen { border:1px solid #9be1e2; color:#1abfc1; }
.badge_group .badge.orange { border:1px solid #ffb28c; color:#ff661a; }
.badge_group .badge.skyblue { border:1px solid #7fccff; color:#0099ff; }


/* 이벤트 혜택 리스트 */
.benefit {min-width:999px;margin-top:40px;padding-top:35px;padding-bottom:40px;background-color:#f8fafc;}
.benefit .inner {width:999px;margin:0 auto;}
.benefit h2.tit {font-size:24px;}
.benefit .benefit_list {}
.benefit .benefit_list:after {content:''; display:block; clear:both;}
.benefit .benefit_list li {width:240px; float:left; margin-left:13px;}
.benefit .benefit_list li:first-child {margin-left:0;}
.benefit .benefit_list li a {display:block; width:100%;}
.benefit .benefit_list li a:hover {text-decoration:none;}
.benefit .benefit_list li a:hover .info strong {text-decoration:underline;}
.benefit .benefit_list li img {width:100%; height:160px; display:block;}
.benefit .benefit_list li .info {display:block; height:110px; padding-top:14px; padding-bottom:14px; padding-left:16px; padding-right:16px; background: #fff; border:1px solid #d9d9d9;}
.benefit .benefit_list li .info strong {display:block; height:47px; overflow:hidden; font-size:16px; color:#303643; line-height:1.4}
.benefit .benefit_list li .info .date {display:block; font-size:13px; color:#999; margin-top:10px;}
.benefit a.btn_more {display:none;}


/* 맞춤검색 */
.custom_search {min-width:999px;background-color: #dce7ee;}
.custom_search .tit {margin-bottom:39px; font-size:24px;}
.custom_search .search_method {height:70px;text-align:center; position:relative;box-sizing:content-box;}
.custom_search .search_method.age {padding-bottom:87px;}
.custom_search .search_method.keyword {padding-bottom:217px;}
.custom_search .search_method ul {display:inline-block; vertical-align:top;}
.custom_search .search_method ul:after {content:''; display:block; clear:both;}
.custom_search .search_method ul li {display:block; float:left;}
.custom_search .search_method ul li a {display:inline-block; padding-bottom:8px;}
.custom_search .search_method ul li a span {display:inline-block; padding-left:25px; padding-right:25px; line-height:43px; border:1px solid #0085d4; font-size:18px; color:#0085d4; background-color:#fff;}
.custom_search .search_method ul li.active {}
.custom_search .search_method ul li.active a {background:url('../images/kr/base/search_btn_arrow.png') 50% 100% no-repeat;}
.custom_search .search_method ul li.active a span {background-color:#0085d4; color:#fff;}
.custom_search .search_method ul li.active {}
.custom_search .search_method ul li a:hover {text-decoration:none;}
.custom_search .search_method ul li.active .choice_box,
.custom_search .search_method ul li.active .hashtag_box {display:block;}

/* .custom_search .search_method .search_area {display:inline-block; vertical-align:top; position:relative; border:1px solid #0085d4; background: #fff; padding-top:10px; padding-right:43px; padding-bottom:10px; margin-left:29px;}
.custom_search .search_method .search_area .bar {display:block; width:1px; height:45px; background: #9ac8dc; position:absolute; top:-1px; left:-16px;}
.custom_search .search_method .search_area label,
.custom_search .search_method .search_input {width:166px; font-size:18px; color:#0085d4; text-align:left;}
.custom_search .search_method .search_area label {position:absolute; left:10px; top:14px; margin:0;}
.custom_search .search_method .search_input {height:23px; padding:0; margin:0; margin-left:10px; border:0; background:transparent;outline:none !important; box-shadow:none;} */

.custom_search .search_method .search_area {height:43px;display:inline-block; vertical-align:top; position:relative; border:1px solid #0085d4; background: #fff;padding-right:43px;margin-left:29px;box-sizing:content-box;}
.custom_search .search_method .search_area .bar {display:block; width:1px; height:45px; background: #9ac8dc; position:absolute; top:-1px; left:-16px;}
.custom_search .search_method .search_area label,
.custom_search .search_method .search_input {width:175px;height:43px;line-height:43px; font-size:18px; color:#0085d4; text-align:left;}
.custom_search .search_method .search_area label {position:absolute; left:10px; top:0; margin:0; white-space: nowrap;}
.custom_search .search_method .search_input {padding:0; margin:0; margin-left:10px; border:0; background:transparent;outline:none !important; box-shadow:none;}
.custom_search .search_method .search_btn {display:block; width:48px; height:43px; position:absolute; top:0; right:0; background:url('../images/kr/base/ico_search3.png') 12px 9px no-repeat;}
.custom_search .choice_box, .custom_search .hashtag_box {display:none; width:100%;  position:absolute; top:70px; left:0;}
.custom_search .choice_box:after {content:''; display:block; clear:both;}
.custom_search .choice_box .choice_box_inner {overflow:hidden;}
.custom_search .choice_box fieldset {float:left; background:#f1f5f8; height:80px; border-radius:0; position:relative; padding-left:78px; box-sizing:content-box;}
.custom_search .choice_box fieldset.sex {width:279px;}
.custom_search .choice_box fieldset.age {width:564px;}
.custom_search .choice_box fieldset .input {margin-top:22px;}
.custom_search .choice_box fieldset legend {display:block; width:78px; height:100%; margin:0; padding-top:20px; padding-bottom:20px; padding-left:23px; padding-right:23px; background:#0085d4; font-weight:normal; text-align:center; position:absolute; top:0; left:0; font-size:18px; color:#fff; letter-spacing:-1px; line-height:21px;}
.custom_search .choice_box fieldset .edge {display:block; height:100%; width:11px; position:absolute; left:100%; top:0; background:url('../images/kr/base/custom_search_legend_edge.png');}
.custom_search .choice_box fieldset .input {display:inline-block;}
.custom_search .choice_box fieldset input[type=radio]:checked + label > .radio {background-position:0 0;}
.custom_search .choice_box fieldset label > .radio.active {background-position:0 0;}
.custom_search .choice_box fieldset label.focus {outline:1px solid red;}
.custom_search .choice_box fieldset input[type=radio] {display:block; width: 1px; height: 1px; /* width:72px; height:37px; */ overflow:hidden; opacity:0; margin:0; position:absolute; top:0; left:0; z-index: -1;}
// .custom_search .choice_box fieldset input[type=radio]:focus + label {outline: 1px solid #f00;}
// input[type=radio]:focus + label {outline: 1px solid #f00;}
.custom_search .choice_box fieldset label {font-size:20px; color:#0085d4; margin-bottom:0;}
.custom_search .choice_box fieldset label .radio {display:inline-block; vertical-align:middle; width:18px; height:18px; background:url('../images/kr/base/sp_search_radio.png') -20px 0 no-repeat;}
.custom_search .choice_box fieldset label.male .ico, .custom_search .choice_box fieldset label.female .ico {display:inline-block; vertical-align:middle; width:37px; height:37px; margin-left:12px; background-repeat:no-repeat;}
.custom_search .choice_box fieldset label.male {margin-left:25px;}
.custom_search .choice_box fieldset label.female {margin-left:45px;}
.custom_search .choice_box fieldset label.male .ico {background-image:url('../images/kr/base/radio_male.png');}
.custom_search .choice_box fieldset label.female .ico {background-image:url('../images/kr/base/radio_female.png');}
.custom_search .choice_box fieldset.age label {margin-left:43px;}
.custom_search .hashtag_box {}
.custom_search .hashtag_box .hashtag_box_inner {background:#f1f5f8; padding-bottom:20px;}
.custom_search .hashtag_box .hashtag_box_inner .btn_list {width:700px; margin:0 auto;}
.custom_search .hashtag_box .btn_hash, .custom_search .hashtag_box .chk_hash {margin-top:20px; margin-left:8px; margin-right:8px;}

.custom_search .btn_group {margin-top:20px;margin-bottom:30px;clear:both;}

/* 맞춤검색 결과 리스트 */
ul.search_result_list {padding-top:19px; padding-bottom:20px;overflow:hidden;}
.search_result_list:after {content:''; display:block; clear:both;}
.search_result_list li {width:240px; float:left; box-sizing:content-box;}
.search_result_list li > .item {height:187px; border:1px solid #dbdbdb; background: #fff; padding-top:16px; padding-left:10px; padding-right:10px; padding-bottom:10px; box-sizing:content-box;}
.search_result_list li .cont {display: block; padding-left:6px; padding-right:6px; padding-bottom:17px; text-align:center;}
.search_result_list li .cont .subject {display: block; height: 20px; overflow: hidden; font-size:16px; color:#333; font-weight:bold; line-height: 21px;}
.search_result_list li .cont .badge_group {margin-top:4px; height: 20px; overflow: hidden;}
.search_result_list li .cont .txt {height: 41px; overflow: hidden; font-size:13px; color:#666; margin-top:9px; margin-bottom:0; padding-bottom:5px;}
.search_result_list li .cont .detail_view {color:#0085d4; font-size:13px;}
.search_result_list li .btns {border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4;}
.search_result_list li .btns:after {content:''; display:block; clear:both;}
.search_result_list li .btns .btn {display:block; width:100%; float:left; text-align:center; font-size:12px; color:#666; padding-top:7px; padding-bottom:5px; background:#f8f8f8; border:1px solid #e4e4e4; border-top:0; border-left:0; height:15px; line-height:1.1; box-sizing:content-box;}
.search_result_list li .btns .btn.full, .search_result_list li .btns.multi .btn.full {width:215px;}
.search_result_list li .btns .btn.join {background:#2eb5e4;}/*가입하기*/
.search_result_list li .btns .btn.visit {background:#31cc8f;}/*찾아가는 뱅킹*/
.search_result_list li .btns .btn.counselling {background:#2fbec1;}/*바로상담*/
.search_result_list li .btns.multi .btn {width:107px;}

/*사이트맵*/

.sitemap {padding-bottom:50px;}
.sitemap_list_area {margin-top:25px;overflow:hidden;}
.sitemap_list_area.first {margin-top:0;}
.sitemap_list_area .list_area {width:234px;margin-left:20px;float:left;}
.sitemap_list_area .list_area:first-child {margin-left:0;}
.sitemap_list_area .tit_sitemap {padding-bottom:15px;display:block;font-size:15px;color:#333;border-bottom:1px solid #7fcdfe;font-weight:bold; line-height: 1.2;}
.sitemap_list_area .two_depth {font-size:0;}
.sitemap_list_area .two_depth > li {border-bottom:1px solid #e4e4e4;}
.sitemap_list_area .two_depth > li > a {padding-top:8px;padding-right:35px;padding-bottom:8px;padding-left:25px;font-size:13px;color:#666;display:block;background:url(../images/kr/base/bul_dotted07.gif) no-repeat 15px 17px;line-height:21px;}
.sitemap_list_area .two_depth > li._dep {background:url(../images/kr/base/ico_arrow_down_b.png) no-repeat 100% 15px;}
.sitemap_list_area .two_depth > li._dep.active {background:url(../images/kr/base/ico_arrow_up_b.png) no-repeat 100% 15px;}
.sitemap_list_area .two_depth > li._dep.active .three_depth {display:block;}
.sitemap_list_area .three_depth {padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;background-color:#fcfcfc;border-top:1px solid #e4e4e4;display:none;}
.sitemap_list_area .three_depth > li a {padding-top:7px;padding-bottom:7px;padding-left:10px;font-size:12px;color:#666;display:block;background:url(../images/kr/base/bul_dash1.gif) no-repeat 0 16px;line-height:18px;}

/*진행중인 이벤트 리스트*/

div.search_list_area {padding-bottom:20px;overflow:hidden;text-align:right;font-size:0;}
.search_list_area .select_box {width:145px;margin-right:10px;}
.search_list_area .list_search_area {width:258px;}
.event_list li {min-height:100px;padding-top:20px;padding-bottom:20px;padding-left:150px;border-bottom:1px solid #e1e6e9;position:relative;box-sizing:content-box;}
.event_list li:first-child {border-top:1px solid #e1e6e9;}
.event_list li .pic {position:absolute;top:20px;left:0;font-size:0;}
.event_list li .pic a {width:120px;display:block;}
.event_list li .pic a img {width:100%;height:100%;}
.event_info {margin:0;}
.event_info dt {margin:5px 0;}
.event_info dt a {font-size:16px;color:#333;line-height:18px;font-weight:normal;}
.event_info dd.list_txt {margin-right:0;margin-bottom:20px;font-size:13px;color:#999;line-height:18px;}
.event_info dd.state {font-size:0;}
.event_info dd.state span {margin-left:10px;font-size:13px;color:#999;display:inline-block;}
.event_info dd.state span:first-child {margin-left:0;padding-right:11px;background:url(../images/kr/base/bg_utill_menu_bar.gif) no-repeat 100% 50%;}
.event_info dd.state a {padding-left:20px;display:inline-block;font-size:13px;color:#999;background-position:0 50%;background-repeat:no-repeat;}
.event_info dd.state span.good a {background-image:url(../images/kr/base/ico_good.png);}
.event_info dd.state span.view {padding-left:20px;background-image:url(../images/kr/base/ico_view.png);background-position:0 50%;background-repeat:no-repeat;}

/*이벤트 상세 페이지*/
.event_list_detail_area {padding-bottom:50px;}
.event_detail {margin:0;}
.event_detail dt {margin-bottom:30px;border-top:1px solid #0198ff;border-bottom:1px solid #ccc;}
.event_detail .tit_top_area {padding-right:123px;position:relative;border-bottom:1px solid #ccc;}
.event_detail .tit_top_area .tit_event {margin:0;padding-top:18px;padding-bottom:18px;padding-left:20px;font-size:16px;color:#323642;line-height:18px;}
.event_detail .tit_top_area div.cummunity_area {position:absolute;top:7px;right:0;}
div.cummunity_area {font-size: 0;}
.cummunity_area .btn_area {font-size:0;display:inline-block;}
.cummunity_area.active .btn_area {display:none;}
.cummunity_area .btn_area button {height:38px;margin-left:6px;padding:0;border:1px solid #ccc;border-radius:5px;box-sizing:content-box;line-height:38px;text-align:center;vertical-align:middle;background:none;background-color:#fff;}
.cummunity_area .btn_area button:first-child {margin-left:0;}
.cummunity_area .btn_area button span {display:inline-block;}
.cummunity_area .btn_area button.good {width:74px;}
.cummunity_area .btn_area button.good span {padding-left:30px;background:url(../images/kr/base/ico_good2.png) 0 50% no-repeat;font-size:11px;color:#fe661a;font-weight:bold;}
.cummunity_area .btn_area button.share {width:38px;background:#fff url(../images/kr/base/ico_share2.png) 50% 50% no-repeat;}
.cummunity_area .share_area {height:40px;display:none;padding-right:40px;font-size:0;position:relative;border:1px solid #ccc;border-radius:5px;background-color:#fff;box-sizing:content-box;}
.cummunity_area.active .share_area {display:inline-block;}
.cummunity_area .share_area .msg_area {height:40px;font-size:0;box-sizing:content-box;display:inline-block;}
.cummunity_area .share_area .msg_area span {width:41px;height:100%;display:inline-block;background:url(../images/kr/base/ico_share_bar.gif) 0 50% no-repeat;}
.cummunity_area .share_area .msg_area span:first-child {background:none;}
.cummunity_area .share_area .msg_area button {width:100%;height:40px;background-repeat:no-repeat;background-position:50% 50%;border:none;background-color:transparent;}
.cummunity_area .share_area .msg_area button.twitter {padding:0;background-image:url(../images/kr/base/ico_twitter.png);}
.cummunity_area .share_area .msg_area button.facebook {padding:0;background-image:url(../images/kr/base/ico_facebook.png);}
.cummunity_area .share_area .btn_close {width:40px;height:40px;background:#ccc url(../images/kr/base/btn_share_close.png) 50% 50% no-repeat;border:none;position:absolute;top:0;right:0;border-top-right-radius:4px;border-bottom-right-radius:4px;}

.event_detail .detail_data {margin:0;padding-top:15px;padding-bottom:15px;padding-left:20px;font-size:11px;background-color:#fafafa;}
.event_detail .evetn_cont {padding-bottom:30px;border-bottom:1px solid #999;font-size:0;}

/*서브 비쥬얼*/

.sub_visual {height:173px;background-position:50% 0;background-repeat:no-repeat;text-align:center;}
.sub_visual .inner {width:999px;margin:0 auto;min-width:999px;}
.txt_visual {margin:0;padding-top:45px;text-shadow:1px 1px 7px #3e3e3e;}
.txt_visual dt {padding-bottom:18px;font-size:36px;line-height:40px;color:#fff;font-weight:bold;}
.txt_visual dd {font-size:18px;color:#fff;line-height:21px;}

.txt_visual dt.type2{font-size:32px;}

.sub_visual.site_map {background-image:url(../images/kr/base/img_sub_visual_sitemap.jpg);}
.sub_visual.event {background-image:url(../images/kr/base/img_sub_visual_event.jpg);}
.sub_visual.search_banking {background-image:url(../images/kr/base/img_sub_visual_search_banking.jpg);}

/* 퀵 링크 */
.quick_link { margin-bottom: 30px; }
.quick_link.list_type > ul > li > div {height: 90px;}
.quick_link ul {overflow: hidden;}
.quick_link ul:after {content:''; clear: both; display: block;}
.quick_link > ul > li {width:495px; box-sizing: content-box; margin-left: 9px; float:left;}
.quick_link > ul > li > div {border:1px solid #d9d9d9; padding-top:18px; padding-left: 20px; padding-bottom:18px; padding-right: 20px; box-sizing: content-box;}
.quick_link > ul > li:first-child {margin-left: 0;}
.quick_link > ul > li.multiitem {border:0; padding:0; height: 128px; width: 495px;}
.quick_link > ul > li.multiitem:after {content:''; display: block; clear: both;}
.quick_link > ul > li.multiitem .item {display: block; float: left; margin-left: 10px;}
.quick_link > ul > li.multiitem .item > span {display: block; width:221px; height:104px; border:1px solid #d9d9d9; box-sizing: content-box; padding-top: 22px; padding-left: 18px;}
.quick_link > ul > li.multiitem .item:first-child { margin-left: 0; }
.quick_link > ul > li.multiitem .item.fund_faq {background: url(../images/kr/base/deco_head_question.png) 150px 27px no-repeat #e1f2fa;}
.quick_link > ul > li.multiitem .item.fund_faq .link_title {margin-bottom: 32px;}
.quick_link > ul > li.multiitem .item.cs_center {background: url(../images/kr/base/deco_headset.png) 138px 22px no-repeat #e9f5ed;}
.quick_link > ul > li.delivery_banking {background:url(../images/kr/base/deco_way.png) 346px 23px no-repeat #f8fafc;}
.quick_link > ul > li.only_my_recommand {background:url(../images/kr/base/deco_paperbag.png) 352px 23px no-repeat #f8fafc;}
.quick_link > ul > li.investment_guide {background:url(../images/kr/base/deco_increase_coin.png) 345px 14px no-repeat #f8fafc;}
.quick_link > ul > li.trust {background:url(../images/kr/base/deco_hand_coin.png) 345px 14px no-repeat #f8fafc;}
.quick_link > ul > li.fund_notice {background:url(../images/kr/base/deco_presentation.png) 345px 30px no-repeat #f8fafc;}
.quick_link > ul > li .link_title {display: block; font-weight: bold; font-size: 18px; color: #555;}
.quick_link > ul > li .link_sub_title  {display: block; font-size: 13px; color: #666; margin-top:4px; margin-bottom:10px;}
.quick_link > ul > li dl {margin:0;}
.quick_link > ul > li .link_list ul {width: 380px;}
.quick_link > ul > li .link_list.type02 ul {width:340px;}
.quick_link > ul > li .link_list ul:after {content:''; display: block; clear: both;}
.quick_link > ul > li .link_list ul {}
.quick_link > ul > li .link_list li {width: 190px; padding-left: 8px; float: left; background: url(../images/kr/base/bul_dot_3x3.png) 0 50% no-repeat;}
.quick_link > ul > li .link_list.type02 li {width:160px;}
.quick_link > ul > li .link_list li a {font-size: 13px; color: #666;}
.quick_link .btn_quick_link {display: inline-block; padding-left:13px; padding-right: 13px; line-height:28px; background:#fff; border:1px solid #d4d4d4;}
.quick_link .btn_quick_link span {padding-right:23px; background:url(../images/kr/base/ico_arrow_right.png) 100% 50% no-repeat;}

/* 2016-11-30  예/적금 퀵링크 수정 */
.quick_link.split3 > ul > li {width:374px; margin-left:0;}
.quick_link.split3 > ul > li.delivery_banking {background-position:245px 23px}
.quick_link.split3 > ul > li.only_my_recommand {background-position:248px 23px; margin-left:14px;}
.quick_link.split3 > ul > li.qacc-total{float:right; width:222px; background:url('/np/assets/images/kr/base/deco_acctotal.jpg') 134px 44px no-repeat #f8fafc;margin-top:0 !important;}
.quick_link.split3 > ul > li.qacc-total div{height:92px;}
.quick_link.split3 > ul > li.qacc-total .link_title{margin-bottom:17px;}
.quick_link.split3 > ul > li.qacc-total .link_title, .quick_link.split3 > ul > li.qacc-total .link_title em{line-height:1;}
.quick_link.split3 > ul > li.qacc-total .link_title em{display:block; font-style:normal; padding-top:9px;}

/* 바로상담 신청하기 배너 */
.apply_counseling {width:100%;min-width:999px;background:#7db5d6;}
.apply_counseling .inner {width:812px; position: relative; padding-left: 187px; margin:0 auto 0 auto; color:#fff; background:url(../images/kr/base/deco_apply_counseling.jpg) 47px 14px no-repeat; min-height:127px; box-sizing:content-box;}
.apply_counseling .inner .ac_title {display: block; padding-top: 32px; font-size: 24px; font-weight: bold;  line-height:1.1;}
.apply_counseling .inner .ac_subtitle {display: block; font-size: 18px; margin-top: 10px; line-height:1.1;}
.apply_counseling .btn_counseling {display: inline-block; border:2px solid #fff; font-size: 18px; font-weight: bold; padding-left: 20px; padding-right: 20px; border-radius: 6px; color: #fff; line-height:45px; height:49px; position: absolute; top:37px; right:50px;}
.apply_counseling .btn_counseling span {line-height: 45px; padding-right: 29px; background: url(../images/kr/base/ico_tel.png) 100% 50% no-repeat;}

/*찾아가는 뱅킹 - 서비스 안내*/
.search_banking_area {min-height:250px;margin-bottom:30px;}
.sc_banking_info {margin-bottom:50px;padding-bottom:180px;background-position:50% 100%;background-repeat:no-repeat;background-color:transparent;background-image:url(../images/kr/base/img_banking_intro.jpg);}
.sc_banking_info p {margin:0;font-size:18px;color:#333;line-height:21px;text-align:center;}
.sc_banking_info p strong {padding-bottom:10px;font-size:26px;line-height:28px;display:inline-block;}

.banking_service_process {margin:0;overflow:hidden;}
.banking_service_process li {width:20%;padding-top:95px;float:left;text-align:center;background-position:50% 0;background-repeat:no-repeat;background-color:transparent;}
.banking_service_process li.list01 {background-image:url(../images/kr/base/img_banking_service_process_01.jpg);}
.banking_service_process li.list02 {background-image:url(../images/kr/base/img_banking_service_process_02.jpg);}
.banking_service_process li.list03 {background-image:url(../images/kr/base/img_banking_service_process_03.jpg);}
.banking_service_process li.list04 {background-image:url(../images/kr/base/img_banking_service_process_04.jpg);}
.banking_service_process li.list05 {background-image:url(../images/kr/base/img_banking_service_process_05.jpg);}
.banking_service_process dl {margin:0;padding-right:10px;padding-left:10px;}
.banking_service_process dt {padding-bottom:8px;font-size:16px;color:#414141;line-height:21px;}
.banking_service_process dt span {font-size:15px;vertical-align:top;}
.banking_service_process dd {font-size:12px;color:#666;line-height:16px;}
.banking_service_process dd .link {margin-top:5px;font-size:11px;color:#0099ff;display:block;}

.tbl_st_list {border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#f5f5f5;}
.tbl_st_list dl {margin:0;position:relative;border-top:1px solid #ccc;}
.tbl_st_list dl:first-child {border-top:0;}
.tbl_st_list dt, .tbl_st_list dd {box-sizing:content-box;line-height:18px;}
.tbl_st_list dl:first-child dt, .tbl_st_list dl:first-child dd {border-top:none;}
.tbl_st_list dt {height:100%;font-size:16px;color:#333;text-align:center;border-right:1px solid #ccc;position:absolute;top:0;left:0;}
.tbl_st_list dt span {width:100%;display:inline-block;position:absolute;top:50%;left:0;}
.tbl_st_list dd {padding-top:15px;padding-bottom:15px;padding-right:20px;padding-left:20px;font-size:13px;color:#666;background-color:#fff;}
.tbl_st_list.possible_goods dl {padding-left:251px;}
.tbl_st_list.possible_goods dl dt {width:250px;}
.tbl_st_list.possible_location dl {padding-left:155px;}
.tbl_st_list.possible_location dl dt {width:145px;text-align:left;border-right:none;}
.tbl_st_list.possible_location dt span {padding-top:10px;padding-bottom:10px;padding-left:38px;border-right:none;background-position:13px 50%;background-repeat:no-repeat;background-color:transparent;}
.tbl_st_list.possible_location dt.ico_location span {background-image:url(../images/kr/base/ico_sc_location.png);}
.tbl_st_list.possible_location dt.bul_num1 span {background-image:url(../images/kr/base/ico_round_num_01.png);}
.tbl_st_list.possible_location dt.bul_num2 span {background-image:url(../images/kr/base/ico_round_num_02.png);}
.tbl_st_list.possible_location dt.bul_num3 span {background-image:url(../images/kr/base/ico_round_num_03.png);}
.tbl_st_list.possible_location dt.bul_num4 span{background-image:url(../images/kr/base/ico_round_num_04.png);}
.tbl_st_list.possible_location dt.bul_num5 span {background-image:url(../images/kr/base/ico_round_num_05.png);}

.possible_location_area {height:380px;padding-right:490px;background-position:100% 0;background-repeat:no-repeat;background-color:transparent;background-image:url(../images/kr/base/img_sc_location_map_s.jpg);}

/*찾아가는 뱅킹 - 직원조회*/
.search_employee {padding-bottom:30px;text-align:center;}
.search_employee .list_search_area {width:276px;}
.search_employee .txt_sales_base {padding-bottom:20px;}
.employee_info_area li {padding-top:30px;padding-bottom:30px;border-top:1px solid #e4e4e4;}
.employee_info {width:286px;padding:30px;margin:0 auto;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-radius:5px;;box-sizing:content-box;text-align:center;background-repeat:no-repeat;background-position:0 0;background-color:transparent;background-image:url(../images/kr/base/bg_employee_box_ci.png);}
.employee_info .sc_tit {width:138px;height:auto;margin:0 auto;margin-bottom:25px;}
.employee_info .sc_tit img {width:100%;height:100%;}
.employee_info .employee_photo {width:180px;height:200px;margin:0 auto;margin-bottom:25px;}
.employee_info .employee_photo img {width:100%;height:100%;}
.txt_employee {text-align:left;}
.txt_employee dl {margin-top:15px;margin-bottom:0;padding-left:55px;position:relative;line-height:18px;}
.txt_employee dl:first-child {margin-top:0;}
.txt_employee dt {color:#333;font-size:16px;position:absolute;top:1px;left:0;}
.txt_employee dd {color:#666;font-size:16px;}

/*찾아가는 뱅킹 - 자료제출*/
.income_work_data_process {margin:0;overflow:hidden;}
.income_work_data_process li {width:25%;float:left;}
.income_work_data_process.col3 li {width:33.33%;}
.income_work_data_process dl {margin:0;padding-top:140px;text-align:center;padding-right:20px;padding-left:20px;border-left:1px dashed #ccc;background-position:50% 0;background-repeat:no-repeat;background-color:transparent;}
.income_work_data_process li:first-child dl {border-left:none;}
.income_work_data_process li.list01 dl {background-image:url(../images/kr/base/img_banking_work_data_process_01.jpg);}
.income_work_data_process li.list02 dl {background-image:url(../images/kr/base/img_banking_work_data_process_02.jpg);}
.income_work_data_process li.list03 dl {background-image:url(../images/kr/base/img_banking_work_data_process_03.jpg);}
.income_work_data_process li.list04 dl {background-image:url(../images/kr/base/img_banking_work_data_process_04.jpg);}
.income_work_data_process dt {padding-bottom:8px;font-size:16px;line-height:21px;}
.income_work_data_process dt span {font-size:18px;vertical-align:top;}
.income_work_data_process dd {font-size:13px;color:#666;line-height:18px;}
.income_work_data_process dd.btn_area {margin-top:20px;}

/*찾아가는 뱅킹 - 상담신청*/
.search_banking_area.counseling_area .income_work_data_process li.list01 dl {background-image:url(../images/kr/base/img_banking_counseling_process_01.jpg);}
.search_banking_area.counseling_area .income_work_data_process li.list02 dl {background-image:url(../images/kr/base/img_banking_counseling_process_02.jpg);}
.search_banking_area.counseling_area .income_work_data_process li.list03 dl {background-image:url(../images/kr/base/img_banking_counseling_process_03.jpg);}
.search_banking_area.counseling_area .income_work_data_process dd.btn_area button {width:118px;height:50px;line-height:50px;}
.search_banking_area.counseling_area .income_work_data_process li dl{padding-left:15px; padding-right:15px;}


/*고객상담 - 메인*/
.sub_visual.contactus {background-image:url(../images/kr/base/img_sub_visual_contactus.jpg);}
.contactus_area {padding-bottom:50px;}
.counseling_area {overflow:hidden;margin-bottom:30px;}
.counseling_time_area {margin-right:20px;}
.counseling_time_area, .counseling_code {float:left;}
.counseling_time {width:487px;height:125px;padding-top:35px;padding-bottom:32px;border:1px solid #e4e4e4;box-sizing:content-box;overflow:hidden;}
.counseling_time:after {content:''; display:block; clear:both;}
.directory_number, .operating_hour {height:117px;float:left;box-sizing:content-box;}
.directory_number {width:243px;text-align:center;border-right:1px solid #e4e4e4;}
.directory_number .tel_num {margin-bottom:5px;padding-top:65px;background-position:50% 0;background-repeat:no-repeat;background-color:transparent;background-image:url(../images/kr/base/ico_counselor.gif);font-size:23px;color:#0099ff;line-height:25px;}
.directory_number .tel_num > a {display:block;color:#0099ff; cursor:default;}
.directory_number .tel_num > a:active, .directory_number .tel_num > a:hover, .directory_number .tel_num > a:link, .directory_number .tel_num > a:visited {color:#0099ff; text-decoration: none; cursor:default;}
.directory_number .fax {font-size:16px;color:#0099ff;line-height:18px;}
.operating_hour {width:203px;padding-right:20px;padding-left:20px;}
.operating_hour dl {margin:0;overflow:hidden;}
.operating_hour dt, .operating_hour dd {margin-bottom:15px;float:left;font-size:16px;color:#666;line-height:18px;}
.operating_hour dt {padding-right:10px;padding-left:7px;padding-right:9px;background-repeat:no-repeat;background-color:transparent;background-position:0 6px;background-image:url(../images/kr/base/bul_dotted07.gif);}
.operating_hour .time_notice {font-size:12px;color:#0099ff;}
.counseling_code > strong {height:36px;font-size:12px;color:#666;display:block;font-weight:normal;line-height:45px;font-weight:bold;}
.counseling_code .code_area {border-top:1px solid #0099ff;box-sizing:content-box;overflow:hidden;}
.counseling_code .code_part {float:left;box-sizing:content-box;}
.counseling_code .code_part:first-child {border-right:1px solid #e4e4e4;}
.counseling_code .code_part .col_head {overflow:hidden;}
.counseling_code .code_part .col_body ol {margin:0;}
.counseling_code .code_part .col_body li {overflow:hidden;font-size:0;}
.counseling_code .code_part .col_head .col:first-child, .counseling_code .code_part .col_body li .col:first-child {border-left:none;}
.counseling_code .code_part .col {padding-top:5px;padding-bottom:6px;font-size:13px;color:#666;line-height:20px;float:left;text-align:center;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;box-sizing:content-box;}
.counseling_code .code_part .col strong {color:#0099ff;}
.counseling_code .code_part .col.row01 {width:73px;}
.counseling_code .code_part .col.row02 {width:170px;}
.counseling_code .code_part .multiline .col.row01 {padding-top:21px;padding-bottom:22px;}
.counseling_code .code_part .multiline .col.row02 {padding-top:1px;padding-bottom:2px;}
.counseling_code .code_part .line_two .col{height:36px; }
.counseling_code .code_part .line_two .row01,.counseling_code .code_part .line_two .line_two_row{line-height:33px;}
ul.box_link_list {margin-bottom:40px;overflow:hidden;text-align:center;box-sizing:content-box; display:flex; justify-content:space-between; flex-wrap:wrap;}
.box_link_list li {margin:10px 0; width:32%;}
.box_link_list li a {display:block; height:198px; border:1px solid #e4e4e4;}
.box_link_list li a strong {font-size:15px;color:#666;display:block;background-color:#e4e4e4;}
.box_link_list li a strong span {padding-top:10px;padding-right:29px;padding-bottom:10px;display:inline-block;background-repeat:no-repeat;background-color:transparent;background-position:100% 50%;background-image:url(../images/kr/base/ico_circle_arrow_right.png);}
.box_link_list li a.email {background: url(../images/kr/base/ico_contactus_process01.jpg) 50% 70% no-repeat; } /* 이메일 상담 */
.box_link_list li a.chat {background: url(../images/kr/base/ico_contactus_process02.jpg) 50% 70% no-repeat; } /* 채팅상담 */
.box_link_list li a.soon {background: url(../images/kr/base/ico_contactus_process03.jpg) 50% 70% no-repeat;} /* 바로상담 */
.box_link_list li a.faq {background: url(../images/kr/base/ico_contactus_process04.jpg) 50% 70% no-repeat; } /* FAQ */
.box_link_list li a.money_change {background: url(../images/kr/base/ico_contactus_process05.png) 50% 70% no-repeat; } /* 환전 */
.box_link_list li a.remit {background: url(../images/kr/base/ico_contactus_process06.png) 50% 70% no-repeat; } /* 송금 */
.box_link_list li a.deposit {background: url(../images/kr/base/ico_contactus_process07.png) 50% 70% no-repeat; } /* 외화예금 */
.box_link_list li a.foreign_exchange {background: url(../images/kr/base/ico_contactus_process08.png) 50% 70% no-repeat; } /* 외환 FAQ */
.box_link_direct {margin-top:-20px;margin-left:-20px;overflow:hidden;}
.box_link_direct .box {width:487px;margin-top:20px;margin-left:20px;float:left;}
.box_link_direct .box a {display:block;padding-top:25px;padding-right:20px;padding-bottom:25px;padding-left:50px;font-size:16px;color:#666;line-height:18px;background-repeat:no-repeat;background-color:transparent;background-position:20px 50%;border:1px solid #e4e4e4;}
.box_link_direct .box.ico_man a {background-image:url(../images/kr/base/ico_man.png);}
.box_link_direct .box.ico_plusview a {background-image:url(../images/kr/base/ico_plus_view.png);}
.box_link_direct .box.ico_calculator a {background-image:url(../images/kr/base/ico_calculator.png);}
.box_link_direct .box.ico_cross_arrow a {background-image:url(../images/kr/base/ico_cross_arrow.png);}
.box_link_direct .box.ico_heart a {background-image:url(../images/kr/base/ico_heart.png);}
.box_link_direct .box.ico_fss a {background-image:url('/np/assets/images/kr/base/ico_fss.gif');} /* 2016-09-07 */
.box_link_direct .box a span {padding-right:20px;display:block;background:url(../images/kr/base/ico_arrow_right_blue.png) 100% 50% no-repeat;}

/* 외환 - 메인 */
.exchange_main {}
.exchange_main:after {content:''; display: block; clear: both;}
.exchange_main h2.tit {width:100%;}
.exchange_main .box_link_list {width:488px;margin-top:-10px;margin-left:-10px;float:left;}
.exchange_main .box_link_list li {margin-top:10px;margin-left:10px;}

.exchange_main .section_title_wrap {overflow:hidden;}
.exchange_main .section_title_wrap .section_title {float:left;}
.exchange_main .section_title {font-size: 18px; color: #333; margin-bottom: 5px;line-height:22px;}
.exchange_main .right_section_group {width:491px; float: left; margin-left: 30px;}
.exchange_main .right_section_group .section {margin-top: 18px;}
.exchange_main .right_section_group .section:first-child {margin-top: 0;}
.rate_info {position:relative;}
.rate_info .msg {font-size: 12px; color: #999; text-align: right; margin-bottom:0;margin-top:3px;margin-left:5px;float:left;}
.rate_info .multi_table {overflow:hidden;}
.rate_info .multi_table table thead th {font-size: 13px; color: #999; padding-top: 11px; padding-bottom: 11px; border-top: 1px solid #0099ff; border-bottom: 1px solid #ccc;}
.rate_info .multi_table table tbody th {font-weight: normal;}
.rate_info .multi_table table tbody th, .rate_info .multi_table table tbody td {font-size: 13px; border-bottom: 1px solid #e4e4e4; padding-top: 15px; padding-bottom: 15px;}
.rate_info .multi_table table tbody th, .rate_info .multi_table table tbody td {padding-right:0;padding-left:0;}
.rate_info .multi_table table tbody th {color: #666;}
.rate_info .multi_table table tbody td {color: #333; font-weight: bold;}
.rate_info a.more_btn {position:absolute;top:5px;right:0;color:#555;font-weight:bold;font-size:12px;}
/**/
.exchange_main .quick_link {margin:0;}
.exchange_main .quick_link > ul > li.kakaopay {width:469px;height: 138px; background: url(../images/kr/base/deco_kakaopay.png) 325px 16px no-repeat #f8fafc;}
.exchange_main .quick_link > ul > li.kakaopay .link_sub_title {margin-bottom: 24px;}
/**/
.exchange_main .latest_event { border: 1px solid #d9d9d9; box-sizing: content-box; background: #f8fafc; height: 160px;}
.exchange_main .latest_event > a {display: block; padding-top: 20px; padding-right: 18px; padding-bottom: 20px; padding-left: 18px; overflow: hidden;}
.exchange_main .latest_event .cont {display: block; width: 300px; float: left;}
.exchange_main .latest_event .cont .event_title {display: block; font-size: 16px; color: #555; margin-bottom: 10px; word-break: break-all; line-height: 18px;}
.exchange_main .latest_event .cont .event_sub_title {font-size: 14px;color: #999; line-height: 1.3;}
.exchange_main .latest_event .thumb {float: right; width: 142px; height: 111px;}


/* 상품상세 비주얼 */
.detail_visual {min-width: 999px; padding-top: 43px; padding-bottom: 30px;}
.detail_visual .inner {width: 999px; margin: 0 auto;}
.detail_visual .info {width: 580px; position: relative; float: left;}
.detail_visual .inner:after {content: ''; display: block; clear: both;}
.detail_visual .info h2.dv_title {font-size: 32px; color: #fff; font-weight: bold; margin-bottom: 0; width: 450px;}

/* 예적금 */
.detail_visual.orange {background: url(../images/kr/base/detail_bg_orange.jpg) 50% 0 no-repeat ;}
.detail_visual.orange .info h2.dv_title {font-size: 32px; color: #fff; font-weight: bold; margin-bottom: 0; width:auto;}
.detail_visual.orange .info .dv_desc {border-top: 1px solid #fccb98;}
.detail_visual.orange .info .dv_mbqr {position:absolute; top:0; left:0; background:#fff; border:1px solid #000;}
.detail_visual.orange .info .dv_mbqr .dv_mbqr_txt {padding:0 0 10px; margin-top:-2px; color:#000; text-align:center; font-weight:bold; line-height:1.1;}

/* 대출 */
.detail_visual.blue {background: url(../images/kr/base/detail_bg_blue.jpg) 50% 0 no-repeat ;}
.detail_visual.blue .info .dv_desc {border-top: 1px solid #49c4fb;}

/* 펀드 */
.detail_visual.red {background: url(../images/kr/base/detail_bg_red.jpg) 50% 0 no-repeat ;}
.detail_visual.red .info h2.dv_title {width: 440px; padding: 0; margin-bottom: 7px;}
.detail_visual.red .info .company {display: block; font-size: 18px; color: #fff; margin-bottom: 7px; line-height: 1.2;}
.detail_visual.red .info .dv_desc {border-bottom: 1px solid #e88465; padding-bottom: 20px; margin-bottom: 15px;}

/* 신탁 */
.detail_visual.redTrust {background: url(../images/kr/base/mainVisual_bg_red.jpg) 100% 0 no-repeat ;}
.detail_visual.redTrust .info h2.dv_title {width: 440px; padding: 0; margin-bottom: 7px;}
.detail_visual.redTrust .info .company {display: block; font-size: 18px; color: #fff; margin-bottom: 7px; line-height: 1.2;}
.detail_visual.redTrust .info .dv_desc {border-bottom: 1px solid #e88465; padding-bottom: 20px; margin-bottom: 15px;}

.detail_visual .info .dv_desc {color: #fff; font-size: 16px; line-height: 1.4; margin-bottom: 55px; margin-top: 16px; padding-top: 14px;}
.detail_visual .info .cummunity_area {display:none; position: absolute; top: 0; right: 0; text-align: center;} /* 2023-01-26 수정 */
.detail_visual .produt_icons {padding-top:20px;} /* 2023-01-26 수정 */
.detail_visual .produt_icons:after {content: ''; display: block; clear: both;}
.detail_visual .produt_icons li {float: left; margin-left: 20px;}
.detail_visual .produt_icons li:first-child {margin-left: 0;}
.detail_visual .produt_icons li img {display: block;}

/* 펀드 스펙 */
.detail_visual .specification {width: 367px; float: left; margin-left: 50px; border-radius: 5px; background: #fff; position: relative; box-sizing: content-box;}
.detail_visual .specification .standard_price {overflow: hidden; padding-left: 19px; padding-right: 19px; font-size: 0;}
.detail_visual .specification .standard_price .spec_title {font-size: 14px; color: #666; float: left; line-height: 62px;}
.detail_visual .specification .standard_price .spec_cont {float: right; margin-bottom: 0; line-height: 58px;}
.detail_visual .specification .standard_price .spec_cont .price {font-size: 24px; color: #333; font-weight: bold;}
.detail_visual .specification .standard_price .spec_cont .price .unit {font-size: 18px; font-weight: normal; font-style: normal;}
.detail_visual .specification .standard_price .spec_cont .net_change {margin-left: 9px;}
.detail_visual .specification .standard_price .spec_cont .net_change .ico {display: inline-block; width: 10px; height: 15px; vertical-align: middle;}
.detail_visual .specification .standard_price .spec_cont .net_change .num {vertical-align: middle; font-size: 16px;}
.detail_visual .specification .standard_price .spec_cont .net_change.up .ico {background: url(../images/kr/base/ico_nc_up.png) no-repeat;}
.detail_visual .specification .standard_price .spec_cont .net_change.up .num {color: #eb6e47 }
.detail_visual .specification .standard_price .spec_cont .net_change.down .ico {background: url(../images/kr/base/ico_nc_down.png) no-repeat;}
.detail_visual .specification .standard_price .spec_cont .net_change.down .num {color: #31b4ed; }
.detail_visual .specification .spec_list {padding-left: 19px; padding-right: 19px; padding-top: 22px; padding-bottom: 22px; border: 1px solid #e1e7e9; background: #eaeff3;}
.detail_visual .specification .spec_list li {overflow: hidden; margin-top: 10px;}
.detail_visual .specification .spec_list li:first-child {margin-top: 0;}
.detail_visual .specification .spec_list li .spec_name,
.detail_visual .specification .spec_list li .cont {font-size: 13px;}
.detail_visual .specification .spec_list li .spec_name {float: left; font-weight: normal; color: #666; padding-left: 9px; background: url(../images/kr/base/bul_gray_4x4.png) 0 50% no-repeat;}
.detail_visual .specification .spec_list li .cont {float: right; font-weight: bold; }
.detail_visual .specification .spec_list li .cont.red {color: #18abeb;}
.detail_visual .specification .spec_list li .cont.blue {color: #eb6e47;}

/* 계산기 */
.detail_visual .calc {width: 367px; float: left; margin-left: 50px; border-radius: 5px; background: #fff; padding-bottom: 258px; position: relative; box-sizing: content-box;}
.detail_visual .calc dt {width: 50%; background: #f8fafc; border-top-right-radius: 5px; float: left;}
.detail_visual .calc.col3 dt {width: 33.3%;}
.detail_visual .calc.col3 dt:first-child {width: 33.4%;}
.detail_visual .calc dt a {display: block; height: 57px; line-height: 57px; font-size: 18px; color: #999; text-align: center; border-bottom: 1px solid #e1e7e9; border-right: 1px solid #e1e7e9;}
.detail_visual .calc dt.multiline a {line-height: 1.2; padding-top: 6px;}
.detail_visual .calc dt:first-child {border-top-left-radius: 5px; border-top-right-radius: 0;}
.detail_visual .calc dt.active {background: #fff;}
.detail_visual .calc dt.active a {color: #333; border-bottom: 0;}
.detail_visual .calc dd {display: none; position: absolute; top:57px; left:0; width: 329px; height: 258px; padding-left: 19px; padding-right: 19px; box-sizing: content-box;}
.detail_visual .calc dd.active {display: block;}
.detail_visual .calc dd .goal {margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e1e7e9;}
.detail_visual .calc dd .goal:after {content: ''; display: block; clear: both;}
.detail_visual .calc dd .goal .input_title {font-size: 14px; line-height: 35px; color: #666; font-weight: bold; float: left;}
.detail_visual .calc dd .goal .input_wrap {width: 228px; border:1px solid #d9d9d9; border-radius: 4px; position: relative; padding-left: 33px; float: right;}
.detail_visual .calc dd .goal .input_wrap .unit {display: block; width: 34px; height: 32px; border-right: 1px solid #d9d9d9; position: absolute; top:0; left:0; line-height: 32px; text-align: center; color: #999;}
.detail_visual .calc dd .goal .input_wrap .input_area {width: 192px;}
.detail_visual .calc dd .goal .input_wrap .input_area input.search_input { font-size: 14px; color: #18abeb; font-weight: bold; }
.detail_visual .calc dd .goal .input_wrap label {position: absolute; top: 8px; left: 42px; color: #7cb5d5; font-size:12px;}
.detail_visual .calc dd .goal .input_wrap input {width: 183px; padding:0; margin:0; border:0; border-radius:0; box-sizing: content-box; height: 32px; line-height: 32px; padding-left: 9px;}
.detail_visual .calc dd .rate_input {width: 260px; margin-top: 45px; position: relative; box-sizing: content-box; padding-right: 69px; font-size: 12px;}
.detail_visual .calc dd .rate_input .month,
.detail_visual .calc dd .rate_input .rate {display: inline-block; box-sizing: content-box; width: 37px; height: 21px; line-height: 21px; border: 1px solid #d9d9d9; padding:0; margin:0; text-align: center; font-size: 12px; font-weight: bold; color: #18abeb;}
.detail_visual .calc dd .rate_input span {vertical-align: middle;}
.detail_visual .calc dd .rate_input input {vertical-align: middle;}
.detail_visual .calc dd .rate_input .btn_result_view {display: block; width: 33px; height: 37px; font-size: 16px; color: #fff; background: #7cb5d5; padding-top: 7px; padding-bottom: 7px; padding-left: 9px; padding-right: 9px; margin-top: -25px; box-sizing: content-box; line-height: 1.2; border-radius: 4px; position: absolute; top: 50%; right: 0; text-align: center;}
.detail_visual .calc dd .rate_input .btn_result_view:hover {text-decoration: none;}
.detail_visual .calc dd .calc_result {width:100%; position: absolute; bottom: 0; left: 0; background: #eaeff3; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; font-size: 0;}
.detail_visual .calc dd .calc_result:after {content: ''; display: block; clear: both;}
.detail_visual .calc dd .calc_result > p {margin: 0; overflow: hidden; font-size: 0;}
.detail_visual .calc dd .calc_result .tail {width: 13px; height: 7px; display: block; background: url(../images/kr/base/ico_arrow_top_gray.png) no-repeat; position: absolute; top: -7px; right: 37px;}
.detail_visual .calc dd .calc_result .result_title,
.detail_visual .calc dd .calc_result .price {line-height: 60px;}
.detail_visual .calc dd .calc_result .result_title {float: left; margin-left: 18px; font-size: 14px; color: #666; font-weight: bold;}
.detail_visual .calc dd .calc_result .price {float: right; margin-right: 18px; color: #333; font-size: 24px; font-weight: bold;}
.detail_visual .calc dd .calc_result .price .unit {font-size: 18px; margin-right: 9px;}
.detail_visual .calc.loan dd .calc_result {}
.detail_visual .calc.loan dd .rate_input {margin-top:19px;}
.detail_visual .calc.loan dd .calc_result p.average .price {font-size: 18px; color: #666;}
.detail_visual .calc.loan dd .calc_result p.average .price .unit {font-size: 13px;}
.detail_visual .calc.loan dd .calc_result .result_title,
.detail_visual .calc.loan dd .calc_result .price {line-height: 47px;}
.detail_visual .calc.loan dd .calc_result p.average .result_title {font-weight: normal; font-size: 13px;}

/* 예적금 상세 - 우대혜택 배너 */
.saving_banner {margin-bottom: 25px;}
.saving_banner ul {}
.saving_banner ul:after {content: ''; display: block; clear: both;}
.saving_banner ul li {height: 53px; border: 1px solid #f0f3f4; padding-top: 18px; padding-bottom: 18px; padding-left: 90px; padding-right: 19px; box-sizing: content-box; color: #666; font-size: 16px;}
.saving_banner ul li p {display: table; height: 100%; margin-bottom: 0; vertical-align: middle;}
.saving_banner ul li p > span {display: table-cell; vertical-align: middle;}
.saving_banner ul li p .point {color: #ff661a ;}
.saving_banner ul li.ico1 {background: url(../images/kr/base/saving_ico_percent.png) 19px 18px no-repeat;}
.saving_banner ul li.ico2 {background: url(../images/kr/base/saving_ico_card.png) 19px 18px no-repeat;}
.saving_banner.col2 ul li {width: 376px; float: right;}
.saving_banner.col2 ul li:first-child {float: left;}


/*서비스 이용안내 - 메인*/
.sub_visual.service_info {background-image:url(../images/kr/base/img_sub_visual_service_info.jpg);}

.service_info_area {padding-bottom:50px;overflow:hidden;}
.service_info_area .icon_link_list_area {width:232px; float:left;}
.service_info_area .icon_link_list_area dd > ul > li a {min-height: 96px;}

.icon_link_list_area.banking_service dd > ul > li {background-image:url(../images/kr/base/sp_service_info_banking.png?v=1)}
.icon_link_list_area.speed_service dd > ul > li {background-image:url(../images/kr/base/sp_service_info_speed.png)}
.icon_link_list_area.easy_service dd > ul > li {background-image:url(../images/kr/base/sp_service_info_easy.png)}
.icon_link_list_area.other_service dd > ul > li {background-image:url(../images/kr/base/sp_service_info_other.png)}

.icon_link_list_area.banking_service dd > ul > li.ico01 {background-position:20px 18px;}
.icon_link_list_area.banking_service dd > ul > li.ico02 {background-position:20px -122px;}
.icon_link_list_area.banking_service dd > ul > li.ico03 {background-position:20px -264px;}
.icon_link_list_area.banking_service dd > ul > li.ico04 {background-position:20px -402px;}
.icon_link_list_area.banking_service dd > ul > li.ico05 {background-position:20px -546px;}
.icon_link_list_area.banking_service dd > ul > li.ico06 {background-position:20px -688px;}
.icon_link_list_area.banking_service dd > ul > li.ico07 {background:url('/np/assets/images/kr/base/sp_service_info_self.jpg') 20px 18px no-repeat;}
.icon_link_list_area.banking_service dd > ul > li.ico08 {background-position:20px -823px;}

.icon_link_list_area.speed_service dd > ul > li.ico01 {background-position:20px 18px;}
.icon_link_list_area.speed_service dd > ul > li.ico02 {background-position:20px -122px;}
.icon_link_list_area.speed_service dd > ul > li.ico03 {background-position:20px -264px;}
.icon_link_list_area.speed_service dd > ul > li.ico04 {background-position:20px -402px;}

.icon_link_list_area.easy_service dd > ul > li.ico01 {background-position:20px 18px;}
.icon_link_list_area.easy_service dd > ul > li.ico02 {background-position:20px -122px;}
.icon_link_list_area.easy_service dd > ul > li.ico03 {background-position:20px -264px;}
.icon_link_list_area.easy_service dd > ul > li.ico04 {background-position:20px -402px;}
.icon_link_list_area.easy_service dd > ul > li.ico05 {background-position:20px -546px;}
.icon_link_list_area.easy_service dd > ul > li.ico06 {background-position:20px -688px;}
.icon_link_list_area.easy_service dd > ul > li.ico07 {background:url('/np/assets/images/kr/base/sp_service_info_easy01.png') 14px 20px no-repeat;}

.icon_link_list_area.other_service dd > ul > li.ico01 {background-position:20px 18px;}
.icon_link_list_area.other_service dd > ul > li.ico02 {background-position:20px -122px;}
.icon_link_list_area.other_service dd > ul > li.ico03 {background-position:20px -264px;}
.icon_link_list_area.other_service dd > ul > li.ico04 {background-position:20px -402px;}
.icon_link_list_area.other_service dd > ul > li.ico05 {background-position:20px -546px;}
.icon_link_list_area.other_service dd > ul > li.ico06 {background-position:20px -688px;}
.icon_link_list_area.other_service dd > ul > li.ico07 {background-image:url('../images/kr/base/sp_service_info_banking.png?v=1'); background-position:20px -950px;}

/*서비스 이용안내 모바일뱅킹- 서비스안내*/
.sub_visual.mobile_banking {background-image:url(../images/kr/base/img_sub_visual_mobilebanking.jpg);}

.mobile_banking_area {padding-bottom:30px;}
.mobile_banking_manual {margin-bottom:15px;padding-top:50px;padding-right:50px;padding-left:60px;overflow:hidden;background-color:#8bc5e2;}
.mobile_banking_manual .img_phone {float:left;}
.mobile_banking_manual .img_phone img {vertical-align:middle;}
.mobile_banking_manual .download_method {width:426px;float:right;overflow:hidden;}
.download_method .box_area {margin-bottom:10px;overflow:hidden;}
.download_method .box_area .box {width:206px;margin-left:10px;padding-top:130px;padding-bottom:20px;border:1px solid #fff;border-radius:5px;text-align:center;font-size:16px;color:#fff;line-height:23px;box-sizing:content-box;float:left;background-repeat:no-repeat;background-position:50% 20px;background-color:transparent;}
.download_method .box_area .box:first-child {margin-left:0;}
.download_method .box_area .box strong {padding-top:5px;font-size:20px;display:inline-block;}
.download_method .box_area .box.fingerprint {background-image:url(../images/kr/base/img_m_banking_ico01.jpg);}
.download_method .box_area .box.alarm {background-image:url(../images/kr/base/img_m_banking_ico02.jpg);}

.qrcode_download {padding-top:17px;padding-bottom:17px;background-color:#fff;border-radius:5px;overflow:hidden;}
.qrcode_download > div {width:50%;float:left;}
.sales_wrapper .qrcode_download > div .cont {margin:0;display:block;text-align:center;border-left:1px solid #869a9a;font-size:0;line-height:0;}
.qrcode_download > div:first-child .cont {border-left:none;}
.qrcode_download .qrcode_area {padding-top:7px;}
.qrcode_download .qrcode_area img {width:86px;height:86px;}
.qrcode_download .down_area strong {color:#333;}
.sales_wrapper .qrcode_download .down_area .cont {font-size:14px;color:#666;line-height:18px;padding-top:70px;background:url(../images/kr/base/ico_download2.png) 50% 0 no-repeat;}

.box_btn_area {overflow:hidden;}
.box_btn_area .box_btn {width:450px;padding-top:25px;padding-right:20px;padding-bottom:25px;padding-left:20px;float:right;box-sizing:content-box;border:1px solid #e4e4e4;position:relative;}
.box_btn_area .box_btn:first-child {float:left;}
.box_btn_area .box_btn p {margin:0;font-size:16px;line-height:23px;color:#333;}
.box_btn_area .box_btn button.btn_st_round2 {margin-top:-30px;position:absolute;top:50%;right:20px;}


/*서비스 이용안내 모바일뱅킹- 모바일뱅킹으로 인증서 발급*/
.certificate_process_area {}
.certificate_m {display:none;}

/* 보험 리스트 */
.pro-lis-ins{border-top:1px solid #999;}
.pro-lis-ins table{width:100%; border-collapse:collapse;}
.pro-lis-ins table th{border-bottom:1px solid #ccc; font-size:13px; font-weight:lighter; padding:15px 0; margin:0;}
.pro-lis-ins table col.ins-col1{width:35%;}
.pro-lis-ins table col.ins-col2{width:35%;}
.pro-lis-ins table col.ins-col3{width:15%;}
.pro-lis-ins table col.ins-col4{width:15%;}
.pro-lis-ins table td{border-bottom:1px solid #e4e4e4; background-color:#fff; text-align:left; vertical-align:middle; margin:0; padding:20px 10px;}
.pro-lis-ins table td h4, .pro-lis-ins table td h4 a{font-size:16px; color:#333; line-height:1.2;}
.pro-lis-ins table td h4 span{display:none; font-size:13px;}
.pro-lis-ins table tbody tr td + td + td, 
.pro-lis-ins table tbody tr td + td + td + td{text-align:center; padding-left:0; padding-right:0;}
.pro-lis-ins table tbody tr td + td + td + td .btn_group{display:inline-block; *display:inline; *zoom:1; width:114px; padding-top:6px}
.pro-lis-ins table tbody tr td + td + td + td .btn_group:after{content:""; display:block; clear:both;}
.pro-lis-ins table tbody tr td + td + td + td .btn_group a{text-align:left; margin-bottom:4px}
.pro-lis-ins .badge_group .like_cnt { display: inline-block; vertical-align: middle; font-size: 11px; color: #666; line-height: 20px; padding-left: 22px; padding-right: 8px; background: url('../images/kr/base/ico_like.png') 8px 50% no-repeat #f5f5f5;}
.ins-pro-info{height:54px; margin:0; padding:0; overflow:hidden;}
.ins-pro-info strong{display:block; color:#333;}

/* 보험 quick link */
.quick_link > ul > li.ins_faq {background:url('/np/assets/images/kr/base/deco_head_question.png') 90% 50% no-repeat #f9fafc}
.quick_link > ul > li.ins_guide {background:url('/np/assets/images/kr/base/deco_head_ins.jpg') 92% 50% no-repeat #f9fafc}
.quick_link > ul > li.ins_faq div, .quick_link > ul > li.ins_guide div{position:relative; height:104px;}
.quick_link > ul > li.ins_faq div .btn_quick_link, .quick_link > ul > li.ins_guide div .btn_quick_link{position:absolute; left:20px; bottom:10px;}

/* 보험 상세 */
.detail_visual .inner.ins-sub-top{position:relative;}
.detail_visual .inner.ins-sub-top .company{font-size:15px; color:#fff;}
.detail_visual .inner.ins-sub-top .produt_icons{position:absolute; top:10px; right:0;}
.detail_visual .inner.ins-sub-top .produt_icons li{margin-left:4px;}

/* 보험 상세 하단 배너 */
.quick-ins-sub{margin-bottom:50px; overflow:hidden;}
.quick-ins-sub ul{margin-left:-14px; *zoom:1;}
.quick-ins-sub ul:after{content:""; display:block; clear:both;}
.quick-ins-sub ul li{float:left; width:238px; margin-left:14px;}
.quick-ins-sub ul li a{display:block; position:relative; height:92px; *height:52px; border:1px solid #e4e4e4; padding:20px 0 20px 70px}
.quick-ins-sub ul li a h5{font-size:15px; font-weight:lighter;}
.quick-ins-sub ul li a p{position:absolute; bottom:20px; right:20px; background:url('/np/assets/images/kr/base/btn_arrow.png') 100% 50% no-repeat; text-align:right; padding:0; margin:0; padding-right:14px;}
.ins-sub-de1{background:url('/np/assets/images/kr/base/ico_ins_de01.gif') 20px 20px no-repeat;}
.ins-sub-de2{background:url('/np/assets/images/kr/base/ico_ins_de02.gif') 20px 20px no-repeat;}
.ins-sub-de3{background:url('/np/assets/images/kr/base/ico_ins_de03.gif') 20px 20px no-repeat;}
.ins-sub-de4{background:url('/np/assets/images/kr/base/ico_ins_de04.gif') 20px 20px no-repeat;}

/* 2016-08-10 서브 비주얼 그림자 삭제 */
.inpage-content-top.shadow-block{background:none;}
.inpage-content-top.shadow-block:after{background:none;}
.banner-container .row{box-shadow:none;}

/* 2016-08-16 서브 비주얼 영역 추가 */
.sub_visual.sub-vs{position:relative;}
.sub_visual.sub-vs p{position:absolute; top:0; left:0; width:100%; height:173px; text-align:center; overflow:hidden; z-index:10;}
.sub_visual.sub-vs p img{max-width:1918px;}
.sub_visual.sub-vs .txt_visual{position:relative; z-index:20;}
/* .sub_visual dd{font-family:'나눔고딕','Nanum Gothic';} */

/* 보험 2016-08-19 */
.sub_main_visual.vs-ins .mv_title .mv_tit{white-space:nowrap;}

/* 2016-10-25 서브 비주얼 캐로셀*/
.sub_visual.ab-info{background-image:url('/np/assets/images/kr/base/bg_top_about.jpg');}/*은행소개*/
.sub_visual.ab-sb{background-image:url('/np/assets/images/kr/base/bg_top_sustain_2022.png');}/*지속가능경영활동 */
.sub_visual.ab-mkt{background-image:url('/np/assets/images/kr/base/bg_top_promote.jpg');}/*사이버홍보실*/
.sub_visual.ab-grd{background-image:url('/np/assets/images/kr/base/bg_top_grade.jpg');} /*공시*/
.sub_visual.ab-recruit{background-image:url('/np/assets/images/kr/base/bg_top_recruit.jpg');}/*채용정보*/
.sub_visual.cs-fn{background-image:url('/np/assets/images/kr/base/bg_top_finan.jpg');}/*고객의소리, 전자민원접수*/
.sub_visual.cs-pds{background-image:url('/np/assets/images/kr/base/bg_top_document.jpg');}/*서식/약관/자료실*/
.sub_visual.cs-ann{background-image:url('/np/assets/images/kr/base/bg_top_AnnonceList.jpg');}/*상품공시실*/
.sub_visual.cs-loss{background-image:url('/np/assets/images/kr/base/bg_top_AccidentReportInfo.jpg');}/*분실사고 신고*/
.sub_visual.cs-poc{background-image:url('/np/assets/images/kr/base/bg_top_IndividualPolicyTreatment.jpg');}/*개인정보처리(취급)방침*/
.sub_visual.cs-prot{background-image:url('/np/assets/images/kr/base/bg_top_InformationProtection.jpg');}/*보안센터*/
.sub_visual.cs-faq{background-image:url('/np/assets/images/kr/base/bg_top_FaqList.jpg');}/*FAQ*/
.sub_visual.cs-check{background-image:url('/np/assets/images/kr/base/bg_top_ContactEmailCheck.jpg');}/*고객상담*/
.sub_visual.cs-cons{background-image:url('/np/assets/images/kr/base/bg_top_consumer.jpg');}/*금융소비자마당*/
.sub_visual.svc-inb{background-image:url('/np/assets/images/kr/base/bg_top_Openbanking.jpg');}/*인터넷뱅킹*/
.sub_visual.svc-tb{background-image:url('/np/assets/images/kr/base/bg_top_Telebanking.jpg');}/*텔레뱅킹*/
.sub_visual.svc-atm{background-image:url('/np/assets/images/kr/base/bg_top_atm.jpg');}/*자동화기기*/
/*.sub_visual.svc-prtb{background-image:url('/np/assets/images/kr/base/bg_top_Prioritybanking.jpg');}프라이어리티뱅킹 bak*/
.sub_visual.svc-prtb{background-image:url('/np/assets/images/kr/base/bg_top_prbinfo.jpg');}/*프라이어리티뱅킹*/
.sub_visual.svc-src{background-image:url('/np/assets/images/kr/base/bg_top_Inquiry.jpg');}/*조회회원서비스*/
.sub_visual.svc-acm{background-image:url('/np/assets/images/kr/base/bg_top_AccountMovement.jpg');}/*계좌이동 서비스 안내*/
.sub_visual.svc-banks{background-image:url('/np/assets/images/kr/page/banner-img/top_bankshop.jpg');}/*뱅크샵 / 뱅크데스크*/
.sub_visual.svc-sms{background-image:url('/np/assets/images/kr/base/bg_top_SmsService.jpg');}/*SMS통지서비스*/
.sub_visual.svc-email{background-image:url('/np/assets/images/kr/base/bg_top_emailservice.jpg');}/*e-mail통지서비스*/
.sub_visual.svc-ccs{background-image:url('/np/assets/images/kr/base/bg_top_ContactCenterService1.jpg');}/*상품권판매서비스*/
.sub_visual.svc-cert{background-image:url('/np/assets/images/kr/base/bg_top_contactcenterservice.jpg');}/*인터넷증명서발급*/
.sub_visual.svc-easy{background-image:url('/np/assets/images/kr/base/bg_top_WealthPhoneSrv.jpg');}/*이지웰스 서비스*/
.sub_visual.svc-keep{background-image:url('/np/assets/images/kr/base/bg_top_contactcenterservice245.jpg');}/*보관서비스*/
.sub_visual.svc-360{background-image:url('/np/assets/images/kr/base/bg_top_360reward.jpg');}/*360리워드*/
.sub_visual.svc-stock{background-image:url('/np/assets/images/kr/base/bg_top_Stock.jpg');}/*증권계좌개설서비스*/
.sub_visual.svc-actotal{background-image:url('/np/assets/images/kr/base/bg_top_actotal.jpg');}/*계좌통합관리서비스*/
.sub_visual.svc-preum{background-image:url('/np/assets/images/kr/base/bg_top_premiumbanking.jpg');}/*프리미엄뱅킹*/
.sub_visual.dp-guide{background-image:url('/np/assets/images/kr/base/bg_top_ProtectSystem.jpg');}/*예금가이드*/
.sub_visual.dp-rich{background-image:url('/np/assets/images/kr/base/bg_top_CashbagInfo9.jpg');}/*부자되는 적금세트*/
.sub_visual.loan-guide{background-image:url('/np/assets/images/kr/base/bg_top_LoanAdviceRequest.jpg');}/*대출*/
.sub_visual.trust-guide{background-image:url('/np/assets/images/kr/base/bg_top_FundGuide.jpg');}/*투자/신탁가이드*/
.sub_visual.fund-guide{background-image:url('/np/assets/images/kr/base/bg_top_ManualList.jpg');}/*펀드공시*/
.sub_visual.banca-guide{background-image:url('/np/assets/images/kr/base/bg_top_Bancassurance.jpg');}/*보험*/
.sub_visual.fx-exc{background-image:url('/np/assets/images/kr/base/bg_top_Exchange.jpg');}/*환전*/
.sub_visual.fx-send{background-image:url('/np/assets/images/kr/base/bg_top_Remittance.jpg');}/*해외송금하기*/
.sub_visual.fx-dp{background-image:url('/np/assets/images/kr/base/bg_top_ForeignDeposit.jpg');}/*외화예금거래하기*/
.sub_visual.sch-total{background-image:url('/np/assets/images/kr/base/bg_top_TotalSearch.jpg');}/*통합검색*/
.sub_visual.ev-marvel{height:243px; background-image:url('/np/assets/images/kr/base/bg_top_marvel.jpg');}/*마블존*/
.sub_visual.ev-disney{height:243px; background-image:url('/np/assets/images/kr/base/bg_top_disney.jpg');}/*디즈니존*/


.sub_visual.biz-online{background-image:url('/np/assets/images/kr/base/bg_top_ScERP.jpg');}/*온라인 서비스*/
.sub_visual.biz-mb{background-image:url('/np/assets/images/kr/base/bg_top_BreezeBusiness.jpg');}/*브리즈 기업 모바일뱅킹*/
.sub_visual.biz-pro{background-image:url('/np/assets/images/kr/base/bg_top_BizProtection.jpg');}/*기업 상품*/
.sub_visual.biz-meney{background-image:url('/np/assets/images/kr/base/bg_top_WorkingCapitalInfo.jpg');}/*자금관리*/
.sub_visual.biz-grow{background-image:url('/np/assets/images/kr/base/bg_top_BizExpansionList.jpg');}/*비즈니스 성장*/
.sub_visual.biz-growm{background-image:url('/np/assets/images/kr/base/bg_top_YieldEnhancementList.jpg');}/*자산증대*/
.sub_visual.biz-mycs{background-image:url('/np/assets/images/kr/base/bg_top_BizExclusivecharge.jpg');}/*나의전담관리자 */
.sub_visual.biz-error{background-image:url('/np/assets/images/kr/base/bg_top_SmeAdvice.jpg');}/*중소기업금융애로상담반 */
.sub_visual.biz-fund{background-image:url('/np/assets/images/kr/base/bg_top_FsIntro.jpg');}/*펀드서비스*/
.sub_visual.biz-loan{background-image:url('/np/assets/images/kr/base/bg_top_SmeLoan.jpg');}/*대출 상담신청*/
.sub_visual.biz-s2b{background-image:url('/np/assets/images/kr/base/bg_top_Straight2Bank.jpg');}/*펌뱅킹*/
.sub_visual.biz-bill{background-image:url('/np/assets/images/kr/base/bg_top_Billmate.jpg');}/*전자세금계산서*/
.sub_visual.biz-vplus{background-image:url('/np/assets/images/kr/base/bg_top_vplus.jpg');}/*V-PLUS 협약대출*/
.sub_visual.biz-suprt{background-image:url('/np/assets/images/kr/base/bg_top_BizSupport.jpg');}/*기업지원*/

.sub_visual.prbinfo{background-image:url('/np/assets/images/kr/base/bg_top_prbinfo_new.jpg');}/*소개*/
.sub_visual.prb01{background-image:url('/np/assets/images/kr/base/bg_top_prbangking01.jpg');}/*빈틈없는 뱅킹서비스*/
.sub_visual.prb02{background-image:url('/np/assets/images/kr/base/bg_top_prbangking02.jpg');}/*미래를 위한 준비*/
.sub_visual.prb03{background-image:url('/np/assets/images/kr/base/bg_top_prbangking03.jpg');}/*금융자산 키우기*/
.sub_visual.prb04{background-image:url('/np/assets/images/kr/base/bg_top_prbangking04.jpg');}/*제휴서비스*/
.sub_visual.prb05{background-image:url('/np/assets/images/kr/base/bg_top_prbangking05.jpg');}/*새로운 리워드 혜택*/

.sub_visual.psystem{background-image:url('/np/assets/images/kr/base/bg_top_ProtectSystem.jpg');}
.sub_visual.fund2{background-image:url('/np/assets/images/kr/base/bg_top_ManualList.jpg');}

.sub_visual.libor-info{background-image:url('/np/assets/images/kr/base/bg_top_LIBOR.png');}/*LIBOR금리개혁*/

.sub_visual.ab-recruit2{background-image:url('/np/assets/images/kr/cm/bi/rc/2009_h_main_vis_global.png');}/*채용정보-채용설명회*/

.sub_visual.biz-vplus .txt_visual dd span{display:block;}

/* 2016-11-30 계좌통합관리서비스 */
.ac-total-p{padding-top:20px;}
.ac-total-btn{text-align:center; padding-top:20px;}

/* 2016-12-27 이벤트 당첨자 */
.ev-win-area{display:inline-block; *display:inline; position:relative; width:auto; margin:0; padding:0; *zoom:1;}

/* 2016-12-29 프라이어리티뱅킹 */
.prb-info-area *{margin:0; padding:0;}
.prb-info-area h2, .prb-info-area h3{color:#062d55; font-weight:600; line-height:1;}
.prb-info-area h2{font-size:17px; margin-bottom:16px;}
.prb-info-cont{padding-top:25px;}
.prb-info-list{position:relative; min-height:155px; padding-left:306px; margin-bottom:30px;}
.prb-info-list h3{font-size:18px; padding:10px 0;}
.prb-info-list ul{margin-bottom:30px;}
.prb-info-list ul li{background:url('/np/assets/images/kr/page/prb_info_ico01.gif') 0 12px no-repeat; font-size:12px; color:#2ba235; line-height:1.2; padding-left:10px; padding-top:8px}
.cont-presa{background:url('/np/assets/images/kr/page/prb_info_ico02.gif') 0 0 no-repeat; color:#555; line-height:1; padding-left:14px;}
.prb-info-list .contimg{position:absolute; top:0; left:0;}

h4.prb-infot{font-weight:bold; margin-bottom:6px;}

.prb-dicsvc-area *{color:#555; margin:0; padding:0;}
.prb-dicsvc-area{padding-top:20px;}
.prb-dicsvc-area{padding-bottom:40px}
.prb-dicsvc-area h3{display:inline-block; *display:inline; background-color:#e6e6e6; font-size:15px; font-weight:600; color:#143c61; line-height:1; padding:10px 8px; margin-bottom:16px; *zoom:1;}
.prb-top-txt{margin-bottom:16px;}
.prb-dicsvc-box{padding:0 10px; margin-bottom:25px;}
.prb-dicsvc-box h4{color:#030303; font-weight:600; padding-top:20px; margin-bottom:6px;}

.prb-dic-list{padding-top:20px;}
.prb-dic-list li{background:url('/np/assets/images/kr/page/prb_info_ico03.gif') 0 5px no-repeat; line-height:1.4; padding-left:10px; margin-bottom:4px;}
.prb-dic-list.type2 li{background:url('/np/assets/images/kr/page/prb_info_ico02.gif') 0 3px no-repeat; padding-left:14px;}
.prb-dic-list li .prb-dic-list.type2{padding-top:4px;} 
.prb-dicsvc-box > .prb-dic-list:first-child{padding-top:0;}

.prb-dic-btn{text-align:center; padding:0 0 40px 0;}
.prb-btn, .prb-btn span{display:inline-block; *display:inline; background:url('/np/assets/images/kr/page/prb_btn_bg.gif') no-repeat; *zoom:1;}
.prb-btn{background-position:0 0; padding-left:30px;}
.prb-btn span{background-position:100% 0; font-size:13px; color:#fff; line-height:37px; padding-right:30px;}
.prb-dic-btn + .prb-dic-list{padding-top:0;}

.prb-dic-pro{position:relative;}
.prb-dic-pro .prb-dic-list{padding-top:0;}
.dic-pro-card{position:absolute; top:6px; left:470px;}

.prb-main-area *{color:#555;  margin:0; padding:0;}
.prb-main-cont li{position:relative; min-height:115px; background:0 0 no-repeat; line-height:1; padding:20px 0 0 305px; overflow:hidden; margin-bottom:20px;}
.prb-main-cont li.mcont1{background-image:url('/np/assets/images/kr/page/prb_main_bg01.jpg');}
.prb-main-cont li.mcont2{background-image:url('/np/assets/images/kr/page/prb_main_bg02.jpg');}
.prb-main-cont li.mcont3{background-image:url('/np/assets/images/kr/page/prb_main_bg03.jpg');}
.prb-main-cont li.mcont4{background-image:url('/np/assets/images/kr/page/prb_main_bg04.jpg');}
.prb-main-cont li h3{font-size:16px; font-weight:600; color:#030303; line-height:1; margin-bottom:6px;}
.prb-main-cont li a{display:inline-block; *display:inline; position:absolute; left:305px; top:87px; background:url('/np/assets/images/kr/page/prb_info_ico04.gif') 0 0 no-repeat; color:#2ca234; font-weight:600; line-height:1; padding-left:18px; *zoom:1;}

/* 프리미엄뱅킹 */
.prb-main-cont.prim li.mcont1{background-image:url('/np/assets/images/kr/page/prim_main_bg01.jpg');}
.prb-main-cont.prim li.mcont2{background-image:url('/np/assets/images/kr/page/prim_main_bg02.jpg');}
.prb-main-cont.prim li.mcont3{background-image:url('/np/assets/images/kr/page/prim_main_bg03.jpg');}
.prb-main-cont.prim li.mcont4{background-image:url('/np/assets/images/kr/page/prim_main_bg04.jpg');}
.prb-dicsvc-area.prim{padding-top:0;}
.prb-dicsvc-area.prim .prb-dicsvc-box h4 + .prb-dic-list{padding-top:0;}
.prb-dicsvc-area.prim .prb-dicsvc-box h4 + p + .prb-dic-list{padding-top:20px;}

/* 360리워드 2017-01-03 */
.rewards-info *{margin:0; padding:0;}
/* .rewards-info h2, .rewards-info h3{font-family:"Nanum Gothic Bold","나눔고딕 Bold","돋움","Dotum",sans-serif;} */
.rewards-info{background:url('/np/assets/images/kr/page/rewards_img01.jpg?v=1') 10px 50px no-repeat; padding-left:200px;}
.rewards-info h2{font-size:18px; line-height:1; color:#000; margin-bottom:30px;}
.rwrd-info-cont{margin-bottom:50px;}
.rwrd-info-cont li{margin-bottom:30px;}
.rwrd-info-cont li h3{font-size:15px; color:#0079b2; margin-bottom:10px;}
.rwrd-info-cont li h3 + p{padding-left:17px;}

.rewards-btn{text-align:center;}
.rewards-btn a{margin:0 5px;}

.rewards-mall *{margin:0; padding:0;}
.rewards-mall{min-height:165px; background:url('/np/assets/images/kr/page/rewards_img02.jpg') 710px 0 no-repeat; padding-right:320px; margin-bottom:20px; *zoom:1;}
.rewards-mall:after{content:""; display:block; clear:both;}
.rewards-mall h2{font-size:18px; color:#000; margin-bottom:20px;}
.rwrd-mall-cont{line-height:1.6; margin-bottom:30px;}
.rwrd-mall-cont + p{background:url('/np/assets/images/kr/page/rewards_ico01.gif') 0 0 no-repeat; color:#0079b0; font-weight:bold; line-height:1; padding-left:17px;}

/* 부자되는 적금 세트 2017-01-09 */
.rich-area{*zoom:1;}
.rich-area:after{content:""; display:block; clear:both;}
.rich-area h2, .rich-area h3, .rich-area h2 span{font-weight:600;}
.rich-area h2, .rich-area h2 span{font-size:18px;}
.rich-area h2 span{color:#1ca500; margin:0; padding:0;}
.rich-area h3{font-size:16px; padding-top:20px;}
.rich-box{padding:0 10px;}
.rich-area .agree-article h3{padding-top:0; font-size:12px;}

/* 부자되는 적금 세트 - 신청 2017-01-09 */
.rich-cont-tb{border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 0 20px 0; padding:0;}
.rich-cont-tb *{margin:0; padding:0;}
.rich-cont-tb table{width:100%; border-collapse:collapse;}
.rich-cont-tb caption{position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.rich-cont-tb th, .rich-cont-tb td{border-top:1px solid #ccc; border-left:1px solid #ccc; font-size:12px; text-align:left; padding:8px}
.rich-cont-tb thead th{text-align:center; font-weight:bold; padding:12px 0;}
.rich-cont-tb th label{font-weight:bold;}
.rich-cont-tb th{background-color:#e6f7e4;}
.rich-cont-tb td{background-color:#fff;}
.rich-cont-tb td label, .rich-cont-tb td select, .rich-cont-tb td input{display:inline; width:auto; vertical-align:0; margin-bottom:0;}
.rich-cont-tb td label{display:inline-block; padding:0 4px 0 0; *display:inline; *zoom:1;}
.rich-cont-tb td label input{vertical-align:middle;}
.rich-cont-tb td.bg,
.rich-cont-tb td.bg label {background-color:#f8f8f8; font-weight:bold;}
.rich-cont-tb td.rich-rate, .rich-cont-tb td.rich-pay{font-weight:bold; font-size:14px; vertical-align:middle;}
.rich-cont-tb td.rich-rate{text-align:center;}
.rich-cont-tb td.rich-pay{text-align:right;}

/* 부자되는 적금 세트 - 안내 2017-01-11 */
.rich-box .txt_rich_guide{margin:35px 0; text-align:center;}
.rich-box .txt_bold_rich{margin-bottom:5px; color:#555; font-weight:bold;}

/* 부자되는 적금 세트 - 가입방법 2018-11-06 */
.rich_step_wrap > ol {margin:0}
.rich_step_wrap > ol > li {margin-bottom:15px;padding-left:65px; border:2px solid #0079b2; border-radius:5px; display:table; width:100%;}
.rich_step_wrap > ol > li.step01 {background: url('/np/assets/images/kr/cm/cm/rc/r_h_num1.gif') no-repeat -2px -2px;}
.rich_step_wrap > ol > li.step02 {background: url('/np/assets/images/kr/cm/cm/rc/r_h_num2.gif') no-repeat -2px -2px;}
.rich_step_wrap > ol > li.step02 > .desc{margin-bottom:0 !important;}
.rich_step_wrap > ol > li.step03 {background: url('/np/assets/images/kr/cm/cm/rc/r_h_num3.gif') no-repeat -2px -2px; border:2px solid #2ba235;}
.rich_step_wrap > ol > li.step03 > a.join_button {background-color:#2ba235 !important;}
.rich_step_wrap > ol > li.step04{background: url('/np/assets/images/kr/cm/cm/rc/r_h_num4.gif') no-repeat -2px -2px;}
.rich_step_wrap > ol > li > a.join_button {display:table-cell; width:115px; vertical-align:middle; background-color:#0079b2 !important; border-radius:initial; font-size:15px; color:#fff; font-weight:bold; text-align:center; text-decoration:none;}
.rich_step_wrap strong{display:block; margin-top:15px; font-size:17px; letter-spacing:-0.7px; color:#444;}
.rich_step_wrap .desc{margin-bottom:15px !important;}
.rich_step_wrap .table-tip{margin:-12px 0 15px 0;}
.rich_step_wrap .table-tip li > em {font-style:normal; font-weight:bold; color:#2ba235;}

/* 부자되는 적금 세트 2020-06-08 */
.dp-rich-renew h2.text-center, 
.dp-rich-renew h2.text-center span {font-size:18px !important; line-height:1.5 !important;}
.dp-rich-renew .step-type1 > ol.pc {display:block;}
.dp-rich-renew .step-type1 > ol.mb {display:none;}
.dp-rich-renew .rich-cont-tb table td {line-height:1.4;}
.dp-rich-renew .rich-cont-tb table td input[type="radio"] {width:18px; height:18px; vertical-align:middle;}
.dp-rich-renew .rich-cont-tb table td label {display:inline-block; vertical-align:middle; margin-right:15px;}
.dp-rich-renew .rich-cont-tb table td label span.fblack {color:#000 !important;}
.dp-rich-renew .rich-cont-tb table td .ref_info {padding-left:15px !important;}
.dp-rich-renew .rich-cont-tb .mg_l20 {margin-left:20px !important; margin-bottom:7px;}
.dp-rich-renew .rich-cont-tb td.bg {background:#f0f5f7;}
.dp-rich-renew .rich-cont-tb table td.bg label {background-color:#f0f5f7; font-weight:bold; color:#666;}
.dp-rich-renew .rich-cont-tb .sscd-pm-list {overflow:hidden;}
.dp-rich-renew .rich-cont-tb .sscd-pm-list > li {float:left; width:25%;}
.dp-rich-renew .list_cash > li {border-top:1px solid #ccc;}
.dp-rich-renew .list_cash > li .ov_num {overflow:hidden; background:#e6f7e4; padding:10px 10px 5px; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.dp-rich-renew .list_cash > li .ov_num .ov_ag {float:right;}
.dp-rich-renew .list_cash > li .ov_num strong {width:auto;}
.dp-rich-renew .list_cash > li .ov_num > strong,
.dp-rich-renew .list_cash > li .ov_num .ov_ag > label {color:#222; font-weight:bold;}
.dp-rich-renew .list_cash > li .ov_num .ov_ag > input[type="radio"] {width:18px; height:18px; vertical-align:middle;}

/* 2017-01-18 신청 테이블 공통 */
.tb-req{border-right:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 0 20px 0; padding:0;}
.tb-req *{margin:0; padding:0;}
.tb-req table{width:100%; border-collapse:collapse;}
.tb-req caption{position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.tb-req th, .tb-req td{border-top:1px solid #ccc; border-left:1px solid #ccc; color:#666; font-size:12px; text-align:left; padding:8px}
.tb-req thead th{text-align:center; font-weight:bold; padding:12px 0;}
.tb-req th{background-color:#e6f7e4;}
.tb-req td{background-color:#fff;}

#main_container .container_inner, #sub_container .container_inner.tab-inner{padding-top:0; *zoom:1;}
#main_container .container_inner, #sub_container .container_inner.tab-inner:after{content:""; display:block; clear:both;}
#main_container .container_inner, #sub_container .container_inner.tab-inner .inpage-content{padding-top:12px;}
#main_container .container_inner, #sub_container .container_inner.tab-inner h1{line-height:1.2;}
#main_container .container_inner, #sub_container .container_inner.tab-inner h2{font-size:17px; margin-bottom:15px; line-height:1.2;}

#main_container .container_inner, #sub_container .container_inner.tab-inner .message-box.use-guide{margin-top:0;}

.txt_font13{font-size:13px;}

.row.tab-qick .columns{padding-right:0;}
.row.tab-qick .share-drop{*padding-right:1px;}

.pro-otp-guide{*zoom:1;}
.pro-otp-guide:after{content:""; display:block; clear:both;}
.opt-img{float:left; width:280px; margin-right:5px;}
.opt-cont{float:left; width:auto;}
.opt-cont dt{font-weight:600;}
.opt-cont dd{background:url('/np/assets/images/kr/base/gray-bullet.png') 0 7px no-repeat; padding-left:10px; margin-bottom:6px}
.opt-cont dd ul{margin:0;}
.opt-cont dd li > ul{margin:0; padding:0 0 0 16px;}
.opt-cont dd li > ul > li{background:url('/np/assets/images/kr/base/table-tip-bullet.png') 0 4px no-repeat; padding:0; padding-left:14px;}

/* 금융소비자마당 */
.finan-wrap{padding-top:20px;}
.finan-wrap *{margin:0; padding:0;}
.finan-cont{*zoom:1;}
.finan-cont:after{content:""; display:block; clear:both;}
.finan-cont li{float:left; width:50%; *width:49.9%; background:0 0 no-repeat; margin-bottom:40px;}
.finan-cont li h2{font-size:16px; line-height:1.2; color:#222; margin-bottom:7px !important;}
.finan-cont li p {line-height:1.4;}
.finan-cont li.f-cont01{background-image:url('/np/assets/images/kr/page/finan_consum_pro01.jpg');}
.finan-cont li.f-cont02{background-image:url('/np/assets/images/kr/page/finan_consum_pro02.jpg');}
.finan-cont li.f-cont03{background-image:url('/np/assets/images/kr/page/finan_consum_pro03.jpg');}
.finan-cont li.f-cont04{background-image:url('/np/assets/images/kr/page/finan_consum_pro04.jpg');}
.finan-cont li.f-cont05{background-image:url('/np/assets/images/kr/page/finan_consum_pro05.jpg');}
.finan-cont li.f-cont06{background-image:url('/np/assets/images/kr/page/finan_consum_pro06.jpg');}
.finan-cont li.f-cont07{background-image:url('/np/assets/images/kr/page/finan_consum_pro07.jpg');}
.finan-cont li.f-cont08{background-image:url('/np/assets/images/kr/page/finan_consum_pro08.jpg');}

.finan-list{position:relative; min-height:125px; padding-top:10px; margin-left:196px; padding-right:18px;}
.finan-list a{position:absolute; left:0; bottom:10px; background:url('/np/assets/images/kr/page/finan_consum_pro_ico01.gif') 0 40% no-repeat; font-weight:bold; color:#2ba133; padding-left:18px;}

.goodsviw_cont.tb-wrapnew{width:100%; overflow:hidden;}

/* 2017-02-21 이벤트 상세 */
.ev-cont-wrap{width:900px; margin:0 auto;}
.ev-cont-wrap *{color:#555; font-weight:600; margin:0; padding:0;}
/* .sales_wrapper .ev-cont-wrap strong{font-family:'나눔고딕 Bold',"Nanum Gothic Bold",'나눔고딕',"Nanum Gothic","돋움","Dotum",sans-serif;} */
.ev-cont-area{padding:30px 64px;}
.ev-cont-area.type2{padding:30px 90px;}
ul.ev-cont-list{margin-bottom:34px;}
.ev-cont-list li{position:relative; margin-bottom:14px; *zoom:1;}
.ev-cont-list li:after{content:""; display:block; clear:both;}
.ev-cont-list li h2 {position:absolute; top:0; left:0;}
.ev-cont-list.type2 .ev-list-txt{margin-left:88px;}
.ev-cont-list.type3 .ev-list-txt{margin-left:105px;}
.ev-cont-list.type4 .ev-list-txt{margin-left:96px;}
.ev-cont-list.type2 li h2{top:2px;}
.ev-cont-list.type4 li h2{top:3px;}
.ev-cont-list02 li{position:relative; background:url('/np/assets/images/kr/base/ico_square_blue.gif') 0 12px no-repeat;font-size:15px; line-height:2; padding-left:12px;}
.ev-list-txt{line-height:26px; margin-left:125px;}
.ev-list-txt, .ev-list-txt li{font-size:15px;}
.ev-list-txt li{margin-bottom:4px;}
.ev-list-txt2{font-size:15px; line-height:1.4;}
.ev-presa{background:url('/np/assets/images/kr/cm/ev/rc/ev_icon_presa.gif') 0 3px no-repeat; font-weight:300; font-size:13px; line-height:1.2; padding-left:12px;}
.ev-list-txt li p.ev-presa{margin-left:15px;}
.ev-tit-type1{font-size:20px; color:#005984; line-height:1.2; margin-bottom:10px;}
.ev-tit-type2{font-weight:300; font-size:14px; padding-left:12px; padding-top:10px;}
.ev-tit-type2 + .ev-tit-type2{padding-top:4px;}
.ev-cont-guide{padding-top:30px;}
.ev-cont-guide dt{border-top:0; border-bottom:0; border-top:1px solid #dedede; font-size:16px; font-weight:600; line-height:1.4; padding-top:20px; margin-bottom:4px;}
.ev-cont-guide dt.type1{font-size:14px; color:#009e2a;}
.ev-cont-guide dd, .ev-cont-guide li{background:url('/np/assets/images/kr/cm/ev/rc/ev_icon_presa.gif') 0 3px no-repeat; font-size:12px; font-weight:300; line-height:1.4; padding-left:12px; margin-bottom:4px;}
.ev-list-txt .ev-cont-guide{padding-top:0;}
.ev-judg{font-weight:300; font-size:11px; padding-left:12px;}
.ev-normal-txt, .ev-normal-txt > li{font-weight:300;}

.ev-cont-img{text-align:center; padding-top:30px;}
.ev-cont-img img{display:inline-block; padding:0 50px;}
.btn_pop_lms{display:none;}

/* 이벤트 Text */
.txt-point1{color:#22aa46; font-size:17px;}
.txt-point2{text-decoration:underline;}
.txt-point3{color:#0079b0; font-size:21px;}
.txt-point4{font-weight:300; color:#555; font-size:13px;}

/* 이벤트 List */
.ev-list-type1 li{background:url('/np/assets/images/kr/base/gray-star.png') 0 6px no-repeat; font-weight:300; font-size:13px; line-height:1.4; padding-left:8px;}
.ev-list-type2 li{background:url('/np/assets/images/kr/base/gray-bullet.png') 0 10px no-repeat; font-size:14px; line-height:1.4; padding-left:13px;}
.ev-list-type3 > li{background:url('/np/assets/images/kr/base/ico_presa_blue.png') 0 6px no-repeat; font-weight:300; font-size:13px; line-height:1.6; padding-left:13px;}
.ev-list-type4 > li{background:url('/np/assets/images/kr/base/ico_big_circle.png') 0 8px no-repeat; font-weight:300; font-size:13px; line-height:23px; padding-left:13px;}
.ev-list-type5 > li{background:url('/np/assets/images/kr/base/ico_big_circle_gray.png') 0 9px no-repeat; font-weight:300; font-size:13px; line-height:26px; padding-left:13px;}

.ev-info-box{background-color:#efefef; padding:4% 4% 2%;}
.ev-info-box h3{font-size:17px; color:#0080b2; margin-bottom:10px;}
.ev-infob-list li{background:0 0 no-repeat; font-size:15px; padding-left:24px; margin-bottom:10px;}

.ev-btn-monly{display:none; text-align:center; padding:4% 0 2%;}
.ev-btn-monly a{display:inline-block; margin:0 1%;}

/* 이벤트 Table */
.ev-tb-tit{font-size:18px; color:#005985; margin-bottom:10px; padding-left:10px;}
.ev-tb-tit img{display:inline-block; *display:inline; vertical-align:bottom; margin-right:15px;*zoom:1;}
.ev-cont-tb{margin-bottom:10px; padding-top:5px;}
.ev-cont-tb table{width:100%; border-collapse:collapse; border-top:2px solid #2b94c1; border-right:1px solid #d3d3d3;}
.ev-cont-tb table caption{position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}
.ev-cont-tb table th, .ev-cont-tb table td{border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; font-size:14px; color:#555; line-height:1.4; padding:8px 0;}
.ev-cont-tb table thead th{background-color:#f0f0f0; text-align:center; color:#005985;}
.ev-cont-tb table td{text-align:center; font-weight:lighter;}
.ev-cont-tb + ul{margin-left:8px; margin-bottom:40px;}

.ev-cont-tb.type2 table{border-top-color:#878787}
.ev-cont-tb.type2 th{color:#555;}

.evlist-pro{position:relative; min-height:78px; padding-right:232px;}
.evlist-pro p{position:absolute; right:0; top:0;}

.ev-cont-btnarea{text-align:center;}
.ev-cont-btnarea a{display:inline-block; *display:inline; margin:0 2px;*zoom:1;}

.ev-marvel-cont{padding:0 2%; margin-bottom:24px;}
.ev-marvel-cont {font-size:14px; color:#555;}
.ev-marvel-cont p, .ev-marvel-cont strong{font-size:14px;}
.ev-marvel-cont h4{margin-bottom:10px;}
.ev-marv1{position:relative; min-height:176px; line-height:1.6; padding:20px 250px 0 0;}
.ev-marv-img{position:absolute; top:10px; right:0;}
.marv-tit, .marv-tit em{color:#005985; line-height:1.2;}
.marv-tit{display:inline-block; *display:inline; background:#fff; font-size:18px; color:#005985; line-height:1.2; vertical-align:top; padding:0 10px; *zoom:1}
.marv-tit em{font-style:normal; font-size:22px;}

/* 2017-04-12 디즈니, 마블존 */
.ev-spc-copy *{margin:0; padding:0;}
.ev-spc-copy{padding:40px 0 10px;}
.ev-spc-copy h2, .ev-spc-copy h3{color:#223354; text-align:center;}
.ev-spc-copy h2{font-size:26px;}
.ev-spc-area *{margin:0; padding:0;}
.ev-spc-area{padding-top:30px; margin-bottom:30px; overflow:hidden;}
.spc-btn{display:inline-block; *zoom:1; *display:inline; border:1px solid #025077; background-color:#0075af; font-size:13px; padding:4px 32px;}
a.spc-btn, .spc-btn:link, .spc-btn:hover{color:#fff; text-decoration:none;}
.spc-btn.mb{display:none}

.spc-list-pro{*zoom:1;}
.spc-list-pro:after{content:""; display:block; clear:both;}
.spc-list-pro li{float:left; width:450px; margin-left:40px; padding-bottom:50px; *zoom:1;}
.spc-list-pro li:after{content:""; display:block; clear:both;}
.spc-pro{float:left; width:163px; text-align:center;}
.spc-pro p{margin:0 0 10px 0; padding:0;}
.spc-pro-cont{float:right; width:270px;}
/* .spc-pro-cont dt, .spc-pro-cont dt h3{font-family:'나눔고딕 Bold',"Nanum Gothic Bold",'나눔고딕',"Nanum Gothic","돋움","Dotum",sans-serif;} */
.spc-pro-cont dt{font-size:15px; color:#0079b2; line-height:1.2; margin-bottom:10px;}
.spc-pro-cont dt h3{font-size:19px; color:#014869; line-height:1.2; margin:0 0 8px 0; padding:0;}
.spc-pro-cont dd{background:url('/np/assets/images/kr/page/ev_spc_ico_bl.gif') 0 7px no-repeat; font-size:12px; color:#555; line-height:1.6; padding-left:10px;}
.spc-pro-cont.bgnone dd{background:none; padding-left:0;}
hr.spc-hr{color:#ccc; margin-bottom:60px;}
.spc-mid-tit{font-size:15px; line-height:1.6; color:#014869; text-align:center; margin-bottom:40px;}
.spc-pro-acc{position:relative; min-height:104px; padding-left:180px;}
/* .spc-pro-acc h3, .spc-pro-acc h3 p{font-family:'나눔고딕 Bold',"Nanum Gothic Bold",'나눔고딕',"Nanum Gothic","돋움","Dotum",sans-serif;} */
.spc-pro-acc h3{font-size:19px; color:#014869; line-height:1.2; padding:0; margin-bottom:20px;}
.spc-pro-acc h3 p{font-size:15px; color:#0079b2; line-height:1.2; padding-top:10px;}
.acc-img{position:absolute; left:0; top:0;}
.spc-selfbank-info{background:url('/np/assets/images/kr/page/ev_spc_bg_shadow.gif') 0 100% repeat-x; padding-bottom:17px;}
.selfbank-box{border:1px solid #e4e4e4; background-color:#f5f5f5; padding:20px 35px; *zoom:1;}
.selfbank-box:after{content:""; display:block; clear:both;}
.selfbank-box li{float:left; width:440px; *width:430px; border-left:1px solid #e3e3e3; padding:10px 0 0 30px;}
.selfbank-box li:first-child{border-left:0; padding-left:0; padding-right:30px;}
.selfbank-box li h4{border-bottom:2px solid #0075af; font-size:18px; color:#0075af; margin-bottom:14px; padding-bottom:8px;}
.selfbank-box li p, .selfbank-box li p span{font-size:14px; color:#014869; line-height:1.6;}
/* .selfbank-box li p strong{font-family:'나눔고딕 Bold',"Nanum Gothic Bold",'나눔고딕',"Nanum Gothic","돋움","Dotum",sans-serif;} */
.selfbank-box li p span{font-size:13px;}
.self-popup p{margin-bottom:14px;}
.self-popup{position:relative;}
.self-img{position:absolute; top:-50px; right:-70px; *right:-30px; margin-bottom:0;}
.ev-spc-selfpop{margin:0; padding:0;}
.ev-spc-selfpop img{width:100%;}

/* 2018-03-22 마블존 셀프뱅크 수정*/
.spc-selfbank-info.marvel .selfbank-box li {float:none; width:auto; height:auto; padding:0; border-left:none;}
.spc-selfbank-info.marvel .selfbank-box li:first-child {padding-right:0;}
.spc-selfbank-info.marvel .selfbank-box li + li {margin-top:35px;}
.spc-selfbank-info.marvel .selfbank-box li h4 {padding-bottom:0; color:#004869; border-bottom:none;}
.spc-selfbank-info.marvel .selfbank-box li.self-popup .img {position:absolute; top:7px; right:40px;}

/* 펀드/신탁 : 원금비보장상품 */
.fund-notsec{display:inline-block; *display:inline; vertical-align:middle; margin-left:20px; *zoom:1;}
.fund-notsec-mb{display:none;}
.fund-notsec-mb em{position:absolute; left:-9999px; width:1px; height:1px; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden;}

/* 제일좋은데이 이벤트 */
.ev-niceday-img{position:absolute; bottom:-5px; right:0;}

/* 상품공시실 : 문서 viewer 다운로드 */
.pri-acrobat-reader.type02{*zoom:1;}
.pri-acrobat-reader.type02:after{content:""; display:block; clear:both;}
.pri-acrobat-reader.type02 dl{float:left; margin-bottom:0;}
.pri-acrobat-reader.type02 .btn_reader{float:left; margin-top:17px; margin-left:150px;}

/* EB */
.sub_visual.eb-lg{background-image:url('/np/assets/images/kr/base/bg_top_eb_lg.jpg');}
.eb-area{margin:0; padding:20px 0 0 0;}
.eb-area *{margin:0; padding:0;}
.eb-area h2{font-weight:600; font-size:22px; color:#344a5e;}
.eb-cont-list{position:relative; padding-top:10px; margin-bottom:24px;}
.eb-cont-list ul{}
.eb-cont-list li{background:url('/np/assets/images/kr/page/eb_ico_bl.gif') 0 10px no-repeat; font-size:12px; color:#555; line-height:1.4; padding-left:10px; padding-top:4px;}
.eb-cont-btn{position:absolute; right:0; top:10px;}
.eb-step{margin-bottom:54px;}
.eb-step img{width:100%; max-width:999px;}
.eb-cont-product{padding-top:13px;}
.eb-pro li{position:relative; background:url('/np/assets/images/kr/page/eb_bg_dot.gif') 0 0 repeat-x; padding-top:24px; margin-bottom:30px;}
.eb-pro li:first-child{background:0;}
.eb-pro dl{padding-left:14px;}
.eb-pro dt{display:block; background:url('/np/assets/images/kr/page/eb_ico_persent.gif') 0 0 no-repeat; font-size:20px; font-weight:600; color:#344a5e; line-height:55px; padding-left:70px;}
.eb-pro dd{background:url('/np/assets/images/kr/page/eb_ico_bl_br.gif') 0 12px no-repeat; font-size:14px; color:#0069a4; line-height:1.2; padding-top:8px; padding-left:8px; margin-left:70px;}
.eb-pro-btn{position:absolute; right:0; bottom:0; text-align:right;}
.eb-pro-btn img, .eb-pro-btn a{vertical-align:bottom;}
.eb-pro-btn a{display:inline-block; *display:inline; margin-left:30px; *zoom:1;}
.eb-judge{font-size:12px; color:#555; text-align:center; padding-top:30px;}
/* 2018-09-27 금리 시스템폰트로 수정 */
.eb-pro-btn .txt-rate-lg {font-size:14px; color:#333; font-weight: bold;}
.eb-pro-btn .txt-rate-lg strong.num_rate {font-size:44px; font-weight:bold; color:#1077ad;}
.eb-pro-btn .txt-rate-lg strong.num_rate span.txt_ps {font-size:28px;}
/* // 2018-09-27 금리 시스템폰트로 수정 */

/* 2017-06-13 e-그린세이브 */
.dv-mny{margin-top:-40px;}
.dv-mny, .dv-mny span{font-weight:600; font-size:22px; color:#000;}
.produt_icons.e-green{padding-top:32px;}

/* 2017-06-14 잠자는계좌 */
.ev-sleep{padding-right:107px;}
.ev-ev-sleep-img{position:absolute; right:0; top:0;}
.ev-sleep-box{padding-left:105px; margin-bottom:25px;}
.ev-sleep-box h3{font-weight:600; font-size:17px; color:#0079b0; margin-bottom:10px; padding-top:30px;}
.ev-sleep-box p{font-size:15px; color:#555;}

/* 2017-06-22 셀프뱅크 */
.self-visual{}
.self-visual *{margin:0; padding:0;}
.self-visual.page2{height:240px; background:url('/np/assets/images/kr/base/selft_visual01.jpg') 50% 120px no-repeat;}
.self-visual h1, .self-visual h2{font-weight:600; text-align:center;}
.self-visual h1{color:#015a9c; font-size:26px; line-height:1.2; padding-top:40px; margin-bottom:10px;}
.self-visual h2{font-size:16px; color:#223354; margin-bottom:30px;}
.self-vs-mv{text-align:center;}
.self-vs-mv a{display:inline-block; *display:inline; *zoom:1; margin:0 20px;}
.self-cont{}
.self-cont.page2{margin-top:-30px;}
.self-cont *{margin:0; padding:0;}
.self-info{margin-bottom:30px;}
.self-info dt{font-weight:600; font-size:14px; color:#030303; margin-bottom:8px; padding-top:20px;}
.self-info dt:first-child{padding-top:0;}
.self-info dd{color:#555;}
.self-tit{color:#000; font-size:12px; font-weight:bold; margin-bottom:5px;}
.self-tit + ul{margin-bottom:30px;}
.self-table{margin-bottom:10px;}
.self-table table{table-layout:fixed; width:100%; border-spacing:0; border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5;}
.self-table th, .self-table td{border-top:1px solid #c5c5c5; border-left:1px solid #c5c5c5; font-size:12px; color:#555; padding:12px 10px;}
.self-table th{background-color:#e6f7e4; text-align:center; font-weight:bold;}
.self-table td .list-type3{*zoom:1;}
.self-table td .list-type3:after{content:""; display:block; clear:both;}
.self-table td .list-type3 li{background-image:url('/np/assets/images/kr/page/self_ico03.gif')}
.self-table td .list-type3.split li{float:left; width:50%;}
.self-note{padding-bottom:50px;}
.self-note li{background:url('/np/assets/images/kr/page/self_ico01.gif') 0 4px no-repeat; color:#555; padding-left:14px;}
.self-qrcode{padding:30px 0 30px 55px; *zoom:1;}
.self-qrcode:after{content:""; display:block; clear:both;}
.self-qrcode li{float:left; width:272px; margin-left:22px; border:1px solid #ccc;}
.self-qrcode li:first-child{margin-left:0;}
.qrcode-box{display:block; position:relative; height:80px; padding-left:26px;}
.qrcode-box h3{font-weight:600; color:#16ace9; font-size:14px; padding-top:18px; line-height:21px;}
.qrimg{position:absolute; right:30px; top:50%; margin-top:-27px;}
.self-product li{position:relative; font-size:14px; color:#555; padding:4px 0 0 60px; margin-bottom:30px;}
.self-pronum{position:absolute; top:0; left:0;}
.self-proimg{padding-top:20px;}
.self-proimg span{display:inline-block; *display:inline; vertical-align:middle; *zoom:1}
.self-proimg span + span{ margin-left:110px;}
.slef-form-tit{text-align:center; font-size:14px; color:#434343; margin-bottom:40px;}
.self-form table{table-layout:fixed; border-collapse:collapse; width:100%; border-spacing:0; border-right:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5;}
.self-form table caption{display:none;}
.self-form th, .self-form td{border-top:1px solid #c5c5c5; border-left:1px solid #c5c5c5; font-size:12px; color:#555; text-align:left; padding:10px;}
.self-form th{background-color:#e6f7e4; font-weight:bold;}
.self-form thead th{text-align:center;}
.self-form th label{font-weight:bold;}
.self-form tbody td{vertical-align:middle;}
.self-form td input, .self-form td select{display:inline; vertical-align:middle; margin:0;}
.self-form td label{margin-right:3px;}
.self-form a.button.grey{color:#666;border:1px solid #666;font-weight:normal;font-size:12px; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#f2f2f2');
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f2f2f2));
	background: -webkit-linear-gradient(top, #fefefe, #f2f2f2);
	background: -moz-linear-gradient(top, #fefefe, #f2f2f2);
	background: -ms-linear-gradient(top, #fefefe, #f2f2f2);
	background: -o-linear-gradient(top, #fefefe, #f2f2f2);
	background: linear-gradient(top, #fefefe, #f2f2f2);
}
.ipt-sp{display:inline-block; *display:inline; *zoom:1; line-height:24px; vertical-align:middle; padding:0 3px; margin:0 3px;}
.self-hp-quo{margin-bottom:10px;}
.self-hp-quo span{color:#ff0000;}
.self-btnarea{text-align:center; padding:20px 0;}
.self-btnarea a{margin:0 4px;}

.self-form td > a.button.radius.tiny.green{*vertical-align:middle;}

.not-ipt{color:#ff0000}

/* 2017-07-10 맞춤대출상담 */
.step-type1{margin-bottom:30px;}
.step-type1 > ol{display:block; overflow:hidden; padding:0;}
.step-type1 > ol{border-radius:3px; border:1px solid #d7dfe4; margin:0;}
.step-type1 > ol > li{float:left; padding-top:19px; padding-left:40px; padding-right:30px; padding-bottom:10px; position:relative; font-size:14px; line-height:1.2em; height:60px; *height:37px; color:#004061; background:url("../images/kr/base/bg_step.png") 100% 0 no-repeat; *padding-top:19px; *padding-bottom:4px;}
.step-type1 > ol > li > span{position:absolute; left:20px; top:0; width:20px; height:60px; *height:41px; padding-top:19px;}
.step-type1 > ol > li.on{color:#fff; background-color:#004061; background-position:100% -70px;}
.step-type1 > ol > li.on span{left:-40px; padding-left:60px; background:url("../images/kr/base/bg_step.png") 17px -140px no-repeat;}
.step-type1 > ol > li:first-child span{background:none;}
.step-type1 > ol > li.last{background:none;}
.step-type1 > ol > li.last.on{background-color:#004061;}
.step-type1 > ol.col2 > li{width:49.999%; *width:39%;}
.step-type1 > ol.col3 > li{width:33.333%; *width:22%;}
.step-type1 > ol.col4 > li{width:24.999%; *width:14%;}
.step-type1 > ol.col4.rich > li{width:23%; *width:15.6%}
.step-type1 > ol.col4.rich > li:first-child{width:31%; *width:24%}
.step-type1 > ol > li.text-two, .step-type1 > ol > li.text-two > span{padding-top:13px; padding-bottom:10px;}
.loan-apply.type2{margin:0; padding-top:15px; padding-bottom:50px;}
.dbtxt{font-style:normal;}
.rich-ck-form{display:block; padding-left:22px;}

.tb_full_wrap table, .tb_full{width:100%;}
.tb_full_wrap UL.pagination{*display:inline; *zoom:1;}

/* 2017-07-12 전자금융사기 예방서비스 */
.title3.type2{margin-bottom:4px; padding-left:9px; background:url("../images/kr/page/bg_title3.gif") no-repeat 0 7px; font-weight:bold; font-size:14px; line-height:1.5;}
.title3.type2 + .title3.type2{margin-top:20px;}
.title3.type2 + p + .list-type1{margin-top:0;}

/* 이벤트 파리바게트 */
.ev-paris-pro{position:relative; padding-left:238px;}
.ev-paris-proimg{position:absolute; top:0; left:0;}
.ev-paris-pro > .ev-cont-list li{margin-bottom:0;}

/* 2017-08-16 마이플러스 여름나기 */
.ev-mysummer{position:relative;}
.ev-sum-pro{position:absolute; top:-30px; right:20px;}
.ev-list-txt.ev-sum{padding-right:220px;}

/* 2017-08-18 디즈니존 */
.ev-spc-area.dsny{padding-top:0;}
.spc-pro-dsny{padding-bottom:10px; overflow:hidden;}
.h3-dsny{font-size:17px; color:#014869; margin-bottom:10px;}
.spc-list-dsny{margin-left:-20px; *zoom:1;}
.spc-list-dsny:after{content:""; display:block; clear:both;}
.spc-list-dsny li{position:relative; float:left; width:234px; padding-top:26px; margin-left:20px; padding-bottom:34px;}
.pro-dsny-box{display:block; text-align:center;}
.h4-dsny{position:absolute; left:0; top:0; font-size:15px; color:#0079b2}
.h4-dsny span{font-size:12px;}
.pro-dsny-btn{margin:0; padding:0;}
.pro-dsny-btn span{display:inline-block; background:url('/np/assets/images/kr/page/spc_disney_arrow.gif') 100% 50% no-repeat; padding-right:15px; font-size:15px; color:#233355; *display:inline; *zoom:1;}

/* 2017-08-25 디즈니 체크카드 이벤트 */
.ev-disney-btn{position:absolute; bottom:45px; right:0;}

/* 2017-09-14 셀프뱅크 신규 이벤트 */
.self_trip_box{margin-top:20px; background-color:#ececec; padding:20px;}
.self_trip_box li{color:#013f7d; font-weight:300;}

/* 2017-10-11 초이스외화예금 이벤트 */
.ev-choice-list li{margin:0; font-size:13px; line-height:22px;}

/* 2017-10-10 개인정보보호 강조 */
.private_point{font-size:1.2em;}

/* 2017-10-19 마블존 */
.ev-spc-area.marvel{padding-top:0;}
.spc-pro-marvel{margin-top:48px; overflow:hidden;}
.spc-pro-marvel:first-child{padding-top:0;}
.h3-marvel{font-size:17px; color:#014869;}
.h3-marvel span{font-size:14px; color:#555;}
.spc-list-marvel:after{content:""; display:block; clear:both;}
.spc-list-marvel li{position:relative; float:left; width:234px; padding-top:19px; margin-left:21px; text-align:center;}
.spc-list-marvel li:first-child{margin-left:0;}
.spc-pro-marvel li.w240 {width:240px;} /* 2018-03-26 추가*/
.spc-pro-marvel .spc-btn.web{margin-top:7px;}
.spc-txt-marvel{display:block; margin-top:15px; font-size:13px; color:#0079b2;}
.spc-mid-tit02{margin-top:10px; margin-bottom:15px; font-size:15px; line-height:1.6; color:#014869; text-align:center;}
.marvel-account-btn{margin-bottom:70px; text-align:center;}

/* 2017-10-31 로그인 다이어리 */
.ev-list-txt3{margin-bottom:4px; padding-left:22px; text-indent:-22px; font-size:14px; line-height:1.4;}
.ev-list-txt3 .num{font-size:18px;}
.ev-list-txt3 .big{font-size:16px;}
.ev-list-txt3 .small{font-size:13px;}
.ev-logindiary .ev-tit{padding-top:7px; font-size:25px; color:#043f7b; text-align:center; line-height:1.4;}
.ev-logindiary .ev-tit strong{color:#028424;text-decoration:underline;}
.ev-logindiary .ev-tit span{color:#00b12c;}
.ev-logindiary .color1{color:#0079b0;}
.ev-logindiary .color2{color:#040404;}
.ev-logindiary strong{font-weight:700;}
.ev-logindiary .ev-list-txt.txt3{position:relative; margin-bottom:4px; padding-left:22px; font-size:14px; line-height:1.4;}
.ev-logindiary .ev-list-txt.txt3 .num{position:absolute;left:0;top:2px;}
.ev-logindiary .ev-list-txt.txt3 .big{font-size:16px;}
.ev-logindiary .ev-list-txt.txt3 .small{font-size:13px;}
.ev-logindiary .qr_txt{padding:5px 50px;; font-size:14px; line-height:1.3; color:#0079b0;}

/* 2017-11-01 이벤트 */
.ev-web-mb.mb{display:none;}

/*2018-02-22 금융상품몰-금융소득종합과세*/
.synthesize h3 {line-height:26px;padding-left:35px;font-size:16px;color:#35485f;}
.synthesize h3.num01 {background:url("/np/assets/images/kr/page/bul_num01.jpg") no-repeat 0 0;}
.synthesize h3.num02 {background:url("/np/assets/images/kr/page/bul_num02.jpg") no-repeat 0 0;}
.synthesize h3.num03 {background:url("/np/assets/images/kr/page/bul_num03.jpg") no-repeat 0 0;}
.synthesize h3.num04 {background:url("/np/assets/images/kr/page/bul_num04.jpg") no-repeat 0 0;}
.synthesize .bg_bt{padding-bottom:10px;background:url("/np/assets/images/kr/page/bg_dash.jpg") repeat-x 0 100%;}
.synthesize>ul {padding-left:35px;padding-bottom:30px !important;}
.synthesize>ul li{color:#555;}

/* 2018-07-12 이벤트 type별 */
.ev-cont-wrap .cl_black {color:#000 !important;}
.ev-cont-wrap .cl_green {color:#027f24 !important;}
.ev-cont-wrap .cl_navy {color:#1c3a76 !important;}
.ev-cont-wrap .cl_red {color:#de2928 !important;}
.ev-cont-wrap strong.cl_black,
.ev-cont-wrap strong.cl_green,
.ev-cont-wrap strong.cl_navy,
.ev-cont-wrap strong.cl_red {font-size:18px !important;}
.ev-cont-wrap.ev-cont-wrap-2 .list-chk > li {background:url('/np/assets/images/kr/cm/ev/rc/arr_check_green.gif') no-repeat 0 3px; padding-left:22px; font-size:16px;}
.ev-cont-wrap.ev-cont-wrap-2 .list-chk > li > strong {font-size:18px; letter-spacing:-0.7px;} 
.ev-cont-wrap.ev-cont-wrap-2 .list-chk2 > li {background:url('/np/assets/images/kr/cm/ev/rc/arr_check_red.gif') no-repeat 0 3px; padding-left:27px; font-size:16px;}
.ev-cont-wrap.ev-cont-wrap-2 .list-chk2 > li > strong {font-size:18px; letter-spacing:-0.7px;} 
.ev-cont-wrap.ev-cont-wrap-2 .list-chk3 {margin:8px 0;}
.ev-cont-wrap.ev-cont-wrap-2 .list-chk3 > li {background:url('/np/assets/images/kr/cm/ev/rc/arr_check_green2.gif') no-repeat 0 5px; padding-left:22px; font-size:16px; margin-bottom:3px;}
.ev-cont-wrap.ev-cont-wrap-2 .list-chk3 > li > strong {font-size:18px; letter-spacing:-0.7px;} 
.ev-cont-wrap.ev-cont-wrap-2 .list-chk3 > li > span.item {color:#259d82; font-size:16px;}
.ev-cont-wrap.ev-cont-wrap-2 .list-chk3 > li.li1 {color:#105a87; font-size:18px;} 
.ev-cont-wrap.ev-cont-wrap-2 .list-chk3 > li.li1 > .sub_txt {font-size:13px; margin-left:90px;} 
.ev-cont-wrap.ev-cont-wrap-2 .list-chk3 > li.li2 {color:#000; font-size:15px;} 
.ev-cont-wrap.ev-cont-wrap-2 .ev-list-txt > li {font-size:16px; margin-bottom:2px;}
.ev-cont-wrap.ev-cont-wrap-2 .ev-list-txt .sub_txt {color:#979797; font-size:15px;}
.ev-cont-wrap.ev-cont-wrap-2 .ev-list-txt .list-type1 > li {font-size:14px; background-position:2px; margin-bottom:2px;}
.ev-cont-wrap.ev-cont-wrap-2 .ev-list-txt .list-type1 > li > strong {font-size:14px;}
.ev-cont-wrap.ev-cont-wrap-2 .ev-btn-area {text-align:center;}
.ev-cont-wrap.ev-cont-wrap-2 .ev-btn-area > a {text-decoration:none; margin:0 3px;}
.ev-cont-wrap.ev-cont-wrap-2 .ev-btn-area > a.bt_green {border:1px solid #066720; background:#027f24; text-align:center; padding:7px 15px; color:#fff; font-size:16px;}
.ev-cont-wrap.ev-cont-wrap-2 .ev-btn-area > a.bt_green2 {border:1px solid #0d6e5b; background:#038f75; text-align:center; padding:7px 25px; color:#fff; font-size:16px;}
.ev-cont-wrap.ev-cont-wrap-2 .ev-btn-area > a.bt_navy {border:1px solid #132a53; background:#1c3b71; text-align:center; padding:7px 15px; color:#fff; font-size:16px;}
.ev-cont-wrap.ev-cont-wrap-2 .ev-btn-area > a.bt_navy2 {border:1px solid #06476d; background:#105b85; text-align:center; padding:7px 25px; color:#fff; font-size:16px;}
.ev-cont-wrap.ev-cont-wrap-2 .ev-cont-guide > dd.credit_txt > strong.fb {font-size:14px; color:#000;}
.ev-cont-wrap.ev-cont-wrap-2 .ev-cont-guide > dd.credit_txt > strong.fs {font-size:11px; color:#a6a6a6;}
/* green */
.ev-type1 .ev-cont-list li h2 {display:inline-block; width:95px; background-color:#027f24; color:#fff; font-weight:bold; font-size:15px; letter-spacing:-0.7px; text-align:center; padding:5px;}

/* 2018-07-26 당첨자발표 */
.ev-win-area.new {display:block; max-width:850px; width:100%; margin:0 auto;}
.ev-win-area.new .win_tit {text-align:center;}
.ev-win-area.new .win_label.wMid {width:80%;}
.ev-win-area.new .win_label.wShot {width:65%;}
.ev-win-area.new .win_label {position:relative; background:#005b87; height:27px; line-height:27px; text-align:center; margin:20px auto 30px !important;}
.ev-win-area.new .win_label .label_l {position:absolute; top:0; left:0; background:url('/np/assets/images/kr/page/label_prizewinner_l.gif') left top no-repeat; width:35px; height:27px;}
.ev-win-area.new .win_label .label_r {position:absolute; top:0; right:0; background:url('/np/assets/images/kr/page/label_prizewinner_r.gif') right top no-repeat; width:35px; height:27px;}
.ev-win-area.new .win_label .label_txt {letter-spacing:-0.5px; color:#fff; font-weight:bold; font-size:15px;}
.ev-win-area.new .tb {border-top:2px solid #0079b2;}
.ev-win-area.new .tb thead tr th {background:#f0f0f0; color:#0079b2; font-weight:bold; padding:5px 5px 3px;}
.ev-win-area.new .tb tbody tr td {padding:5px;}

/* 2018-08-01 디즈니 */
.ev-type1 .disney_img {margin:20px -64px;}
.ev-type1 .ev-cont-list li h2.ev_title01 {display:inline-block; width:120px; height:28px; color:#161616; font-weight:bold; font-size:15px; background:url('/np/assets/images/kr/cm/ev/rc/circle_blue.gif') no-repeat 0 0;}
.ev-type1 .ev-cont-list li h2.ev_title02 {display:inline-block; width:120px; height:28px; color:#161616; font-weight:bold; font-size:15px; background:url('/np/assets/images/kr/cm/ev/rc/circle_green.gif') no-repeat 0 0;}
.ev-type1 .ev-cont-list .cc_num {padding-left:4px; padding-right:18px; color:#fff; font-weight:bold;}
.ev-cont-list.type3 .ev-list-txt2 {margin-left:120px;}
.ev-type1 .ev-cont-list li.liShotVer h2.ev_title02 {width:105px;}
.ev-type1 .ev-cont-list li.liShotVer .ev-list-txt2 {margin-left:105px;}

/* 2018-08-07 고객센터 > hotline 추가 */
.hotline_tb .counseling_code {width:100%; float:none !important; margin-bottom:5px;}
.hotline_tb .counseling_code .code_area .code_part {border-right:none !important; float:none !important;}
.hotline_tb .counseling_code .code_area .code_part .col_head .row02 {width:33.25% !important; font-weight:bold; color:#333;}
.hotline_tb .counseling_code .code_area .code_part .col_body .row02 {width:33.25% !important;}
.hotline_tb .counseling_code .code_area .code_part .col_head .row03 {width:33.22% !important; font-weight:bold; color:#333;}
.hotline_tb .counseling_code .code_area .code_part .col_body .row03 {width:33.22% !important;}
.hotline_tb .counseling_code .code_area .code_part .col_head .row04 {width:24.9% !important; font-weight:bold; color:#333;}
.hotline_tb .counseling_code .code_area .code_part .col_body .row04 {width:24.9% !important;}

/* 2018-10-15 슬기로운펀드 추가 */
.ev-list-txt ul li.sp_ev1 {FONT-SIZE: 18px; COLOR: #3b8248; background:url('/np/assets/images/kr/cm/ev/rc/arr_check_green3.gif') left top no-repeat; padding-left:28px; margin-top:10px;}

/* 2018-12-12 메리플마 */
.ev-cont-area.ev-mpm {padding:30px 40px 30px 55px;}
.ev-cont-area.ev-mpm .ev-cont-list li h2.ev_title_rd {display:inline-block; width:175px; height:34px; line-height:24px; color:#d51719; font-weight:bold; font-size:16px; background:none; padding:0; text-align:left;}
.ev-cont-area.ev-mpm .ev-cont-list li h2.ev_title_gr {display:inline-block; width:175px; height:34px; line-height:24px; color:#149022; font-weight:bold; font-size:16px; background:none; padding:0; text-align:left;}
.ev-cont-area.ev-mpm .ev-cont-list li h2.ev_title_rd img,
.ev-cont-area.ev-mpm .ev-cont-list li h2.ev_title_gr img {vertical-align:middle; margin-right:8px;}
.ev-cont-area.ev-mpm .ev-type1 .ev-cont-list .ev_title_rd strong.cc_num,
.ev-cont-area.ev-mpm .ev-type1 .ev-cont-list .ev_title_gr strong.cc_num {padding-left:5px;}
.ev-cont-area.ev-mpm .ev-cont-list.type-mpm .ev-list-txt2 {margin-left:145px; font-size:17px; padding-top:3.8px; color:#5f5f5f !important;}
.ev-cont-area.ev-mpm .ev-cont-list.type-mpm .ev_list_noti {margin-top:10px;}
.ev-cont-area.ev-mpm .ev-cont-list.type-mpm .ev_list_noti strong {color:#d51719; font-size:16px;}
.ev-cont-area.ev-mpm .ev-cont-list.type-mpm .ev_list_noti p {font-size:15px; line-height:1.6; color:#5f5f5f !important;}
.ev-cont-area.ev-mpm .ev-cont-list.type-mpm .list_num {margin-top:10px;}
.ev-cont-area.ev-mpm .ev-cont-list.type-mpm .list_num li {font-size:16px; text-indent:-20px; padding-left:20px; margin-bottom:0;}

/* 2019-01-08 LFC */
.lfc_cont {margin-left:110px;}

/* 2019-01-15 PB 영상영역 */
.mv_wrap {border-bottom:solid 1px #e6e6e6; padding-bottom:20px; margin-bottom:35px;}
.mv_wrap .mv_box {margin:0 10px;}
.mv_wrap .mv_tit h2.title2 {margin:5px 0 15px 10px; font-size:15px;}

/* 2019-02-07 삼성오토이벤트 */
.ev-cont-wrap.ev-cont-wrap-2 .ssbt > a {text-decoration:none; margin:0 3px; display: inline-block; width: 32.5%; text-align: center; FONT-SIZE: 16px; FONT-WEIGHT: bold; COLOR: #fff; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; PADDING-LEFT: 45px; PADDING-RIGHT: 45px; BACKGROUND-COLOR: #0079b2; border-radius: 3px;}
 
/* 2019-06-09 LFC GUIDE */
.lfc_grp_cont {margin-left:150px;}

/* 2019-06-13 MA3.0 */
.ma3_intro {text-align:center;}
.ma3_intro .ma3_btn {text-align:center; margin-bottom:20px;}
.ma3_intro .ma3_btn a {display:inline-block; width:30%; padding:15px; text-align:center; font-size:18px; color:#fff; font-weight:bold; text-decoration:none}
.ma3_intro .ma3_btn .bblue {background-color:#4188e2; border-radius:5px; font-size:18px; color:#fff; font-weight:bold;}
.ma3_intro .ma3_btn .bgreen {background-color:#09a99d; border-radius:5px; font-size:18px; color:#fff; font-weight:bold;}
.ma3_intro .ma3_btn img {margin-left:10px; vertical-align:middle;}
.ma3_intro .p_num {margin-left:65px; color:#555; line-height:1.6; text-align:left;}

/* 2019-07-30 두줄 펀드 추가 수정 */
.fund_search_list table tbody td.fund_name .title_group span.Fund_detail {display:inline-block; margin-bottom: 5px;}
.detail_visual.red .info .dv_desc.twoline {margin-top: 0; padding-bottom: 13px; padding-top: 8px; letter-spacing: -0.5px;}
.search_result_list li .cont .detail {height: 40px; margin-bottom: 5px;}
.search_result_list li .cont .detail + .badge_group {margin-bottom: 10px;}

/* 2019-11-14 디즈니존 > 모바일3.0으로 변경 */
.spc-mb-info {border-top:1px solid #014869; padding:35px 0;}
.spc-mb-info h4 {font-size:18px; color:#233355; margin-bottom:12px; padding-bottom:8px;}
.spc-mb-info ul {margin-bottom:30px;}
.spc-mb-info ul > li {text-indent:-10px; padding-left:10px; font-size:15px; line-height:1.6; color:#233355; letter-spacing:-0.5px;}
/* // 2019-11-14 디즈니존 > 모바일3.0으로 변경 */


/* 2020-09-23 LIBOR 금리개혁 */
.libor-cont .product_ranking {margin-top:50px; border-top:1px solid #e4e4e4;}
.libor-cont .product_ranking .ranking_list li {padding:10px;}
.libor-cont .product_ranking .ranking_list li:nth-of-type(odd) {background-color:#f1f1f1;}
.libor-cont .product_ranking .ranking_list li strong {display:block; margin-top:6px;}

/* 2020-09-24 채용설명회 */
.hr-cont .banner-box {height:162px;background-position:50% 0; background-repeat:no-repeat;text-align:center; position:relative; background-image:url('/np/assets/images/kr/cm/bi/rc/2021_h_main_vis_global.png'); margin-bottom:25px;}
.hr-cont .banner-box .banner-con {padding-top:50px;}
.hr-cont .banner-box .banner-con .title {font-size:27px; font-weight:bold; color:#fff; margin-bottom:20px;}
.hr-cont .banner-box .banner-con .detail > a {display:inline-block !important; background-color:#fff; border-radius:3px; padding:10px 20px; color:#000; font-size:15px !important; margin-right:10px; text-decoration:none;}
.hr-cont .product_ranking .event_area {margin-top:0px;}
.hr-cont .product_ranking .event_area > ul > li > .btnbox {padding-top:35px; line-height:1.4; text-align:center; font-size:16px;}
.hr-tbl {margin-top:50px;}
.hr-tbl .tb {width:100%;}
.hr-tbl .tb tbody th {font-weight:bold !important; font-size:}
.hr-tbl .tb tbody td {text-align:left}

/* 2021-11-29 지속가능경영 */
.sub-new-rwap .sub-cont1 {max-width:810px; margin:auto;}
.sub-new-rwap .sub-cont1 .cont1 {margin-left:52px;}
.sub-new-rwap .sub-cont2,
.sub-new-rwap .sub-cont3 {background-color:#f6f6f6; margin-top:30px;}
.sub-new-rwap .sub-cont2 .cont2 {max-width:755px; margin:auto; padding-top:40px;}
.sub-new-rwap .sub-cont2 .cont2 dl dt {font-weight:bold; font-size:18px; color:#0473ea; margin-bottom:5px;}
.sub-new-rwap .sub-cont2 .cont2 dl dd {padding-bottom:40px; color:#555;}
.sub-new-rwap .sub-cont3 .cont3 {max-width:999px; margin:auto;}
.sub-new-rwap .sub-cont4 {max-width:999px; position:relative; overflow:hidden; margin:auto; padding:50px 0; background:#f6f6f6 url('/np/assets/images/kr/cm/bi/bg_sc_trustmark.png') no-repeat bottom right; background-size:18.5%;}
.sub-new-rwap .sub-cont4 .inner1 {float:left; width:62%; border-right:1px solid #a4a5a6;}
.sub-new-rwap .sub-cont4 .inner1 .cmm-img-lst {max-width:524px; margin:auto; width:-webkit-max-content;}
.sub-new-rwap .sub-cont4 .inner2 {float:left; width:38%;}
.sub-new-rwap .sub-cont4 .inner2 .cmm-img-lst {max-width:237px; margin:auto; width:-webkit-max-content;}
.sub-new-rwap .sub-cont4 .cmm-img-lst dl {margin:0 25px;}
.sub-new-rwap .sub-cont4 .cmm-img-lst dl > dd {background-color:#fff;}
.sub-new-rwap .sub-cont4 .cmm-img-lst dl.stype5 > dt > p {font-size:15px !important; letter-spacing:-0.8px;}
.sub-new-rwap .sub-cont4 .cmm-top-info {padding:0px; margin-top:-20px;}
.sub-new-rwap .sub-cont4 .cmm-img-lst {padding:30px 0 0;}

.cmm-top-info {padding:20px 0; text-align:center; position:relative;}
.cmm-top-info > h2 {display:inline-block; font-size:26px !important; font-weight:bold; color:#525455; border-top:1px solid #a4a5a6; padding-top:10px;}
.cmm-top-info:before {display:block; content:''; margin:20px auto; background:url('/np/assets/images/kr/cm/bi/icon_sustain_2022.png') no-repeat;}
.cmm-top-info.type1:before {width:33px; height:44px; background-position:0 0;}
.cmm-top-info.type2:before {width:33px; height:50px; background-position:0 -83px; margin:17px auto;}
.cmm-top-info.type3:before {width:50px; height:44px; background-position:0 -175px;}

.cmm-img-lst {width:785px; margin:0 auto; padding:20px 0; position:relative; overflow:hidden;}
.cmm-img-lst dl {float:left; width:212px; margin-right:68px;}
.cmm-img-lst dl:last-child {margin-right:0;}
.cmm-img-lst dl > dt {border:1px solid #0473ea; padding:12px 10px 10px; margin-bottom:20px; border-radius:50px; text-align:center;}
.cmm-img-lst dl > dt > p {position:relative; display:inline; font-size:16px !important; color:#0473ea; letter-spacing:-0.7px; padding-left:26px; margin-bottom:0;}
.cmm-img-lst dl > dt > p:before {display:block; content:''; position:absolute; top:0; left:0; background:url('/np/assets/images/kr/cm/bi/icon_sustain_2022.png') no-repeat;}
.cmm-img-lst dl.stype1 > dt > p:before {width:19px; height:21px; background-position:right 0;}
.cmm-img-lst dl.stype2 > dt > p:before {width:21px; height:21px; background-position:right -62px;}
.cmm-img-lst dl.stype3 > dt > p:before {width:19px; height:21px; background-position:right -122px;}
.cmm-img-lst dl.stype4 > dt > p:before {width:20px; height:22px; background-position:right -183px;}
.cmm-img-lst dl.stype5 > dt > p:before {width:22px; height:23px; background-position:right -245px;}
.cmm-img-lst dl.stype6 > dt > p:before {width:24px; height:20px; background-position:right -309px;}
.cmm-img-lst dl > dt > p > strong {font-weight:bold;}
.cmm-img-lst dl > dd {background-color:#f6f6f6;}
.cmm-img-lst dl > dd > .lst > li {min-height:105px; padding:12px; color:#555; letter-spacing:-0.5px; word-break:keep-all;}
.cmm-img-lst dl > dd > .lst > li > em {display:block; margin-bottom:5px; font-style:normal; font-weight:bold;}
.cmm-img-lst dl.stype4 > dd > .lst > li,
.cmm-img-lst dl.stype5 > dd > .lst > li,
.cmm-img-lst dl.stype6 > dd > .lst > li {min-height:90px;}

/* 금융소비자보호체계 */
.con_cons {margin:0 auto;}
.con_cons h2.title1 {font-size:21px !important; margin-bottom:30px !important;}
.con_cons .subtxt_cons {font-size:16px; line-height:24px;}
.con_cons .tit_cons {font-size:18px; line-height:22px; letter-spacing:0.5px; font-weight:bold; margin-bottom:25px; padding-top:5px;}
.con_cons .lst_cons {line-height:22px; color:#666}
.con_cons .lst_cons li {font-size:16px; list-style:none;padding-left:24px;background:url(/np/assets/images/kr/base/ico_titles.png) no-repeat 2px -108px;margin-bottom:2px;text-align:left;color:#666666;}
.con_cons .toggle_tit {padding:15px 0; border-top:1px solid #ededed; cursor:pointer;  margin:0 !important; position:relative;}
.con_cons .toggle_tit:first-child {border-top:0;}
.con_cons .toggle_tit span {position: absolute; display: block; right:1.1rem; top: 1.8rem; width: 15px; height: 15px; text-indent: -9999px; white-space: nowrap; overflow: hidden; background: url(/np/assets/images/kr/base/icons-semantic.png) 0 -120px no-repeat;}
.con_cons .toggle_tit.on {color: #2aac48;}
.con_cons .toggle_tit.on span {background-position: -36px -120px;}
.con_cons .toggle_cnt {display:none;}

/* 소비자보호조직도 */
.orde_img .wrap_imgs {padding:0 40px; display:flex; justify-content:space-between; align-items: center;}
.orde_img .wrap_imgs > img {height:min-content;}


/* 금융생활정보 */
.finan-cont.f-life {margin-top:40px;}
.finan-cont.f-life li .finan-list {margin-left:124px; min-height:106px;}
.finan-cont.f-life li p {line-height:1.4; font-size:14px;}
.finan-cont.f-life li a {font-size:14px;}
.finan-cont li.f-life01{background-image:url('https://owwwsit.standardchartered.co.kr/np/assets/images/kr/page/finan_consum_life01.jpg');}
.finan-cont li.f-life02{background-image:url('https://owwwsit.standardchartered.co.kr/np/assets/images/kr/page/finan_consum_life02.jpg');}
.finan-cont li.f-life03{background-image:url('https://owwwsit.standardchartered.co.kr/np/assets/images/kr/page/finan_consum_life03.jpg');}
.finan-cont li.f-life04{background-image:url('https://owwwsit.standardchartered.co.kr/np/assets/images/kr/page/finan_consum_life04.jpg');}
.finan-cont li.f-life05{background-image:url('https://owwwsit.standardchartered.co.kr/np/assets/images/kr/page/finan_consum_life05.jpg');}
.finan-cont li.f-life06{background-image:url('https://owwwsit.standardchartered.co.kr/np/assets/images/kr/page/finan_consum_life06.jpg');}
.finan-cont li.f-life07{background-image:url('https://owwwsit.standardchartered.co.kr/np/assets/images/kr/page/finan_consum_life07.jpg');}
.finan-cont li.f-life08{background-image:url('https://owwwsit.standardchartered.co.kr/np/assets/images/kr/page/finan_consum_life08.jpg');}




/* 2022-08-12 현대카드pj: 마블존 세로 이미지 추가 */
.spc-list-marvel li .thumb {width:225px;height:225px;margin:0 auto;text-align:center;}
.spc-list-marvel li .thumb img {max-width:100%;max-height:100%;width:auto;height:auto;}
.spc-list-marvel li .thumb + .spc-btn.web {margin-top:13px;}
.spc-list-marvel li .spc-btn.web {display: inline-block;background: url(/np/assets/images/kr/page/spc_disney_arrow.gif) 100% 50% no-repeat;padding:0 15px;font-size: 15px;color: #233355;border:0;}

/* 2022-08-12 현대카드pj:디즈니존 추가 */
.spc-list-dsny li .thumb {width:225px;height:225px;margin:0 auto;text-align:center;}
.spc-list-dsny li .thumb img {max-width:100%;max-height:100%;width:auto;height:auto;}
.spc-list-dsny li .disney {color: #999;font-size: 10px;letter-spacing: 0.05em;width: 142px;text-align: right;margin: 0 auto 10px auto;}
.spc-list-dsny li .disney em {font-size: 12px;vertical-align: middle;}
.h4-dsny.text-center {width:100%;text-align:center;}
.pro-dsny-box:hover {text-decoration: none;}

/* 2022-08-18 현대카드pj 추가 */
.ranking_list.card li .thumb {width:260px;height:260px;margin:0 auto;display:flex;align-items:center;justify-content:center;}
.ranking_list.card li .thumb img {max-width:260px;max-height:100%;}
.ranking_list.card li:nth-child(n+4) {margin-top:40px;}
.ranking_list.card li .btn_group {width:auto;}


/* 2022-11-15 방문판매직원조회 */
.dtd-sales-con {margin:20px 0 65px;}
.dtd-sales-con .form_add {position:relative; overflow:hidden; width:100%; margin-bottom:55px;}
.dtd-sales-con .form_add input {margin-right:10px;}
.dtd-sales-con .form_add input[type="text"].form-control {float:left; width:39.3%; border:1px solid #e4e4e4; box-shadow:none; padding:15px; margin-bottom:0; font-size:15px; height:60px; border-radius:0;}
.dtd-sales-con .form_add button {min-width:180px; box-shadow:none; margin-left:10px;}
.dtd-sales-con .form_add .btn-inq {float:right; height:60px; font-size:18px; display:inline-block !important; line-height:16px; color:#fff; background-color:#0473e9; border:none; cursor:pointer;}

.dtd-sales-con .form_view {position:relative; overflow:hidden; width:100%; border:1px solid #e4e4e4; padding:25px; line-height: inherit;}
.dtd-sales-con .form_view .thumb {float:left; width:25%;}
.dtd-sales-con .form_view .thumb .imgage {width:135px; min-height:180px; background-color:#f0f0f0; border:1px solid #ddd; font-size:0; line-height:0; box-sizing:border-box;}
.dtd-sales-con .form_view .thumb .imgage img {width:100%; font-size:0; line-height:0; margin:0; padding:0;}
.dtd-sales-con .form_view .salesinfo {float:left; width:75%; word-break:keep-all;}
.dtd-sales-con .form_view .salesinfo .infoLst {overflow:hidden; width:100%;}
.dtd-sales-con .form_view .salesinfo .infoLst ul {float:left; width:50%; margin:15px 0 0 0;}
.dtd-sales-con .form_view .salesinfo .infoLst ul li {position:relative; overflow:hidden; padding:5px 0;}
.dtd-sales-con .form_view .salesinfo .infoLst ul li .tit {display:block; float:left; width:35%; font-size:15px; color:#333; font-weight:bold;}
.dtd-sales-con .form_view .salesinfo .infoLst ul li .txt {display:block; float:left; width:65%; font-size:15px; color:#444; font-style:normal; word-break:break-word;}