/* visual */
.main #visual {clear: both;margin-top: 120px;	position: relative; }
.main #visual .main_visual div  { background:#cbcbcb;}
.main #visual .main_visual div img {margin: 0 auto; min-height:660px;}
.main #visual #v-txt01 {position: absolute;left: 50%;top: 305px;margin-left: -320px; z-index: 8; background:none;}
.main #visual #v-txt02 {position: absolute;left: 50%;top: 305px;margin-left: -350px; z-index: 8; background:none;}
.main #visual .v-txt p.p01 {font-size: 3.5em;color: #fff;line-height: 1.2em; text-align:center;}


/* 동영상 */
#con01 { position: relative; padding:60px 0 55px; background:#e9f2f9;}
#con01 article {position: relative;}

#con01 article {width:309px; float: left; margin-right:47px; }
#con01 article.margin-r { margin-right:0px; }
#con01 article video {width:309px; height:175px; }

#con01 article p{position: absolute; top:0; left:0; display:block; transition:all 0.3s ease-in-out;}
#con01 article p:hover{ display:none;}


#con02 {padding: 33px 0 40px; background:#f6f6f6; }
ul.pro_list {margin:0; padding:0;}
ul.pro_list li {float:left; width:360px; background:#fff; margin:22px 60px 22px 0; }
ul.pro_list li:nth-child(3),
ul.pro_list li:nth-child(6) {margin-right:0px}
ul.pro_list a {display:block;}
ul.pro_list p.pro_tit {font-size:18px; color:#383838; font-weight:400; background:url('../img/common/h4_bar.jpg') no-repeat 19px  78%; height:98px; box-sizing:border-box; padding:34px 20px 20px 19px; color:#000;}
ul.pro_list p.pro_img {height:243px; overflow:hidden; }

ul.pro_list p.pro_img img {transition:all 0.3s ease-in-out; }
ul.pro_list li:hover p.pro_img img { transform:scale(1.2);}


@media screen and (max-width:640px){
	.main #visual {clear: both;margin-top: 75px;	position: relative; border-top:1px solid #dadada; }
	.main #visual .main_visual div img {margin: 0 auto; min-height:227px;}
	.main #visual #v-txt01 {position: absolute;left:85%;top:50%;  min-width:340px;}
	.main #visual #v-txt02 {position: absolute;left:85%;top:50%;  min-width:340px;}
	.main #visual .v-txt p.p01 {font-size: 1.5em; text-align:center;}


	#con01 { position: relative;padding:40px 20px 30px 20px;  margin-top:0px; }
	#con01 article {width:100%;}
	#con01 article.margin-r { margin-right:0px; }
	#con01 article video {width:96%;  margin:5% 2%; }
}


