@charset "utf-8";

/*
position : relative(상대) , absolute(절대)

marjin: 위,오른쪽,아래,왼쪽 / border 밖
border:
pdding : 위,오른쪽,아래,왼쪽 / border 안
*/
.jbox {
	position:relative;
	overflow: hidden;
}

.jbox.left{ float:left; z-index:20;}
.jbox.right{ float:right; z-index:10;}

.jbox table {
	border:0 none;
	margin:20px auto 7px;
	border:2px solid #E5EAEF;
}
.jbox table th, .jbox table td {
	padding:5px 0px 5px 5px;empty-cells:show;
}
.jbox table th {
	font-size:12px;
	letter-spacing:-1px;
	text-align:left;
	white-space:nowrap;
	width:100px;
}
.jbox table th.normal {
	color:#7D7D7D;
	font-weight:normal;
}
.jbox table td {
	padding-bottom:5px;
}
.jbox table td .input_text {
	border:1px solid #CCCCCC;
	font-size:14px;
	font-weight:bold;
	height:18px;
	line-height:14px;
	padding:3px 2px 1px;
}
.jbox table td .input_text.focus {
	border:1px solid #59A509;
}
.jbox .bar {
	margin:10px -1px 0 -2px;
}

.htable td {
	height:30px;
	padding-left: 10px;
	border-bottom: 1px solid #CCCCCC;
}
.htable2 td {
	height:30px;
	padding-left: 10px;
}
.input_text2 {
	border:1px solid #CCCCCC;
	font-size:12px;
	height:16px;
	line-height:14px;
	padding:3px 2px 1px;
}
.input_file {
	border:1px solid #CCCCCC;
	font-size:12px;
	height:22px;
	padding:3px 2px 1px;
}
.text_area {
	border:1px solid #CCCCCC;
	font-size:12px;
	line-height:14px;
	padding:3px 2px 1px;
}
.htitleline {border-bottom:2px solid #E3E3E3;clear:both;height:23px;position:relative;_top:2px;}
.htitleline h3 {position:absolute;left:0; border-bottom:2px solid #1867B6;font-weight: bold; height:23px; padding:0 1px; _top:-1px; font-size:11pt;min-width:100px;}
.htitleline p {border-bottom:2px solid #4D4D4D;font-weight:bold;clear:both;float:left;height:23px;padding:0 1px;position:relative;_top:2px;}

.hometable1 {border:0px solid #488ae4;margin:1em auto;border-collapse:collapse;}
.hometable1 th, .hometable1 td{border:1px solid #E1E1E1;padding: 10px 5px;margin: 5px;color:#678197;}
.hometable1 th {text-align:left; padding-left: 5px; background-color:#f7fdec}
.hometable1 .odd {background-color:#f7fdec}

.hometable2 {border:0px solid #488ae4;margin:1em auto;border-collapse:collapse;}
.hometable2 th, .hometable2 td{text-align:center; border:1px solid #E1E1E1;padding: 10px 5px;margin: 5px;color:#2D3842;}
.hometable2 th {padding-left: 5px; background-color:#f7fdec}
.hometable2 .odd {background-color:#f7fdec}


.hometable3 {border:0px solid #488ae4;margin:1em auto;border-collapse:collapse;}
.hometable3 td{text-align:left; color:#2D3842;}
.hometable3 .tbox {border:1px solid #A2A2A2;border-collapse:collapse;padding: 10px 5px;}



.mlist_box{background: url("/images/joint/mtl_bg.gif") repeat-x 0px 28px transparent;}
/*
.mlistTl{position:relative;clear:both;height:28px;margin:5px 0;}
.mlistTl p {position:relative;float:right;height:20px;padding:8px 1px 0;}
.mlistTl a { font-size:8pt; line-height: 15px;text-decoration:none;}
*/
.mlistTl {position:relative;clear:both;	height:30px;margin:0px;}
.mlistTl h3 {position:absolute;left:0; font-weight: bold; font-size:10pt;}
.mlistTl p {position:absolute;right:0; padding-top:-3px;}
.mlistTl p a {font-size:11px;}


.icostl{background: url(/images/main/icon_try_oj.gif) no-repeat 0px 7px; padding-left: 10px;clear:both;line-height: 20px;font-weight:bold;}
.icostl1{background: url(/images/main/icon_won2.gif) no-repeat 0px 7px; padding-left: 8px;clear:both;line-height: 20px; margin-top:10px;}
.icostl2{background: url(/images/main/icon_g.png) no-repeat 0px 10px; padding-left: 10px;clear:both;line-height: 25px; margin-top:10px;font-size:14px;}


.ptlbox{width:436px;height:34px;background: url(/images/k/tlbg.png) no-repeat 0 0; padding-left: 30px;clear:both;}
.ptlbox p{color:#FFF;font-weight: bold;font-size:17px;line-height: 34px;}

.ptl1 {color:#444;
font-size:15px;
line-height: 24px;
font-weight: bold;
clear:both;
padding:10px 0 5px 0;

}


/*online */
.tbl_data3{width:100%;font-size:14px;border-top:2px solid #519acd;border-bottom:1px solid #519acd;border-spacing:0;border-collapse:collapse;table-layout:fixed;word-wrap:break-word;}
.tbl_data3 caption{position:static;overflow:hidden;top:-9999px;left:-9999px;height:0;font-size:0;line-height:0;}
.tbl_data3 tbody td{padding:4px 5px;border-top:1px solid #eee;border-left:1px solid #eee;text-align:left;font-size:14px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tbl_data3 tbody th{padding:4px 5px;font-size:14px;font-weight:normal;border-top:1px solid #eee;border-left:1px solid #eee;letter-spacing:-1px;text-align:center;background:#f9fbfd;}

.tbl_data3 tbody tr:first-child td{border-top:0;}
.tbl_data3 tbody td:first-child{border-left:0;}
.tbl_data3 tbody td:first-child{border-left:0;}

.tbl_data3 tbody th:first-child{border-left:0;}
.tbl_data3 tbody th:first-child{border-left:0;}
.tbl_data3 input, .tbl_data3 textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.tbl_data3 tbody td.calign {text-align:center;}