@import url("base_style.css");
@import url("board.css");
@import url("common.css");
@import url("dm.css");

/*
 * ##### shinhan_style.css #####
 * 1.layout 
 * 2.title style
 * 3.contents
 * 5.±âŸ
 */

/*** layout ***/

body{
  margin:0 0 0 0px;
  text-align:center;
  padding:0;
  background:#ffffff url(../images/common/body_top_bg.gif) repeat-x top left;
  font-size:9pt;
  color:#535353;
  font-family: Dotum, "µ¸¿ò", sans-serif;
}

table{
  border-collapse:collapse;
  margin:0;
  padding:0;
}

img{border:0; margin:0; padding:0;}

.clear {
  clear: both;
}

td {font-size: 9pt;margin:0;}

form, h1, h2, h3, h4, h5, h6, ul, p {
	margin: 0;
	padding: 0;
}

hr {
	display: none;
}

p, div, th, td, select, input {
	color: #535353;
	font-family: dotum;
}

a:link, a:visited {
  margin:0;
	color: #535353;
	text-decoration: none;	
} 
a:active, a:hover {
  margin:0;
	color: #385C92;
	text-decoration: none;
}

ul{list-style:none; margin:0; padding:0;}
ul li{margin:0; padding:0;}

select{font-size:9pt;}

textarea{
  padding:10px;
  scrollbar-face-color: #ffffff;
  scrollbar-shadow-color:#ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #e9e9e9;
  scrollbar-darkshadow-color: #d6d6d6;
  scrollbar-track-color: #e2e2e2;
  scrollbar-arrow-color: #c5c5c5;
}  

input.type-text, textarea{border:1px solid #d1d1d1;font-size:9pt;line-height:130%;}
input.type-board, textarea{border:1px solid #bacbe8;font-size:9pt;line-height:130%;}

#wrapper{
  position:relative;
  text-align:left;
  margin:0;
  padding:0;
  width:996px;
}


#header{
	position: relative;
	width:906px;
	height:134px;
	padding:0;
	margin:0;
	z-index: 10000;
}

/* subTop-gnb*/ 
/*#header h1{float:left;padding:22px 0 0 0; width:127px; margin:0; vertical-align:top; text-align:left}
#header h2{background:url(../images/common/top_logoBar.gif) no-repeat 0 27px; padding:24px 0 19px 11px; width:253px; text-align:left;vertical-align:top;}*/

#header .utilmenu {position:absolute; top:10px; text-align:right; width:100%; padding-right:87px; vertical-align:top;border:1px solid red;}
#header .utilmenu span {background:url(../images/common/top_utilBar.gif) no-repeat 3px 0; height:10px; padding-left:7px; margin:0;}
#header .utilmenu span.first-child{background:none; height:10px; } 

#header .Tsearch {position:absolute; top:5px; text-align:right; width:100%; vertical-align:top;}

#header .gnbmenu {float:right; list-style:none; vertical-align:top;}
#header .gnbmenu li {float:left; padding-left:18px;}
#header .gnbmenu li.last{padding-left:15px;}

#header .topNavi{position:absolute; left:0; top:63px; z-index:99;}


#index_header{
  position: relative;
  width: 996px;
  height: 101px;
  padding: 0;
  margin: 0;
  z-index: 10000;
}

#index_header_pb{
  position: relative;
  width: 996px;
  height: 134px;
  padding: 0;
  margin: 0;
  z-index: 10000;
} 
 
#index_content{ 
	position: relative;
	width: 996px;  
	padding: 0 0 35px 0;
	z-index: 1;
}

#index_content_cib{ 
	position: relative;
	width: 996px; 
	padding: 0 0 50px 0;
	z-index: 1;
}
div.index_flash {
	position: relative;
	z-index: 1;
}
/* indexTop-gnb */

/*#index_header h1{float:left;padding:22px 0 0 0; width:127px; margin:0; vertical-align:top; text-align:left;}
#index_header h2{background:url(../images/common/top_logoBar.gif) no-repeat 0 27px; padding:24px 0 19px 11px; width:253px; text-align:left;vertical-align:top;float:left;}*/

#index_header .utilmenu {position:absolute; top:10px; text-align:right; width:100%; padding-right:87px; vertical-align:top;}
#index_header .utilmenu span {background:url(../images/common/top_utilBar.gif) no-repeat 3px 0; height:10px; padding-left:7px; margin:0;}
#index_header .utilmenu span.first-child{background:none; height:10px; } 

#index_header .Tsearch {position:absolute; top:5px; left:919px; text-align:right; width:76px; vertical-align:top;}

#index_header .gnbmenu {float:right; list-style:none; vertical-align:top;}
#index_header .gnbmenu li {float:left; padding-left:18px;}
#index_header .gnbmenu li.last{padding-left:15px;}

#index_header .topNavi{position:absolute; left:0; top:63px; z-index:99;}

#content{
/*position: relative;*/
	width:996px;  
	padding:0 90px 0 0;
	margin-bottom:50px;
}

#containerfull_body{
	position:relative;
	float:right;
	width:796px; 
	margin:0 0 0 0px;
}

#sub-navigation{
	margin:0;
	float:left;
	text-align:left;
	vertical-align:top;
	padding:0; 
}
#sub-navigation div.loginArea{background:url(../images/common/left_login_bg.gif) no-repeat top left;width:180px; height:104px; margin:0; text-align:left;}
#sub-navigation div.AloginArea{background:url(../images/common/left_login_bg.gif) no-repeat;width:180px; height:104px; margin:0;padding:15px 0 0 15px; text-align:left;}
#sub-navigation div.AloginArea table tr td a{padding:0 4px 0 0;}
div.loginArea{background:url(../images/common/left_login_bg.gif) no-repeat top left;width:180px; height:104px; margin:0; text-align:left;}
div.AloginArea{background:url(../images/common/left_login_bg.gif) no-repeat;width:180px; height:104px; margin:0 0 10px 0;padding:15px 0 0 15px; text-align:left;}
div.AloginArea table tr td a{padding:0 4px 0 0;}

.loginArea{background:url(../images/common/left_login_bg.gif) no-repeat top left;width:180px; height:104px; margin:0; text-align:left;}

#sub-navigation .loginArea tr td.stitle{
  background:url(../images/common/ico_lock.gif) no-repeat top left;
  background-position:20px 20px;
  vertical-align:top; 
  padding:18px 0 0 34px; 
  color:#0a4070; 
  font-size:8pt; 
  font-weight:bold;
}
#sub-navigation .AloginArea tr td.title{
  background:url(../images/common/ico_lock.gif) no-repeat top left;
  background-position:5px 4px;
  vertical-align:top; 
  padding:2px 0 10px 19px; 
  color:#0a4070; 
  font-size:8pt; 
  font-weight:bold;
}
div.loginArea tr td.stitle{
  background:url(../images/common/ico_lock.gif) no-repeat top left;
  background-position:20px 20px;
  vertical-align:top; 
  padding:18px 0 0 34px;  
  color:#0a4070; 
  font-size:8pt; 
  font-weight:bold;
}
div.AloginArea tr td.title{
  background:url(../images/common/ico_lock.gif) no-repeat top left;
  background-position:5px 4px;
  vertical-align:top; 
  padding:2px 0 10px 19px;
  color:#0a4070; 
  font-size:8pt; 
  font-weight:bold;
}
#sub-navigation .AloginArea tr td a img {margin:0 -3px 0 0;}


#sub-navigation .loginArea tr td.login-btn{vertical-align:bottom; padding-bottom:9px;}
#sub-navigation .loginArea tr td.txt{color:#333333}
#sub-navigation .loginArea tr td.login-btn a{padding:0 2px;}

#sub-navigation table .loginArea {border:1px solid red;}

#body-container{
	position: relative;
	padding:0;
	float:right;
	text-align:left;
	width:696px;
	vertical-align:top;
	z-index:1;
}

#location{
  width:696px;
  text-align:right;
  padding-bottom:5px;
  margin:0;
}
#location span.linemap{
  vertical-align:top;  
  color:#85abd2; 
  padding:0 0 10px 7px;
  font-size:8pt;
}
#location span.linemap a:link, #location span.linemap a:visited {color: #85abd2;	text-decoration: none;}
#location span.linemap a:active, #location span.linemap a:hover {color: #85abd2;	text-decoration: none;}
#location .current{color:#093f6f;font-weight:normal;}

.footer{
	position: relative;
	z-index: 999999;
    margin: 0;  
	width: 100%;
	text-align:left;
	vertical-align: bottom;
	padding:0 90px 26px 0;
}

.footer .line_B {
	text-align:center;
	background:url(../images/common/bg_footer_line.gif) no-repeat; font-size:0; float:left;
}

.footer ul {
	margin:0;
	padding:0;
	list-style:none;
}

.index_footer{
	position: relative;
	z-index:999;
	margin:0;  
	width:100%;
	text-align:left;
	vertical-align:bottom;
	padding:0 0 26px 0;
}

.index_footer .line_B {
	text-align:center;
	background:url(../images/common/bg_footer_line.gif) no-repeat; font-size:0; float:left;
}

.index_footer ul {
	margin:0;
	padding:0;
	list-style:none;
}

div#quick{
	position: absolute;
	top: 0;
	left: 703px;
	z-index: 100;
}


/*** title style ***/

.tit{width:100%; border-bottom:#bac7dc 1px solid; margin-bottom:20px;}
.tit img{vertical-align:bottom;}
.tit tr td.tit-title{padding-bottom:9px;}
.tit tr td.tit-btn{padding:0 5px 8px 0; text-align:right;}



/** text style **/

.input_Checkbox {vertical-align:middle;margin-bottom:3px;}

/*  ¸ô ¹öÆ°/À̹ÌÁö °£°Ý */
.pdl5 {padding-left:5px;}

/** ÇÏ´Ü °£°Ý Á¶Á¤ **/
/* 30px */
.pix30_bottom {padding-top:30px}

/* 10px */
.pix10_bottom {padding-top:10px}
.pb10 {padding-bottom:10px;}

/* 8px */
.pix8_bottom {padding-top:8px}

/* ÄÜÅÙÃ÷ Å×À̺í°ú Å×ÀÌºí °£°Ý 20px */
.pix20_bottom {padding-top:20px}

/* ÅÜ°ú ÄÁÅÙÃ÷ °£°Ý 5px */
.pix5_bottom {padding-top:5px}

/* ÅÜ°ú ÄÁÅÙÃ÷ °£°Ý 15px */
.pix15_bottom {padding-top:15px}



/*** ±âŸ ***/
.cboth {clear:both;font-size:0px;}
.line-point {color:#5b6a97;text-decoration:under;}

#Prd1Div1 {
	position: absolute;
	top: -1000px;
	left: -1000px;
	z-index: 1000;
}



/*-- New Top(2008.03.13 )--*/
div.logo {
	position: absolute;
	width: 290px;
	height: 27px;
	top: 21px;
	left: 0;
}
div.logo h1 {
	float: left;
	margin: 0 14px 0 0;
	padding: 0;
	font-size: 0;
}
div.logo h2 {
	float: left;
	margin: 3px 0 0 0;
	padding: 0 0 0 5px;
	font-size: 0;
	background: url(../images/common/top_logoBar.gif) no-repeat left 2px;	
}

div.Utill-Menu {
	position: absolute;
	width: 460px;
	height: 18px;
	top: 6px;
	left: 566px;
}

div.Um-left {left:444px;}

div.Utill-Menu ul {
	float: right;
	margin: 5px 0 0 0;
}
div.Utill-Menu ul li {
	float: left;
	padding: 0 0 0 4px;
	margin: 0 4px 0 0;
	background: url(../images/common/top_utilBar.gif) no-repeat left 0px;
}
div.Utill-Menu ul li.first {
	background: none;
}

div.Utill-Menu ul li.mar {
	padding: 0 15px 0 4px;
}


div.T-Search {
	float: right;
}

div.Gnb {
	position: absolute;
	width: 534px;
	height: 13px;
	top: 35px;
	margin: -5px 0 0 0;
	/*left: 462px;*/
	right: 0;
}
div.Gnb ul {
	float: right;
	margin: -1px 0 0 0;
}
div.Gnb ul li {
	float: left;
	margin: 5px 13px;
}
div.Gnb div.search {
	float: right;
}
div.Gnb div.search select {
	font-size: 11px;
	color: #0a4070;
}
div.Gnb div.search input {
	border: 1px solid #9db2c5;
	vertical-align: top;
}

div.top-Navi {
	position: absolute;
	top: 63px !important;
	height: 70px;
	z-index: 120;
}

div.top-Login {
	position: absolute;
	top:123px;
	border:1px solid #dcdcdc;
	padding:5px;
	z-index: 9000;
}

.login_aft	{padding:0;margin:0;}
.login_aft .log_txt			{background:url(../images/common/log_bult.gif) no-repeat;background-position:2px 4px;color:#8a755d;margin:0 0 0 0;padding:0 0 0 8px;display:inline;}
.login_aft .log_btn			{margin:0;padding:0;display:inline;text-align:right}
.login_aft .log_btn	img {vertical-align:middle;}

div.bizLog{width:195px;height:57px;background:url(../images/common/nbizLog_bg.gif) no-repeat;position:absolute;top:123px;}
div.bizLog div.log01{margin:0;padding:13px 0 0 14px;}
div.bizLog div.log01 img.inbank{margin-right:25px;}
div.bizLog div.log02{margin:0;padding:11px 0 0 18px;}
div.bizLog div.log02 img{margin-right:13px;}

div.bizLogo{width:195px;height:57px;background:url(../images/common/nbizLog_bg.gif) no-repeat;position:absolute;top:123px;}
div.bizLogo div.log01{margin:0;padding:7px 0 0 7px;}
div.bizLogo div.log01 img.inbank{margin-right:25px;}
div.bizLogo div.log02{margin:0;padding:0;text-align:center;}


/*** Äü¸Þ´º¿Í ÅëÇÕ°Ë»ö ***/
#totalSearch {
	position:absolute;
	left:625px;
	top:5px;
	width:290;
	height:187;
	z-index:9999999;
}

#esayservice{
	position:absolute;
	left:780px;
	top:90px;
	width:145;
	height:182;
	z-index:9999999999;
}


#flashcontent {
}

table.emMainR	{width:100%;}
table.emMainR tr td	{background-color:#f0f0f0;}

#Prd1Div1 {
	position:absolute;
	z-index:9999999999;
}

.f_padding	{margin-bottom:12px;}

.top_padding	{margin-top:20px;font-size:0;}

.comm_login	{margin:0 0 5px 0;}

/* Sub main ·Î±×ÀÎ °øÅë ºÎºÐ */
div.main_login	{font-size:0;}
div.main_login .sub_mainlogin {font-size:0;margin:0 0 -4px 0;}
div.main_login .sub_mainbody	{background:url(../images/common/my_login_cont_bg.gif) no-repeat;width:180px;height:62px;padding:9px 0 0 9px;}
div.main_login .sub_mainLognT {background:url(../images/common/my_login_tit_bga.gif) no-repeat;width:162px;height:21px;color:#fff;padding:3px 0 8px 28px;}

div.main_login div.sub_mainbody div.sub_mainLognT a:link,
div.main_login div.sub_mainbody div.sub_mainLognT a:visited {color:#fff;}
div.main_login div.sub_mainbody div.sub_mainLognT a:active,
div.main_login div.sub_mainbody div.sub_mainLognT a:hover {color:#fff;}

div.main_login .sub_mainLognTB {background:url(../images/common/my_login_tit_bg.gif) no-repeat;width:162px;height:21px;color:#fff;padding:2px 0 8px 0;text-align:center;}
div.main_login .sub_mainbody ul .ms_agree	{border-right:1px solid #d4d4d4;display:inline;margin:0 0 0 7px;padding:0 17px 0 0;}
div.main_login .sub_mainbody ul .ms_fine	{display:inline;padding:0 0 0 15px}


/** µµ¿ò¸» Ãß°¡ css 04.11 **/
div.Help_layer {
	width: 486px;
	background: url(../images/common/helpbox_bottom.gif) no-repeat 0 bottom;
}
div.w-helpbox {
	width: 100%;
	margin: 0 0 10px 0;
	padding: 15px 0 0 0;
	background: url(../images/common/helpbox_top.gif) no-repeat 0 top;
}
div.w-helpbox h3 {
	width: 460px;
	margin: 0 0 15px 13px;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #e4e4e4;
	font-size: 12px;
	color: #444;
	text-align: center;
}
div.w-helpbox ul {
	margin: 0 0 12px 18px;
}
div.w-helpbox ul li {
	margin: 0 0 4px 0;
	padding: 0 0 0 7px;
	background: url(../images/icon/bul_help.gif) no-repeat 0 4px;
	line-height: 15px;
}
div.w-helpbox ul li img {
	vertical-align: middle;
}
div.w-helpbox p {
	width: 460px;
	margin: 0 0 2px 13px;
	padding: 4px 0 0 0;
	border-top: 1px solid #e4e4e4;
	text-align: center;
}