#main_Wrap{width:100%;}
.mainVisual_Wrap{max-width:1920px; height:930px; position:relative; margin:0 auto; }
.mainVisual_Wrap .banner_01{height:930px; background:url(/images/main/main_visual1.jpg)center top no-repeat; }
.mainVisual_Wrap .banner_02{height:930px; background:url(/images/main/main_visual2.jpg)center top no-repeat; }
.mainVisual_Wrap .mainVisual_Con{width:960px; position: absolute; left:50%; top:700px; margin-left:-480px; }
.mainVisual_Wrap .mainVisual_Con .text{ width:960px; display:inline-block;text-align:center; margin-top:220px;} 
.mainVisual_Wrap .mainVisual_Con .text img{display: none;}
.mainVisual_Wrap .mainVisual_Con .banner{display:inline-block; } 

.banner div{float:left; width: 320px; height: 230px; }
.banner .bannerWrapper1,
.banner .bannerWrapper2,
.banner .bannerWrapper3 { position: relative; z-index:60;  /* ÇÏÀ§ űװ¡ »ó´ëÀûÀÎ À§Ä¡¸¦ °¡Áú ¼ö ÀÖµµ·Ï ¼³Á¤ */ } 

.banner .bannerWrapper1 ul, 
.banner .bannerWrapper2 ul, 
.banner .bannerWrapper3 ul{float:left; }

.banner .bannerWrapper1 li, 
.banner .bannerWrapper2 li, 
.banner .bannerWrapper3 li {width: 320px; height: 230px; position: absolute; /* img ű׵éÀÌ °ãÃÄÁú ¼ö ÀÖ°Ô, ´Ù¸¥ ű׿¡ ¿µÇâÀ» ÁÖÁö ¾Ê°Ô ¼³Á¤ */ } 

.banner .bannerWrapper1 li:hover, 
.banner .bannerWrapper2 li:hover, 
.banner .bannerWrapper3 li:hover{ cursor:pointer;}

.banner .bannerWrapper1 .frontImage,
.banner .bannerWrapper2 .frontImage, 
.banner .bannerWrapper3 .frontImage { z-index: 1; background-color:#000;/* ¾Õ¿¡ ³ª¿Ã À̹ÌÁö¸¦ ¼³Á¤ */ } 

.banner .bannerWrapper1:hover .frontImage, 
.banner .bannerWrapper2:hover .frontImage,
.banner .bannerWrapper3:hover .frontImage{ display: none;/* ¸¶¿ì½º¿À¹ö°¡ µÇ¸é ¾Õ¿¡ ³ª¿Â À̹ÌÁö¸¦ ¼û±è */ } 

.banner .bannerWrapper1 .banner02_on{background:url(/images/main/main_banner01_on.png)center top no-repeat;color:#fff; font-size:16px;  padding-top:93px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.banner .bannerWrapper2 .banner02_on{background:url(/images/main/main_banner02_on.png)center top no-repeat;; color:#fff; font-size:16px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*.banner .bannerWrapper2 .banner02_on{background-color:#3a76e5; background-color:rgba( 58, 118, 229, 0.95 );; color:#fff; font-size:16px;  padding-top:78px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*/
.banner .bannerWrapper3 .banner02_on{background:url(/images/main/main_banner03_on.png)center top no-repeat; color:#fff; font-size:16px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.banner .bannerWrapper1 .banner02_on a{color:#fff;}
.banner .bannerWrapper2 .banner02_on a,
.banner .bannerWrapper3 .banner02_on a{height:230px;  padding-top:85px; color:#fff; display:block; box-sizing: border-box; }

.banner .bannerWrapper1 .banner02_on a:hover{font-weight:bold;}
.banner .bannerWrapper2 .banner02_on a:hover,
.banner .bannerWrapper3 .banner02_on a:hover{}

.banner .bannerWrapper1 .banner02_on p{width:215px;  margin:0 auto; margin-bottom:12px; }
.banner .bannerWrapper2 .banner02_on p,
.banner .bannerWrapper3 .banner02_on p{text-align:center; line-height:24px;}

.banner .bannerWrapper1 .banner02_on span{float:right;  margin-top:10px;}
.banner .bannerWrapper2 .banner02_on span,
.banner .bannerWrapper3 .banner02_on span{font-weight:bold;}


.main_ConWrap{width:960px; margin:0 auto; }

.main_Con1{margin-top:105px;}
.main_Con1 .title{text-align:center;}
.main_Con1 .title p{color:#122e56; font-size:17px; margin-top:25px;}
.main_Con1 .car{width:960px; position:absolute; margin-top:45px; text-align:center;}
.main_Con1 .DB{width:100%; height:396px; background: linear-gradient( to right, #f7f7f7 50%, #d2d4d7 50%); margin-top:135px; text-align:center;}
.main_Con1 .DB .text{line-height:22px; margin-top:30px;}
.main_Con1 .DB .btn {width:215px; margin:0 auto; text-align:left; line-height:45px; margin-top:20px; }
.main_Con1 .DB .btn a{display:block; padding-left:15px; box-sizing: border-box;  font-family: 'nanum-square-r';}
.main_Con1 .DB .left{float:left; width:50%; margin-top:110px;}
.main_Con1 .DB .right{float:right; width:50%; margin-top:110px;}
.main_Con1 .DB .right .new{position:absolute; margin:-50px 0px 0px 180px;}

.main_Con2{width:100%; height:882px; background:url(/images/main/main_bg01.jpg)center top no-repeat; }
.main_Con2 .title{width:960px; display:inline-block; margin-top:110px;  text-align:center; }
.main_Con2 .service_banner{margin-top:85px; border:1px solid #d0d0d0; display:inline-block;}
.main_Con2 .service_banner ul li+li+li+li{width:238px;  border-right:0px solid #d0d0d0;}
.main_Con2 .service_banner ul{border-bottom:1px solid #d0d0d0; display:inline-block;}
.main_Con2 .service_banner ul+ul{border-bottom:0px solid #d0d0d0; }
.main_Con2 .service_banner li{float:left; width:239px; height:238px; border-right:1px solid #d0d0d0;}
.main_Con2 .service_banner li:hover{ cursor:pointer;}
.main_Con2 .service_banner li.on a{display:block; width:238px; height:238px;}

.main_Con2 .service_banner .service_banner01.on{width:239px; height:238px;background:url(/images/main/service_banner01_on.jpg) no-repeat; color:#fff !important;}
.main_Con2 .service_banner .service_banner01.on p{display:none;}

.main_Con2 .service_banner .service_banner02.on{width:239px; height:238px;background:url(/images/main/service_banner02_on.jpg) no-repeat; color:#fff !important;}
.main_Con2 .service_banner .service_banner02.on p{display:none;}

.main_Con2 .service_banner .service_banner03.on{width:239px; height:238px;background:url(/images/main/service_banner03_on.jpg) no-repeat; color:#fff !important;}
.main_Con2 .service_banner .service_banner03.on p{display:none;}

.main_Con2 .service_banner .service_banner04.on{width:238px; height:238px;background:url(/images/main/service_banner04_on.jpg) no-repeat; color:#fff !important;}
.main_Con2 .service_banner .service_banner04.on p{display:none;}

.main_Con2 .service_banner .service_banner05.on{width:239px; height:238px;background:url(/images/main/service_banner05_on.jpg) no-repeat; color:#fff !important;}
.main_Con2 .service_banner .service_banner05.on p{display:none;}

.main_Con2 .service_banner .service_banner06.on{width:239px; height:238px;background:url(/images/main/service_banner06_on.jpg) no-repeat; color:#fff !important;}
.main_Con2 .service_banner .service_banner06.on p{display:none;}

.main_Con2 .service_banner .service_banner07.on{width:239px; height:238px;background:url(/images/main/service_banner07_on.jpg) no-repeat; color:#fff !important;}
.main_Con2 .service_banner .service_banner07.on p{display:none;}

.main_Con2 .service_banner .service_banner08.on{width:238px; height:238px;background:url(/images/main/service_banner08_on.jpg) no-repeat; color:#fff !important;}
.main_Con2 .service_banner .service_banner08.on p{display:none;}


.main_Con2 .magazine_list{font-family: 'NanumGothic';  font-weight:bold; padding-top:70px;}
.main_Con2 .magazine_list ul{clear:both;}
.main_Con2 .magazine_list li{float:left; margin-left:10px;  margin-top:10px; position:relative;}
.main_Con2 .magazine_list li:first-child{margin-left:0px;}
.main_Con2 .magazine_list li.magazine_size_01{width:637px; height:380px; background-repeat:no-repeat; background-size:cover;}
.main_Con2 .magazine_list li.magazine_size_02{width:313px; height:185px; background-repeat:no-repeat; background-size:cover;}
.main_Con2 .magazine_list li.magazine_size_03{width:637px; height:185px; background-repeat:no-repeat; background-size:cover;}
.main_Con2 .magazine_list .text{position:absolute; bottom:0; left:0; right:0; line-height:60px; color:#fff;  font-size:16px;
background-color:rgba( 0, 0, 0, 0.7 );  text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display:inline-block; padding:0 20px;}

.main_Con2 .magazine_list .icon {position:absolute; width:75px; height:75px; background:url(/images/main/magazine_icon.png) no-repeat;
	text-align:center; color:#fff; font-size:12px; line-height:75px; padding-top:16px; box-sizing: border-box;} 
.main_Con2 .magazine_list .icon.carnews{background-position: left top;} 
.main_Con2 .magazine_list .icon.drive{background-position: -75px top;} 
.main_Con2 .magazine_list .icon.research{background-position: -150px top;} 

.main_Con3{width:100%; height:550px; background:url(/images/main/main_bg02.jpg)center top no-repeat; margin-bottom:-120px; }
.main_Con3 .title{width:960px; display:inline-block; margin-top:152px; text-align:center;}
.main_Con3 .text{color:#fff; font-size:16px; line-height:24px; margin-top:25px; text-align:center;}
.main_Con3 .btn{width:443px; margin:0 auto; margin-top:45px;}
.main_Con3 .btn p{float:left; width:220px; background-color:rgba( 255, 255, 255, 0.5 ); }
.main_Con3 .btn p+p{background-color:rgba( 53, 122, 236, 0.85 ); margin-left:3px;}
.main_Con3 .btn p+p a{color:#fff; }
.main_Con3 .btn p a{display:block; line-height:40px; text-align:center; color:#282b30;}

@import url("reset.css");

/* visual */
#visual{width:100%;height:930px;background:#000}
.bxslider{overflow:hidden;width:100%;height:930px;text-align:center;}
.bxslider li{position:relative;width:100%;height:100%;}
.bxslider li .bgarea{
	position:absolute;left:0;top:0;
	width:100%;height:100%;z-index:-1;
}
.bxslider li.v1 .bgarea{
	background-attachment:fixed;
	animation:v_ani 1.5s;
	animation-fill-mode:forwards;
}
.bxslider li.v2 .bgarea{
	background-attachment:fixed;
	animation:v_ani 1.5s;
	animation-fill-mode:forwards;
}
.bxslider li.v3 .bgarea{
	background-attachment:fixed;
	animation:v_ani 1.5s;
	animation-fill-mode:forwards;
}

@keyframes v_ani{

	0%{opacity:1;transform:scale(1.03);}
	100%{opacity:1;transform:scale(1);}

}
@keyframes v_ani2{

	0%{opacity:0;transform:translateY(40px);;}
	100%{opacity:1;transform:translateY(0px);;}

}


.bxslider li.v1 .text1{
	width:100%; height:396px;background:url(/images/main/main_visual_text.png) center center no-repeat;
	margin-top:218px;
}

.bxslider li.v2 .text1{
	width:100%; height:396px;background:url(/images/main/main_visual_text2.png) center center no-repeat;
	margin-top:218px;
}



.bxslider li.v1 .text1{
	opacity:0;
	
}
.bxslider li.v2 .text1{
	opacity:0;

}


.bx-wrapper .bx-prev{
	opacity:0;
	position:absolute;left:3%;top:50%;
	background:url(../images/main/vprev.png) no-repeat;
	width:87px;height:87px;
	margin-top:-43px;
	text-indent:-9999px;transition:all 1s;	
	z-index:60;
}
.bx-wrapper .bx-next {
	opacity:0;
	position:absolute;right:3%;top:50%;
	background:url(../images/main/vnext.png) no-repeat;
	width:87px;height:87px;
	margin-top:-43px;
	text-indent:-9999px;transition:all 1s;
	z-index:60;
}
.bx-wrapper .bx-pager{opacity:0;transition:all 1s;}

.bx-wrapper:hover .bx-prev,
.bx-wrapper:hover .bx-next,
.bx-wrapper:hover .bx-pager{opacity:1;transition:all 1s;}


.slideLeft{
	opacity:0;
	transform:translateX(200px);
	transition:all 1s 0.2s;
}
.in-view .slideLeft{
	opacity:1;
	transform:translateX(0px);
	transition:all 1s ;
}

.slideRight{
	opacity:0;
	transform:translateX(-200px);
	transition:all 1s 0.2s;
}
.in-view .slideRight{
	opacity:1;
	transform:translateX(0px);
	transition:all 1s ;
}