@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);
/* --------------------- products --------------------- */

/* 공통 */

.products{padding:15px 30px;}
.products li {margin-top:5px; font-size:14px; line-height:20px;}
.li001 li { margin-left:10px; margin-top:5px; text-align:left;}

.details_img {padding:20px 30px;}
.details_img .col-sm-3 {padding:5px;}
.details_img .col-sm-4 {padding:5px;}
.details_img img {width:100%;}
.products img {width:100%}

.red {width:50px; height:2px; background:#5a8bd4; margin-bottom:20px;}
.products_title{padding:70px 40px 30px 40px;}

.products_title h1{font-family:'Jeju Gothic', serif; font-size:4em; font-weight:bold; color:#0058a3; padding-bottom:20px;}
.products_title h2{font-family:'Jeju Gothic', serif; font-size:2.7em; font-weight:bold; color:#0058a3; padding-bottom:10px;}
.products_title h3{font-family:'Jeju Gothic', serif; font-size:2em; font-weight:bold; color:#999;}
.category{font-family: 'Lato', sans-serif;}
.products_title .category a{padding:0 3px; font-family: 'Lato', sans-serif; color:#3f3f3f; line-height:1.5;}
.products_title .category a:first-child{padding-left:0px;}
.products_title .category a:hover{color:#f2088c;}
.products_text{padding-top:10px;}
.circle_text p {padding-top:10px; font-size:12px;}

.pro_mark_img { text-align:right; margin-bottom:10px;}

.products_details .col-sm-3{
	padding:20px; 
	margin-top:10px;
	border:1px solid #ececec;
}
	
.sub_title{
	font-family:'Jeju Gothic', serif;
	padding-top:10px; 
	color:#173b8b;
	font-size:1.6em;
	text-transform:uppercase;
}
.sub_title span {
	padding-top:10px; 
	color:#999;
}

h4.options{font-size:16px; font-weight:bold; text-align:left; margin:10px 0 5px 0;}	
.option_text{font-size:1.3em;}
.option_text02 {font-size:1.1em; padding-bottom:10px; color:#5f99be;}
.option_text03 {font-size:1em; line-height:1.5;}

.products_type{padding:15px 0px; font-size:14px; color:#548da4; line-height:1.5;}
.products_type:last-child{padding-top:10px;}
.products_type span{font-size:14px; color:#333;}

.products_type02 {font-size:14px; color:#548da4; line-height:1.5;}
.products_type02_1 { margin-bottom:30px;}

.engine{text-align:center; font-size:14px; color:#548da4;}
.engine p{padding:15px 0px;}



.products .table{
	border:1px solid #d5d5d5;
	font-size:12px;
}
.products .table th {font-size:12px;}
.products .table th, .products .table td{
	padding:5px;
	border:1px solid #d5d5d5;
	text-align:center;
	vertical-align:middle
	}
.products .table_bottom{
	font-size:13px;
}

	
	
/* -------- VIBRATING ROLLER 제품 bg-------- */	
	
.vibrating-roller{
	padding:0;
	background: url(/en/img/products/products01/vibrating-roller-800.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	height:500px;
	}

.Circle p{text-align:center; padding-top:10px; color:#333}

/* -------- tamping-rammer -------- */	

.tamping-rammer{
	padding:0;
	background: url(/en/img/products/products02/tamping_rammer_800.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	height:500px;	
}

/* -------- compactor -------- */	
	
.compactor_cvp{
	height:500px;
	padding:0;
	background: url(/en/img/products/products03/img01.png) no-repeat;
	background-position:center;
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	}

	/* -------- compac_tor -------- */	
	
.compac_tor{
	height:500px;
	padding:0;
	background: url(/en/img/products/products04/compac_tor.png) no-repeat;
	background-position:center;
	background-size: cover;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	}
	
.cvp-100{
	padding:30px;
	height:450px;
	background-image:url(/en/img/products/products04/type01.jpg);
	background-position:center;
	background-size: auto;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-repeat:no-repeat;
	}
	
	/* -------- compactor_plate -------- */	
	
	.compactor_plate{
		height:500px;
		padding:0;
		background: url(/en/img/products/products05/compactor_plate.jpg) no-repeat;
		background-position:center;
		background-size: cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
	}
	
	.cvp-120{
		padding:30px;
		height:450px;
		background-image:url(/en/img/products/products05/type01.jpg);
		background-position:center;
		background-size: auto;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		background-repeat:no-repeat;
	}	
		
	/* -------- beam_screed -------- */	
	.beam_screed{
		height:500px;
		padding:0;
		background: url(/en/img/products/products06/beam_screed.jpg) no-repeat;
		background-position:center;
		background-size: cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
	}
	
	/* -------- power-trowel -------- */	
	.power-trowel{
		height:500px;
		padding:0;
		background: url(/en/img/products/products07/power_trowel.jpg) no-repeat;
		background-position:center;
		background-size: cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
	}
	
	/* -------- vibrator -------- */	
	.vibrator{
		height:500px;
		padding:0;
		background: url(/en/img/products/products08/vibrator.jpg) no-repeat;
		background-position:center;
		background-size: cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
	}
	
	
	/* -------- vibrator-cpc -------- */	
	
	.vibrator-cpc{
		height:500px;
		padding:0;
		background: url(/en/img/products/products09/vibrator_cpc.jpg) no-repeat;
		background-position:center;
		background-size: cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
	}
	
.row_2 .table{margin:0px;}	
.row_2 .table th{padding:5px;}
.row_2 .table td{padding:5px;}

	/* -------- cutter -------- */	
	.cutter{
		height:500px;
		padding:0;
		background: url(/en/img/products/products10/cutter.jpg) no-repeat;
		background-position:center;
		background-size: cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
	}
	.large_cutter01{
		height:500px;
		padding:0;
		background: url(/en/img/products/products10/large_cutter01.jpg) no-repeat;
		background-position:center;
		background-size: cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover;
		position:relative;
	}
	.proimg_option { position:absolute; bottom:0; left:20px; text-align:center; font-weight:600; color:#363;}
	.proimg_option img { width:160px; border-radius:10px;}
	.large_cutter02{
		height:500px;
		padding:0;
		background: url(/en/img/products/products10/large_cutter02.jpg) no-repeat;
		background-position:center;
		background-size: cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
	}
	.rebar-cutter{
		height:500px;
		padding:0;
		background: url(/en/img/products/products11/rebar_cutter.jpg) no-repeat;
		background-position:center;
		background-size: cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
	}
	
	.rebar{
		height:500px;
		padding:0;
		background: url(/en/img/products/products12/rebar.jpg) no-repeat;
		background-position:center;
		background-size: cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
	}
	
	/* -------- floor-grinder -------- */	
	
	.floor-grinder{
		height:500px;
		padding:0;
		background: url(/en/img/products/products13/floor_grinder.jpg) no-repeat;
		background-position:center;
		background-size: cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
	}
	
	/* -------- rebarbender -------- */	
	
	.rebarbender{
		height:500px;
		padding:0;
		background: url(/en/img/products/products14/rebarbender.jpg) no-repeat;
		background-position:center;
		background-size: cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
	}
	
	.fllor-planer{
		height:500px;
		padding:0;
		background: url(/en/img/products/products15/floor_planer.jpg) no-repeat;
		background-position:center;
		background-size: cover;
		-webkit-background-size: cover; 
		-moz-background-size: cover; 
		-o-background-size: cover; 
	}
	
	.details_img .height_details{padding:5px;}
	.height_last{margin-top:35px;}
	
	.cfp{
		padding:30px;
		height:450px;
		background-image:url(/en/img/products/products15/type01.jpg);
		background-position:center;
		background-size: auto;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		background-repeat:no-repeat;
	}
	.cfp02{
		padding:30px;
		height:450px;
		background-image:url(/en/img/products/products15/type02.jpg);
		background-position:center;
		background-size: auto;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		background-repeat:no-repeat;
	}
		
/* -------- 제품 반응형 -------- */	

@media only screen and (min-width: 1200px)  and (max-width: 1600px)   {

	.Circle{width:50%;}
	.Circle img{width:90%; margin: 0 auto}
	
	.cvp-120{width:50%; float:left;}
	
	.unit{width:100%;}
	.unit .col-sm-6{ float:left; width:50%;}
	
	.option .col-sm-4{width:100%;}
	.option .col-sm-6{width:100%;}
		
	.row_2{width:100%;}
	.height_last{margin-top:32px;}
}



@media only screen and (min-width:769px)  and (max-width: 1199px)   {
	.Circle{width:85%; font-size:12px;}
	.cvp-120{width:50%; float:left;}
	

	/*--------------------------- 제품 bg 100% ---------------------------*/
	.products_title{width:100%;}
	.vibrating-roller, .tamping-rammer, .compactor_cvp, .compac_tor, .compactor_plate, .beam_screed, .power-trowel, .vibrator, .vibrator-cpc, .cutter, .large_cutter01, large_cutter02 .rebar-cutter, .rebar, .floor-grinder, .rebarbender, .fllor-planer{width:100%;}

	.option .col-sm-4{width:100%;}
	.option .col-sm-6{width:100%;}
	.unit{width:100%;}
	.unit .col-sm-6{ float:left; width:50%;}		
}

@media only screen and (min-width:580px)  and (max-width: 768px)   {
	.content-wrapper{margin-top:50px;}	
	.Circle .col-sm-6{float:left; width:50%;}
		
	#type .col-xm-3{width:50%; float:left;}

	.details_img .height_01 img{padding:5px 17px 0px 17px;}
	.height_last{margin-top:0px;}	
	.height_details .col-sm-6{padding-top:5px; padding-bottom:5px;}
		
}
@media only screen and (max-width: 579px)   {
	.content-wrapper{margin-top:90px;}	
	.products{padding:20px; }
	.products_title{padding:30px;}
	.products_title h1{font-size:2em;}
	.products_title h2{font-size:1.7em;}
    .products_title h3{font-size:1.2em;}
	
	.products .col-sm-12{padding:0px 20px;}
	.products .col-sm-6, .products .col-sm-5, .products .col-sm-4, .products .col-sm-3, .products .col-sm-2{padding:0px 0px;}
	
	.cvp-60, .cvp-100, .cvp-120{padding:0px;}

	.cvp-120{
		height:260px;
		background-image:url(/en/img/products/products05/type02.jpg);
		background-position:center;
		background-size: auto;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		background-repeat:no-repeat;
	}	
	
	.Circle .col-sm-6{float:left; width:50%; font-size:11px}
	
		
	.vibrating-roller{
		padding:0;
		background: url(/en/img/products/products01/vibrating-roller-500.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:auto;
		-webkit-background-size:auto;
		-moz-background-size:auto;
		-o-background-size:auto;
		height:500px;
	}
	.tamping-rammer{
		padding:0;
		background: url(/en/img/products/products02/tamping_rammer_500.jpg);
		background-position:center;
		background-repeat:no-repeat;
		background-size:auto;
		-webkit-background-size:auto;
		-moz-background-size:auto;
		-o-background-size:auto;
		height:500px;	
	}
	
	.compactor_cvp{
		height:500px;
		padding:0;
		background: url(/en/img/products/products03/img500.png) no-repeat;
		background-position:center;
		background-size:auto;
		-webkit-background-size:auto;
		-moz-background-size:auto;
		-o-background-size:auto;
	}
	
	.compac_tor{
		height:500px;
		padding:0;
		background: url(/en/img/products/products04/compac_tor500.jpg) no-repeat;
		background-position:center;
		background-size:auto;
		-webkit-background-size:auto;
		-moz-background-size:auto;
		-o-background-size:auto;
	}
	
	.compactor_plate{
		height:500px;
		padding:0;
		background: url(/en/img/products/products05/compactor_plate500.jpg) no-repeat;
		background-position:center;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
	}
	
	.beam_screed{
		height:500px;
		padding:0;
		background: url(/en/img/products/products06/beam_screed500.jpg) no-repeat;
		background-position:center;
		background-size:cover;
		-webkit-background-size:cover;
		-moz-background-size:cover;
		-o-background-size:cover;
	}
	
	.cutter{
		height:500px;
		padding:0;
		background: url(/en/img/products/products10/cutter500.jpg) no-repeat;
		background-position:center;
		background-size:auto;
		-webkit-background-size:auto;
		-moz-background-size:auto;
		-o-background-size:auto;
	}
	
	.large_cutter01{
		height:500px;
		padding:0;
		background: url(/en/img/products/products10/large_cutter01_500.jpg) no-repeat;
		background-position:center;
		background-size:auto;
		-webkit-background-size:auto;
		-moz-background-size:auto;
		-o-background-size:auto;
	}
	.large_cutter02{
		height:500px;
		padding:0;
		background: url(/en/img/products/products10/large_cutter02_500.jpg) no-repeat;
		background-position:center;
		background-size:auto;
		-webkit-background-size:auto;
		-moz-background-size:auto;
		-o-background-size:auto;
	}
	
	.rebar{
		height:500px;
		padding:0;
		background: url(/en/img/products/products12/rebar500.jpg) no-repeat;
		background-position:center;
		background-size:auto;
		-webkit-background-size:auto;
		-moz-background-size:auto;
		-o-background-size:auto;
	}
	.floor-grinder{
		height:500px;
		padding:0;
		background: url(/en/img/products/products13/floor_grinder500.jpg) no-repeat;
		background-position:center;
		background-size:auto;
		-webkit-background-size:auto;
		-moz-background-size:auto;
		-o-background-size:auto;
	}
	
	.rebarbender{
		height:500px;
		padding:0;
		background: url(/en/img/products/products14/rebarbender500.jpg) no-repeat;
		background-position:center;
		background-size:auto;
		-webkit-background-size:auto;
		-moz-background-size:auto;
		-o-background-size:auto;
	}
	.height_details .col-sm-6{padding-top:5px; padding-bottom:5px;}
	.details_img .height_01 img{padding:5px 15px 0px 15px;}
	.height_last{margin-top:0px;}
	
	.cfp{
		padding:0px;
		height:450px;
		background-image:url(/en/img/products/products15/type03.jpg);
		background-position:center;
		background-size: auto;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		background-repeat:no-repeat;
	}
	.cfp02{
		padding:0px;
		height:450px;
		background-image:url(/en/img/products/products15/type03.jpg);
		background-position:center;
		background-size: auto;
		-webkit-background-size: auto;
		-moz-background-size: auto;
		-o-background-size: auto;
		background-repeat:no-repeat;
	}
}

@media only screen and (max-width: 380px)   {
	.Circle .col-sm-6{width:100%; padding:20px; font-size:12px}
	.products_type:first-child{padding-top:50px;}
	#type{padding-right:0px;}
	#type .col-sm-3{padding-right:30px;}
	.sub_title{font-size:1.3em}
	
}