@charset "utf-8";

/********************************************
프로젝트명 : Sales 강화 및 온라인 채널 개선
타이틀 : layout(submain, 레이아웃 공통)
작성자 : 천명기, 박준민
최초작성일 : 2016-05-13
수정일 : 2016-05-27
********************************************/

/*
	#salesHeader
*/
.priority_service #salesHeader {border-bottom:1px solid #474f5b;}
.hfix #salesHeader {width:100%;position:fixed; top:0;}
#salesHeader {min-width:999px;background:#fff;position:relative;z-index:300;}
#salesHeader:after {display:block;content:"";clear:both;}
#salesHeader .header_outer{position:relative;}
#salesHeader .header_inner {width:999px;height:80px;margin:0 auto;position:relative;z-index:2;}
#salesHeader h1.logo {width:179px;margin-top:13px;float:left;}
#salesHeader h1.logo a {display:block; max-width:130px;}
#salesHeader h1.logo a img {width:100%;}
#salesHeader h1.logo > a > img.ci_pc {display:block;}
#salesHeader h1.logo > a > img.ci_mb {display:none;}
#salesHeader .h_right {margin-top:25px;float:right;font-size:0;}
#salesHeader .h_right button[type="button"] {border:none;}
#salesHeader .login_list_area {margin-right:25px;float:left;position:relative;z-index:2;}
#salesHeader .login_list_area > button {height:30px;padding-right:10px;padding-left:10px;text-align:center;line-height:30px;font-size:15px;color:#fff;border-radius:5px;cursor:pointer;overflow:visible;}
#salesHeader .login_list_area > button.login {background:#18abeb;}
#salesHeader .login_list_area > button.logout {background:#1cb47d;}
#salesHeader .login_list_area > button span {padding-left:17px;display:inline-block;line-height:17px;}
#salesHeader .login_list_area > button:hover span {text-decoration:underline;}
#salesHeader .login_list_area > button.login span {background:url(../images/kr/base/ico_lock.png) no-repeat 0 50%;}
#salesHeader .login_list_area > button.logout span {background:url(../images/kr/base/ico_lock_open.png) no-repeat 0 50%;}
#salesHeader .login_layer {width:200px;margin-left:-100px;position:absolute;top:48px;left:50%;border:1px solid #18abeb;border-radius:5px;background:#fff;display:none;}
#salesHeader .login_list_area.active .login_layer {display:block;}
#salesHeader .login_layer .arrow {width:11px;height:7px;margin-left:-6px;display:block;position:absolute;top:-7px;left:50%;background:url(../images/kr/base/ico_layer_up.png) no-repeat;}
#salesHeader .login_layer ul {margin:0;padding:15px;}
#salesHeader .login_layer ul li {padding-left:10px;background:url(../images/kr/base/bul_dotted06.gif) no-repeat 0 10px;position:relative;}
#salesHeader .login_layer ul li:after {width:6px;height:10px;margin-top:-5px;content:""; display:block;position:absolute;top:50%;right:0;}
#salesHeader .login_layer ul li a {font-size:13px;color:#333;line-height:23px;display:block;background-image:url(../images/kr/base/ico_arrow_r_gray.png);background-repeat:no-repeat;background-color:none;background-position:100% 50%;}
#salesHeader .login_layer ul li:hover a {background-image:url(../images/kr/base/ico_arrow_r_blue.png);}
#salesHeader .login_layer > button {width:100%;padding:0;height:37px;background:#18abeb;text-align:center;font-size:13px;font-weight:bold;color:#fff;line-height:37px;}
#salesHeader .login_layer > button span {padding-left:25px;display:inline-block;background:url(../images/kr/base/ico_shield.png) no-repeat 0 8px;}
#salesHeader .login_layer > button:hover span {text-decoration:underline;}
#salesHeader .global {margin-top:0;margin-right:20px;margin-bottom:0;margin-left:0;float:left;}
#salesHeader .global:after {content:""; display:block; clear:both;}
#salesHeader .global > li {padding-right:8px;padding-left:8px;float:left;line-height:30px;background:url(../images/kr/base/bg_utill_menu_bar.gif) no-repeat 0 10px;}
#salesHeader .global > li:first-child {padding-left:0;background:none;}
#salesHeader .global > li > a {font-size:13px;color:#555;}
#salesHeader .global > li.active > a {color:#3bacdc;}
#salesHeader .gnb_open {display:none;}

/*gnb*/
.gnb_menu {margin:0;position:absolute;top:0;left:210px;}
.gnb_menu:after {display:block;content:"";clear:both;}
.gnb_menu > li {margin-left:40px;float:left;}
.gnb_menu > li:first-child {margin-left:0;}
.gnb_menu > li > a {height:80px;line-height:80px;display:block;font-size:16.5px;font-weight:bold;color:#333;position:relative;}
.gnb_menu > li.active > a {color:#3bacdc; background:url(../images/kr/base/ico_gnb_arrow1.png) 50% 100% no-repeat;}

#salesHeader .search_area {height:30px;float:left;position:relative;}
#salesHeader .search_area button {cursor:pointer;border:none;outline:none;}
#salesHeader .search_area button.btn_search_open {width:20px;height:30px;padding:0;background:url(../images/kr/base/ico_search.png) no-repeat 100% 50%;border:none;outline:none;}
#salesHeader .search_area .search_input_area {width:185px;height:28px;padding-right:60px;margin:0;position:absolute;top:0;right:0;background:#fff;border:1px solid #29b885;border-radius:5px;display:none; box-sizing:content-box;}
#salesHeader .search_area .search_input_area fieldset {margin:0;padding-top:0;padding-right:0;padding-bottom:0;padding-left:10px;border:none;}
#salesHeader .search_area .search_input_area fieldset legend {overflow:hidden;position:absolute;left:-9999px !important;top:0;width:1px;height:1px;text-indent:-9999px;}
#salesHeader .search_area.active .search_input_area {display:block; z-index:2;}
#salesHeader .search_area .search_input_area input {width:100%;height:28px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;margin:0;line-height:28px;font-size:13px;color:#3e3e3e;border:none;background:none;box-shadow:none;}
#salesHeader .search_area .search_input_area input:focus {box-shadow:none;}
#salesHeader .search_area .search_input_area label {margin-bottom:0;position:absolute;top:0;left:10px;font-size:13px;color:#3e3e3e;line-height:28px;}
#salesHeader .search_area .btn_area {width:60px;height:28px;position:absolute;top:0;right:0;font-size:0;}
#salesHeader .search_area .btn_area .btn_search {width:30px;height:28px;padding:0;background:url(../images/kr/base/ico_search.png) no-repeat 50% 50%;}
#salesHeader .search_area .btn_area .btn_search:after {width:1px;height:18px;margin-top:-8px;content:""; display:block;position:absolute;top:50%;left:31px;background:#b9e8d8;}
#salesHeader .search_area .btn_area .btn_close {width:30px;height:28px;padding:0;background:url(../images/kr/base/btn_search_close.png) no-repeat 50% 50%;}

#gnb_m {display:none;}
#gnb {width:100%; min-width:999px;}
#gnb .gnb_outer {width:100%; position:absolute;top:80px;left:0;background:#fff;overflow:hidden;background-image:url(../images/kr/base/bg_gnb_top_line.gif);background-repeat:repeat-x;box-sizing:content-box;}
#gnb .gnb_outer {border-bottom:1px solid #f2f2f2;box-shadow:0px 2px 5px #606060; height:auto; display:none;}
#gnb.no_depth.active .gnb_outer {border-bottom:none;}
#gnb ul {margin:0;}
#gnb .inner {width:999px;margin:0 auto;position:relative;}
#gnb .gnb_list {width:999px;margin:0;background-image:url(../images/kr/base/bg_gnb_line.gif);background-position:0 16px;background-repeat:no-repeat; display:flex}
#gnb .gnb_list:after {content:""; display:block;clear:both;}
#gnb .gnb_list > li {float:left;position:relative;font-size:0;background-image:url(../images/kr/base/bg_gnb_line.gif);background-position:100% 16px;background-repeat:no-repeat; box-sizing:content-box;}
#gnb .gnb_list.col3 > li {width:33.3%;}/* 2016-11-10 타입 추가*/
#gnb .gnb_list.col4 > li {width:25%;}
#gnb .gnb_list.col5 > li {width:20%;}
#gnb .gnb_list.col6 > li {width:171px}
#gnb .gnb_list.col6 > li:last-child {width:144px;}
#gnb .gnb_list.col7 > li {width:142px;}
#gnb .gnb_list.col7 > li:first-child {width:147px;}
#gnb .gnb_list > li.multiline > a {font-size:14px;}
#gnb .gnb_list > li.multiline> a span {padding-top:7px;padding-bottom:7px;display:inline-block;line-height:18px;}
#gnb .gnb_list > li.multiline> a:hover span {text-decoration:underline;}
#gnb .gnb_list > li > a {height:50px;margin-left:-1px;font-size:16px;color:#d2d0d1;line-height:50px;display:block;text-align:center;position:relative; text-decoration:none;}
#gnb .gnb_list > li.active > a {color:#fff;background:#5a606c;}
#gnb .gnb_list > li:hover > a {color:#fff;background:#5a606c url(../images/kr/base/ico_gnb_arrow3.png) no-repeat 50% 100%;}
#gnb.no_depth .gnb_list > li:hover > a {background:#5a606c;}
#gnb .gnb_list > li:first-child .two_depth {border-left:1px solid #f2f2f2;}
#gnb .two_depth {padding:14px 0;position:relative;border-right:1px solid #f2f2f2; box-sizing:content-box; height:100%;}
#gnb .two_depth > li {padding-top:5px;padding-right:8px;padding-bottom:5px;padding-left:8px; box-sizing:content-box;}
#gnb .two_depth > li:hover {background-color:#e7f6fd;}
#gnb .two_depth > li > a {padding-left:7px;line-height:18px;display:block;background:url(../images/kr/base/bul_dotted01.gif) no-repeat 0 8px;font-size:13px;color:#666;word-break:break-all;}
#gnb .two_depth > li:hover > a {background:url(../images/kr/base/bul_dotted06.gif) no-repeat 0 8px;color:#0099d8;}
/* 2017-02-20 */
#gnb .two_depth > li > a.bgn, #gnb .two_depth > li:hover > a.bgn{background:none;}


#gnb .gnb_btn_list_area {background:#f5f5f7;}
#gnb .gnb_btn_list_area .inner {padding:10px 0;font-size:0;text-align:center;}
#gnb .gnb_btn_list_area .btn_two {margin-left:10px;display:inline-block;}
#gnb .gnb_btn_list_area .btn_two .btn_arrow_round_r {border-top-left-radius:0;border-bottom-left-radius:0;}
#gnb .gnb_btn_list_area .btn_two .btn_arrow_round_r:first-child {border-top-right-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:none;}
#gnb .btn_arrow_round_r {height:30px;padding:0 10px;line-height:28px;display:inline-block;border-radius:5px;font-size:12px;}
#gnb .btn_arrow_round_r span {padding-right:18px;background-repeat:no-repeat;background-position:100% 50%;background-color:none;display:inline-block;}
#gnb .btn_arrow_round_r.blue {border:1px solid #7bc7e7;color:#0199dc;}
#gnb .btn_arrow_round_r.blue span {background-image:url(../images/kr/base/ico_gnb_arrow_r_b.png);}
#gnb .btn_arrow_round_r.green {border:1px solid #88d4ba;color:#1db67e;}
#gnb .btn_arrow_round_r.green span {background-image:url(../images/kr/base/ico_gnb_arrow_r_g.png);}

#gnb .gnb_btn_area {width:142px;padding-top:18px;padding-right:10px;padding-bottom:18px;padding-left:10px;border-top:1px solid #f2f2f2;position:absolute;right:0;bottom:0;z-index:0;}
#gnb .gnb_btn_area a {margin-top:19px;padding-left:28px;display:block;font-size:12px;color:#666;line-height:16px;background-position:0 50%;background-repeat:no-repeat;background-color:none;}
#gnb .gnb_btn_area a:first-child {margin-top:0;}
#gnb .gnb_btn_area a.ico1 {background-image:url(../images/kr/base/ico_gnb_btn1.png);}
#gnb .gnb_btn_area a.ico2 {background-image:url(../images/kr/base/ico_gnb_btn2.png);}
#gnb .gnb_btn_area a.ico3 {background-image:url(../images/kr/base/ico_gnb_btn3.png);}

/*company_customer*/
.company_customer {display:none;}

/*
	#salesFooter
*/
#salesFooter {min-width:999px;background:#3c3c3c;position:relative;z-index:30;}
#salesFooter .inner {width:999px;margin:0 auto;}
#salesFooter .footer_inner {width:999px;padding-top:30px;padding-bottom:20px;margin:0 auto;position:relative;}
#salesFooter .footer_inner:after {display:block;content:"";clear:both;}
#salesFooter .m_list_area {}
#salesFooter .m_list_area:after {display:block;content:"";clear:both;}
#salesFooter .m_list {float:left;margin:0;}
#salesFooter .m_list li {float:left;}
#salesFooter .m_list li a {padding-right:5px; margin-right:5px; border-right:1px solid #797979; font-size:12px;color:#d0d0d0;line-height:24px; letter-spacing:-0.4px;}
#salesFooter .m_list li.point {}
#salesFooter .m_list li.point a {/* color:#ff0; */ color:#b2f0a5; font-weight:bold; letter-spacing:-0.3px;}
#salesFooter .m_list li.last a {padding-right:0; margin-right:0; border-right:none;}
#salesFooter .ico_area .award {position:absolute;bottom:40px;right:180px;}
#salesFooter .ico_area .customer {display:block;position:absolute;bottom:40px;right:0;}
#salesFooter .ico_area .customer img {width:145px;}
#salesFooter .ico_area .customer.mbtn{display:none;}
#salesFooter .footer_right {margin-top:25px;}
#salesFooter .footer_inner .footer_right address {margin-bottom:5px;margin-left:0;}
#salesFooter address,#salesFooter p.copy {font-style:normal;font-size:13px;color:#d0d0d0;}

/*
	contents
*/
#main_container {background-color:#f2f3f5;}
#main_container, #sub_container {min-width:999px;position:relative;z-index:40;}
.hfix #main_container {padding-top:80px;}
#main_container .container_inner, #sub_container .container_inner {width:999px; min-width: 999px; margin:0 auto;padding-top:30px;}
.priority_service #sub_container, .priority_service.hfix #sub_container {padding-top:80px;}
.hfix #sub_container {padding-top:80px;}

/*
	하단 퀵메뉴
*/
#main_container .fot_menu {margin-top:30px;}
.fot_menu {min-width:999px;background:#fff;border-top:1px solid #e0e1e1;}
.fot_menu .inner {width:999px;margin:0 auto;}
.fot_menu .inner ul {margin-bottom:0; overflow: hidden;}
.fot_menu ul:after {content:""; display:block; clear:both;}
.fot_menu li {float:left;position:relative;text-align:center;background:url(../images/kr/base/foot_menu_line.gif) 0 50% no-repeat transparent;}
.fot_menu li:first-child {background:none;}
.fot_menu.col4 li {width:25%;}
.fot_menu.col5 li {width:20%;}
.fot_menu.col6 li {width:16.6%;}
.fot_menu.col7 li {width:13%;}
.fot_menu.col7 li.ico_book {width:18%;}
.fot_menu.col7 li.ico_speaker,
.fot_menu.col7 li.ico_finance {width:15%;}
.fot_menu li a {display:block;font-size:13px;color:#666;line-height:21px;}
.fot_menu li a > span {padding-top:17px;padding-bottom:17px;padding-left:25px;display:inline-block;background-image:url(../images/kr/base/ico_fotmenu.png);background-repeat:no-repeat;text-decoration:none;}
.fot_menu li a:hover span {text-decoration:underline;}
.fot_menu li.multiline a > span {padding-top:7px;padding-bottom:6px;}
.fot_menu li.ico_percent a > span {background-position:0 19px;}
.fot_menu li.ico_dollar a > span {background-position:0 -81px;}
.fot_menu li.ico_graph a > span {background-position:0 -181px;}
.fot_menu li.ico_deposit a > span {background-position:0 -281px;}
.fot_menu li.ico_clock a > span {background-position:0 -381px;}
.fot_menu li.ico_speaker a > span {background-position:0 -481px;}
.fot_menu li.ico_book a > span {background-position:0 -581px;}
.fot_menu li.ico_man a > span {background-position:0 -681px;}
.fot_menu li.ico_dom a > span {background-position:0 -781px;}
.fot_menu li.ico_finance a > span {background:url('/np/assets/images/kr/base/ico_finance_w.gif') 0 19px no-repeat;}

/*
	하단 히스토리
*/
.breadcrumbs {border-top:1px solid #dbddde; min-width: 999px; background: #f2f7f9;}
.breadcrumbs .inner {width:964px;padding-left:35px;margin:0 auto;overflow:hidden;position:relative;box-sizing:content-box;}
.breadcrumbs a {padding-top:9px;padding-bottom:9px;padding-left:15px;margin-left:15px;display:inline-block;line-height:18px;background:url(../images/kr/base/ico_histroy_arrow.png) no-repeat 0 12px;font-size:12px;color:#7a8794;}
.breadcrumbs a.home {width:35px;height:100%;margin-left:0;background:none;padding:0;vertical-align:top;position:absolute;top:0;left:0;text-align:right;background:url(../images/kr/base/ico_history.png) no-repeat 100% 11px;}


/* 2021-02-03 rebranding */