﻿.user-info {font-size:12px}

div.section{
	margin-top:60px;
}

div.box.user-info{
	border:2px solid #005097; 
	border-radius:.4em;
	width:35%; 
	padding:40px 40px 20px 40px;
	margin: 20px auto;
	position:relative;

}

div.box.user-info2{
	width:auto;
}
div.box.user-info2:after{
	display:block;
	content:'';
	clear:both;
}


div.box.user-info2 #term_cont{
	width:100%;
	height:300px;
	margin-bottom:10px;
}

div.box.user-info2 .point{
	color:#355b9e;
	font-weight:bold;
	text-decoration:underline;
	font-size:14px;
}
div.user-sub_title{
	position:relative;
}
div.user-sub_title h2{
	font-size:15px;
    color: #0d2f8b;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 10px 10px 10px 0;
    position: relative;
}
.chk_agree{
	position:absolute;
	right:0;
	top:8px;
}
.chk_agree2{
	position:static;
	border:1px solid #b4b4b4;
	background-color:#f3f3f3;
	padding:10px;
}
.chk_agreeAll{
	position:static;
	font-weight:bold;
	border-top:2px solid #333;
	border-bottom:1px solid #b4b4b4;
	margin:15px 0;
	padding:10px 0;
	font-size:14px;
}
.chk_agreeAll:after{content:'';display:block;clear:both}
.chk_agreeAll span{
	float:right;

}
.chk_agreeAll label{
	font-weight:bold;

}
.chk_agree input{
	margin:0 5px 0 0;
}

.chk_agree label{
	display:inline-block;
	margin:0;
	vertical-align:middle;
}

/*div.box.user-info2 #term_cont .table tbody tr:hover td{
background:transparent;
}*/



div.form-group.control-group{}
div.form-group.control-group label{width: 35%;}
div.form-group.control-group input{width: 60%;}
div.form-group.control-group select{width:30%;}
div.command-section{ text-align:center; margin-top:20px; }

ul.diagonal-title{
	list-style:none;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
}
ul.diagonal-title > li{float:left; height:30px;}
ul.diagonal-title > li:nth-child(1){background-color:#005097; color:#fff; font-weight:700; padding-left:37px; padding-right:30px; line-height:2.2}
ul.diagonal-title > li.diagonal-tr{
	display:block;
	width:0;
	height:0;
	border-top:30px solid #005097;
	border-right:20px solid transparent;
}

div.box.user-info .desc_required {position:absolute;top:7px;right:15px;font-weight:bold; color:#ff6a00;}

form{margin-top:20px;}

div.form-group.control-group label.error{width:100%; color:red; margin-left:37%;}
div.form-group.control-group label .required {margin-left:-10px;padding-right: 2px;font-weight:700;font-size: 12px;color:#ff6a00;}/*필수입력사항 asterisk*/
#tblUInfo{width:100%;}
#tblUInfo colgroup .col1{width:22%;}
#tblUInfo colgroup .col2{width:22%;}
#tblUInfo colgroup .col3{width:auto;}
#tblUInfo colgroup .col4{width:22%;}
#tblUInfo colgroup .col5{width:22%;}

#tblUInfo td{padding:10px 2px;}

.field-validation-error {display:block; color:#ff6a00}
input[type="file"].add-file {box-shadow:none;font-size:12px}
.reg-help {margin-top: 20px; font-size:11.5px; background-color:#D5F0FD; padding:9px 6px;}

.btn-basic{
    margin-left: 0;
    padding: 10px;
    border-radius: 0;
    font-size: 13px;
    border: none;
    text-shadow: none;
    background-image: none;
	background-color: #e6e6e6;
    box-shadow: none;
    height: 22px;
    width: 120px;
    text-align: center;
}
.btn-basic:hover, .btn-basic:focus{
	background-color:#d8d8d8;
}
.btn-info {
    margin-left: 0;
    padding: 10px;
    border-radius: 0;
    background-color: #4BB3D7;
    color: #fff;
    font-size: 13px;
    border: none;
    text-shadow: none;
    background-image: none;
    box-shadow: none;
    height: 22px;
    width: 120px;
    text-align: center;
}