/* ------------------------------------------------------------------------------------------------------------------------------------------------------
 공통사항
------------------------------------------------------------------------------------------------------------------------------------------------------ */
.txt01 {
    font-size: 1.5em;
    letter-spacing: -1.2px;
    color: #464646;
}

/* 제품소개 틀 */
#product .pro_h3{
	background: url('../images/sub01/tit_line01.jpg')no-repeat 50% 100%;
	padding-top:2em;
}
.pro_list ul{overflow:hidden;}
.pro_list ul li{
	float:left;
	width:25%;
}
.pro_list ul li p{
	margin:1em 0.5em 0em;
	position:relative;
	text-align:center;
}
.pro_list ul li p a{
	display:block;
	transition: .4s ease all;
	transform: translate3d(0%,0,0);
	opacity: 0;
	background:#000 url('../images/common/icon_cross.png')no-repeat 50% 40%;
}
.pro_list ul li p:hover a{
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0.5;
    background:#000 url('../images/common/icon_cross.png')no-repeat 50% 50%;
}


/* 제품상세 */
.txt02{	font-size:1.2em;}
.txt02 span{	border-bottom:1px solid #eee;}
.plo_txt01{ margin:3em 0 1.5em; text-align:center; }
.pro_login a.btn-a{ padding: 0.7em 8%;  max-width:135px;text-align:center;}
a.btn-lo01 { color:#fff; background:#297ee6;  border: 1px solid #005bcb;}
a.btn-lo02 { color:#515151; border: 1px solid #e7e7e7;  font-weight: 400;}

#product  .pro_view {	margin:3.5em 0; position:relative; letter-spacing: -0.2px;}
#product  .pro_view .pro_v3{
	width:100px;
	padding:1.2em 0.5em;
	background:#313131;
	margin:0 auto;
	color:#fff;
	font-weight:600;
	font-size:1.6em;
	z-index:1;
	 position:relative;
}
#product  .pro_view .pro_v3::after{
	display:block;
	content:"";
	background:#fff;
	height:1px;
	width:1.2em;
	margin:0.2em auto;
}
#product  .pro_view .pro_view_box{
	background:url('../images/common/busi_bg.jpg') repeat 0% 0%;
	padding:3em 2em;
	margin-top:-3em;
	z-index:0;
	position:relative;
}
#product .pro_view_box .pro_box01 .pro_v4{
	background:none;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	padding:0.2em 0;
	text-align:left;
	color:#000;
	font-weight:700;
	margin:0px;
}
.pv_table{ 
	max-width:1000px;
	margin:6% auto 0;
	overflow: hidden;
}
.pro_view_box .pro_box01 ul li {
	padding:0em 0 0.1em 9em;
	background: url('../images/sub01/pro_icon02.gif') no-repeat 8em 50%;
	position:relative;
}
.pro_view_box .pro_box01 ul li em{
	position:absolute;
	top:0.2em;
	left:0px;
	padding-left:10px;
	background: url('../images/sub01/pro_icon01.gif') no-repeat 0em 50%;
}
.pro_view_box .pro_box02 ul li{
	width:24%;
	float:left;
	padding-left:1%;
	margin-bottom:1em;
}
.pro_view_box .pro_box02 ul li .prs_txt{
	max-width:104px;
	margin:0 auto;
	background:#fff;
	padding:0.3em 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#product .pro_d3{
	border-top: 1px solid #000;
	border-bottom: 1px solid #e0e0e0;
	padding: 0.5em 0;
	font-size: 1.2em;
	margin-bottom: 1.8em;
}




@media all and (min-width:769px) {/* 최소 769 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	/* 제품상세 */
	#product .pro_view_box .pro_box_st{
		float:left;
		width:48%;
	}
	#product .pro_view_box .pro_box02{
		padding-left:4%;
	}
}


@media screen and (max-width:768px) {/* 최대 768 ------------------------------------------------------------------------------------------------------------------------------------------------------ */
	/* 제품소개 틀 */
	.pro_list ul {
		max-width:540px;
		margin:0 auto;
	}
	.pro_list ul li{
		float:left;
		width:50%;
	}

	
	/* 제품상세 */
	.pro_view_box {
		max-width:550px;
		margin:0 auto;
	}
	.pro_view_box .pro_box02{
		margin-top:2em;
	}
}