@charset "UTF-8";

.recordCon{ padding:0 50px;}
.recordCon p{ margin-bottom:20px;}
.recordConWrapp .leftcon{ width:20%;}
.recordConWrapp .leftcon p{
	text-align: right; font-size:11px;
	}
.readSecond{ font-size:14px;}
	
.recordConWrapp .rightcon{ width:64%;  margin-left:16%;}
.projectdetailTxt{ line-height:30px;}
.recordConWrapp .textcon{ padding-top:50px; border-bottom:none;}

.rightcon{ display:inline-block; width:64%; margin-left:6%; vertical-align:top;}
.rightcon dl{ margin-bottom:50px;}
.rightcon dt{ font-size:24px; margin-bottom:25px;}
.rightcon dd{ font-size:15px; line-height:30px;}

.textcon{ font-size:0; padding-bottom:50px; border-bottom:1px solid #f6f6f6}
.leftcon{ display:inline-block; width:30%; vertical-align:top;}
.leftcon p{ margin-bottom:20px;}
.leftcon dl{ margin-bottom:20px;}
.leftcon dl dt{ font-size:12px; font-weight:bold; color:#999;}
.leftcon dl dd{ font-size:12px; }






@media screen and (max-width:900px){
	.recordCon{ padding:0 25px;}

	.recordConWrapp{ padding:0 20px; box-sizing:border-box;}
	.recordConWrapp .leftcon{ width:100%;}
	.recordConWrapp .rightcon{ width:100%; margin:0;}
	.recordConWrapp .textcon{ padding:25px;}
	.rightcon dt {
    font-size: 20px; margin-bottom:15px
    }
	.rightcon dd{ font-size:14px; line-height:24px;}
	.rightcon dl{ margin-bottom:25px;}
	
}