@charset "euc-kr";

html,body { padding:0;margin:0; }

#bg {position:absolute; height:335px; background:url("images/subbg.gif") no-repeat; background-position:50% 50%; text-align: center;}
#wrapper {width:1000px; margin:auto;}
#banner {height:234px;}
#wrapper_m {width:1000px; margin:auto; margin-top:50px;}
#left {width:252px; float:left;}
#content {width:748px; float:left;}
#foot {width:1000px; margin:auto; clear:both;}
#foot img{margin-top:50px; margin-bottom:25px;}


.news { position: absolute; top:29px; width:215px; height:162px; border-bottom:solid 1px #d5d5d5; z-index:1; }
.news .tit {  padding:5px 0 9px; margin:0; }
.news ul li {
	padding:5px 0; margin:0; 
	float: none;
	clear:both;
	font-size:12px;
}
.news ul {padding:10px 0; margin:0; 
	position: relative;
	width:183px;
}
.news ul li .title {
	display: block;
	width: 183px;
	float: left;
	padding: 0 10px 0 7px;
	background: url(/kor/image/main/newsbul.gif) no-repeat 0px 50%;
}

.news .more {
	/*display:none;*/
	position: absolute;
	right: 20px;
	top: 1px;
}
.news a{ color:#666; text-decoration:none;}
.news a:hover,.news a:active,.news a:focus{color:#444;text-decoration:underline;}
.verdana {color:#999; font-family: Verdana;font-size: 11px;line-height:160%;letter-spacing:0}


div#header_top { z-index:110;position:relative;height:100px; }
div#wrap_main { z-index:100;position:relative;clear:both;margin:0 auto;margin-top:50px; }
div#footer { z-index:110;clear:both;position:relative;margin:0 auto;padding-top:35px;padding-bottom:65px; }
div#footer0 { z-index:110;clear:both;position:relative;margin:0 auto;padding-top:35px; }
div#banner {height:234px; background:url("images/subbg.gif") no-repeat; background-position:50% 50%; text-align: center;}
ul.leftmenu li{width:180px; height:30px; padding-left:16px;border-bottom:1px solid #d3d3ce; margin:0; }

div.header_outwrap { position:absolute;width:100%;height:100px; background:#fff;border-bottom:1px solid #d9d9d9;overflow:hidden; }
div.header_wrap { margin:0 auto;position:relative;padding:0 17px;height:335px;overflow:hidden; }

div.header_wrap,div#wrap_main,div#footer { width:1000px; }


.gr1 div.header_wrap { width:768px; }
.gr1 div#wrap_main, .gr1 div#footer { width:703px; }
.gr1 div#wrap_main { margin-top:18px; }

.gr3 div.header_wrap { width:auto;max-width:1222px; }
.gr3 div#wrap_main, .gr3 div#footer { width:1222px; }

div.header_wrap .logo { float:left;margin-top:33px; } 
div.header_wrap .logo a { display:block; }



div.gnb_new { clear:right;float:right;background:#fff;padding-top:51px;padding-bottom:20px;width:80%; } 

button.btn_gnb_close { visibility:hidden;position:absolute;bottom:0;right:17px; display:block;width:54px;height:34px;border:none;background:url(/images/header/btn_gnb_close.gif) no-repeat left top;cursor:pointer; }
button.btn_gnb_close span { display:none; }
button.btn_gnb_open { visibility:visible; }

ul.gnb_list { float:right; }
ul.gnb_list:after {content:""; clear:both; display:block; }
ul.gnb_list li.d1 { position:relative;float:left;width:125px;height:55px;}
ul.gnb_list li.edirect { background-image:none; }

ul.gnb_list a.d1_link { position:relative;display:block;width:100%;height:55px;overflow:hidden;margin-bottom:23px;text-align:center;background-position:center top;background-repeat:no-repeat; }
ul.gnb_list a.d1_link strong { display:none; }

ul.gnb_list li a.hover, ul.gnb_list li.current a.d1_link { background-position:center -55px; }


ul.gnb_list ul.d2_list { padding:0; }
ul.gnb_list ul.d2_list a.d2_link { display:block;padding:9px 0 9px 36px;margin:0; }

ul.gnb_list ul.d2_list li { line-height:1.0em;font-size:0; }

ul.gnb_list li.prd { z-index:999; }
ul.gnb_list li.banking { z-index:998; }
ul.gnb_list li.cs { z-index:997; }
ul.gnb_list li.wells { z-index:996; }
ul.gnb_list li.nanum { z-index:995; }
ul.gnb_list li.company { z-index:994; }
ul.gnb_list li.edirect { z-index:993; }

ul.gnb_list li.banking ul.d2_list a.d2_link { padding-left:27px; } 
ul.gnb_list li.wells ul.d2_list  a.d2_link { padding-left:37px; } 
ul.gnb_list li.edirect ul.d2_list  a.d2_link { padding-left:37px; }
ul.gnb_list li.nanum ul.d2_list  a.d2_link{ padding-left:35px; }
ul.gnb_list li.company ul.d2_list  a.d2_link{ padding-left:30px; }
ul.gnb_list li.cs ul.d2_list  a.d2_link{ padding-left:30px; }

ul.gnb_list ul.d2_list li { position:relative; }

ul.gnb_list ol { z-index:800;display:none; }
ul.gnb_list ol.d3_list { position:absolute;left:105px;top:0;background-color:#0c64ba;padding:10px 0 11px;width:108px; }
ul.gnb_list ol.d3_list li { position:static;padding:0;  }
ul.gnb_list ol.d3_list a { display:block;padding:6px 10px 7px 7px; }
ul.gnb_list span.d3_arrow { display:none;position:absolute;left:98px;top:6px;width:8px;height:17px;background:url(/images/header/bg_gnb_3depth_balloon.gif) no-repeat right top; }


ul.gnb_list li.prd .d2_2 ol.d3_list { top:-29px; }
ul.gnb_list li.prd .d2_3 ol.d3_list { top:-25px; }
ul.gnb_list li.prd .d2_4 ol.d3_list { top:-7px; }
ul.gnb_list li.prd .d2_5 ol.d3_list { top:-7px; }
ul.gnb_list li.prd .d2_6 ol.d3_list { top:-53px; }
ul.gnb_list li.prd .d2_7 ol.d3_list { top:-2px; }

div.f_link { overflow:hidden; }
div.f_link ul:after {content:""; clear:both; display:block;}
div.f_link ul li { float:left;padding-right:16px;height:10px;line-height:1.0em; margin:5px 0 6px;  }
div.f_link ul li img { vertical-align:top;display:block; }


div.f_notice { margin-bottom:17px;height:35px;padding:23px 0 0 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5; }
div.f_notice ul li { float:left;padding-right:50px;  }

div.contact_info { clear:both;padding-top:30px;float:left; }
div.contact_info p.tel { }
div.contact_info p.tel a { margin-left:5px;margin-right:19px; }
div.contact_info p.addr { float:left;padding-top:14px; }
div.contact_info p.addr img.warning { margin-top:4px; }
div.contact_info p.addr img.copyright { margin-top:7px; }
p.copyright { clear:left;padding:7px 0 0 0; }

div.combo_wrap { position:absolute;top:180px;right:0; }
div.link_menu { float:left;margin-left:3px;position:relative; }
div.link_menu ul { display:none;position:absolute;bottom:23px;left:0;padding:5px 0;width:189px;border:1px solid #ddd;border-bottom:none;background-color:#fff; }
div.link_menu ul li a { display:block;padding:5px 10px 5px; }
div.link_menu ul li a:hover { color:#003b7e;text-decoration:underline; }

div.link_menu a.hd { display:block;width:191px;height:23px;background:url(/images/footer/bg_linkmenu_open.gif) no-repeat left top; }
div.link_menu a.hd img { margin:6px 0 0 11px;}
div.link_menu a.open { background-image:url(/images/footer/bg_linkmenu_close.gif); }

#logo_award2011 { position:absolute;right:198px;top:113px;width:200px; text-align:right; }
#logo_award2011 img {margin-left:5px;}

.gr1 div#header_top { height:177px; }
.gr1 div.header_wrap { padding:0; }
.gr1 div.header_wrap .logo { margin-top:17px;margin-left:33px; }
.gr1 div.gnb_new { clear:both;float:none;background:#fff;padding-top:30px;width:100%; } 
.gr1 div.util_menu { padding-right:32px; }
.gr1 div.notice_menu { right:32px; }
.gr1 ul.gnb_list { float:none;clear:both;padding-left:5px; }
.gr1 div.f_member ul { width:660px; }
.gr1 div.contact_info p.tel { float:none; }
.gr1 div.contact_info p.addr { float:none;padding-top:14px; }
.gr1 p.copyright { padding:7px 0 0 0; }
.gr1 button.btn_gnb_close { bottom:1px; }
.gr1 div.combo_wrap { position:absolute;top:200px;right:0; }

.gr3 div#header_top { height:143px; }
.gr3 div.header_wrap { padding:0 29px; }
.gr3 div.notice_menu { right:29px; }
.gr3 button.btn_gnb_close { right:29px; }
.gr3 div.contact_info p.tel { float:left; }
.gr3 div.contact_info p.addr { float:left;padding-top:0; }
.gr3 div.combo_wrap { position:absolute;top:150px;right:0; }
.gr3 p.copyright { padding:13px 0 0 0;  }


div#header #tit{ height:47px;background-image:url(/images/header/bg_title.gif); }
div#header #titCon { padding-top:6px; }

div#banner_visual { float:left; width:239px; padding-right:10px; }
div#banner_visual div.wipe-wrap { height:229px;overflow:hidden;}
div.banner_visual_wrapper div.visual_con { position:relative;float:left;width:225px;height:229px;overflow:hidden;padding-left:12px; }

	

div#main_visual span.pagination a { display:inline-block;margin:0 10px 0 0;width:10px;height:10px;background:url(/images/main2/navi_dot_off.gif) no-repeat left top; }
div#main_visual span.pagination a.selected { background-image:url(/images/main2/navi_dot_on.gif); }
div#main_visual span.pagination a span { display:none; }
div#main_visual span.prev,div#main_visual span.next { position:absolute;left:-10000px;top:-10000px;visibility:hidden; }
div.main_visual_wrapper div.visual_con { position:relative;float:left;width:703px;height:371px;overflow:hidden; }
div.main_visual_wrapper div.visual_con p.btnset { position:absolute; }
div.main_visual_wrapper div.visual_con p.btnset a.btn_detail { display:inline-block;padding-top:29px;width:71px;height:0;overflow:hidden; } 
div.main_visual_wrapper div.visual_con p.btnset a.btn_calcur { display:inline-block;padding-top:29px;width:91px;height:0;overflow:hidden; } 



div#main_visual .visual_buttom { float:left; width:703px; height:48px; background:#fff; }
div#main_visual span.prev,div#main_visual .main_visual_btn { float:left; width:31px; padding:14px 0 22px 10px; }
div#main_visual span.prev,div#main_visual li.stop { float:left; width:16px; }
div#main_visual span.prev,div#main_visual li.paly { float:left; width:15px; }

div.main_quickmenu { float:right;background-color:#efefef; }
div.main_quickmenu p.hd { width:116px;padding-top:22px;height:0;background:#929292 url(/images/main2/hd_qmenu.gif) no-repeat center 7px;overflow:hidden; }
div.main_quickmenu ul { padding:14px 0 14px; }
div.main_quickmenu ul li { width:116px;height:45px;border-top:1px solid #d3d3d3; }
div.main_quickmenu ul li.first { border-top:none; }
div.main_quickmenu ul li a { display:block;width:100%;height:0;padding-top:45px;overflow:hidden;background-repeat:no-repeat;background-position:17px top; }
div.main_quickmenu ul li#qm_1 a { background-image:url(/images/main2/qmenu_1.gif); }
div.main_quickmenu ul li#qm_2 a { background-image:url(/images/main2/qmenu_2.gif); }
div.main_quickmenu ul li#qm_3 a { background-image:url(/images/main2/qmenu_3.gif); }
div.main_quickmenu ul li#qm_4 a { background-image:url(/images/main2/qmenu_4.gif); }
div.main_quickmenu ul li#qm_5 a { background-image:url(/images/main2/qmenu_5.gif); }
div.main_quickmenu ul li#qm_6 a { background-image:url(/images/main2/qmenu_6.gif); }
div.main_quickmenu ul li#qm_7 a { background-image:url(/images/main2/qmenu_7.gif); }

div.main_banner1 { float:left;  }
div.main_banner1 p { padding:0;margin:10px 0 0 0; }
div.main_banner1 p.first { margin-top:0; }

div.main_banner2 { float:left; }
div.main_banner2:after {content:""; clear:both; display:block;}
div.main_banner2 p { float:left; }
div.main_banner2 p a { margin-left:15px; }
div.main_banner2 p.first a { margin:0px; }




div.main_banner3 { position:absolute;right:0;top:417px; }
div.main_banner3 p { margin-top:11px; }
div.main_banner3 p.first { margin:0; }

div.main_news { clear:both;width:703px;height:110px; }
div.main_news h2 { float:left; width:500px; padding:22px 0 14px 0;}
div.main_news .more { float:right; text-align:right; width:203px; padding:18px 0 10px 0; }
div.main_news ul { width:100%; }
div.main_news ul:after {content:""; clear:both; display:block;}
div.main_news ul li { float:left;width:325px;padding-bottom:8px; }
div.main_news ul li a { float:left; }
div.main_news ul li span.date { float:right;display:inline-block;text-align:right; }
div.main_news ul li.even { margin-left:35px;width:340px; }



.gr1 div#main_visual { float:none; }
.gr1 div.main_quickmenu { clear:both; float:left; }
.gr1 div.main_banner3 { position:static; }
.gr1 div.main_quickmenu p.hd { display:none; }
.gr1 div.main_quickmenu ul { padding:0;margin:0; }
.gr1 div.main_quickmenu ul:after {content:""; clear:both; display:block; }
.gr1 div.main_quickmenu ul li { float:left;width:99px;height:48px;background-color:#efefef;border-top:none;border-left:1px solid #fff; }
.gr1 div.main_quickmenu ul li.first { border-left:none; }
.gr1 div.main_quickmenu ul li a { padding-top:48px;background-position:13px top; }
.gr1 div.main_quickmenu ul li#qm_3 a { background-position:6px top; }
.gr1 div.main_quickmenu ul li#qm_7 { width:103px; }

.gr1 div.main_banner1 { clear:both; float:left; padding:0 0 12px 0; }
.gr1 div.main_banner1 p { float:left;padding:0 0 0 15px;margin:0; }
.gr1 div.main_banner1 p.first { padding-left:0;padding-right:1px; }

.gr1 div.main_news { height:95px; }
.gr1 div.main_news h2 { padding:17px 0 14px 0; }
.gr1 div.main_banner2 p a { margin-left:15px; }
.gr1 div.main_banner2 p.first a { margin:0 1px 0 0; }

.gr1 div.main_banner3 { clear:both; }
.gr1 div.main_banner3 p { float:left;margin:0 0 0 17px;padding-top:18px; }
.gr1 div.main_banner3 p.first { margin-left:0; }

.gr3 div.main_banner1 { padding-right:20px; padding-left:10px; }
.gr3 div.main_banner3 p { float:left;margin:0 0 0 15px; }
.gr3 div.main_banner3 p.first { margin:0; }

.gr1 #logo_award2011 { clear:both;padding-top:11px;position:static;width:200px; text-align:left; }
.gr1 #logo_award2011 img {margin:0 5px 0 0;}
.gr1 div.combo_wrap { top:208px; }

.gr2 #logo_award2011 { top:149px; }
.gr2 div.combo_wrap  { top:186px; }