@charset "utf-8";
h1.online {margin-bottom: 7px; font-size: 0;}
/* 은행이체 한도등록 및 조회(은미) 2009-10-16 */
#contents {width:720px;}
#contWrap {overflow:hidden; width:100%;}


.hidden{display:none}

.w145{width:145px}
.w15{width:15px}
.w20{width:20px}
.w43{width:43px}
.w63{width:63px}
.w60{width:60px}
.w80{width:80px}

/* 수정 2009.12.09 강성규 */ 
.change_areaTop {
	width:350px;
	height:45px;
	background:url('/img/online/change_area_top.gif') no-repeat left top;
}
.change_areaMid {
	width:350px;
	background:url('/img/online/change_area_mid.gif') repeat-y;
	vertical-align:top;
}
.change_areaBot {
	width:350px;
	height:19px;
	background:url('/img/online/change_area_bot.gif') no-repeat left bottom;
}
.change_areaTop .account_tit {
	margin-top:10px;
	text-align:center;
}
p.change_btn {
	width:100%;
	text-align:center;
}
/* 은행이체 입출금(은미) 2009-10-15 */
.account_btnWrap {
	margin:0px;
	padding:0px;
}
.account_btn {
	float:left;
	padding:2px 4px;
}
.account_btn fieldset {
	width: 140px;
	border:0;
	padding-top: 30px;
}
.account_btn fieldset .account_txt01 {
	font-size:12px;
	margin-right:5px;
	vertical-align:-2px;
	height: 15px;
}
.account_btn fieldset .addition_txt {
	text-align:right;
	color:#a1a1a1;
}
/* 수정 2009.12.09 강성규 */
.account_areaTop {
	width:273px;
	height:45px;
	background:url('/img/online/account_area_top.gif') no-repeat left top;
}
.account_areaMid {
	width:273px;
	background:url('/img/online/account_area_mid.gif') repeat-y;
	vertical-align:top;
}
.account_areaBot {
	width:273px;
	height:19px;
	background:url('/img/online/account_area_bot.gif') no-repeat left bottom;
}
.account_areaTop .account_tit {
	padding-top:10px;
	text-align:center;
}
.account_areaMid .balance_btn {
	text-align:center;
	margin: 10px 0 22px;
}
.account_areaMid .balance_btn01 {
	text-align:center;
	margin: 10px 0 28px;
}
.account_areaMid .balance_btn02 {
	text-align:center;
	margin: 0px 0 8px;
}
.account_areaMid .balance_btn03 {
	text-align:center;
	margin: 10px 0 8px;
}
.accountForm01 {
	margin: 0 auto;
}
.accountForm01 .total_btn {
	float:right;
	vertical-align:-7px;
}
.accountForm02 {
	margin: 0 auto;
}
table.comList .m_05 {
	margin-top:30px;
	padding:5px 0;
}
/* 수정(은미) 2009-10-29 */
p.result_txt01 {
	clear:both;
	padding:3px 25px 3px 9px;
	background-color:#f4f4f4;
	border-top:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
}
p.result_txt02 {
	clear:both;
	padding:2px 25px 4px 9px;
	background-color:#f4f4f4;
	border-top:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
}
/* 계좌대체(은미) 2009-10-16 */
img.search_btn {
	vertical-align:-4px;
}
.pLno {
	border-top:0;
}
.br_01 {
	padding-left:7px;
	background: url('/img/common/icon_tit.gif') no-repeat 0 5px;
}	
	
/* 유상청약예약신청/취소 (1016-김재덕) */
.subAppl {
	text-align: right; 
	padding-top:10px; 
	height:47px; 
	border-bottom: 1px solid #a6a6a6;
}
.subEndTxt {
	font-size: 12px;
	color:#000; 
	padding: 6px 10px 0; 
	height:24px; 
	border-bottom: 1px solid #a6a6a6;
}
.accountForm01 th.topA6 {
	border-bottom:1px solid #a6a6a6;
}
.accountForm01 td.topA6 {
	border-bottom:1px solid #a6a6a6;
}
/* 서비스신청(은미) 2009-10-21 */
.top_lineR {
 border-top:1px solid #df0000;
}
.searchBox04 {
 width: 708px; 
 height: 98px; 
 background: url(../img/common/bg_search_04.gif) no-repeat;
 padding: 13px 0 0 12px;
}
.accountForm01 .alingC {
 text-align:center;
}
.accountForm01 .pG0 {
 padding-left:0;
}
/* 서브메인(은미) 2009-10-23 */
div#subCont {
	overflow:hidden;
	width:100%;
}
ul.service {overflow:hidden;}
ul.service li, ul.banner li {
	float:left;
	margin-right:16px;
}
ul.service li.no_mg, .banner li.no_mg {
	float:right; 
	margin-right:0;
}
div.banner {
	width:100%;
	overflow:hidden; 
	clear:both;
}
div.banner li {
	float:left;
	margin-right:15px;
}
#subCont .tdSubList a {
	color:#828282;
}
/* 로컬맵 앵커대그 적용되어 주석처리 (필요할시 a 클래스 생성하여 적용하시기 바랍니다)
#subCont .tdSubList a:hover {
	color:#828282;
	text-decoration:underline;
}
*/
/* 공모주 청약 정보(은미) 2009-10-23 */
.ft_color {color:#828282;}
dl.subMainList, ul.subTb {
 width:345px;
}
dt.tdListTit {
 height: 13px;
 margin-bottom: 13px;
}
table.subTb {
 width: 345px;
 line-height: 1.6em;
}
table.subTb th {
 height: 18px; 
 border-top: 1px solid #a6a6a6; 
 border-bottom: 1px solid #a6a6a6;
 background: #e4e4e4 url(/img/common/bg_titBar.gif) no-repeat 100% 6px; 
 font: normal 11px dotum;
 padding: 2px 5px 0; 
}
table.subTb th.bdNo {
 background: #e4e4e4 none;
} 
table.subTb td { 
 border-right: 1px solid #d9d9d9; 
 border-bottom: 1px solid #d9d9d9;
 padding: 0 5px;  
 text-align: right; 
 height: 20px;
 color: #313131;
}
table td.texL {
 text-align: left;
 color: #555555;
}
table.subTb td.bdNo { 
 border-right: 0;
}
/* SubMain */
#onlSubMain01 {
	width: 720px;
	height: 440px;
	position:relative;
}
#onlSubMain01 .online_main_img{position:absolute;left:0;top:0;}
#onlSubMain01 .online_main_issue{position:absolute;right:0;top:0;}
#onlSubMain01 .online_bank_set{position:absolute;right:0;top:115px;}
#onlSubMain01 .online_bank_set .online_bank_img{display:block;margin-top:20px;}
#onlSubMain01 .online_bank_set .online_bank_btn{position:absolute;right:230px;bottom:15px;}
#onlSubMain01 .online_bank_set .online_bank_btn2{position:absolute;right:25px;bottom:15px;}
#onlSubMain01 .online_box_set{position:absolute;width:100%;height:110px;right:0;bottom:30px;font-size:11px;font-weight:bold;color:#aaa;font-family:'맑은고딕', '맑은 고딕';letter-spacing:-1px;}
#onlSubMain01 .online_box_set .online_box1{position:absolute;right:410px;display:block;}
#onlSubMain01 .online_box_set .online_box2{position:absolute;right:205px;display:block;}
#onlSubMain01 .online_box_set .online_box3{position:absolute;right:0;display:block;}
#onlSubMain01 .online_box_set .menu_holder{position:absolute;display:block;width:110px;right:0;bottom:20px;}
#onlSubMain01 p.topFla {width: 321px;}
#onlSubMain01 p.topBan {
	position: absolute;
	left: 321px;
	top:0;
}
/* 권리청약 타이틀 추가 2009-11-27 김재덕 */
ul.onlineSubTit01 {
	height: 25px;
}
ul.onlineSubTit01 li.tit{
	padding-top: 3px
}
/*------------  미선대리님 추가 2009-12-28 --------------*/
table td.tdTbTxtL {
    text-align: left;   
}
table td.tdTbTxtR {
    text-align: right;  
}
table td.tdTbTxtC {
    text-align: center; 
}
/* 이자가계산합계 */
#CreditWrap {
	width:720px;
}
#CreditWrap2 {
	width:720px;
}
.credit_box50 {
	width:720px;
	margin:0 0 10px 0;
	padding:0;
}
.credit_box50.mt-4 {
	margin:-4px 0 0 0;
}
.credit_box50 table {
	float:left;
	border-collapse:collapse;
	border-top:1px solid #a6a6a6;
	border-bottom:1px solid #a6a6a6;
	font-size:12px;
}
.credit_box50 table.rbox {
	border-top:1px solid #df0000;
	font-size:12px;
}
.credit_box50 table th {
	height:30px;
	padding:0 10px;
	background-color:#f4f4f4;
	font-weight:normal;
	text-align:center;
	border-bottom:1px solid #d9d9d9;
}
.credit_box50 table th.left_line {
	text-align:center;
	border-left:1px solid #d9d9d9;
}	
.credit_box50 table td {
	text-align:center;
	height:30px;
	padding:0 10px;
	font-weight:normal;
	border-bottom:1px solid #d9d9d9;
}
.credit_box50 table td.left_line {
	text-align:center;
	border-left:1px solid #d9d9d9;
}
.credit_box50 p {
	float:right;
	font-size:11px;
	color:#828282;
	padding-left:7px;
	margin:7px 0 0 0;
}

/* table 추가 2017-07-13*/
.tb_st{overflow:hidden;clear:both;width:720px;border-top:1px solid #e21f28;border-bottom:1px solid #a6a6a6}
.st_gray{border-top-color:#a6a6a6}
.st_blue{border-bottom:none;border-top-color:#4861a4}
.tb_st table{width:100%;margin-top:-1px;border-collapse:collapse;border:0}
.tb_st table th,.tb_st table td{padding:7px 0 5px;line-height:1.35em;border:1px solid #d9d9d9;border-bottom:0 none;border-right:0}
.tb_st table th.bd{border-right:d9d9d9 1px solid}
.tb_st table th{font-weight:normal;color:#000;background:#f4f4f4}
.tb_st table tbody th{border-right:1px solid #d9d9d9}
.tb_st table thead th:first-child,.tb_st table tbody th:first-child,.tb_st table tbody td:first-child{border-left:0 none}
.tb_st table tbody th.normal{color:#525252;background:none}
.tb_st table td{color:#525252}
.tb_st table .al{padding-left:10px}
.tb_st table .ar{padding-right:10px}
.tb_st table .bl{border-left:1px solid #d9d9d9 !important}
.tb_st table.al th,.tb_st table.al td{padding-left:10px}
.tb_st table.ar th,.tb_st table.ar td{padding-right:10px}
.tb_st .al tbody th,.tb_st .al thead th{text-align:left}

.tb_st table td em{font-weight:bold}
.tb_st table .intable{padding-right:10px}
.tb_st table .intable .st_gray{clear:both;width:560px;margin-top:5px}
.tb_st table .intable table th,.tb_st table .intable table td{padding-left:0;text-align:center}
.tb_st table .intable .tb_st table th{border-right:0}
.tb_st table .bold td{background:#f6f5f0}
.tb_st table .intable .strong{border-width:2px 1px 2px 3px;border-style:solid;border-color:#a6a6a6 #d9d9d9 #a6a6a6 #a6a6a6}
.tb_st table .intable .strong2{border-width:2px 2px 2px 0;border-style:solid;border-color:#a6a6a6}

.textBold{font-weight:bold !important}

/* 윤예빈 2017-11-02 tap 공통*/
.tab_sub{overflow:hidden;height:22px;background:url(/image/bg_tab.png) repeat-x 0 100%}
.tab_sub li{float:left;margin-right:2px;}
.tab_sub li a{display:block;height:22px;padding:0;font-size:11px;line-height:1.29em;font-weight:bold;text-decoration:none;color:#525252;background:url(/image/bg_tab.png) no-repeat 100% -25px}
.tab_sub li a span{display:block;height:17px;margin-right:5px;padding:5px 5px 0 10px;cursor:pointer;background:url(/image/bg_tab.png) no-repeat 0 -25px} 
.tab_sub li.on a{color:#d30000;background-position:100% 0}
.tab_sub li.on a span{background-position:0 0}
.tab_sub li ul{display:none}
.tab_sub li.on ul{display:block;position:absolute;right:0;top:27px;height:14px;padding:5px 2px 0;background:#efebe0}
.tab_sub li.on li{font-size:11px}
.tab_sub li.on li a{height:10px;margin:0;padding:0 3px 0 4px;font-weight:normal;line-height:1em;color:#333;background:none;border-left:1px solid #525252}
.tab_sub li.on li:first-child a{border-left:0}
.tab_sub li.on li.on a{font-weight:bold;color:#df0001}

.al{text-align:left !important;}

.mread_btn{padding:2px 8px;cursor:pointer;border:0;background-color:#666;color:#fff;font-size:11px;font-family:'굴림';font-weight:normal;}
.mread_btn.disa{padding:2px 8px;cursor:pointer;border:0;background-color:#aaa;color:#fff;font-size:11px;font-family:'굴림';font-weight:normal;}
.apl_btn{padding:3px 25px;border:1px solid #c40707;background-color:#efefef;color:#de1d20;font-weight:bold;font-color:12px;cursor:pointer;font-family:'맑은 고딕','맑은고딕','Malgun Gothic'}
.apl_btn.disa{background-color:#ccc;color:#fff;border:1px solid #999}

.modal_bg{background:#fff; position:absolute; left:0; top:0; overflow:hidden; z-index:1000000;width:100%;height:100%;opacity:0.2}
.modal_cont{padding:25px;border:1px solid #eb524a;background-color:#fff;width:240px;height:130px;position:absolute;left:245px;top:200px;color:#000;font-family:'맑은 고딕';text-align:center;z-index:1000001}
.modal_cont p{font-size:15px;font-family:'맑은 고딕';color:#000;line-height:35px;}
.modal_cont .org_big{color:#eb524a;margin-top:20px;font-size:25px;}