/* CSS Document */

div, p, ul, li, a, table, td, tr, h1, h2, h3, h4, h5, h6, form, input, span, iframe, select {
	margin: 0;
	padding: 0;
	font-family: "Dotum", Arial, Helvetica, sans-serif;
	}

div {
	line-height:130%;
}



/* 테이블 */
.dot_line {
	background: url(../images/company/dot_line.gif) left 50% repeat-x;
	height:24px;
	}
.tab_area{
	background:#ffffff url(../images/common/tabbg.gif) left bottom repeat-x;
	height:21px;
	}



/* 여백 */
.pad_t2{padding-top:2px;}
.pad_t3{padding-top:3px;}
.pad_t5{padding-top:5px;}
.pad_t7{padding-top:7px;}
.pad_t10{padding-top:10px;}
.pad_t15{padding-top:15px;}
.pad_t20{padding-top:20px;}
.pad_t25{padding-top:25px;}
.pad_t30{padding-top:30px;}
.pad_t40{padding-top:40px;}
.pad_t50{padding-top:50px;}
.pad_l5{padding-left:5px}
.pad_l10{padding-left:10px}
.pad_l12{padding-left:12px}
.pad_l15{padding-left:15px}
.pad_l20{padding-left:20px}
.pad_l25{padding-left:25px}
.pad_l30{padding-left:30px}
.pad_l40{padding-left:40px}
.pad_r5{padding-right:5px}
.pad_r10{padding-right:10px}
.pad_r15{padding-right:15px}
.pad_r20{padding-right:20px}
.pad_r25{padding-right:25px}
.pad_r28{padding-right:28px}
.pad_r30{padding-right:30px}
.pad_r33{padding-right:33px}
.pad_b5{padding-bottom:5px}
.pad_b7{padding-bottom:7px}
.pad_b10{padding-bottom:10px}
.pad_b15{padding-bottom:15px}
.pad_b17{padding-bottom:17px}
.pad_b20{padding-bottom:20px}
.pad_b25{padding-bottom:25px}
.mb20{margin-bottom:20px;}
.mt25{margin-top:25px;}
.pad_20{{padding:20px;}


/* 폰트 */
.f_54{color:#545454;}
.f_38{color:#383838;}
.f_red{color:#FF4800;}
.f_red_b{color:#FF4800;font-weight:bold;}
.f_red2{color:#BE3022;}
.f_red2_b{color:#BE3022;font-weight:bold;}
.f_red3{color:#D94200;}
.f_gray{color:#878787;}
.f_gray2_b{color:#6C6C6C; font-weight:bold;}
.f_orange{color:#FF6C00;}
.f_blue{color:#1F71A3;}
.f_11{font-family: 돋움; font-size:11px; line-heigh:13px;}
.f_12{font-family: 돋움; font-size:12px; line-heigh:13px;}
.f_bold {font-weight:bold;}

/* 정렬 */
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right; align:right;}
.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}
.img_right {vertical-align: middle;}
.line_h140 {line-height:140%;}



/* input - select */

.input01 {
	border: 1px solid #D6D6D5;
	padding: 2px 4px 2px 4px;
	font-size: 100%;
	vertical-align: middle;
	height:18px;
}
.input02 {
	border: 1px solid #D6D6D5;
	padding: 3px 4px 0px 4px;
	font-size: 95%;
	color:#666666;
	height:20px;
	}
.input03 {
	border: 1px solid #D6D6D5;
	padding: 1px 4px 0 4px;
	font-size: 95%;
	color:#666666;
	height:16px;
	}

textarea {
	border: 1px solid #D6D6D5;
	padding: 0 0 0 0;
	letter-spacing: 0.05em;
	font-size: 100%;
}
textarea.text {
	width:100%;
	height:100%;
	font-size: 90%;
	border: 1px solid #D6D6D5;
	padding: 5px 0 0 5px;
	letter-spacing: 0.01em;
	color:#666666;
}

input.radio {
	border: none;
	vertical-align: middle;
	padding: 0 0 4px 0;
}

input.chek_secret {
	border:  none;
	padding: 0px 0 0 0;
	margin-bottom:4px;
}

select {
	color: #3B3B3B;
	background-color: #fff;
	vertical-align: top;
	font-size: 100%;
}

.select-type01{
	font-size: 90%;
	color: #ffffff;
	border: 1px solid #8B8B8B;
	margin: 4px 0 0 0;
	background: #ABABAB;
}

.select-type02{
	font-size: 90%;
	color: #726A63;
	border: 1px solid #C0C0C0;
	margin:1px 1px 3px 0;
	padding: 0 0 0 0;
	vertical-align: top;
	line-height:20px;
}

.select-type03{
	font-size: 90%;
	color: #726A63;
	border: 1px solid #C0C0C0;
	padding: 1px 4px 3px 2px;
	margin:0 5px 0 5px;
	vertical-align: middle;
}

.select-type04{
	font-size: 100%;
	color: #726A63;
	border: 1px solid #CCCCCC;
	padding: 2px 1px 1px 4px;
	margin:0 0px 0 0px;
	vertical-align: middle;
	height:18px;
	text-align:left;
}



/* 테이블 속성 */

table, th, td {
	margin: 0;
	padding: 0;
	font-family: "Dotum", Arial, Helvetica, sans-serif;
	line-height:130%;
	font-size:100%;
}
th {
	font-weight: bold;
	text-align: center;
}
caption {
	display: none;
}

table td.left{
	text-align: left;
	}
table td.center{
	text-align: center;
	}
table td.right{
	text-align: right;
	}
table td.justify{
	text-align: justify;
	}
table td p.bold{
	font-weight:bold;
	letter-spacing:-0.1em;
}
/*  list table style */

.table_list{
	width:100%;
	border-bottom:solid 1px #412333;
}

.table_list th{
	background:url(../images/media/board_titleC.gif) repeat-x left top;
	font-size:90%;
	height:26px;
	}

.table_list td{
	height:26px;
	font-size:90%;
	border-bottom:solid 1px #D8D8D8; 
	padding: 0 0 0 0;
	text-align:center;
	}


.table_list th.number{
	background:url(../images/media/board_titleL.gif) left top no-repeat;
	width:10%;
	}

.table_list th.hits{
	background:url(../images/media/board_titleR.gif) right top no-repeat;
	width:12%;
	}

.table_list td.left{
	text-align:left;
	}

.table_list td.rgith{
	text-align:rgith;
	}

.table_list td  p img {
	float: left;
	margin:0;
}

.table_list td a:link, 
.table_list td a:visited {
	color: #7F7F7F;
	text-decoration: none;
	}

.table_list td a:active, 
.table_list td a:hover {
	color: #201119;
	text-decoration: none;
	}



/* view table style */ 

.table_view{
	width:100%;
	border-bottom:solid 1px #412333;
	background:url(../images/media/board_titleR.gif) right top no-repeat;
	}

.table_view th{
	font-size:90%;
	height:26px;
	}

.table_view td{

	vertical-align:top;
	}


.table_view th.title{
	background:url(../images/media/board_titleL.gif) left top no-repeat;
	width:10%;
	text-align:left;
	padding: 0 0 0 25px;
	}

.table_view th.text{
	background:url(../images/media/board_viewbar.gif) left 50% no-repeat;
	text-align:left;
	padding: 0 0 0 10px;
	}


.table_view table.tview{
	width:100%;
	}

.table_view table.tview td{
	border-bottom:solid 1px #D8D8D8; 
	text-align:left;
	vertical-align:top;
	}

.table_view table.tview td.subject01{
	font-size:11px;
	height:26px;
	border-bottom:solid 1px #D8D8D8; 
	text-align:left;
	vertical-align:top;
	padding: 5px 0 0 25px;
	}

.table_view table.tview td.subject02{
	font-size:11px;
	height:26px;
	border-bottom:solid 1px #D8D8D8; 
	text-align:left;
	vertical-align:top;
	padding: 5px 0 0 0;
	}
.table_view table.tview td.subject01 span.B{
	font-weight:bold;
	}
.table_view table.tview td.subject02 span.B{
	font-weight:bold;
	}

.table_view table.tview td.view_text{
	height:250px;
	font-size:90%;
	border-bottom:solid 1px #D8D8D8; 
	text-align:left;
	vertical-align:top;
	padding:20px;
	}


#w4{width:4%;}
#w7{width:7%;}
#w9{width:9%;}
#w10{width:10%;}
#w11{width:11%;}
#w12{width:12%;}
#w15{width:15%;}
#w18{width:18%;}
#w20{width:20%;}
#w21{width:21%;}
#w25{width:25%;}
#w28{width:28%;}
#w31{width:31%;}
#w37{width:37%;}
#w40{width:40%;}
.w7{width:7%;}
.w9{width:9%;}
.w10{width:10%;}
.w12{width:12%;}
.w15{width:15%;}
.w17{width:17%;}
.w18{width:18%;}
.w20{width:20%;}
.w21{width:21%;}
.w23{width:23%;}
.w25{width:25%;}
.w29{width:29%;}
.w30{width:30%;}
.w32{width:32%;}
.w35{width:35%;}
.w37{width:37%;}
.w40{width:40%;}
.w50{width:50%;}
.w55{width:55%;}
.w70p{width:70px;}
.w100p{width:100px;}
.w140p{width:140px;}
.w141p{width:141px;}
.w150p{width:150px;}
.w170p{width:170px;}
.w177p{width:177px;}
.w180p{width:180px;}
.w195p{width:195px;}
.w200p{width:200px;}
.w210p{width:210px;}
.w220p{width:220px;}
.w240p{width:240px;}
.w260p{width:260px;}
.w285p{width:285px;}
.w300p{width:300px;}
.w330p{width:330px;}
.w340p{width:340px;}
.w380p{width:380px;}
.w400p{width:400px;} 
.w450p{width:450px;}

/* table_blue */

.table_blue{
	width:100%;
	border:solid 1px #EBEBEB;
	}

.table_blue th{
	background:#F7F9FD;
	color:#1E4F88;
	border-right:solid 1px #EBEBEB;
	padding: 0 0 0 20px;
	text-align:left;
	}

.table_blue th.colls{
	text-align:center;
	padding: 5px 5px 5px 5px;	
	}	
.table_blue th.none{
	border-right:none;
	}

.table_blue td{
	background:#ffffff;
	padding: 0 0 0 0;
	text-align:left;
	padding: 5px 5px 5px 10px;
	}

.border_gray {border: solid 1px #EBEBEB;}
.border_grayT {border-top: solid 1px #EBEBEB;}
.border_grayB {border-bottom: solid 1px #EBEBEB;}
.border_grayL {border-left: solid 1px #EBEBEB;}
.border_grayR {border-right: solid 1px #EBEBEB;}



/* paging - buttons */
.tfootarea {
	height:35px;
	vertical-align:middle;
	padding-top:10px;
	margin:0px;
	position:relative;
	text-align:center;
	}

.tfootarea .foot{
	vertical-align:top;
	position:absolute;
	text-align:center;
	width:100%;
	left:0px;
	top:15px;
	}

.tfootarea p.btn_right{
	text-align:right;
	}

.tfootarea p.btn_center{
	text-align:center;
	}

.tfootarea .foot span.text {
	font-size:90%;
	letter-spacing: 0.05em;
	color:#727272;
	font-weight:bold;
	padding:0px 5px 0 5px;
	margin-top:25px;
	vertical-align:top;
	}

.tfootarea .foot span.text a:link, 
.tfootarea .foot span.text a:visited {
	color: #727272;
	text-decoration: underline;
	}
.tfootarea .foot span.text a:active, 
.tfootarea .foot span.text a:hover {
	color: #4A4A4A;
	text-decoration: underline;
	}

/* serch */
.serch_area {
	height:35px;
	background:#F7F7F7;
	text-align:center;
	vertical-align:top;
	padding: 6px 0 0 0; 
	}

/*  블릿이미지 */

.blt_blue{
	height:30px;
	background:#fff url(../images/common/blt_blue.gif) left 50% no-repeat;
	padding: 0 0 0 13px;
	color: #3C81B8;
	font-weight:bold;
	letter-spacing: -1px;
	font-size:110%;
	text-align:left;
	}

.blt_gray{
	height:25px;
	background:#fff url(../images/common/blt_gray.gif) left 50% no-repeat;
	padding: 0 0 0 13px;
	color: #000000;
	font-weight:bold;
	letter-spacing: -1px;
	font-size:100%;
	text-align:left;
	}


.blt_dotblue{
	height:20px;
	background:#fff url(../images/common/blt_dotblue.gif) 15px 50% no-repeat;
	padding:2px 0 0 26px;
	color: #000000;
	font-weight:nomal;
	letter-spacing: -1px;
	font-size:100%;
	text-align:left;
	vertical-align:top;
	}

.blt_dotbluess{
	height:17px;
	background:#fff url(../images/common/blt_blues.gif) 13px 50% no-repeat;
	padding: 0 0 0 20px;
	font-weight:nomal;
	letter-spacing: -1px;
	font-size:100%;
	text-align:left;
	vertical-align:top;
	}


.blt_pointmsg{
	height:17px;
	background:#fff url(../images/common/blt_msg.gif) 28px 2px no-repeat;
	padding: 0 0 0 45px;
	font-weight:nomal;
	letter-spacing: -1px;
	font-size:85%;
	text-align:left;
	vertical-align:top;
	color:#9B723A;
	}
