@charset "utf-8";
/* Title _ mainpage Date _ 2011. 1. 7*/

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, hr {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}

table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Common Style */
body { width:100%; height:100%;font-size: 12px; line-height: 180%; font-family:"돋움",Dotum,"굴림",Gulim,Arial,sans-serif; color: #848a94;background:#fff; }
input{ vertical-align: middle; color: #555;margin-left:5px;padding:1px;}
input[type="text"]{ vertical-align: middle; color: #555;margin-left:5px; border:0;border:1px solid #cacaca;font-size:12px;}
input[type="password"]{ vertical-align: middle; color: #555;margin-left:5px; border:0;border:1px solid #cacaca;font-size:12px;}
select{font-size:11px;}

input.txt { border: 1px solid #c5c5c5; padding: 2px; height: 14px; line-height: 14px; }
input.file { border: 1px solid #c5c5c5; padding: 2px; height: 14px; line-height: 14px; }
textarea.txt { border: 1px solid #c5c5c5; padding: 2px; height: 15px; line-height: 15px; }

a:link, a:visited { color: #757575; text-decoration: none; }
a:hover {color:#ef6303;text-decoration: underline; }
strong { font-weight: bold; }

.tb_list th,
.tb_list td { padding: 5px; text-align: center; }
.tb_list th { background-color: #F6F6F6; text-align: center; font-weight: bold; }

*{padding:0px; margin:0px;}/* IE KIN */ 
html, body { height:100%; margin:0 ; padding:0; }
**html input, *html input {margin:-1px 0px -1px 0px;}/* IEKIN */ 

fieldset, img { border: none;}
.b { font-weight:bold;}
div, ol, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p { margin:0; padding:0;}
ul {list-style:none;}
img.middle { vertical-align:middle; margin-bottom:3px;}

table{border-collapse:collapse; empty-cells:show;} 

/*form*/
select {font-size:11px; color:#6b6b6c;}/* IE KIN */ 
input.txt {border:#ccc 1px solid; padding:3px 0 0 3px; height:15px; position: relative; top:1px; color:#676767;}
input.btn {vertical-align: middle; margin-bottom: 3px;}
textarea.txt{ border:#cecece 1px solid; padding:5px; color:#676767;}

/* mainLayout */
#header{width:100%;height:351px;background:url("../images/mainV2Image/patt_mainbg.gif") repeat-x 0 0;margin:0;padding:0;}
#hgroup{width:981px;margin:0 auto;padding-top:10px;}
#container{width:981px;margin:0 auto;padding:0;height:350px;}
#footer{width:981px;margin:0 auto;margin-top:20px;}

#header #hgroup .toputil{position:relative;right:40px;top:5px;text-align:right;}
#hgroup h1{float:left;padding:0;height:40px;padding-left:9px;}
.toputil{position:absolute;right:10px;top:11px;}
.gnb_util{float:right;height:30px;margin-top:5px;}
.gnb_util li{float:left; width:60px; text-align:center; padding-top:8px; background:url("../images/mainV2Image/line_v.gif") no-repeat right 12px;}
.gnb_util li.last{background:none;}
.gnb_util li.ebank36524{width:160px;background:none;padding-top:0}

/* 20120920 */
.gnb{clear:both;height:55px;padding-left:80px;}
.gnb li{float:left;}
.servintro{margin-left:15px;}
.neors{margin-top:8px;margin-left:48px;}


/* Advertising */
#header .visual{clear:both;width:981px;margin:0 auto;padding:0;}
/*#brading{width:981px;margin:0 auto;padding:0;position:relative;text-align:left;}
.brand{margin:0;padding:0;}
.brand img{margin:0;padding:0;}*/

#ad_nav{position:absolute;top:10px; right:10px;width:292px; height:280px;overflow:hidden;}
#skip_control{position:absolute;top:0; left:0; width:292px; height:280px; background:url("../images/mainV2Image/bx_adv_all.gif") no-repeat 0 0;}
#skip_control li a{cursor:pointer;color:#fff;font-weight:bold;position:absolute;top:258px; background:url("../images/mainV2Image/num_part.gif") no-repeat;width:27px;text-align:right;}
#skip_control li.one a{right:64px;background:none;}
#skip_control li.two a{right:37px;}
#skip_control li.thr a{right:10px;}
#ad_contents{position:absolute;top:5px;left:4px; width:283px; height:244px; overflow:hidden; z-index:1;}

/* 1st line */
#container{clear:both;width:981px;margin:0 auto;}
.fstbox{float:left;border-bottom:1px solid #dedede;padding-bottom:10px;margin-bottom:10px;}
.login{float:left;margin-top:20px;width:316px;height:161px;padding:0;background:#fff;}
.notice{float:left;margin-top:20px;margin-left:20px;width:320px; height:161px;padding:0;background:#fff}
.bannerlist1{float:right;margin-top:10px;margin-left:20px;margin-right:10px;width:294px;padding:0;}
.bannerlist1 li{padding:0; margin:0;font-size:0;line-height:0}

.after_login{position:absolute; top:0; left:0;width:100%; height:100%;margin:0; padding:0; background:#fff; z-index:99999;}

/* login Start */
/* Lined Tab */
.tab{ padding:0 0 30px 0;}
.tab1 ul{ position:relative; margin:0; padding:0; list-style:none; border-bottom:1px solid #cfcfcf; font-size:11px; *zoom:1;}
.tab1 ul:after{ content:""; display:block; clear:both;}
.tab1 li{ float:left; margin-bottom:-1px;}
.tab1 li a{position:relative;float:left;padding:3px 0;text-decoration:none;border-bottom-color:#cfcfcf;}
.tab1 li a span{ display:inline-block; padding:3px 18px 1px 18px; letter-spacing:-1px; cursor:pointer;}

.tab1 li .g_login{ display:none; width:100%; position:absolute; top:53px; left:0; list-style:none; border:0; margin:0; padding:0; white-space:nowrap; overflow:hidden; *zoom:1;}
.tab1 li #frmCert{top:40px;}
.tab1 li .g_login:after{ content:""; display:block; clear:both;}
.tab1 li .g_login fieldset legend{display:none;}

.tab1.log .log a,
.tab1.certi-login .certi-login a{ padding-top:3px;border:1px solid #ccc; border-bottom:1px solid #fff; background:transparent; color:#21407f;}
.tab1.log .log a span,
.tab1.certi-login .certi-login a span{padding-top:4px;padding-bottom:2px;}

.tab1.log .log .g_login,
.tab1.certi-login .certi-login .g_login{display:block;}

.g_login .input_wrap{float:left;margin-left:10px;_margin-left:5px;width:165px;height:52px;}
.g_login .btn_login{float:right;width:135px;}
.g_login .btn_login input{margin:0;padding:0;width:62px;height:50px;}

.g_login .i_label{float:left;font-size:11px;color:#616161;letter-spacing:-1px;line-height:22px;margin:2px 0 0 0;}
.g_login .i_text{float:right;width:110px;margin:2px 0 0 0;height:18px;padding:0;vertical-align:middle;font-size:12px;padding-left:2px;}
.g_login .input_pass{clear:both;}

/* certi_login input */
#certi-login form{/**/_width:320px;}
#certi-login .input_wrap{float:left;margin-left:10px;margin-top:15px; width:165px;height:45px; }
#certi-login .i_radio{float:left;width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle;}
#certi-login .i_label{float:left; font-size:11px;color:#616161;letter-spacing:0px;line-height:17px;margin:0 0 2px 0;padding-right:5px;}
#certi-login .i_text{float:none;margin:0 0 2px 0;height:18px;padding:0;vertical-align:middle;}

#certi-login #txtBizNo1{width:34px;}
#certi-login #txtBizNo2{width:20px;}
#certi-login #txtBizNo3{width:60px;}

#certi-login #txtPerson1{width:68px;}
#certi-login #txtPerson2{width:68px;}
#certi-login .input_pass{clear:both;}
#certi-login .btn_login input{display:block;margin:0;padding:0x 0 0 0;width:129px;}
#certi-login .btn_login input.down_certi{display:block;margin:0;padding:5px 0 0 0;width:130px;height:27px;}
#certi-login .input_wrap div{clear:both;}

/* ID/Pass save */
.g_login .keeping{clear:both;color:#616161; margin-left:60px;height:25px;padding-top:5px;}
.g_login .keeping label{position:static;font-family:Dotum, 돋움, Thahoma;cursor:pointer}
.g_login .i_check{width:13px;height:13px;margin:0 2px 0 0;padding:0;vertical-align:middle}

/* help */
.tab1 .g_login .help{width:266px; height:25px;background:url("../images/mainV2Image/help_greybox.gif") no-repeat 0 0;margin-left:45px;}
.tab1 .g_login .help a{float:left;background-color:none;border:none;font-size:11px;color:#616161;letter-spacing:-1px;line-height:22px;padding:2px 1px;text-align:center;width:32%;background:url("../images/mainV2Image/help_part.gif") no-repeat 0 50%;}
.tab1 .g_login .help a:first-child{background:none;}

/* jsOff */
.tab1.jsOff{ padding:0;}
.tab1.jsOff ul{ border:0;}
.tab1.jsOff li{ float:none;}
.tab1.jsOff li a{ float:none; display:block; font-weight:bold; color:#333; border:1px solid #cfcfcf !important; border-bottom-color:#cfcf !important; background:#ffffff !important;}
/* TAB End */

/* notice,faq Start */
/* Lined Tab */
.tab2{padding:0 0 30px 0;}
.tab2 ul{position:relative;margin:0;padding:0;list-style:none;border-bottom:1px solid #cfcfcf;font-size:11px;*zoom:1;}
.tab2 ul:after{content:"";display:block;clear:both;}
.tab2 li{float:left;margin-bottom:-1px;}
.tab2 li a{position:relative;float:left;text-decoration:none;border:1px solid #cfcfcf;border-bottom-color:#cfcfcf;background:#e7e7e7;color:#6e6e6e;}
.tab2 li a span{display:inline-block;padding:3px 18px 1px 18px;letter-spacing:-1px;cursor:pointer;}
.tab2 li ul{display:none;width:100%;position:absolute;top:40px;left:0;list-style:none;border:0;margin:0;padding:0;white-space:nowrap;overflow:hidden;*zoom:1;}
.tab2 li ul:after{content:"";display:block;clear:both;}
.tab2 li li{position:relative;left:-1px;padding:0;padding-left:2px;margin:0;border-left:1px solid #ddd;font-size:12px;overflow:visible;background:url(../images/mainV2Image/imo_circle.gif) no-repeat 10px 50%;line-height:20px;}
.tab2 li li a{padding:0;margin:0;border:0 !important;color:#676767 !important;font-weight:normal;background:transparent;letter-spacing:normal;}
.tab2.noti .noti a,
.tab2.faq .faq a{padding-top:3px;border:1px solid #ccc;border-bottom:1px solid #fff;background:transparent;color:#21407f;}
.tab2.noti .noti a span,
.tab2.faq .faq a span{padding-top:0px;letter-spacing:0;}

.tab2.noti .noti ul,
.tab2.faq .faq ul{ display:block;}
.tab2 ul li ul li span.context{white-space:nowrap; width: 277px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;}

.tab2.noti .noti li a span.date,
.tab2.faq .faq li a span.date{display:block;position:absolute;left:220px;top:2px;letter-spacing:0;text-align:right;font-weight:normal;}

.tab2 li li a:hover,
.tab2 li li a:active,
.tab2 li li a:focus,
.tab2.s1 .s1 a,
.tab2.s2 .s2 a,
.tab2.s3 .s3 a,
.tab2.s4 .s4 a,
.tab2.s5 .s5 a{font-weight:bold; letter-spacing:-1px; color:#676767 !important;}

/* jsOff */
.tab2.jsOff{ padding:0;}
.tab2.jsOff ul{ border:0;}
.tab2.jsOff li{ float:none;}
.tab2.jsOff li a{ float:none; display:block; font-weight:bold; color:#333; border:1px solid #cfcfcf !important; border-bottom-color:#cfcf !important; background:#ffffff !important;}
.tab2.jsOff li ul{ position:static; display:block; padding:5px 0; left:0; top:0;}
.tab2.jsOff li li{ display:inline;}
.tab2.jsOff li li a{ display:inline; letter-spacing:normal; border:0 !important; font-weight:normal !important; color:#676767 !important; background:none !important;}
.tab2.jsOff li li a:hover,
.tab2.jsOff li li a:active,
.tab2.jsOff li li a:focus{ text-decoration:underline;}
/* TAB End */

/* NoticeFaq:MORE */
.tab_list ul{position:relative;margin:0;padding:0;border-bottom:1px solid #ccc;font-family:dotum;font-size:11px;list-style:none;*zoom:1}
.tab_list ul:after{display:block;clear:both;content:""}
.tab_list li{float:left;margin-bottom:-1px}
.tab_list li a{float:left;position:relative;padding:3px 0;border-bottom-color:#d0d0d0;color:#666;text-decoration:none}
.tab_list li a span{display:inline-block;padding:4px 20px 0 20px;letter-spacing:-1px;cursor:pointer}
.tab_list li ul{display:none;position:absolute;top:41px;left:0;width:100%;margin:0;padding:0;border:0;list-style:none;*zoom:1}
.tab_list li ul:after{display:block;clear:both;content:""}
.tab_list li li{position:relative;margin:0 0 3px 0;padding-left:19px;background:url(../images/mainV2Image/imo_circle.gif) no-repeat 10px 50%;color:#999;font-size:12px}
.tab_list li li a{margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal}
.tab_list li li a:hover,
.tab_list li li a:active,
.tab_list li li a:focus{color:#000 !important;text-decoration:underline}
.tab_list li li.more{position:absolute;top:-35px;right:0;border:0 !important;background:transparent}
.tab_list.m1 .m1 a,
.tab_list.m2 .m2 a{border:1px solid #ccc;border-bottom:1px solid #fff;background:transparent;color:#333}
.tab_list.m1 .m1 a span,
.tab_list.m2 .m2 a span{padding-top:4px;padding-bottom:2px;color:#33508a}
.tab_list.m1 .m1 ul,
.tab_list.m2 .m2 ul{display:block}
.tab_list.js_off{height:auto}
.tab_list.js_off ul{border:0}
.tab_list.js_off li{float:none;position:relative}
.tab_list.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#333}
.tab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab_list.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab_list.js_off li li.more{top:7px;right:15px}
.tab_list li.m1 li .context,
.tab_list li.m2 li .context{margin:0;padding:0;white-space:nowrap;width:277px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;color:#666 !important;letter-spacing:normal}
.tab_list li.m1 li .date{position:absolute;left:240px;top:0px;width:62px;margin:0;padding:0;color:#666 !important;letter-spacing:0;text-align:right;font-weight:normal}
.tab_list li.m1 li a:hover,
.tab_list li.m2 li a:hover{}

/* 2nd line */
.csguide{margin-top:4px; float:left; width:316px;}
.csguide img{margin-bottom:4px;}
.cs_nav{margin-top:13px; float:left; width:313px; margin-left:20px}
.cs_nav li{float:left;width:156px;}
.manual_down{margin-top:13px;float:left;margin-left:18px;padding:0;width:294px;}
.manual_down h1{margin-bottom:16px;margin-left:9px;}
.manual_down li{float:left;width:69px;text-align:center;}
.manual_down li.mgl{margin-left:15px;_margin-left:4px;}
.manual_down li.thr{padding-top:0;background:none;}
.manual_down li.thr img{margin-top:-10px;}

/* footer 
#footer{clear:both;}
#after_footer{display:none;}
.social_link{float:left;padding-left:13px;}
.social_link ul li{float:left;margin-right:5px;}
.social_link ul li img{margin-top:5px;margin-bottom:4px;}
.company_link{float:left;padding-left:141px;}
.company_link ul li{float:left;}
.company_link ul li img{margin-top:8px;margin-bottom:7px;}
.family_link{float:right;padding-right:13px;padding-left:118px;_padding-left:114px;}
.family_link select{margin:5px 0 5px 0;_margin-top:7px;*margin-top:7px;width:150px;color:#a2a2a2;font-size:12px;font-family:"돋움",Dotum,"굴림",Gulim,Arial,sans-serif;}
.copyright{clear:both;border-top:1px solid #e3e3e3;}
.copyright .logo{float:left;width:120px;padding-top:16px;padding-left:14px;}
.copyright .copy{float:left;width:585px;padding-top:8px;}
.copyright .copy span{display:block;margin:0;padding:0;height:14px;text-align:left;}
.copyright .mark{float:right;padding-top:15px;padding-right:13px;}
#contact{clear:both;}*/

/* footer */
#footer .footlink{padding:4px 0;border-top:2px solid #e3e3e3;border-bottom:1px solid #e3e3e3;/**/*zoom:1;}
#footer .footlink:after{display:block;clear:both;content:'';}
#footer .footlink .social_link{float:left;padding-left:13px;}
#footer .footlink .social_link li{float:left;padding-left:5px;}
#footer .footlink .company_link{float:left;padding:4px 0 0 141px;}
#footer .footlink .company_link li{float:left}
#footer .footlink .familysite{float:right;padding-right:13px;}
#footer .footlink .familysite select{margin:0;width:150px;color:#a2a2a2;}
#footer .copyright{clear:both;/**/*zoom:1;}
#footer .copyright:after{display:block;clear:both;content:'';}
#footer .copyright h2{float:left;width:120px;padding:16px 0 0 14px;}
#footer .copyright .copy{float:left;width:567px;padding-top:8px;}
#footer .copyright .copy span{display:block;margin:0;padding:0;height:14px;text-align:left}
#footer .copyright .mark{float:right;padding-top:13px;}

/* login Button */
.cssBtnLogin { position: relative; border: 0; cursor: pointer; background:url(../images/mainV2Image/btn_login_default.gif) no-repeat left;}
.cssBtnLoginNon { position: relative; border: 0; cursor: pointer; background:url(../images/mainV2Image/btn_nonlogin_default.gif) no-repeat left;}
.cssBtnLoginCert { position: relative; border: 0; cursor: pointer; background:url(../images/mainV2Image/btn_clogin_default.gif) no-repeat left;}