/* 20150625 JS */

/* common */
.new_header_wrap ul {margin:0; padding:0; font-size:0; line-height:0;}
.new_mega_t15 {margin-top:15px;}
/* 최상단 */
.hr {display:none;}
.new_header_wrap {width:100%; height:50px; background:url(/np/assets/images/mega_img/new_bg_header.gif) repeat-x 0; font-family:'Nanum Gothic Bold', 돋움, dotum, sans-serif;}
.new_header_wrap .new_header {width:1000px; max-width:100%; height:50px; margin:0 auto;}
.new_header_wrap .new_header .new_header_util {float:left; width:25%;}
.new_header_wrap .new_header .new_header_quick {float:right; width:52%; margin:0; padding:0;}

/* 헤딩바 영역 */
.new_header_quick ul.new_header_quick_list {float:left; width:67%; margin:0; padding-top:10px;}
.new_header_quick .new_header_search {float:left; width:32%;}

.new_header_util > ul > li {float:left; margin-top:16px; margin-right:5%; line-height:16px;}
.new_header_util > ul > li > a {display:block; color:#666;}
.new_header_util > ul > li > a:hover {text-decoration:none; padding-bottom:18px; background:url(/np/assets/images/mega_img/new_bg_icn_up_arr.gif) no-repeat 50% 100%;}
.new_header_util > ul > li > a.on {padding-bottom:18px; color:#000; background:url(/np/assets/images/mega_img/new_bg_icn_up_arr.gif) no-repeat 50% 100%;}

.new_header_util > ul > li.new_biz {position:relative; z-index:300;}
.new_header_util > ul > li.new_biz > div {display:block; position:absolute; left:-8px; top:34px; z-index:300; height:84px; width:178px; border:1px solid #ccc; border-top:none; background:#fff;}
.new_header_util > ul > li.new_biz > div > ul {padding-top:10px; margin-bottom:0;}
.new_header_util > ul > li.new_biz > div > ul > li {height:32px; line-height:16px;}
.new_header_util > ul > li.new_biz > div > ul > li > a {display:block; padding-left:23px; padding-top:9px; padding-bottom:9px;}
.new_header_util > ul > li.new_biz > div > ul > li > a:hover {background:#e3e3e3 url(/np/assets/images/mega_img/new_bg_icn_right_arr.gif) no-repeat 10px 11px; text-decoration:none;}
.new_header_util > div.media_util {display:none; position:absolute;}

.new_header_quick > ul > li {width:21%; float:left; height:40px; padding-bottom:5px; line-height:12px;}
.new_header_quick > ul > li.icn_1 {position:relative; width:26%;}
.new_header_quick > ul > li.icn_1 > div {display:block; position:absolute; left:-8px; top:40px; z-index:300; height:329px; width:178px; border:1px solid #ccc; border-top:none; background:#fff;}
.new_header_quick > ul > li.icn_1 > div > ul {margin-bottom:0;}
.new_header_quick > ul > li.icn_1 > div > ul > li {line-height:16px;}
.new_header_quick > ul > li.icn_1 > div > ul > li > a {display:block; padding-left:13px; background:url(/np/assets/images/mega_img/new_bg_icn_text_change.gif) no-repeat 0 0;}
.new_header_quick > ul > li.icn_2 {width:29%;}
.new_header_quick > ul > li > div {display:none;}
.new_header_quick > ul > li > a {display:block;}
.new_header_quick > ul > li > a:hover {text-decoration:none;}
.new_header_quick > ul > li > a > span {padding-bottom:2px; padding-top:9px;height:33px; }
.new_header_quick > ul > li.icn_1 > a > span.mega_title {display:block; padding-left:22px; background:url(/np/assets/images/mega_img/new_bg_icn_01.gif) no-repeat 0 8px;}
.new_header_quick > ul > li.icn_2 > a > span.mega_title {display:block; padding-left:19px; background:url(/np/assets/images/mega_img/new_bg_icn_02.gif) no-repeat 0 2px;}
.new_header_quick > ul > li.icn_3 > a > span.mega_title {display:block; padding-left:17px; background:url(/np/assets/images/mega_img/new_bg_icn_03.gif) no-repeat 0 8px;}
.new_header_quick > ul > li.icn_4 > a > span.mega_title {display:block; padding-left:13px; background:url(/np/assets/images/mega_img/new_bg_icn_04.gif) no-repeat 0 7px;}

.new_header_quick .new_header_search > ul > li {overflow:hidden; line-height:16px;}
.new_header_quick .new_header_search > ul > li > div.new_header_search_area {position:relative; float:left; width:70px; height:32px; margin-top:8px; margin-right:20px; background:#f6f6f6; border:1px solid #666;}
.new_header_quick .new_header_search > ul > li > div.change_lang {float:left; width:50px; margin-top:16px;}
.new_header_search > ul > li > div.change_lang > a:hover {text-decoration:none;}
.new_header_search > ul > li > div.new_header_search_area input {display:block; *width:60px; background:#f6f6f6; border:none;}
.new_header_search > ul > li > div.new_header_search_area .search_box {position:absolute; right:8px; top:8px;}


/* 메가 영역 */
.new_mega_wrap {width:100%; height:66px; background:#fff;}
.new_mega_wrap .new_mega {position:relative; z-index:200; width:1000px; max-width:100%; height:66px; margin:0 auto;}

.new_mega_wrap .new_mega .ci_area {float:left; width:136px; margin-top:16px; margin-left:2.8%;}
.new_mega_wrap .new_mega .ci_area > a {display:block;}
.new_mega_wrap .new_mega > ul {float:right; width:70%; height:66px;}
.new_mega_wrap .new_mega > ul > li {float:left; padding-top:24px; height:66px; *height:42px; line-height:16px;}
.new_mega_wrap .new_mega > ul > li.new_save {margin-right:10.5%;}
.new_mega_wrap .new_mega > ul > li.new_card {margin-right:12.6%;}
.new_mega_wrap .new_mega > ul > li.new_loan {margin-right:10.6%;}
.new_mega_wrap .new_mega > ul > li.new_fund {margin-right:8.1%;}
.new_mega_wrap .new_mega > ul > li.new_exch {margin-right:7.8%;}
.new_mega_wrap .new_mega > ul > li.new_serv {width:11.6%; *width:80px; margin-right:0;}
.new_mega_wrap .new_mega > ul > li.new_save .hiding_mega {display:none;}
.new_mega_wrap .new_mega > ul > li.new_card .hiding_mega {display:none;}
.new_mega_wrap .new_mega > ul > li.new_loan .hiding_mega {display:none;}
.new_mega_wrap .new_mega > ul > li.new_fund .hiding_mega {display:none;}
.new_mega_wrap .new_mega > ul > li.new_exch .hiding_mega {display:none;}
.new_mega_wrap .new_mega > ul > li.new_serv .hiding_mega {display:none;}

.new_mega_wrap .new_mega > ul > li > a {display:block; height:42px;}
.new_mega_wrap .new_mega > ul > li > a:hover {text-decoration:none;}
.new_mega_wrap .new_mega > ul > li > a:hover > h3 {color:#029424;}
.new_mega_wrap .new_mega > ul > li > a > h3{color:#222; font-size:16px; font-weight:bold;}
.new_mega_wrap .new_mega > ul > li > a.on > h3 {color:#029424;}
.new_mega_wrap .new_mega > ul > li > div.hiding_mega {position:absolute; left:0; top:66px; z-index:200; width:100%; padding-bottom:60px; background:url(/np/assets/images/mega_img/new_bg_hiding.png) repeat-y;} /* 2depth */
.new_mega_wrap .new_mega > ul > li > div.hiding_mega > ul {margin:0; padding:0; padding:30px;}

div.hiding_mega > ul > li {float:left; width:22.8%; line-height:16px;}
div.hiding_mega > ul > li.sec {margin-left:5%; width:30%;}
div.hiding_mega > ul > li.thir {width:22%;}
div.hiding_mega > ul > li.last {width:20%;}
div.hiding_mega h4 {margin-bottom:0;}
div.hiding_mega h4 span {display:block; height:30px; *height:25px; padding-top:5px; padding-left:30px; font-size:14px; color:#434343;}
div.hiding_mega h4.hd_pro span {background:url(/np/assets/images/mega_img/new_bg_icn_pro.gif) no-repeat 0 0;}
div.hiding_mega h4.hd_save span {padding-left:36px; background:url(/np/assets/images/mega_img/new_bg_icn_save.gif) no-repeat 0 3px;}
div.hiding_mega h4.hd_start span {padding-left:39px; background:url(/np/assets/images/mega_img/new_bg_icn_start.gif) no-repeat 0 3px;}
div.hiding_mega h4.hd_quest span {padding-left:32px; background:url(/np/assets/images/mega_img/new_bg_icn_quest.gif) no-repeat 0 0px;}
div.hiding_mega h4.hd_card span {padding-left:34px; background:url(/np/assets/images/mega_img/new_bg_icn_car.gif) no-repeat 0 4px;}
div.hiding_mega h4.hd_hu_card span {padding-left:36px; background:url(/np/assets/images/mega_img/new_bg_icn_hucar.gif) no-repeat 0 3px;}
div.hiding_mega h4.hd_loan span {padding-left:36px; background:url(/np/assets/images/mega_img/new_bg_icn_loan.gif) no-repeat 0 3px;}
div.hiding_mega h4.hd_dambo span {padding-left:36px; background:url(/np/assets/images/mega_img/new_bg_icn_dambo.gif) no-repeat 0 2px;}
div.hiding_mega h4.hd_fore span {padding-left:30px; background:url(/np/assets/images/mega_img/new_bg_icn_dollor.gif) no-repeat 3px 0px;}
div.hiding_mega h4.hd_life span {padding-left:39px; background:url(/np/assets/images/mega_img/new_bg_icn_bohum.gif) no-repeat 0px 4px;}
div.hiding_mega h4.hd_speed span {padding-left:27px; background:url(/np/assets/images/mega_img/new_bg_icn_speed.gif) no-repeat 0px 2px;}
div.hiding_mega h4.hd_want span {padding-left:33px; background:url(/np/assets/images/mega_img/new_bg_icn_want.gif) no-repeat 0px 2px;}

div.hiding_mega .new_promo_img_area {margin-top:8px;}
div.hiding_mega dl dt {margin-top:7px; margin-bottom:7px; font-family:돋움, dotum, sans-serif; font-size:13px; color:#555555; font-weight:bold;}
div.hiding_mega dl dd {font-size:12px; font-family:돋움, dotum, sans-serif; font-size:13px; color:#555555;}

div.hiding_mega > ul > li > a {display:block; padding:3px; line-height:18px; font-size:12px;}
div.hiding_mega > ul > li > ul.mega_type1 {margin-top:4px;}
div.hiding_mega > ul > li > ul.mega_type1 li {line-height:16px; padding-bottom:10px;}
div.hiding_mega > ul > li > ul.mega_type1 li a {padding-left:16px; background:url(../global/images/page/grey-bullet-tri.png) no-repeat 0 0; color:#2d9622; font-family:돋움, dotum, sans-serif; font-size:12px; font-weight:bold;}
div.hiding_mega > ul > li > ul.mega_type1 li a:hover {text-decoration:none;}
div.hiding_mega > ul > li > ul.mega_type2 {margin-left:13px; margin-top:4px;}
div.hiding_mega > ul > li > ul.mega_type2 li {line-height:16px;}
div.hiding_mega > ul > li > ul.mega_type2 li a {display:block; height:26px; padding-left:26px; padding-top:5px; background:url(/np/assets/images/page/meganav-icons.png) no-repeat 0 0; color:#2d9622; font-family:돋움, dotum, sans-serif; font-size:12px;}
div.hiding_mega > ul > li > ul.mega_type2 li a:hover {text-decoration:none; color:#000;}
div.hiding_mega > ul > li > ul.mega_type2 li.bri a {background-position:-19px -1161px;}
div.hiding_mega > ul > li > ul.mega_type2 li.bri a:hover {background-position:-19px -1396px;}
div.hiding_mega > ul > li > ul.mega_type2 li.brm a {background-position:-18px -1193px;}
div.hiding_mega > ul > li > ul.mega_type2 li.brm a:hover {background-position:-18px -1428px;}
div.hiding_mega > ul > li > ul.mega_type2 li.fib a {background-position:-19px -1657px;}
div.hiding_mega > ul > li > ul.mega_type2 li.fib a:hover {background-position:-19px -1699px;}
div.hiding_mega > ul > li > ul.mega_type2 li.tel a {background-position:-19px -1225px;}
div.hiding_mega > ul > li > ul.mega_type2 li.tel a:hover {background-position:-19px -1460px;}
div.hiding_mega > ul > li > ul.mega_type2 li.aut a {background-position:-18px -1260px;}
div.hiding_mega > ul > li > ul.mega_type2 li.aut a:hover {background-position:-18px -1495px;}
div.hiding_mega > ul > li > ul.mega_type2 li.uda a {background-position:-19px -1290px;}
div.hiding_mega > ul > li > ul.mega_type2 li.uda a:hover {background-position:-19px -1525px;}
div.hiding_mega > ul > li > ul.mega_type2 li.ohm a {background-position:-19px -1588px;}
div.hiding_mega > ul > li > ul.mega_type2 li.ohm a:hover {background-position:-19px -1620px;}
div.hiding_mega > ul > li > ul.mega_type3 {margin-left:14px; margin-top:4px;}
div.hiding_mega > ul > li > ul.mega_type3 li {line-height:16px; padding-bottom:10px;}
div.hiding_mega > ul > li > ul.mega_type3 li a {padding-left:16px; background:url(../global/images/page/grey-bullet-tri.png) no-repeat 0 0; color:#2d9622; font-family:돋움, dotum, sans-serif; font-size:12px;}
div.hiding_mega > ul > li > ul.mega_type3 li a:hover {text-decoration:none;}
div.hiding_mega > ul > li > ul.mega_type4 {margin-left:0;line-height:16px;}
div.hiding_mega > ul > li > ul.mega_type4 li {margin-bottom:5px;}
div.hiding_mega > ul > li > ul.mega_type4 li a {display:block; padding:5px 14px 4px; color:#2d9622; border:1px solid #e3e3e3; background:#fcfcfc;}
div.hiding_mega > ul > li > ul.mega_type4 li a:hover {text-decoration:none; color:#fcfcfc; border:1px solid #2d9622; background:#2d9622;}
/* 모바일 영역 */
.new_mega_media {display:none; float:left;}
/* 모바일 영역 끝 */

/* 로그인 영역 */
.new_login {position:absolute; left:0; top:66px; z-index:100; width:220px; background:#fff;}
.new_login > div {padding:5px 5px 0 5px;}
.new_login > div > ul {margin-bottom:0;}
.new_login > div > ul > li {height:34px; *height:30px; padding:5px 5px 6px 2px; *padding:3px 5px 0 2px; line-height:16px; background:url(/np/assets/images/kr/page/banner-img/icn_locker.gif) no-repeat 10px 8px; border-bottom:1px solid #dedee0;}
.new_login > div > ul > li > a {display:block; padding-left:28px; padding-top:3px; font-size:13px; color:#666; font-weight:bold;}
.new_login > div > ul > li > a:hover {text-decoration:underline; color:#000;}
.new_login > div > ul > li.cl_black > a {padding-right:0; *padding-top:5px; color:#1f1f1f; font-weight:bold; font-family:"Nanum Gothic Bold","돋움","Dotum",sans-serif;}
.new_login > div > ul > li.last {border:none;}
.new_login .go_gongin {height:36px; *height:30px; margin-bottom:0; padding:3px 0 3px 35px; *padding-top:2px; background:#ededef; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.new_login .go_gongin > a {display:block; width:100%; height:30px; background: url(/np/assets/images/kr/page/banner-img/icn_arrow_gray.gif) no-repeat 152px 4px; color: #030303; font-size: 15px; font-weight: bold; line-height: 30px; font-family: "Nanum Gothic Bold","돋움","Dotum",sans-serif;}