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

/* container */
/* layout */
.section_intro {margin-top:17px;}
.section_intro:first-child {margin-top:0;}
.section_intro:after {display:block;content:"";clear:both;}
.section_intro .left_area {float:left;}
.section_intro .right_area {float:right;}

/* bxslide - 인트로 */
#main_container .bx-wrapper {position:relative;}
#main_container .bx-controls {padding-left:15px;position:absolute;}
#main_container .bx-controls-direction {display:none;}
#main_container .bx-pager {overflow:hidden;vertical-align:top;}
#main_container .bx-pager .bx-pager-item {margin-left:5px;float:left;font-size:0;}
#main_container .bx-pager .bx-pager-item:first-child {margin-left:0;}
#main_container .bx-pager .bx-pager-item a {width:10px;height:10px;display:inline-block;font-size:0;background:url(../images/kr/base/ico_navi.png) no-repeat;vertical-align:top;line-height:0;}
#main_container .bx-pager .bx-pager-item a.active {width:22px;background:url(../images/kr/base/ico_navi_on.png) no-repeat;}
#main_container .bx-controls-auto .bx-controls-auto-item {font-size:0; vertical-align: top;}
#main_container .bx-controls-auto .bx-controls-auto-item a {width:10px;height:10px;display:inline-block;background:url(../images/kr/base/btn_slide2.png) no-repeat;font-size:0;line-height:0; vertical-align: top;}
#main_container .bx-controls-auto .bx-controls-auto-item a.bx-stop {background-position:0 -12px;}
#main_container .bx-controls-auto .bx-controls-auto-item a.active {display:none;}
#main_container .bx-wrapper .bx-viewport li a {height:100%;display:block;font-size:0;}
#main_container .promotion .bx-controls {margin-left:-48px;position:absolute;top:30px;left:50%;}
#main_container .bx-wrapper .bx-viewport li a.m {display:none;}
#main_container .hot_issue_area .bx-controls {position:absolute;bottom:20px;left:20px;}

#main_container .promotion .controls {width: 100%; top:14px; position: absolute; left: 0; z-index: 30;}
.controls {text-align: center;}
.controls .auto {margin-right: 5px;}
.controls .auto, .controls .auto .bx-controls-auto {width: 12px; height: 12px; overflow: hidden;}
.controls .auto .bx-controls-auto {vertical-align: top;}
.controls .pager, .controls .auto {display: inline-block; vertical-align: top;}

.finance_area {width:491px;margin-bottom:17px;font-family:"Nanum Gothic", "돋움","dotum",sans-serif;}
.finance_area:after {display:block;content:"";clear:both;}
.finance_area .area {width:237px;height:305px;border-radius:5px;}
.finance_area .area.type1 {float:left;background:#0085d2;}
.finance_area .area.type2 {float:right;background:#23a02b;}
.finance_area .area .tit {height:53px;padding-left:20px;margin:0;font-size:20px;color:#fff;border-top-right-radius:5px;border-top-left-radius:5px;line-height:53px; text-align:left;}
.finance_area .area .btn_finance {display:none;}
.finance_area .area .tit span {display:block;}
.finance_area .area.type1 .tit {background-color:#0085d2; padding-left:10px; margin:0 10px; border-bottom:1px solid rgb(128, 194, 233);}
.finance_area .area.type2 .tit {background-color:#23a02b; padding-left:10px; margin:0 10px; border-bottom:1px solid rgb(145, 208, 149);}
.finance_area .area .cont {height:207px;margin:0;padding-right:20px;padding-left:20px;}
.finance_area .area .cont > p {display:none; margin:0;font-size:14px;color:#fff;line-height:20px;}
.finance_area .area:hover .cont > p {display:none;}
.finance_area .area .cont > p span {display:block;}
.finance_area .direct_list {padding-top:10px;display:block;}
.finance_area .area:hover .direct_list {display:block;}
.finance_area .area .direct_list li {padding-left:8px;position:relative;background:url(../images/kr/base/bul_dotted03.gif) no-repeat 0 12px;}
.finance_area .area .direct_list li a {display:block;font-size:14px;line-height:26px;font-family:"Nanum Gothic", "돋움","dotum",sans-serif;color:#fff;background-image:url(../images/kr/base/ico_arrow_r_list.png);background-repeat:no-repeat;background-position:100% 9px;}
.finance_area .area.type2 .direct_list li a {line-height:23px;} /* 2019-01-23 추가 */
.finance_area .area.type1 .direct_list li:hover a, .finance_area .area.type2 .direct_list li:hover a {color:#fff;}
.finance_area .area .btn_area {padding-right:10px;padding-bottom:10px;padding-left:10px;}
.finance_area .area .btn_area a {display:block; width:215px;height:32px;padding:0;line-height:32px;text-align:center;background:none;font-size:15px;border-radius:5px;color:#fff;box-sizing:content-box;font-family:"Nanum Gothic", "돋움","dotum",sans-serif;}
.finance_area .area .btn_area a:hover {background:#fff;}
.finance_area .area .btn_area a span {padding-left:28px;display:inline-block;}
.finance_area .area.type1 .btn_area a:hover {color:#0085d2;}
.finance_area .area.type2 .btn_area a:hover {color:#23a02b;}
.finance_area .area.type1 .btn_area a {border:1px solid #80c2e9;}
.finance_area .area.type1 .btn_area a span {background:url(../images/kr/base/ico_shield.png) no-repeat 0 6px;}
.finance_area .area.type2 .btn_area a {border:1px solid #91d095;}
.finance_area .area.type2 .btn_area a span {background:url(../images/kr/base/ico_search2.png) no-repeat 0 6px;}
.finance_area .area .btn_area a:hover span {background-position:0 -50px;}
.finance_area2:after {display:block;content:"";clear:both;}
.finance_area2 a {width:237px;height:230px;border:#e6e7e9 1px solid;display:block;text-decoration:none;border-radius:5px;position:relative;}
.finance_area2 .type1 {float:left;}
.finance_area2 .type2 {float:right;}
.finance_area2 .area a {background:none; position:relative;}
.finance_area2 .area a img {position:absolute; top:0; left:0; width:100%; height:100%;}
.finance_area2 .type1 a {background:#8bc5e2 url(../images/kr/base/ico_arrow_r_b.png) no-repeat 92% 25px;}
.finance_area2 .type2 a {background:#7fd77f url(../images/kr/base/ico_arrow_r_g.png) no-repeat 92% 25px;}
.finance_area2 .tit {padding:20px;margin:0;font-size:20px;color:#fff;border-top-right-radius:5px;border-top-left-radius:5px;line-height:24px;text-align:left;}
.finance_area2 .tit span {display:block;}
.finance_area2 .cont {margin:0;padding-right:20px;padding-left:20px;}
.finance_area2 .cont > p {margin:0;font-size:14px;color:#fff;line-height:20px;}
.finance_area2 .cont > p span {display:block;}

.promotion {width:487px; position: relative;}
.promotion .bx-wrapper .bx-viewport li {height:550px;}
.txt_slide_banner {width:100%;position:absolute;top:65px;left:0;text-align:center;}
.txt_slide_banner strong {margin-bottom:10px;display:block;font-size:36px;line-height:48px;color:#333;font-family:"Nanum Gothic Bold", "돋움","dotum",sans-serif;}
.txt_slide_banner p {font-size:18px;line-height:24px;color:#666;}
/* 슬라이드 미적용 상태 */
.promotion {}
.promotion > .bxslider.no_slider > li {height:267px}
.promotion > .bxslider.no_slider > li > a {display: block; height: 100%;}
.promotion > .bxslider > li {position: relative;}

.sales_news {width:487px;height:228px;background:#fff;position:relative;border-radius:5px;border:1px solid #e6e7e9;}
.main_tab {padding-right:48px;margin:0;position:relative;}
.main_tab:after {content:""; display:block; clear:both;}
.main_tab ul {margin:0;}
.main_tab > li {width:25%;float:left;background:url(../images/kr/base/line_tab.gif) no-repeat 0 50%;}
.main_tab > li:first-child {background:none;}
.main_tab > li > .sales_news_tit {width:100%;height:46px;display:inline-block;line-height:46px;font-size:16px;color:#666;text-align:center;position:relative;font-family:"Nanum Gothic", "돋움","dotum",sans-serif;border-bottom:1px solid #e1e7e9;box-sizing:content-box;}
.main_tab > li .btn_more {width:48px;height:46px;background:url(../images/kr/base/btn_more.png) no-repeat 50% 50%;position:absolute;top:0;right:0;border-bottom:1px solid #e1e7e9;border-left:1px solid #e1e7e9;box-sizing:content-box;display:none;}
.main_tab .tab_cont {width:100%;position:absolute;top:46px;left:0;display:none;}
.main_tab .tab_cont ul {padding-top:15px;padding-right:15px;padding-left:15px;}
.main_tab .tab_cont li {padding-left:10px;background:url(../images/kr/base/bul_dotted06.gif) no-repeat 0 50%;}
.main_tab .tab_cont li a {font-size:13px;color:#666;line-height:30px;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-family:"돋움","dotum",sans-serif;}
.main_contents .part.list7 .btn_more {width:48px;height:46px;background:url(../images/kr/base/btn_more.png) no-repeat 50% 50%;position:absolute;top:0;right:0;border-bottom:1px solid #e1e7e9;border-left:1px solid #e1e7e9;box-sizing:content-box;}
.main_contents .part.list7 .btn_more span {width:0;height:0;display:inline-block;text-indent:-9999px;}
.main_tab > li.active > .sales_news_tit {height:43px;color:#18abeb;font-family:"Nanum Gothic Bold", "돋움","dotum",sans-serif;border-bottom:4px solid #18abeb;}
.main_tab > li.active .tab_cont {display:block;}
.main_tab > li.active .btn_more {display:block;}

.hot_issue_area {width:491px; position: relative;}
.hot_issue_area .controls {position: absolute; bottom: 14px; left: 14px; z-index: 30;}

/* bxslide - 기업비주얼 */
.business_main .bx-wrapper {position:relative;border-radius:5px;border:1px solid #e6e7e9;}
.business_main .bx-controls {height:10px;padding-left:15px;position:absolute;bottom:15px;left:20px;}
.business_main .bx-controls-direction {display:none;}
.business_main .bx-pager {overflow:hidden;vertical-align:top;}
.business_main .bx-pager .bx-pager-item {margin-left:5px;float:left;font-size:0;}
.business_main .bx-pager .bx-pager-item:first-child {margin-left:0;}
.business_main .bx-pager .bx-pager-item a {width:10px;height:10px;display:inline-block;font-size:0;background:url(../images/kr/base/ico_navi.png) no-repeat;vertical-align:top;line-height:0;}
.business_main .bx-pager .bx-pager-item a.active {width:22px;background:url(../images/kr/base/ico_navi_on.png) no-repeat;}
.business_main .bx-controls-auto {display: inline-block;}
.business_main .bx-controls-auto .bx-controls-auto-item {font-size:0; vertical-align: top; display: inline-block;}
.business_main .bx-controls-auto .bx-controls-auto-item a {width:10px;height:10px;display:inline-block;background:url(../images/kr/base/btn_slide2.png) no-repeat;font-size:0;line-height:0; vertical-align: top;}
.business_main .bx-controls-auto .bx-controls-auto-item a.bx-stop {background-position:0 -12px;}
.business_main .bx-controls-auto .bx-controls-auto-item a.active {display:none;}
.business_main .bx-wrapper .bx-viewport li a {height:100%;display:block;font-size:0;}
.business_slide {width:492px; position: relative;}
.business_slide .controls {position: absolute; bottom: 15px; left: 20px; z-index: 30;}
.business_slide .bxslider li {font-size:0;}
.business_slide .txt_slide_banner {top:0;left:0;padding-top:20px;padding-left:20px;text-align:left;}
.business_slide .txt_slide_banner strong {font-size:24px;line-height:28px;}
.business_slide .txt_slide_banner p {font-size:16px;line-height:24px;}
/* 슬라이드 미적용 상태 */
.business_slide > .bxslider > li {position: relative;}
.business_slide > .bxslider.no_slider > li {height:267px}
.business_slide > .bxslider.no_slider > li > a {display: block; height: 100%;}

/*기업메인*/
.sales_wrapper.business_main {background-color:#f2f3f5;}
.business_main .container_inner {padding-bottom:30px;}
.box_menu_list {width:237px;height:305px;margin-right:17px;border-radius:5px;position:relative;float:left;}
.box_menu_list > strong {padding-right:20px;padding-left:20px;display:block;font-size:20px;font-family:"Nanum Gothic Bold", "돋움","dotum",sans-serif;line-height:52px;border-top-right-radius:5px;border-top-left-radius:5px;color:#fff;background-color:#0085d2;}
.box_menu_list .box_cont {padding-right:20px;padding-bottom:60px;padding-left:20px;}
.box_menu_list .box_cont p {font-size:14px;color:#fff;line-height:21px;}
.box_menu_list .btn_area {width:100%;position:absolute;bottom:10px;left:0;text-align:center;}
.box_menu_list .btn_ico_round {width:214px;}
.box_menu_list .menu_list {padding-top:10px;display:none;}
.box_menu_list .menu_list li {padding-left:8px;position:relative;background:url(../images/kr/base/bul_dotted03.gif) no-repeat 0 12px;}
.box_menu_list .menu_list li a {display:block;font-size:15px;line-height:27px;font-family:"Nanum Gothic", "돋움","dotum",sans-serif;color:#fff;background-image:url(../images/kr/base/ico_arrow_r_list.png);background-repeat:no-repeat;background-position:100% 9px;} /* 2022-09-13 비즈니스뱅킹 수정 */
.box_menu_list.internet_banking  {background-repeat:no-repeat;background-position:50% 135px;background-color:#0085d2;background-image:url(../images/kr/base/ico_building.png);}
.box_menu_list.box_menu_list.internet_banking:hover {background-color:#006faf;background-image:none;}
.box_menu_list:hover .box_cont > p {display:none;}
.box_menu_list:hover .menu_list {display:block;}
.box_menu_list .m_box_menu_btn {display:none;}
.box_link_area {width:237px;float:left;}
.main_box_link {margin-top:17px;background-position:100% 100%;background-repeat:no-repeat;border-radius:5px;;}
.main_box_link:first-child {margin-top:0;}
.main_box_link a {height:144px;display:block;background-position:20px 90px;background-repeat:no-repeat;background-color:transparent;color:#fff;box-sizing:content-box;}
.main_box_link a strong {padding-top:20px;padding-left:20px;display:block;font-size:20px;font-family:"Nanum Gothic Bold", "돋움","dotum",sans-serif;line-height:23px;}
.main_box_link a strong span {padding-top:5px;font-size:14px;display:block;}
.main_box_link.breeze_business {background-color:#8bc5e2;background-image:url(../images/kr/base/ico_phone.png);}
.main_box_link.sc_serp {background-color:#7fd77f;background-image:url(../images/kr/base/ico_monitor2.png);}
.main_box_link.breeze_business a {background-image:url(../images/kr/base/ico_arrow_r_b.png);}
.main_box_link.sc_serp a {background-image:url(../images/kr/base/ico_arrow_r_g.png);}
/* 2022-09-13 비즈니스뱅킹 */
.main_box_link.bbev {position:relative; height:305px; background:#268f00 url(../images/kr/base/icon_bbev.png) no-repeat center 60%; background-size:42%;}
.main_box_link.bbev > strong {padding:10px 20px; display:block;font-size:20px;font-family:"Nanum Gothic Bold", "돋움","dotum",sans-serif;line-height:26px;border-top-right-radius:5px;border-top-left-radius:5px;color:#fff;}
.main_box_link.bbev .btn_area_ev {width:100%;position:absolute;bottom:10px;left:0;text-align:center;}
.main_box_link.bbev .btn_area_ev a {width:214px; border:1px solid #fff; margin:0 10px; height:auto;}
.main_box_link.bbev .btn_area_ev a.btn_ico_round span {padding-left:0;}
/* // 2022-09-13 비즈니스뱅킹 */
ul.business_menu_list {width:235px;margin-right:17px;border:1px solid #f1f1f1;border-radius:5px;box-sizing:content-box;float:left;background-color:#fff;}
.business_menu_list li {border-top:1px solid #f1f1f1;}
.business_menu_list li:first-child {border-top:none;}
.business_menu_list li a {height:57px;padding-left:60px;line-height:57px;font-size:15px;color:#666;background-position:20px 50%;background-repeat:no-repeat;background-color:transparent;display:block;}
.business_menu_list li.ico_money a {background-image:url(../images/kr/base/ico_business_money.png);}
.business_menu_list li.ico_graph a {background-image:url(../images/kr/base/ico_business_graph.png);}
.business_menu_list li.ico_coation a {background-image:url(../images/kr/base/ico_business_coation.png);}
.business_menu_list li.ico_graph2 a {background-image:url(../images/kr/base/ico_business_graph2.png);}
ul.business_link_list {width:235px;border:1px solid #f1f1f1;border-radius:5px;box-sizing:content-box;float:left;background-color:#fff;}
.business_link_list li {border-top:1px solid #f1f1f1;}
.business_link_list li:first-child {border-top:none;}
/* 2018-10-30 수정
.business_link_list li a {padding-top:11px;padding-bottom:12px;padding-left:20px;font-size:13px;color:#666;line-height:16px;font-family:"돋움","dotum",sans-serif;display:block;background-position:95% 50%;background-repeat:no-repeat;background-color:transparent;display:block;background-image:url(../images/kr/base/ico_arrow_r_blue_thin.png);} */
.business_link_list li a {padding-top:12.1px;padding-bottom:12.1px;padding-left:20px;font-size:13px;color:#666;line-height:15px;font-family:"돋움","dotum",sans-serif;display:block;background-position:95% 50%;background-repeat:no-repeat;background-color:transparent;display:block;background-image:url(../images/kr/base/ico_arrow_r_blue_thin.png);}
.business_link_list li span.sub {display:block;font-size:11px;color:#999;}
.more_list_area {width:490px;height:231px;background:#fff;position:relative;border-radius:5px;border:1px solid #e6e7e9;box-sizing:content-box;}
.more_list_area .more_list_tit {padding-right:49px;padding-left:15px;position:relative;border-bottom:1px solid #e1e7e9;box-sizing:content-box;}
.more_list_area .more_list_tit strong {width:100%;height:46px;display:inline-block;line-height:46px;font-size:20px;color:#333;position:relative;font-family:"Nanum Gothic Bold", "돋움","dotum",sans-serif;font-weight:normal;}
.more_list_area .btn_more {width:48px;height:46px;background:url(../images/kr/base/btn_more.png) no-repeat 50% 50%;position:absolute;top:0;right:0;border-bottom:1px solid #e1e7e9;border-left:1px solid #e1e7e9;box-sizing:content-box;}
.more_list_area .more_list {width:100%;}
.more_list_area .more_list ul {padding-top:15px;padding-right:15px;padding-left:15px;}
.more_list_area .more_list li {padding-left:10px;background:url(../images/kr/base/bul_dotted06.gif) no-repeat 0 50%;}
.more_list_area .more_list li a {font-size:13px;color:#666;line-height:30px;display:block;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;font-family:"돋움","dotum",sans-serif;}