@charset 'UTF-8';

/** |01.Settings| ************************************************************ START **/




/* ============================================= */
/* common
/* ============================================= */
.ancNav li{
	width:auto;
}
.feature #contents .detailSection .main .detailGroup{
	border:none;
}
.feature #contents .detailSection .main ol li{
	list-style-type:none;
}




/* ============================================= */
/* feature
/* ============================================= */
#contents .detailSection .main .detailGroup .f1_2 p:first-child{
	width:620px;
}
#contents .detailSection .main .detailGroup .f1_2 p:last-child{
	margin-top:-80px;
}
@media screen and (max-width:767px){
	#contents .detailSection .main .detailGroup .f1_2 p:first-child{
		width:auto;
	}
	#contents .detailSection .main .detailGroup .f1_2 p:last-child{
		margin-top:auto;
	}
}

#contents .detailSection .main .detailGroup .f1_5 p:first-child{
	float: left;
	width: 510px;
}
#contents .detailSection .main .detailGroup .f1_5 p:last-child{
	float: right;
	width: 350px;
}
@media screen and (max-width:767px){
	#contents .detailSection .main .detailGroup .f1_5 p:first-child{
		float: none;
		width: auto;
	}
	#contents .detailSection .main .detailGroup .f1_5 p:last-child{
		float: none;
		width: auto;
	}
}

#contents .detailSection .main .detailGroup .f1_6 p:first-child{
	float: left;
	width: 510px;
}
#contents .detailSection .main .detailGroup .f1_6 p:last-child{
	float: right;
	width: 333px;
}
@media screen and (max-width:767px){
	#contents .detailSection .main .detailGroup .f1_6 p:first-child{
		float: none;
		width: auto;
	}
	#contents .detailSection .main .detailGroup .f1_6 p:last-child{
		float: none;
		width: auto;
	}
}

#contents .detailSection .main .detailGroup .f1_8 p:first-child{
	width:430px;
}
#contents .detailSection .main .detailGroup .f1_8 p:last-child{
	margin-top:-120px;
}
@media screen and (max-width:767px){
	#contents .detailSection .main .detailGroup .f1_8 p:first-child{
		width:auto;
	}
	#contents .detailSection .main .detailGroup .f1_8 p:last-child{
		margin-top:auto;
	}
}

#contents .detailSection .main .detailGroup .f1_9 p:first-child{
	width:480px;
}
#contents .detailSection .main .detailGroup .f1_9 p:last-child{
	margin-top:-80px;
}
@media screen and (max-width:767px){
	#contents .detailSection .main .detailGroup .f1_9 p:first-child{
		width:auto;
	}
	#contents .detailSection .main .detailGroup .f1_9 p:last-child{
		margin-top:auto;
	}
}

#contents .detailSection .main .detailGroup .f2_2 p:first-child{
	float: left;
	width: 599px;
}
#contents .detailSection .main .detailGroup .f2_2 p:last-child{
	float: right;
	width: 263px;
}
@media screen and (max-width:767px){
	#contents .detailSection .main .detailGroup .f2_2 p:first-child{
		float: none;
		width: auto;
	}
	#contents .detailSection .main .detailGroup .f2_2 p:last-child{
		float: none;
		width: auto;
	}
}



/* ============================================= */
/* feature_2
/* ============================================= */
.feature_2 #contents .detailSection .main table.feature_2_3{
	width:660px;
	margin:0 auto;
}
.feature_2 #contents .detailSection .main table.feature_2_3 tr{
	width:100%;
}
.feature_2 #contents .detailSection .main table.feature_2_3 tr th,.feature_2 #contents .detailSection .main table.feature_2_3 tr td{
	padding:4px 0 2px 0;
	vertical-align:middle;
	text-align:center;
	border:2px solid #000000;
	font-size:16px;
	line-height:1.2;
}
.feature_2 #contents .detailSection .main table.feature_2_3 tr th{
	color:#ffffff;
	background-color:#7575d0;
}
.feature_2 #contents .detailSection .main table.feature_2_3 tr td{
	width:20%;
}
@media only screen and (max-width: 768px){
	.feature_2 #contents .detailSection .main table.feature_2_3{
		width:90%;
	}
	.feature_2 #contents .detailSection .main table.feature_2_3 tr th,.feature_2 #contents .detailSection .main table.feature_2_3 tr td{
		font-size:14px;
	}
}



/* ============================================= */
/* feature_3
/* ============================================= */
#contents .detailSection .main .detailGroup .f3_1 p:first-child{
	float: left;
	width: 670px;
}
#contents .detailSection .main .detailGroup .f3_1 p:last-child{
	float: right;
	width: 180px;
}
@media screen and (max-width:767px){
	#contents .detailSection .main .detailGroup .f3_1 p:first-child{
		float: none;
		width: auto;
	}
	#contents .detailSection .main .detailGroup .f3_1 p:last-child{
		float: none;
		width: auto;
	}
}