@charset "utf-8";
@import url("common.css");


/*Layer*/
body{width:100%;background:#eceef2}
#wrap{width:100%; min-width:1400px;  
background:#eceef2 url('/img/main/wrap_bg.png') no-repeat center 120px; overflow:hidden; position:relative;}
#header{width:100%; min-width:1400px; z-index:1000; margin:0 auto; background:#fff;}
#container{width:100%; min-width:1400px;  overflow:hidden; background:none; position:relative; z-index:2}
#contents{width:100%; min-width:1400px;  margin:0 auto;}
#footer{ width:100%; background:#2c2c2c; padding:50px 0;;margin:0 auto;}
.right_nav_wrap{position:relative;position:absolute; right:0; top:0; z-index:10; height:2830px; width:100px; background-color:#837673;}

.bg_black{
	display:none;
	position:absolute;left:0;top:0;z-index:2000;
	background:url(/img/common/bg_black.png) repeat;
	width:100%;
}


/*header*/



.main_title{margin:57px auto 40px;;}
/*slider*/

.main_slider{width:1400px; height:629px; overflow:hidden; margin:40px auto 0; }
.main_slider .bxslider li{width:100%; min-width:1264px; height:629px; position:relative;}
.main_slider .bxslider li div.img{width:100%; min-width:1264px; height:629px;position:relative; }
.main_slider .bxslider li a{display:block; width:100%; height:629px;}
/*.bxslider .main_s01 div.img{background:url('../img/main/main01.jpg') no-repeat center top;}
.bxslider .main_s02 div.img{background:url('../img/main/main02.jpg') no-repeat center top;}
.bxslider .main_s03 div.img{background:url('../img/main/main03.jpg') no-repeat center top;}
.bxslider .main_s04 div.img{background:url('../img/main/main04.jpg') no-repeat center top;}
.bxslider .main_s05 div.img{background:url('../img/main/main05.jpg') no-repeat center top;}
.bxslider li img{
	position:absolute;
	left:50%;
	opacity:0
	}
	
.bxslider li .text1 img{
	top:200px;
	margin-left:-305.5px
}
.bxslider li .text2 img{
	top:300px;
	margin-left:-437.5px
	
}
.bxslider li.main_s02 .text1 img{
	top:200px;
	margin-left:-337.5px
	
}
.bxslider li.main_s02 .text2 img{
	top:300px;
	margin-left:-349.5px
}
.bxslider li.main_s03 .text1 img{
	top:200px;
	margin-left:-437.5px
}
.bxslider li.main_s02 .text2 img{
	top:200px;
	margin-left:-414.5px
}
*/

.con{position:relative; width:1400px;  overflow:hidden; margin:0 auto;}
.con1_wrap{ width:1400px;  background:#fff; height:450px; padding-top:80px; margin:0 auto;}
.con1{width:1400px; margin:0px auto 0 ; }

.main_title{text-align:center; margin-bottom:20px;}
.con1>div.float_L{float:left}
.con1>div.con1_1	{width:647px;padding-left:53px; text-align:center;}
.con1>div.con1_1 .con_text{color:#666666; font-size:13px; line-height:1.7em; margin-bottom:40px;}
.con1>div.con1_1 .btn{;}
.con1>div.con1_1 .btn a{display:block; margin:0 auto}
.con1>div.float_L>h4{margin-top:27px; margin-bottom:20px;}



.con2{width:1400px; margin:0 auto;  height:590px; background:url('/img/main/con2_bg.png') no-repeat left top;}
.con2 h3{margin:77px auto 25px; text-align:Center;}
.con2 ul{text-align:center;}
.con2 ul li{display:inline-block;zoom:1;*display:inline;_display:inline; position:relative; width:400px; height:360px;overflow:hidden;}
.con2 ul li a{}
.con2 ul li a img{position:absolute; top:0; left:0;}
.con2 ul li a img.con2_bg{z-index:10000}
.con2 ul li  img.con2_img{transition: all 0.5s ease-in-out; }
.con2 ul li:hover  img.con2_img{transform: scale(1.2); }
.con2 ul li:hover  img.con2_bg{display:none;}
.con2 ul li a img.con2_text{top:145px;left:74px} 
.con34_wrap{width:1400px; margin:0 auto; }
.con34_wrap>div{display:inline-block;zoom:1;*display:inline;_display:inline; vertical-align:top; position:relative;width:700px; height:430px;overflow:hidden;}
.con34_wrap>div>div{position:absolute; }
.con34_wrap>div.con3>div{width:464px; height:200px;left:50%; margin-left:-232px; top:127px;; text-align:center;}
.con34_wrap>div.con3>div>p{color:#fff; font-size:29px; line-height:1.4em; margin:35px 0 45px;}
.con34_wrap>div.con4>div{width:464px; height:200px;left:50%; margin-left:-232px; top:115px;; text-align:center;}
.con34_wrap>div.con4>div>p{color:#fff; font-size:29px; line-height:1.4em; margin:35px 0 20px;}
.con34_wrap>div.con4>img, .con34_wrap>div.con3>img{transition: all 0.5s ease-in-out; }
.con34_wrap>div.con4:hover>img, .con34_wrap>div.con3:hover>img{transform: scale(1.2); }
.con5{width:1400px;  margin:0 auto; overflow:hidden; background:#fff; padding-bottom:80px;;}
.con5>h3{margin:77px auto 25px; text-align:Center;}
.con5>div.notice_wrap{width:1200px; margin:0 auto; border-top:2px solid #515151; border-bottom:2px solid #515151; padding:34px 0; overflow:hidden;}
.con5>div.notice_wrap>div.notice{float:left; width:367px;}
.con5>div.notice_wrap>div.notice>h4{ margin-bottom:13px; text-align:center;}
.con5>div.notice_wrap>div.notice_n{margin-right:49px;}
.con5>div.notice_wrap>div.notice_n>h4{text-align:Center; overflow:hidden; width:100%;}
.con5>div.notice_wrap>div.notice_n>h4>a{float:right; }

.con5>div.notice_wrap>div.notice_n div.imgarea{
	margin-bottom:20px;width:368px;height:124px;overflow: hidden;
	transition:all 0.4s ;
}
.con5>div.notice_wrap>div.notice_n div.imgarea:hover{
	    background-size: 110% auto !important;
		transition:all 0.4s ease;
}


.con5>div.notice_wrap>div.notice_n div.imgarea > a > img {width:100%;}
.con5>div.notice_wrap>div.notice_n>ul.textarea{}
.con5>div.notice_wrap>div.notice_n>ul.textarea li{margin-top:5px; overflow:hidden; color:#555555; font-size:13px;}
.con5>div.notice_wrap>div.notice_n>ul.textarea li a{ transition:color 1s ease-out; text-overflow: ellipsis;
white-space: nowrap; overflow: hidden; width:279px; display:inline-block;zoom:1;*display:inline;_display:inline; 
color:#555555; font-size:13px;font-weight:500;}
.con5>div.notice_wrap>div.notice_n>ul.textarea li a:hover{color:#0075be; font-weight:600;}
.con5>div.notice_wrap>div.notice_n>ul.textarea li span.date{float:right;}
.con5>div.notice_wrap>div.notice_n>ul.textarea li:first-child{margin-top:0px;}
.con5 div.notice3 div.imgarea01{margin-bottom:8px;cursor:pointer}
.con5 div.notice3 div.imgarea{width:328px; height:84px;}
.con5 div.notice3 div.imgarea01{background:url('/img/main/con5_sub3_img1.png') no-repeat left top; transition:background 1s ease-out, box-shadow 1s ease-out; padding:20px;}
.con5 div.notice3 div.imgarea01 h4{color:#fff; font-size:16px; font-weight:600; margin-bottom:10px}
.con5 div.notice3 div.imgarea01 p{color:#b3dbe1; font-size:12px; margin-bottom:12px; line-height:1.5em;}
.con5 div.notice3 div.imgarea01:hover{background:url('/img/main/con5_sub3_img1_over.png') no-repeat left top;}
.con5 div.notice3 div.imgarea02{
	background:url('/img/main/con5_sub3_img2.png') no-repeat left top;
	transition:background 1s ease-out, box-shadow 1s ease-out; padding:20px;cursor:pointer}
.con5 div.notice3 div.imgarea02 h4{color:#fff; font-size:16px; font-weight:600; margin-bottom:10px}
.con5 div.notice3 div.imgarea02 p{color:#b3dbe1; font-size:12px; margin-bottom:12px; line-height:1.5em;}
.con5 div.notice3 div.imgarea02:hover{background:url('/img/main/con5_sub3_img2_over.png') no-repeat left top;}


.con6{width:1400px;  margin:0 auto; overflow:hidden; background:url('/img/main/con6_bg.png') no-repeat left top;; height:541px; position:relative;}
.con6>div{width:367px; height:297px; background:#fff; position:absolute; top:88px; left:50%; margin-left:-183.5px; padding-top:70px; text-align:center;}
.con6>div>p{margin:28px 0 30px;line-height:1.5em; color:#666666; font-size:13px;}




/* 160927 메인 레이아웃 변경 css */
.main_area1_wrap{margin:20px 0;}
.main_area1{overflow:hidden;width:1400px;margin:0 auto;}
.main_area1 .main_title{
	position:relative;
	margin:0;text-align:left;
}
.main_area1 .main_title a.more{
	position:absolute;right:0;bottom:0;font-size:13px;color:#777;
}
.main_area1 .main_title a.more span{display:inline-block;vertical-align:top;margin-top:1px;}	

.main_area1 .left_con{
	float:left;width:382px;height:638px;padding:30px 35px;
	background:#fff;cursor:pointer
}
.main_area1 .left_con .txtarea{margin:40px 0 30px;text-align:center;}
.main_area1 .left_con .imgarea{position:relative;overflow:hidden;}
.main_area1 .left_con .imgarea .bgline{position:absolute;left:0;top:0;}
.main_area1 .left_con .imgarea .img{	
	transform:scale(1);
	transition:all 0.4s;
}
.main_area1 .left_con:hover .img{
	transform:scale(1.1);
	transition:all 0.4s ease;
}
.main_area1 .right_con{float:right;width:928px;overflow:hidden;}
.main_area1 .right_con .rc1{
	background:#0075be url(/img/main/main_area_bg2.png) no-repeat 93% 43px;
	padding:10px;margin-bottom:20px;
	cursor:pointer;
}
.main_area1 .right_con .rc1 .borderline{
	width:882px;height:105px;border:1px solid rgba(255,255,255,0.4);
	padding:33px 0 0 24px;
}
.main_area1 .right_con .rc1 .borderline p{
	font-size:17px;color:rgba(255,255,255,0.8);
	margin-top:10px;line-height:150%;
}
.main_area1 .right_con .rc2{
	background:url(/img/main/main_area_bg3.jpg) no-repeat;
	margin:0 20px 20px 0;padding:30px 35px; 
	width:384px;height:100px;
	float:left;cursor:pointer;
}
.main_area1 .right_con .rc2 p{
	font-size:17px;color:rgba(255,255,255,0.8);margin-top:25px;line-height:150%;
}
.main_area1 .right_con .rc2 p span{font-size:18px;line-height:150%;}
.main_area1 .right_con .rc3{
	background:url(/img/main/main_area_bg4.jpg) no-repeat;
	margin:0 0px 20px 0;padding:30px 35px; 
	width:384px;height:100px;
	float:left;cursor:pointer;
}
.main_area1 .right_con .rc3 p{
	font-size:17px;color:rgba(255,255,255,0.8);margin-top:25px;line-height:150%;
}
.main_area1 .right_con .rc3 p span{font-size:18px;line-height:150%;}

.main_area1 .right_con a.more{position:absolute;right:0;bottom:0;font-size:13px;color:#fff;}
.main_area1 .right_con a.more span{display:inline-block;vertical-align:top;margin-top:1px;}
.main_area1 .right_con .products{
	background:url(/img/main/main_area_bg5.gif) no-repeat;
	margin:0 20px 0 0;padding:30px 35px; 
	width:384px;height:278px;
	float:left;position:relative;
}
.main_area1 .right_con .business{
	background:url(/img/main/main_area_bg5.gif) no-repeat;
	padding:30px 35px; 
	width:384px;height:278px;
	float:left;position:relative;
}

.main_area1 .right_con .rollarea{overflow:hidden;margin-left:-35px;width:454px;height:249px;}
.main_area1 .right_con .rollarea ul{overflow:hidden;width:10000px;}
.main_area1 .right_con .rollarea ul li{float:left;}
.main_area1 .right_con .rollthum{position:absolute;left:35px;bottom:30px;}
.main_area1 .right_con .rollthum ul{overflow:hidden;}
.main_area1 .right_con .rollthum ul li{
	float:left;margin-right:5px;cursor:pointer;
}