@charset "utf-8";
/* 제품 전체보기 */
.lubricant {overflow:hidden;}
.lubricant li {	float:left;	margin-right:26px; margin-bottom:20px;	width:255px; height:355px;	cursor:pointer;	transition: background 0.5s ease-in-out;-webkit-transition:background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;  -o-transition: background 0.5s ease-in-out;
	background-repeat:no-repeat;background-position:80px 35px;background-color:#eff0f2; }
.lubricant li.pr01	{background-image:url("../img/sub/product01_img1.png");}
.lubricant li.pr02	{background-image:url("../img/sub/product01_img2.png");}
.lubricant li.pr03	{background-image:url("../img/sub/product01_img3.png");}
.lubricant li.pr04	{background-image:url("../img/sub/product01_img4.png");}
.lubricant li.pr05	{background-image:url("../img/sub/product01_img5.png");}
.lubricant li.pr06	{background-image:url("../img/sub/product01_img6.png");}
.lubricant li.pr07	{background-image:url("../img/sub/product01_img7.png");}
.lubricant li.pr08	{background-image:url("../img/sub/product01_img8.png");}
.lubricant li.pr01:hover	{background-image:url("../images/sub/product01_img1_on.png") no-repeat 94px 35px,#fd4f00 !important; background-color:#fd4f00;}
.lubricant_txt {padding:150px 25px 0 25px;text-align:center;box-sizing:border-box;}
.lubricant_txt h3{font-size:20px;font-weight:500;color:#333;}
.lubricant_txt h5 {font-size:12px; line-height:24px;padding:5px 0;color:#888;}
.lubricant_txt p {margin-top:10px; font-weight: 300; line-height: 165%; text-align: left;}
.lubricant li:hover {background-color:#fd4f00;}
.lubricant li:hover .lubricant_txt h3,
.lubricant li:hover .lubricant_txt h5,
.lubricant li:hover .lubricant_txt p {color:#fff;}
.lubricant .mr0	{margin-right:0px;}

/*제품 전체보기2*/
.productList li{cursor:pointer;	transition: background 0.5s ease-in-out;-webkit-transition:background 0.5s ease-in-out;
	-moz-transition: background 0.5s ease-in-out;  -o-transition: background 0.5s ease-in-out;border-radius:15px;
	background-repeat:no-repeat;background-position:50% 30px;background-color:#eff0f2; margin-bottom: 10px}
    .productList li.pr01	{background-image:url("../img/sub/product01_img1.png");}
    .productList li.pr02	{background-image:url("../img/sub/product01_img2.png");}
    .productList li.pr03	{background-image:url("../img/sub/product01_img3.png");}
    .productList li.pr04	{background-image:url("../img/sub/product01_img4.png");}
    .productList li.pr05	{background-image:url("../img/sub/product01_img5.png");}
    .productList li.pr06	{background-image:url("../img/sub/product01_img6.png");}
    .productList li.pr07	{background-image:url("../img/sub/product01_img7.png");}
    .productList li.pr08	{background-image:url("../img/sub/product01_img8.png");}
    .productList li.pr09	{background-image:url("../img/sub/product01_img9.png");}
	.productList li.pr10	{background-image:url("../img/sub/product01_img10.png");}
    .productList .lubricant_txt {padding:140px 25px 20px 25px;text-align:center;box-sizing:border-box;}
.pro_pc{display: none}

/* 제품 상세 */
.pro_view	{display:block;overflow: hidden; background:#2d548d; }
.view_left	{float:left;}
.view_right	{color:#dde6f3; width:480px; float:left;padding:60px 45px; box-sizing:border-box;}
.view_right strong	{font-size:27px; color:#fff; font-weight: 500;}
.view_right	p	{margin-top: 20px; line-height:180%; text-align: justify;}
.area		{overflow: hidden;}
.left_area	{width:50%; float:left}
.right_area	{float:left;}
.pro_txt	{margin:0px 0 0 20px; line-height:170%;}
.product_pc	{display:block;}
.product_mobile	{display:none;}









    
    /*제품전체보기*/
    .productList:after{content: ""; display: block; clear: both}
    .productList li{float:left;	margin-right:2%; margin-bottom:25px;	width:32%; height:320px; background-position: 50% 35px}
    .productList li:hover {/*background:url("../images/sub/product_plus.png") no-repeat 94px 35px,#3488c6;*/ background-color:#fd4f00;}
    .productList li:hover .lubricant_txt h3,
    .productList li:hover .lubricant_txt h5,
    .productList li:hover .lubricant_txt p {color:#fff;}
    .productList li.pr01:hover	{background-image:url("../images/sub/product01_img1_on.png") no-repeat 94px 35px,#fd4f00 !important; background-color:#fd4f00;}
    .productList .mr0	{margin-right:0px;}
    .productList .lubricant_txt {padding:150px 25px 20px 25px;}
    .productList .lubricant_txt p{text-align:center;}
    .pro_pc{display: block}