@charset "euc-kr";
/* base */
@font-face { 
		font-family:"NanumGothic"; 
		src: url('/inc/NanumGothic.eot'); 
		src: url('/inc/NanumGothic.woff') format("woff"), 
			 url('/inc/NanumGothic.ttf') format("truetype"); 
			 font-weight: normal; 
			 font-style: normal;
		}

	/* Type Selector */
	html, body, table, td, th, p, a, span, div,input,textarea,select{
		font-family:NanumGothic;
		text-decoration:none;
		line-height:18px;
	}
	
	*{padding:0;margin:0;list-style-type:none;}
	
	body{background-color:#fff;color:#888888; text-align:center;font-size:11px;}

	table{border-collapse:collapse;border-spacing:0;border:0px;}

	img, fieldset{border:0px;vertical-align: middle;}

	fieldset {border:0px; display: block; clear: both; }

	img.db{display:block;}

	ul, ol, li, dl, dt, dd {padding:0;margin:0;}
	ul,ol,li {list-style:none;}

	.dn {display:none;}

	.hide {visibility:hidden;}
	.vh_hide {height:0;font-size:0;line-height:0;visibility:hidden;overflow:hidden;}
	form label.vh_hide, dt.vh_hide {height:0;font-size:0; line-height:0; visibility:hidden;position:absolute; top:-10000px;left:-10000px;}


	hr { clear:both; height:0; line-height:0; visibility:hidden; }
	address {font-style:normal;}

	legend.h5 {margin-top:10px;margin-left:-5px;padding-left:10px;font-weight:normal;background:url('/images/common/btnIco/b_circleB1.gif') 0 0 no-repeat;}
	legend.h6 {margin-left:0;font-size:12px;margin-bottom:10px;margin-left:-5px;padding-left:10px;font-weight:normal;
		background:url('/images/common/btnIco/b_DotG.gif') left 4px no-repeat;}
		
	legend.vh_hide {height:0;font-size:0;line-height:0;visibility:hidden;overflow: hidden;display:block;}
	caption.vh_hide {height:0;font-size:0;line-height:0;visibility:hidden;}

	form {display:inline;}

/*link*/
	a{text-decoration:none; border:none;color:#888888;}
	a:link{text-decoration:none;color:#888888; }
	a:visited{text-decoration:none;color:#888888;}
	a:hover{text-decoration:none; color:#0071c0;}
	.unline {text-decoration: underline !important;}
	.smfont { font-size:11px; color:#9d9d9d;}

/** Form ************************************/
.input {
	font-family:dotum; 
	border:1px solid #cccccc; 
	background-color:#FFFFFF; 
	font-size: 11px; 
	color: #888888; 
	height: 5px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 1px 4px;
}

.input01 {
	font-family:dotum; 
	border:1px solid #d9d9d9; 
	background-color:#FFFFFF; 
	font-size: 11px; 
	color: #888888; 
	height: 13px;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 2px 4px;
}

.input02 {
	font-family:dotum; 
	border:1px solid #e9e9e9; 
	background-color:#e9e9e9; 
	font-size: 11px; 
	color: #888888; 
	height: 13px;
	margin: 0px 0px 0px 0px;
	padding: 0 1px 1px 4px;
}

.input03 {
	font-family:dotum; 
	font-size: 13px; 
	color: #ffffff; 
	height: 13px;

}

.detail {
	font-family:dotum; 
	font-size: 14px; 
	color: #000000; 
	height: 30px;
	font-weight:bold; 

}

.detail01 {
	font-family:dotum; 
	font-size: 11px; 
	color: #949494; 
	height: 11px;
	 

}


table.mtable01 td{
	font-family:dotum; 
	font-size: 13px; 
	padding: 0px 0px 0px 25px;
}

table.mtable td.pd {
	font-family:dotum; 
	font-size: 13px; 
	padding: 25px 25px 25px 25px;
}
table.mtable01{
	font-family:dotum; 
	padding: 7px 7px 7px 7px;
}

table.mtable02 td{
	font-family:dotum; 
	padding: 0px 0px 0px 0px;
}
table.mtable01 td.pg {
	font-family:dotum; 
	padding: 7px 7px 7px 7px;
}
 

.inputDis{
	height:17px;
	/* 12px */
	line-height:1.35em; /* 16px */
	vertical-align:middle;
	color:#888;
	padding:1px 4px 0;
	border-left:1px solid #b1b1b1;
	border-top:1px solid #b1b1b1;
	border-right:1px solid #d9dadb;
	border-bottom:1px solid #d9dadb;
	background:#efefef;
}
.inputbox {
	font-family:dotum; 
	border:1px solid #cccccc; 
	background-color:#FFFFFF; 
	font-size: 11px; 
	color: #888888; 
	height: 15px;
	margin: 0px 4px 0px 0px;
	padding: 2px 3px 1px 4px;
}
.inputbox_on {
	font-family:dotum; 
	border:1px solid #66afd8; 
	background-color:#FFFFFF; 
	font-size: 11px; 
	color: #888888; 
	height: 15px;
	margin: 0px 4px 0px 0px;
	padding: 2px 3px 1px 4px;
}
input.inputFile { 
	width:450px; 
	height:21px; 
	font-family:dotum; 
	border:1px solid #cccccc; 
	background-color:#FFFFFF; 
	font-size: 11px; 
	color: #888888; 
	margin: 0px 0px 0px 0px;
	padding: 0 3px 2px 4px;
}
.textarea {
	font-family:dotum; 
	border:1px solid #d9d9d9; 
	background-color:#FFFFFF; 
	font-size: 12px; 
	color: #888888; 
	margin: 0px 0px 2px 0px;
	padding: 5px; 
}

.selectbox {
	font-family:dotum; 
	border:1px solid #d9d9d9; 
	background-color:#FFFFFF; 
	font-size: 12px; 
	color: #888888; 
	margin: 0px 4px 0px 0px;
}


.radio {border:none;}
.checkbox {border:none;}
	
	
	
	textarea{vertical-align:middle;padding:4px 2px 2px 2px;}
	textarea.text{border:1px solid #cbcbcb !important;}

	select{margin-top:0; font-size:13px; vertical-align:middle; color: #464646 !important; font-weight: normal !important;}
	select.selectBig { font-size:16px; font-weight:bold !important; line-height:16px;}
	select.combo { behavior:url('/common/css/selectbox.htc'); }	
	option {padding-left: 3px;}
	input,img, {border:0; vertical-align: middle;}
	
	/* ff style */
	input[type=image] {border:0;vertical-align: middle;}
	input[type=radio] {border:0;margin:-2px 0 0 0;padding:0;}
	input[type=checkbox] {border:0;margin:-2px 0 0 0;padding:0;}
	/* ff style // */

	.bnone {border:none !important;}
	.bgNone { background:none !important;}

/* standard font css */

	.b{font-weight:bold;}
	.fwn {font-weight:normal;}

/* color */
	.accent_1 {color:#f26521;}
	.accent_2 {color:#4c80b1;}
	.bgf2 {background:#f2f2f2;}
	.bgf3{background:#f2f6ff;}
	
	
	.fb1 {color:#3373aa;}
	.fb2 {color:#0071c0;}
	
	.fred {color:#dd6708;}
	.fred2 {color:#e87800;}
	.fred3 {font-weight:bold; color:#dd6708;}
	.fred4 { color:#f81015; font-size:12px; }
	
	.fo1 {color:#ff560b;}
	.fblue2 {color:#0e55c0;}

	
	
	.big{font-size:17px !important;}
	.large{font-size:13px !important;}
	.nomal{font-size:12px !important;}
	.msmall{font-size:11px;}
	.small{font-size:10px !important;}
	


	.lh18{line-height:18px;}
	.lh20{line-height:20px;}

	
/* standard align css */
	.cen{text-align:center !important;}
	.vtcen{ position:absolute; left:50%; top:50%; }
	.left{text-align:left !important;}
	.right{text-align:right !important;}

	.fcenter{margin:0 auto;text-align:left;}

	.vtop{vertical-align:top;}
	.vmid {vertical-align:middle;}
	.vbtm{vertical-align:bottom;}

/* float & clear css  */
	.fl{float:left;}
	.fr{float:right;}
	.cl{clear:left;}
	.cr{clear:right;}
	.cb{clear:both;height:0;overflow:hidden;line-height:0;}
	.cbo{clear:both;}

/* display */
	.disn {display:none;}
	.disb {display:block;}
	.disib {display:inline-block;}
	.disi, a img.disi {display:inline;}

/* common margin setting */
	.mb1 {margin-bottom:5px;}
	.mb2 {margin-bottom:10px;}
	.mb3 {margin-bottom:15px;}
	.mb4 {margin-bottom:20px;}
	.mb5 {margin-bottom:25px;}
	.mb6 {margin-bottom:30px;}
	.mb7 {margin-bottom:35px;}
	.mb8 {margin-bottom:40px;}
	.mb9 {margin-bottom:45px;}
	.mb10 {margin-bottom:50px;}
	.mb11 {margin-bottom:60px;}
	.mb12 {margin-bottom:70px;}
	.pat10 { padding-top:10px;}

/* png */
	.png24 { 
		tmp:expression(setPng24(this)); 
	}

/* Font */

.txt_big	{
	font-size: 15px; 
	font-weight:bold; 
	color : #4564ac;
}

.txt_big02	{
	font-size: 14px; 
	font-weight:bold; 
	color : #ee5f00;
}

.txt_blue	{
	text-decoration : none; 
	color : #327cb3;
	font-weight:bold;
}
.txt_orange {
	text-decoration : none; 
	color : #df7300;
}
.txt_gray	{
	text-decoration : none; 
	color : #999999;
	font-weight:bold; 
}
.txt_w	{
	text-decoration : none; 
	color : #ffffff;
	
}

.txt_14	{
	font-size: 14px; 
	text-decoration : none; 
}

.txt_11	{
	font-size: 11px; 
	text-decoration : none; 
}

.tbl_01 { border-collapse:collapse; padding:0; margin:0; border:3px solid #f0f0f0; }
.tbl_02 { border-collapse:collapse; padding:0; margin:0; border:1px solid #e9e9e9; }
.tbl_03 { border-collapse:collapse; padding:0; margin:0; border:3px solid #bebebe; }
.tbl_04 { border-collapse:collapse; padding:5px; margin:0; border:3px solid #f0f0f0; }


.dataList { padding:0; margin:0; border:none; border-collapse:collapse;  }
.dataList thead { border-right:1px solid #b9aa9c;}
.dataList th { border-left:1px solid #e7e7e7; padding-top:4px; padding-bottom:4px; background:#b9aa9c; }
.dataList td { padding:0; text-align:center; border-right:1px solid #e7e7e7; border-left:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7;  }
.dataList td .innertbl td { border:none; text-align:left;padding-left:2px; }
.cellStr { border-left:none !important; }
