@CHARSET "UTF-8";
/* 최종수정 2020.01.06 ver2.1 */


/***************************
	Temp layout
***************************/
#temp_header { clear: both; width: 100%; height: 130px; }
#temp_header .temp_headerarea { width: 1060px; height: 130px; margin: 0 auto; }

#temp_header[data-uitype="type_Personal"]{ background: #009AFF; }

#temp_header[data-uitype="type_Biz"] { background: #0F3772; }

#temp_header[data-uitype="type_Woori"] { background: #009AFF; }
#temp_footer { clear:both; width: 100%; height: 80px; background: #f8f8f8; }


/***************************
	Layout
***************************/
html { overflow-y: scroll }
#layout { width: 100%; height: 100%; }
#wrap { clear: both; width: 1060px; margin: 0 auto;}
#wrap.login { clear: both; width: 100%; height: 100%; }
#conetntsarea { float: right; width: 750px; min-height: 625px; margin: 0 0 40px 0; }
#conetntsarea .contents { width: 100%; }
#conetntsarea.no_lnb { width: 100%; clear: both; }
#loginarea { width: 100%; padding: 30px 0 40px 0; }


#header,
#navi,
#footer,
#header *,
#header_bd *,
#navi *,
#footer * {  font-family: 'NotoSansKR', 'Dotum', '돋움', 'sans-serif', 'Apple Gothic'; }


/* LNB 배경없애기 */
#navi { float: left; width: 210px; padding: 0 0 100px 0; }
#navi ul.lnb_menu { margin: 0 0 20px 0; }
#navi h2 { display: table-cell; width: 210px; height: 76px; padding: 0 0 15px 0; vertical-align: bottom; border-bottom: solid 1px #303030; box-sizing: border-box; }

/* lnb menu 1depth*/
ul.lnb_menu { width: 210px; border-bottom: 1px solid #F5F5F5;}
ul.lnb_menu > li { border-bottom: solid 1px #F5F5F5; }
ul.lnb_menu > li.on { border-bottom: solid 1px #F5F5F5; }
ul.lnb_menu > li:last-child { border-bottom: none; }
ul.lnb_menu > li > a { position: relative; display: block; padding: 15px 30px 15px 10px; font-size: 15px; color: #303030;  }
ul.lnb_menu > li > a.next_menu { background: url('../images/newlayout/lnb_plus.png') no-repeat 95% 48%; }
ul.lnb_menu > li.on > a { font-weight: bold; }
ul.lnb_menu > li.on > a.next_menu { background: url('../images/newlayout/lnb_minus.png') no-repeat 95% 48%; }
/* lnb menu 2depth*/
ul.lnb_menu > li > ul.lnb_sub_menu { display: none; padding: 10px 0 10px;  border-top: solid 1px #F5F5F5;  }
ul.lnb_menu > li > ul.lnb_sub_menu > li { position: relative; padding: 10px 10px 10px 32px;}
ul.lnb_menu > li > ul.lnb_sub_menu > li:before { content: ''; display: inline-block; position: absolute; top: 20px; left: 20px; width: 6px; height: 1px; background: #505050;  }
ul.lnb_menu > li > ul.lnb_sub_menu > li > a { position: relative; display: block; width: 100%;  padding-right: 15px; font-size: 14px; color: #707070; box-sizing: border-box; }
ul.lnb_menu > li > ul.lnb_sub_menu > li > a.next_menu { background: url('../images/newlayout/lnb_down.png') no-repeat right 48%; }
ul.lnb_menu > li > ul.lnb_sub_menu > li.on > a { color: #303030; font-weight: bold; }
ul.lnb_menu > li > ul.lnb_sub_menu > li.on > a.next_menu { background: url('../images/newlayout/lnb_up.png') no-repeat right 48%; }
ul.lnb_menu > li > ul.lnb_sub_menu > li.on > ul.lnb_next_menu { display: block; }
/* lnb menu 3depth*/
ul.lnb_menu > li > ul.lnb_sub_menu > li > ul.lnb_next_menu { display: none; padding: 15px 5px 0 10px; }
ul.lnb_menu > li > ul.lnb_sub_menu > li > ul.lnb_next_menu > li { padding: 2px 0; }
ul.lnb_menu > li > ul.lnb_sub_menu > li > ul.lnb_next_menu > li > a { position: relative; color: #707070; font-weight: normal; text-align: left; font-size: 13px;  }
ul.lnb_menu > li > ul.lnb_sub_menu > li > ul.lnb_next_menu > li.on > a { color: #009AFF; font-weight: bold; }
ul.lnb_menu > li > ul.lnb_sub_menu > li > ul.lnb_next_menu.on, 
ul.lnb_menu > li > ul.lnb_sub_menu.on { display: block; }


/* navi bar banner, infobox */
div.navi_banner { margin-bottom: 10px; }
div.navi_banner a { display: block; margin-bottom: 10px; }

div.navi_info { width: 100%; padding: 18px 0 19px; box-sizing: border-box; background: #FAFAFA url('../images/newlayout/lnb_cscenter.png') no-repeat 18px 45%; border: solid 1px #F5F5F5; border-radius: 5px;  }
div.navi_info p.branch_name { padding: 0 0 0 65px; font-size: 16px; color: #505050; }
div.navi_info p.branch_tel { position: relative; top: -2px; padding: 0 0 0 65px; font-size: 24px; color: #303030; font-weight: bold; }

div.navi_info.type_gb { padding: 15px 18px 5px 18px; background: #FAFAFA; }
div.navi_info.type_gb p.branch_name { padding-left: 0; font-size: 14px; text-indent: -8px; }
div.navi_info.type_gb p.branch_name:before { content: ''; display: inline-block; width: 2px; height: 2px; margin-right: 6px; vertical-align: middle; background: #505050; }
div.navi_info.type_gb p.branch_tel { margin-bottom: 10px; padding-left: 0; font-size: 20px; }





/***************************
	Layout header
***************************/

.flag_vn { background: url("../images/newlayout/flag/flag_vn.png") no-repeat right center; }
.flag_ae { background: url("../images/newlayout/flag/flag_ae.png") no-repeat right center; }
.flag_au { background: url("../images/newlayout/flag/flag_au.png") no-repeat right center; }
.flag_bd { background: url("../images/newlayout/flag/flag_bd.png") no-repeat right center; }
.flag_bh { background: url("../images/newlayout/flag/flag_bh.png") no-repeat right center; }
.flag_br { background: url("../images/newlayout/flag/flag_br.png") no-repeat right center; }
.flag_ch { background: url("../images/newlayout/flag/flag_ch.png") no-repeat right center; }
.flag_de { background: url("../images/newlayout/flag/flag_de.png") no-repeat right center; }
.flag_gb { background: url("../images/newlayout/flag/flag_gb.png") no-repeat right center; }
.flag_hk { background: url("../images/newlayout/flag/flag_hk.png") no-repeat right center; }
.flag_id { background: url("../images/newlayout/flag/flag_id.png") no-repeat right center; }
.flag_in { background: url("../images/newlayout/flag/flag_in.png") no-repeat right center; }
.flag_ir { background: url("../images/newlayout/flag/flag_ir.png") no-repeat right center; }
.flag_jp { background: url("../images/newlayout/flag/flag_jp.png") no-repeat right center; }
.flag_kh { background: url("../images/newlayout/flag/flag_kh.png") no-repeat right center; }
.flag_kp { background: url("../images/newlayout/flag/flag_kp.png") no-repeat right center; }
.flag_mm { background: url("../images/newlayout/flag/flag_mm.png") no-repeat right center; }
.flag_my { background: url("../images/newlayout/flag/flag_my.png") no-repeat right center; }
.flag_hp { background: url("../images/newlayout/flag/flag_hp.png") no-repeat right center; }
.flag_ph { background: url("../images/newlayout/flag/flag_ph.png") no-repeat right center; }
.flag_ru { background: url("../images/newlayout/flag/flag_ru.png") no-repeat right center; }
.flag_sg { background: url("../images/newlayout/flag/flag_sg.png") no-repeat right center; }
.flag_us { background: url("../images/newlayout/flag/flag_us.png") no-repeat right center; }
.flag_eu { background: url("../images/newlayout/flag/flag_eu.png") no-repeat center; }



div#header { z-index: 100; position: relative; clear:both; width: 100%; min-width: 1200px; height: 130px; background: #FFFFFF; }
div#header_bd { z-index: 100; position: relative; clear:both; width: 100%; min-width: 1200px; height: 130px; background: #FFFFFF; }
div.header_top { z-index: 11; position: relative; width: 100%; height: 40px; background: #FFFFFF; }
div.header_top .logo { float: left; padding: 13px 0 0 60px; white-space: nowrap; }
div.header_top .logo * { vertical-align: middle;  }
div.header_top .logo .select_language { vertical-align: middle; position: relative; display: inline-block; top: -1px; margin: 0 0 0 20px; font-size: 18px; line-height: 18px; color: #0085EC; }
div.header_top .logo .select_language:before { display: block; content: ''; position: absolute; top: 50%; left: -11px; margin-top: -5px; width: 1px; height: 12px; background: #E5E5E5; }
div.header_top .section_header { float: right; padding: 10px 60px 0 0 }
div.header_top .section_header .gnb_btn { float: left; position: relative; margin: 0 0 0 10px; border: solid 1px #F0F0F0; height: 25px; line-height: 22px; border-radius: 25px; padding: 0 2px }
div.header_top .section_header .gnb_btn > ul { }
div.header_top .section_header .gnb_btn > ul > li { float: left; position: relative; padding: 0 10px }
div.header_top .section_header .gnb_btn > ul > li:before { display: block; content: ''; position: absolute; top: 50%; left: 0px; margin-top: -3px; width: 1px; height: 10px; background: #E5E5E5; }
div.header_top .section_header .gnb_btn > ul > li:first-child:before { display: none; }
div.header_top .section_header .gnb_btn > ul > li a { color: #A0A0A0; font-weight: normal; font-size: 13px }
div.header_top .section_header .gnb_btn > ul > li.active a { color: #A0A0A0; font-weight: bold; }
div.header_top .section_header .gnb_btn.official_menu { padding-right: 25px; cursor: pointer}
div.header_top .section_header .gnb_btn.language_menu { width: 110px; padding-right: 25px; background: url("../images/newlayout/header_language_select_down.png") no-repeat 90% center; box-sizing: border-box; cursor: pointer; }
div.header_top .section_header .gnb_btn.language_menu.active { background: url("../images/newlayout/header_language_select_up.png") no-repeat 90% center; border-radius: 10px 10px 0 0; color: #707070; }
div.header_top .section_header .gnb_btn.language_menu.active a { color: #707070 }
div.header_top .section_header .gnb_btn.language_menu .submenu { display: none; position: absolute; top: 23px; left: -1px; width: 110px; padding: 5px 0; border: solid 1px #F0F0F0; background: #ffffff; border-radius: 0 0 10px 10px;  box-sizing: border-box;}
div.header_top .section_header .gnb_btn.language_menu .submenu > ul > li { margin: 0; padding: 2px 10px; line-height: 100%; }
div.header_top .section_header .gnb_btn.language_menu .submenu a { color: #707070; }
div.header_top .section_header .gnb_btn .flag { display: inline-block; position: absolute; top: 50%; right: -16px; margin-top: -11px; width: 22px; height: 22px;}

/* div.header_mid { z-index: 10; overflow: hidden; position: absolute; top: 40px; width: 100%; height: 50px; background: #FFFFFF; box-shadow: 0px 3px 3px rgba(150, 150, 150, 0.05); transition: all 300ms } */
/* div.header_mid { z-index: 10; position: absolute; top: 40px; width: 100%; height: 50px; background: #FFFFFF; } */
div.header_mid { z-index: 10; position: absolute; top: 40px; width: 100%; height: 36px; background: #FFFFFF; }
/* div.header_mid.active { height: 220px; } */
/* div.header_mid.active { border-bottom: 1px solid #efefef; } */
div.header_mid .gnb ul.gnb_menu { float: right; padding: 13px 100px 0 0; }
div.header_mid .gnb ul.gnb_menu > li { float: left; z-index: 20; position: relative; padding: 0 15px;}
div.header_mid .gnb ul.gnb_menu > li.on { z-index: 10; }
div.header_mid .gnb ul.gnb_menu > li.on:after { content: ''; position: absolute; top: 4px; right: 7px; width: 4px; height: 4px; border-radius: 50%; background: #009aff; }
div.header_mid .gnb ul.gnb_menu > li > a { z-index: 20; position: relative; vertical-align: top; font-size: 14px; }
div.header_mid .gnb ul.gnb_menu > li > ul { display: none }
div.header_mid .gnb .btn_allmenu { display: block; position: absolute; top: 13px; right: 60px; width: 30px; height: 30px; cursor: pointer; }
div.header_mid .gnb .btn_allmenu em { position: absolute; top: 0px; left: 7px; width: 16px; height: 1px; background: #000000; }
div.header_mid .gnb .btn_allmenu em { top: 7px; }
div.header_mid .gnb .btn_allmenu em:nth-child(1) { top: 11px; }
div.header_mid .gnb .btn_allmenu em:nth-child(2) { top: 15px; }
div.header_mid .submenu_area { z-index: 10; position: absolute; top: 50px; width: 100%; height: 220px; background: #FFFFFF; border-top: solid 1px #f7f7f7; }
div.header_mid .submenu_area .cscenter { float: left; margin: 30px 0 0 90px; width: 270px }
div.header_mid .submenu_area .cscenter .title { padding: 0 0 8px 0; font-size: 14px; color: #A0A0A0; }
div.header_mid .submenu_area .cscenter .info { padding: 0 0 1px 0; font-size: 16px; color: #00000A; }
div.header_mid .submenu_area .cscenter .info .call { position: relative; top: -2px; margin-left: 5px; font-size: 20px; font-weight: bold; }
div.header_mid .submenu_area .cscenter .address { font-size: 12px; color: #C8C8C8; line-height: 100%; }

div.header_mid .submenu_area .menu_wrap { float: right; position: relative; margin: 30px 0 0 0; width: calc(100% - 400px); max-width: 900px; }
div.header_mid .submenu_area .menu_wrap ul { width: 100%; }
div.header_mid .submenu_area .menu_wrap ul li { padding: 0 0 7px 0}
div.header_mid .submenu_area .menu_wrap ul li a { color: #707070; }
div.header_mid .submenu_area .menu_wrap ul li.on a { color: #303030; font-weight: bold; }
div.header_mid .submenu_area .menu_wrap .depth { float: left; width: 33%; min-height: 120px; padding: 0 30px 0 30px; box-sizing: border-box; }
div.header_mid .submenu_area .menu_wrap .depth ul { display: none; }
div.header_mid .submenu_area .menu_wrap .depth ul li { width: 100%; } 
div.header_mid .submenu_area .menu_wrap .depth ul li a { display: block; width: 100%; padding-right: 20px; box-sizing: border-box; }
div.header_mid .submenu_area .menu_wrap .depth a.next_menu { background: url('../images/newlayout/gnb_arrow.png') no-repeat 98% center; }
div.header_mid .submenu_area .menu_wrap .depth.active { border-left: solid 1px #f7f7f7; }

/* GNB Submenu */
div.header_mid .gnb_submenu_wrap { display: none; z-index: 10; position: absolute; top: 0; left: 50%; width: 300px; margin-left: -135px; padding-top: 46px; box-sizing: border-box; border-radius: 10px; }
div.header_mid ul.gnb_menu li.last .gnb_submenu_wrap { left: auto; right: 0; margin-left: 0; }
div.header_mid .gnb_submenu_wrap.on { display: block; }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu { display: none; }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu > li {}
div.header_mid .gnb_submenu_wrap ul.gnb_submenu > li > a { display: block; }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu > li.on > ul.gnb_submenu { display: block; }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth2 { display: block; padding: 15px 30px; border-radius: 10px; background: #fff; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12); }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth2 > li {}
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth2 > li > a { padding: 15px 0; font-size: 14px; font-weight: bold; }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth2 > li.has_next > a { padding-right: 15px; background: url('../images/newlayout/gnb_submenu_plus.png') no-repeat right center; }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth2 > li.has_next.on > a { background-image: url('../images/newlayout/gnb_submenu_minus.png'); }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth3 { border-top: 1px solid #707070; }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth3 > li { padding-left: 10px; }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth3 > li > a { padding: 12px 0; font-size: 13px; }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth3 > li.has_next > a { padding-right: 15px; background: url('../images/newlayout/gnb_submenu_arrow_down.png') no-repeat right center; }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth3 > li.has_next.on > a { background-image: url('../images/newlayout/gnb_submenu_arrow_up.png'); }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth4 {}
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth4 > li { padding-left: 20px; }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth4 > li > a { position: relative; padding: 10px 0 10px 8px; font-size: 13px; color: #707070; }
div.header_mid .gnb_submenu_wrap ul.gnb_submenu.depth4 > li > a:before { content: '-'; position: absolute; top: 10px; left: 0; }
div#header div.header_mid .gnb .gnb_submenu_wrap ul.gnb_submenu.depth2 > li.on > a { color: #303030; }
div#header div.header_mid .gnb .gnb_submenu_wrap ul.gnb_submenu.depth2 > li.has_next.on > a { color: #303030; }
div#header div.header_mid .gnb .gnb_submenu_wrap ul.gnb_submenu.depth3 > li.on > a { font-weight: bold; color: #303030; }
div#header_bd div.header_mid .gnb .gnb_submenu_wrap ul.gnb_submenu.depth3 > li.on > a { font-weight: bold; color: #303030; }
div#header_bd div.header_mid .gnb .gnb_submenu_wrap ul.gnb_submenu.depth2 > li.has_next.on > a { color: #303030; }

/* div.header_bottom { z-index: 1; position: relative; top: 50px; width: 100%; height: 40px; background: #F2F7FB; } */
div.header_bottom { z-index: 1; position: relative; top: 50px; width: 100%; height: 40px; }
div.header_bottom .section_header { width: 1060px; margin: 0 auto; padding: 7px 0 0 0; }
div.header_bottom .section_header .area_name { float: left; padding: 3px 0 0 0; }
div.header_bottom .section_header .area_name * { vertical-align: top; }
div.header_bottom .section_header .area_name .username {}
div.header_bottom .section_header .area_name .username .txt_user { padding: 0 0 0 5px; font-weight: bold; } 
div.header_bottom .section_header .area_name .lastdate { position: relative; top: 1px; padding: 0 0 0 20px; font-size: 12px; color: #909090; } 
div.header_bottom .section_header .area_name .lastdate * { font-size: 12px; color: #909090; } 
div.header_bottom .section_header .area_name .lastdate:before { display: block; content: ''; position: absolute; top: 50%; left: 10px; margin-top: -6px; width: 1px; height: 12px; background: #E5E5E5; }
div.header_bottom .section_header .area_info { float: right; }
div.header_bottom .section_header .area_info span { margin-right: 5px; }
div.header_bottom .section_header .area_info .btn { margin-left: 8px; }





/***************************
	Layout footer
***************************/
div#footer { clear: both; width: 100%; min-width: 1200px; height: 80px; background: #F8F8F8; }
div.footer_top { width: 100%; height: 40px; margin: 0 auto; padding: 10px 60px; color: #A0A0A0; box-sizing: border-box; }
div.footer_top a { color: #A0A0A0; }
div.footer_top .notice_logo {  display: inline-block; position: relative; top: 1px; left: -10px; width: 16px; height: 15px; background: url('../images/newlayout/footer_notice.png') no-repeat center center; }
div.footer_bottom { display: table; width: 100%; height: 43px; margin: 0 auto; color: #FFFFFF; box-sizing: border-box; padding: 0 60px; border-top: solid 1px #F2F2F2}
div.footer_link_wrap { float: left; padding-top: 10px; }
div.footer_link_wrap ul.footer_list { }
div.footer_link_wrap ul.footer_list li { position: relative; float: left; padding: 0 7px; }
div.footer_link_wrap ul.footer_list li a { color: #A0A0A0; font-size: 12px; }
div.footer_link_wrap ul.footer_list li:first-child { color: #A0A0A0; font-size: 11px; padding: 0 25px 0 14px }
div.footer_link_wrap ul.footer_list li .woori_logo {  position: absolute; top: 3px; left: -10px; width: 15px; height: 15px; background: url('../images/newlayout/footer_woori.png') no-repeat center center; }

div.footer_bottom_bd { display: table; width: 100%; height: 43px; margin: 0 auto; color: #FFFFFF; box-sizing: border-box; padding: 0 75px; border-top: solid 1px #F2F2F2}
div.footer_link_wrap_bd { float: left; padding-top: 10px; }
div.footer_link_wrap_bd ul.footer_list { }
div.footer_link_wrap_bd ul.footer_list li { position: relative; float: left; padding: 0 7px; }
div.footer_link_wrap_bd ul.footer_list li a { color: #A0A0A0; font-size: 12px; }
div.footer_link_wrap_bd ul.footer_list li:first-child { color: #A0A0A0; font-size: 11px; padding: 0 25px 0 14px }
div.footer_link_wrap_bd ul.footer_list li .woori_logo {  position: absolute; top: 3px; left: -10px; width: 15px; height: 15px; background: url('../images/newlayout/footer_woori.png') no-repeat center center; }
div.footer_image_wrap_bd { float: right; padding-top: 10px; }
div.footer_image_wrap_bd ul.footer_list li { position: relative; float: right; padding: 0 7px; }
div.footer_image_wrap_bd ul.footer_list li .youtube_logo {  position: absolute; top: 0px; right: 0px; width: 30px; height: 30px; background: url('../images/newlayout/gb_bd_board_banner_youtube.png') no-repeat center center; }
div.footer_image_wrap_bd ul.footer_list li .linkedin_logo {  position: absolute; top: 0px; right: 35px; width: 30px; height: 30px; background: url('../images/newlayout/gb_bd_board_banner_linkedin.png') no-repeat center center; }
div.footer_image_wrap_bd ul.footer_list li .facebook_logo {  position: absolute; top: 0px; right: 70px; width: 30px; height: 30px; background: url('../images/newlayout/gb_bd_board_banner_facebook.png') no-repeat center center; }
div.footer_image_wrap_bd ul.footer_list li .email_logo {  position: absolute; top: 0px; right: 105px; width: 30px; height: 30px; background: url('../images/newlayout/gb_bd_board_banner_email.png') no-repeat center center; }
div.footer_select_wrap { float: right; padding-top: 10px; }
div.footer_select_wrap > div { float: left; margin-left: 6px; }
div.footer_select_wrap div.footer_select { position: relative; display: inline-block; position: relative; margin: 0 0 0 10px; border: solid 1px #F0F0F0; height: 25px; line-height: 22px; border-radius: 25px; padding: 0 2px; min-width: 180px; padding-right: 20px; background: url("../images/newlayout/header_language_select_down.png") no-repeat 90% center; box-sizing: border-box; cursor: pointer;  }
div.footer_select_wrap div.footer_select > ul { }
div.footer_select_wrap div.footer_select > ul > li { float: left; position: relative; padding: 0 10px }
div.footer_select_wrap div.footer_select > ul > li:before { display: block; content: ''; position: absolute; top: 50%; left: 0px; margin-top: -3px; width: 1px; height: 10px; background: #E5E5E5; }
div.footer_select_wrap div.footer_select > ul > li:first-child:before { display: none; }
div.footer_select_wrap div.footer_select > ul > li { color: #A0A0A0; font-weight: normal; font-size: 13px }
div.footer_select_wrap div.footer_select > ul > li.active { color: #A0A0A0; font-weight: bold; }
div.footer_select_wrap div.footer_select.active { background: url("../images/newlayout/header_language_select_up.png") no-repeat 90% center; border-radius: 0 0 10px 10px; color: #707070; background: #FFFFFF}
div.footer_select_wrap div.footer_select.active { color: #707070 }
div.footer_select_wrap div.footer_select .submenu { display: none; position: absolute; bottom: 23px; left: -1px; width: 180px; padding: 5px 0; border: solid 1px #F0F0F0; background: #FFFFFF; border-radius: 10px 10px 0 0 ;  box-sizing: border-box;}
div.footer_select_wrap div.footer_select .submenu > ul > li { margin: 0; padding: 3px 10px; line-height: 100%;  }
div.footer_select_wrap div.footer_select .submenu a { color: #707070; }
div.footer_select_wrap div.footer_select .submenu a:hover { color: #303030; font-weight: bold;}




/***************************
	Color Custom
***************************/

div#navi[data-uitype="type_Woori"] ul.lnb_next_menu > li.on > a { color: #009AFF; font-weight: bold; }
div#navi[data-uitype="type_Personal"] ul.lnb_next_menu > li.on > a { color: #009AFF; font-weight: bold; }
div#navi[data-uitype="type_Biz"] ul.lnb_next_menu > li.on > a { color: #0F3772; font-weight: bold; }



div#header[data-header-type="type_Woori"] div.header_top .section_header .gnb_btn ul > li.active a { color: #009AFF; }
div#header[data-header-type="type_Personal"] div.header_top .section_header .gnb_btn ul > li.active a { color: #009AFF; }
div#header_bd[data-header-type="type_Personal"] div.header_top .section_header .gnb_btn ul > li.active a { color: #009AFF; }
div#header[data-header-type="type_Biz"] div.header_top .section_header .gnb_btn ul > li.active a { color: #0F3772; }

div#header[data-header-type="type_Woori"] div.header_bottom .section_header .area_name .username .txt_user { color: #009AFF; }
div#header[data-header-type="type_Personal"] div.header_bottom .section_header .area_name .username .txt_user { color: #009AFF; }
div#header_bd[data-header-type="type_Personal"] div.header_bottom .section_header .area_name .username .txt_user { color: #009AFF; }
div#header[data-header-type="type_Biz"] div.header_bottom .section_header .area_name .username .txt_user { color: #0F3772; }

div#header[data-header-type="type_Woori"] div.header_mid .submenu_area .cscenter .info .call { color: #009AFF; }
div#header[data-header-type="type_Personal"] div.header_mid .submenu_area .cscenter .info .call { color: #009AFF; }
div#header_bd[data-header-type="type_Personal"] div.header_mid .submenu_area .cscenter .info .call { color: #009AFF; }
div#header[data-header-type="type_Biz"] div.header_mid .submenu_area .cscenter .info .call { color: #0F3772; }

div#header[data-header-type="type_Woori"] div.header_mid .gnb ul.gnb_menu li.on > a { color: #009AFF; }
div#header[data-header-type="type_Personal"] div.header_mid .gnb ul.gnb_menu li.on > a { color: #009AFF; }
div#header_bd[data-header-type="type_Personal"] div.header_mid .gnb ul.gnb_menu li.on > a { color: #009AFF; }
div#header[data-header-type="type_Biz"] div.header_mid .gnb ul.gnb_menu li.on > a { color: #0F3772; }

div#header[data-header-type="type_Biz"] div.header_mid .gnb ul.gnb_menu > li.on:after { display: none; }