@charset "utf-8";

*{margin:0;padding:0}
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body{background-color:#fff;*word-break:break-all;-ms-word-break:break-all;}
body,button,textarea,td,th{font-size:10pt;line-height:20px;font-family:Dotum,Helvetica,AppleGothic,Sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left}
img,fieldset,iframe{border:0px none}
li{list-style:none}
em,address{font-style:normal}
button,label{cursor:pointer;_cursor /**/:hand}
form{clear:both;margin:0px;}

/************ headerline **********************/
h2 {
	color:#305f8e;
	font-size:11pt;
	margin:0px;
	margin-top:10px;
	margin-bottom:5px;
	padding-top:2px;
	padding-bottom:3px;
	text-indent:18px;

	background-image:url('../img/icons/navigation.png');
	background-repeat:no-repeat;
	background-position:center left;	
	width:1000px;
}

h2 a{
	color:#305f8e;
}

h3 {
	color:#666666;
	font-size:10pt;
	
	margin:0px;	
	margin-top:5px;
	margin-bottom:3px;
	text-indent:16px;

	background-image:url('../img/icons2/folder.gif');
	background-repeat:no-repeat;
	b_ackground-attachment:fixed;
	background-position:center left;
	b_ackground-color:blue;
}

.window-mask{
	width:100%;
	height:100%;
	z-index:10000;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#999;
	f__ilter:alpha(opacity=20);
	o__pacity:0.2;
	-m__oz-opacity:0.2;
	display:none;
}

.button_bar {	
	w_idth:800px;
	text-align:center;
}
/************ /headerline **********************/


/* 이미지 태그의 border값 0로 */
A			{COLOR: #555; TEXT-DECORATION: none;}
A:link 		{COLOR: #555; TEXT-DECORATION: none;}
A:visited	{COLOR: #555; TEXT-DECORATION: none;}
A:active	{COLOR: #FF6633; TEXT-DECORATION: none;}
A:hover		{COLOR: #0099FF; TEXT-DECORATION: underline;}


/* focus outline hidden */
a, area, button {blr:expression(this.onFocus=this.blur())} /*for IE*/
:focus {-moz-outline-style:none;} /*for firefox */

.radio-ui {
	font-size: 8pt;
}
.ime-korea{
	ime-mode:active;
}
.ime-englishonly{
	ime-mode:disabled;
}
.ime-english{
	ime-mode:inactive;
}

/* 기본  body, table, tr, td, select, input, textarea{font-family: "돋움"; font-size: 9pt; font-style: normal;  font-weight:normal; color: #000000;}
*/
input{
	font-size:9pt;font-family:Dotum,Helvetica,AppleGothic,Sans-serif;
	line-height:18px;
	height:18px;
	vertical-align:middle;
	padding:0px;
	padding-left:2px;
	padding-right:2px;
	background-color: #FFFFFF; 
	border:1px #CCCCCC solid;
	color:#666;
	margin:0px;
	margin-top:1px;
}
select{
	font-size:9pt;
	height:21px;
	vertical-align:middle;
	padding:0px;
	margin:0px;
	background-color: #FFFFFF; 
	color:#666;
	margin:1px;
}
textarea{
	i___me-mode:active; 
	padding-left:2px;
	padding-right:2px;
	background-color: #FFFFFF; 
	border:1px #CCCCCC solid;
	color:#666;
	margin:1px;
}
input[type="radio"]{border:0px;background-color:transparent;vertical-align:middle;} 
input[type="checkbox"]{border:0px; background-color:transparent;vertical-align:middle;} 
label{height:20px;line-height:20px;padding:2px;cursor:pointer;}

input.big {height:24px;font-size:11pt;font-weight:bold;line-height:18px;}
input.readonly    { background-color:#F1F1F1;}
textarea.readonly { background-color:#F1F1F1;}

.no-board{ background-color: transparent; border: 0;}
.input_enable  { background-color: #F0FFF0; font-weight:normal; color: #000000;border: 1px #a0a0a0 solid;}
.input_disable { background-color: silver; font-weight:normal; color: #000000;border: 1px #a0a0a0 solid;}

.input_number{text-align:right;padding-right:3}
.clear{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}
.input_borderhidden { 
	border-top: 1px solid #FFFFFF;	
	border-right: 1px solid #FFFFFF;	
	border-bottom: 1px solid #FFFFFF;		
	border-left: 1px solid #FFFFFF; 
	background-color:#FFFFFF;
}

/************ /headerline **********************/
.datepicker{
	background-image:url('/img/icons/date.png');
	background-repeat:no-repeat;
	background-position:center right;
	width:85px;
	text-align:left;
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -moz-binding: url('/css/ellipsis.xml#ellipsis');
}

/************ pagination *************************/
.pagination{
	font-family: "verdana"; 
	font-size: 10pt;
	padding: 2px;
	width:1000px;
}
.pagination ul{
	margin: 0;
	padding: 0;
	text-align: center; 
}
.pagination li{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}
.pagination a, .pagination a:visited{
	padding: 0 5px;
	border: 1px solid #fff;
	text-decoration: none;
	color: #c0c0c0;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px 3px;
}
.pagination a:hover, .pagination a:active{
	border: 1px solid #999;
	color: #666;
	background-color: #efefef;
}
.pagination a.currentpage{
	font-size: 13pt;
	background-color: #fff;
	color: #666 !important;
	border-color: #999;
	font-weight: bold;
	cursor: default;
	border: 0px solid #999;
}
.pagination a.prevnext{
	font-weight: bold;
	color:orange;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
	background-color: white;
	cursor: default;
	color: #efefef;
	border-color: #fff;
	font-weight: normal !important;
}
/************ //pagination ************************/


/************ table ***************************/
table.gridtable {
	color:#333333;
	border-width: 1px;
	border-color: #efefef;
	border-collapse: collapse;
	border-top:3px solid #c0c0c0;
	width:1000px;
}
table.gridtable caption{
	text-align:right;
}
table.gridtable tr{
	line-height:22px;
	height:16px;
}
table.gridtable thead th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #c0c0c0;
	background-color: #f0f0f0;
	text-align:center;
	line-height:22px;
	padding:0px;
	padding:5px 3px;

	color:#888;
	font-weight:bold;
}
table.gridtable tbody th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #c0c0c0;
	text-align:right;
	w______________idth:140px;

	line-height:110%;

	color:#888;
	background-color: #F7F7F7;
	font-weight:bold;
}

table.gridtable td {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #c0c0c0;
	background-color: #ffffff;
	padding:3px;

	line-height:20px;
	color:#666;
}
table.gridtable .odd td {
	background-color: #f0f0f0;
}
table.gridtable td.selected{
	background-color: #BFEFFF;
}
table.gridtable td.mouseover{
	background-color: #FFEC8B;
}

table.gridtable td .help {
	color:gray;
	font-size:8pt;
}
table.gridtable td a{
	c_olor:#0099FF;
}

/* subtable */
table.gridtable .subtable{
	width:840px;
	border-top:1px;
}
table.gridtable .subtable th{
	font-weight:normal;
}


/* orange */
table.gridtable.orange{
	border-color:#EE9A00;
}
table.gridtable.orange th{
	border-color:#EE9A00;
	background-color:#FFEC8B;
	color:#666;
	font-weight:normal;
}
table.gridtable.orange tbody td{
	border-color:#EE9A00;
}

/* optional */
table.gridtable td.optional, table.gridtable th.optional{
	background-color:#f0f0f0;
}

/* center */
table.gridtable.center td, table.gridtable.center th{
	text-align:center;
}

.table2col th{ width:140px; }
.table2col td{ width:860px; }

.table4col th{ width:200px; }
.table4col td{ width:300px; }

.table6col th{ width:150px; }
.table6col td{ width:183px; }

.table8col th{ width:80px; }
.table8col td{ width:170px; }

.nobreak th, .nobreak td{
	color:red;
	word-break:nowrap ;

}
.breakall {
	word-wrap: break-word; /* Internet Explorer 5.5+ */ 
	white-space: pre-wrap; /* css-3 */ 
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
	white-space: -pre-wrap; /* Opera 4-6 */ 
	white-space: -o-pre-wrap; /* Opera 7 */  
	word-break:break-all;
}

/*
.tblViewType1 {
	width:100%;
	border-top:3px solid gray;
	border-collapse:collapse;
	border:1px solid gray;
	background-color:red;
	cellspacing:1px;

}
.tblViewType1 th{
	background-color:#efefef;
	width:150px;
	font-weight:normal;

}
.tblViewType1 td{
	width:auto;

}
*/
/************ //table ***************************/


/************ button ***************************/
.button{
    display:inline-block;
    margin:1px;
	padding:0;
    background-color:#eee;
    border:1px solid #aaa;
    c__olor:#336699;
    cursor:pointer;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 3px 3px;
	b__ehavior:url(/js/border-radius.htc);
	z-index: 2;
	vertical-align:middle;
}

.button img{
	border:0px solid gray; 
	vertical-align:middle; 
}
.button:hover, .button a:hover{	
	text-decoration: none; 
	margin:0px;
}
.button span{
	vertical-align:middle;
	padding:0px;	
	min-width:16px;
	min-height:16px;
	display:block;
}
/* green */
.button.green{
 	border:1px solid #A2CD5A;
	color:#529214;
	background-color: #aee795;
	background: #aee795; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #aee795 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#aee795)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#aee795',GradientType=0 ); /* ie */
}
.button.green:hover{   
    border:2px solid #9ACD32;

	background-color: #b6f29c;
	background: #b6f29c; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #b6f29c 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#b6f29c)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#b6f29c',GradientType=0 ); /* ie */
}

/* red */
.button.red{
    border:1px solid #FF82AB;
	color:#FF6A6A;
	background-color: #facedc;
	background: #facedc; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #facedc 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#facedc)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#facedc',GradientType=0 ); /* ie */
}
.button.red:hover{
	border:2px solid #FA8072;

	background-color: #fadae4;
	background: #fadae4; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #fadae4 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#fadae4)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#fadae4',GradientType=0 ); /* ie */

}

/* gray */
.button.gray{
    border:1px solid #AAAAAA;
	color:#666666;
	background-color: #c9c8c8;
	background: #c9c8c8; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #c9c8c8 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#c9c8c8)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#c9c8c8',GradientType=0 ); /* ie */

}
.button.gray:hover{
	border:2px solid #B7B7B7;

	background-color: #dad8d8;
	background: #dad8d8; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #dad8d8 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#dad8d8)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#dad8d8',GradientType=0 ); /* ie */
}

/* blue */
.button.blue{
	border:1px solid #87CEFF;
	color:#336699;
	background-color: #a8cef8;
	background: #a8cef8; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #a8cef8 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#a8cef8)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#a8cef8',GradientType=0 ); /* ie */
}
.button.blue:hover{
    border:2px solid #7EC0EE;
	c__olor:#336699;
	background-color: #b8d7f9;
	background: #b8d7f9; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #b8d7f9 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#b8d7f9)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#b8d7f9',GradientType=0 ); /* ie */
}

/* size big */
.button.big{
    font-size:9pt;
    font-weight:bold;
    padding:0px 6px;
	vertical-align:middle;
}
.button.big span{
	line-height:26px;
	height:26px;
}

/* size medium */
.button.medium{
    font-size:9pt;
    font-weight:normal;
    padding:0px 2px;
	vertical-align:middle;
}
.button.medium span{
	line-height:18px;
	height:18px;
}
/* size small */
.button.small{
    font-size:8pt;
    line-height:15px;
    font-weight:normal;
    padding:0px 2px;
}
.button.small span{
	line-height:18px;
	height:16px;	
}

.button.nobackground{
   background-image:url('../../img/btn_blue__bg.png');
}
/************ //button ***************************/



.sampleui{
	display:none;
}



/* simpletable */
table.simpletable{
	border:none;
	border-bottom:none;
}
table.simpletable tr{
	font-weight:normal;
	border:none;
	border-bottom:none;
}
table.simpletable th{
	font-weight:normal;
	border:none;
	border-bottom:none;
	padding:0px;
	margin:0px;
}
table.simpletable td{
	font-weight:normal;
	border:none;
	border-bottom:none;
	padding:0px;
	margin:0px;
}





/* id/pwfind */
.find {margin:0 auto; text-align:center; width:555px; border:0px solid #ccc; padding-top:20px;}
.find legend{ position:absolute; width:0; height:0; overflow:hidden; font:0/0 Sans-serif; visibility:hidden;}
.find dl{height:27px}
.find dl:after{ content:""; display:block; float:none; clear:both; margin:10px;}
.find dt{float:left; width:100px; clear:left; padding:4px 20px 0 0; text-align:right;}
.find dd{margin-left:5px;text-align:left;}
.find fieldset{border:0; width:400px;text-align:right;}
.find .inputname {width:230px; border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1; padding:4px 4px 2px 4px; height:18px; vertical-align:bottom;}
.find .inputnum {width:105px; border:1px solid #ccc; padding:4px 4px 2px 4px; height:18px; vertical-align:bottom;}

.find input.checkbox {clear:both; width:15px; vertical-align:middle; border:0;}
.find div {margin:0 auto;}
.find div.left {float:left; text-align:right;}
.find div.right {float:left; margin:0 0 5px 15px; text-align:left;}
.find p {clear:both; padding:0px 0 20px 40px;text-align:left;line-height:21px;}
.find p.spacer {clear:both; padding:2px;}

.icon-ssl{
	 background:url('../../img/icons/lock.png') no-repeat;
	 padding-left:20px;
}





.agreement-box{
	border:2px solid #e0e0e0;
	padding:10px 50px;
	width:690px;
	background-color:#fff;
	overflow:auto;
	height:150px;

   scrollbar-face-color:#ccc;
   scrollbar-arrow-color:#333;
   scrollbar-track-color:#eee;
   scrollbar-3dlight-color:#ccc;
   scrollbar-darkshadow-color:#ccc;
   scrollbar-shadow-color:#aaa;
   scrollbar-highlight-color:#eee;
}

.agreement-box-check{
	text-align:center;
	background-color:#e0e0e0;
	height:30px;
	width:792px;
	vertical-align:bottom;
	padding-top:10px;
	border:1px solid #bbb;
}

.html-content-box ul{
	padding-left:40px;
}
.html-content-box ul li{
	list-style-type: disc;
}

UL.content-tag-list{
	p_adding-left:40px;
}
UL.content-tag-list li{
	l_ist-style-type: disc;
	float:left;
	padding-right:5px;
	width:180px;
}
UL.content-tag-list li.append{
	color:#EE7621;
	
}