@charset "utf-8";

/*
Float clearing goodness from Handcrafted CSS book ------------------------------------------------------------- */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .group { height: 1%; }
*:first-child+html .group { min-height: 1px; }




#header { height: 36px; background: url(../images/bluesquares.gif); position: relative;}
#header a.g3d { background: url(../images/g3dlabs.png); text-indent: -9999px; width: 145px; height: 50px; display: block; position: absolute; left: 12px; top: 4px;}

a { text-decoration: none; color: #0090e2; }
a.ig:hover { background: #0090e2; color: #fff; padding: 3px 10px; border-radius: 20px; }

p { /*line-height: 23px; margin-bottom: 20px; */}
p:last-of-type { margin-bottom: 0px; }

#carbonads-container { margin: 0 auto 50px; width: 300px;  }
#carbonads-container .carbonad .carbonad-tag { text-align: left !important; }

#information img{width:100%;}





.oil_volume {
	display:inline-block;
	font-family: 'Noto Sans KR', sans-serif;
	font-size:16px;
	font-weight:500;
	padding:0 20px;
	height:39px;
	line-height:38px;
	background:rgba(0,0,0,0.07);
	border-radius:3px;
	color:#272727;
	}
.oil_volume:before{content:url('img/oil.png'); vertical-align:middle; margin-right:10px;}
.oil_volume span:before{content:'총 용량'; vertical-align:top; font-weight:400; margin-right:20px;}
.oil_volume span:after{content:'cbm'; vertical-align:top;margin-left:5px;}



/* -------------------------------------------------------------------------------------------------------------------------
Grid of images
---------------------------------------------------------------------------------------------------------------------------- */

/* 스크롤 후 
.header_bg.fixed{z-index:100;}
.gnb_layer_wrap.zindex2{z-index:101;}
#wrapper{position:relative; z-index:99;}*/



#grid {margin:30px 0;}
#grid li {
	float: left;
	position: relative;
	margin-right:9px;
	margin-bottom:15px;
	border:1px solid rgba(0,0,0,0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
#grid li.end {margin-right: 0; }
#grid li:nth-child(4n-4) {margin-right: 0;}
#grid li .noimage{background:rgba(0,0,0,0.16); display:block; font-size:0; text-align:center;}
#grid li .noimage:before{font-size:36px; color:#fff;}
#grid li div.checker{position:absolute; top:4px; left:2px; z-index:999;}

#grid li .thumb a{cursor: pointer;}


#grid li .details {
	background: rgba(255, 255, 255, 0.87);
	padding:20px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:center;
	position:relative;
	}
#grid li .details h3 {font-size:18px; font-weight:400; color:rgba(0,0,0,0.8);}
#grid li .details .con{
	font-size:14px;
	font-weight: 300;
	line-height:1.4em;
	font-family: 'Noto Sans KR', sans-serif;
	margin:10px 0;
	}
#grid li .details .btn_detail {margin-top:15px; letter-spacing:0.05em;}

#grid .details a.more:hover { background-color: #0090e2; color: #fff; }


.layer_popup{position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; text-align:left;}
.layer_popup .bg_black{position:absolute; width:100%; height:100%;  background:rgba(0,0,0,0.5);}
.layer_popup .con_wrap {
	position: relative;
	margin: 0 auto;
	top: 300px;
	background: #fff;
	width: 400px;
	max-height:500px;
	padding: 20px;
	border:1px solid rgba(0,0,0,0.7);
	box-shadow: 0px 12px 4px rgba(0, 0, 0, 0.2);
	}
.layer_popup .con_wrap .close_pop:before {
	content:'\e005';
	font-family:'intaeFont';
	font-size:14px;
	background: rgba(255,55,55,0.9);
	width:29px;
	height:29px;
	line-height:28px;
	position: absolute;
	top: -12px;
	right: -12px;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	-webkit-transition: all .0s ease-in-out;
	transition: all .0s ease-in-out;
	}
.layer_popup .con_wrap .close_pop:hover:before{background: rgba(255,55,55,1);}