@charset "utf-8";




.bo_tail p,
.bo_tail span{line-height:1.3em; margin:0; padding:3px 0;}



/*
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:14px;
	font-weight:600;
	padding:0 14px;
	height:39px;
	line-height:38px;
	background:rgba(0,0,0,0.07);
	border-radius:3px;
	color:#272727;
	margin-left:15px;
	}
.oil_volume:before{content:'\e104'; font-family:'intaeFont';vertical-align:middle; margin-right:5px; font-weight:500;}
.oil_volume span:before{content:'총 용량'; vertical-align:top; font-weight:400; margin-right:10px;}
.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:15px 5px; }
#grid li {
	float: left;
	width:100%;
	position: relative;
	margin-right:10px;
	margin-bottom:20px;
	border-bottom:1px solid rgba(0,0,0,0.05);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
#grid li img{width:100%;}
#grid li:nth-child(2n-2){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 .noimage:before{width:100%; height:100px; display:block; line-height:120px; content:'\e071'; font-family:'intaeFont';}

#grid img, li[id]:target div, #grid li, .backface {}

#grid li .thumb{width:100%;}
#grid li .details {
	width:100% !important;
	padding:15px 0px ;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align:left;
	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:12px;
	font-weight: 300;
	line-height:1.4em;
	margin:7px 0;
	}
#grid li .details .btn_detail {margin-top:10px; letter-spacing:0.05em; font-size:12px;}

#grid .details a.more:hover { background-color: #0090e2; color: #fff; }



.layer_popup{position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; 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: 160px;
	background: #fff;
	width: calc(100% - 20px);
	max-height:500px;
	/*overflow-y:auto;*/
	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:35px;
	height:35px;
	line-height:33px;
	position: absolute;
	top: -18px;
	right: -6px;
	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);}






