@charset "utf-8";
body{ overflow-x:none;}
.tt{border:1px solid red;}
#wrap{width:100%; height:100%;font-size:1em;}
.tRed{color:red;}
.tSky{color:#0099FF;}
.bl{display:block; float:none;}
.none{display:none;}

/* nav */
.nav{width:100%; height:62px;/*position:fixed;*/ position:fixed; top:0; left:0; z-index: 100;}
.nav ul{display:block; width:740px; height:28px; margin:0 auto; margin-top:34px;}
.nav ul li{display:block; float:left; margin-left:45px; width:150px;height:28px;text-indent:-1000px; overflow:hidden; cursor:pointer;}
.nav ul li.first{margin-left:0;}
.nav ul li a span{display:block;background-repeat:no-repeat;width:150px;height:28px;}
.nav ul li a span.m1_w{background:url(../../images/nav_w_m1.png);}
.nav ul li a:hover span.m1_w{background:url(../../images/nav_w_m1_over.png);}
.nav ul li a span.m1_w_on{background:url(../../images/nav_w_m1_on.png);}
.nav ul li a span.m2_w{background:url(../../images/nav_w_m2.png);}
.nav ul li a:hover span.m2_w{background:url(../../images/nav_w_m2_over.png);}
.nav ul li a span.m2_w_on{background:url(../../images/nav_w_m2_on.png);}
.nav ul li a span.m3_w{background:url(../../images/nav_w_m3.png);}
.nav ul li a:hover span.m3_w{background:url(../../images/nav_w_m3_over.png);}
.nav ul li a span.m3_w_on{background:url(../../images/nav_w_m3_on.png);}
.nav ul li a span.m4_w{background:url(../../images/nav_w_m4.png);}
.nav ul li a:hover span.m4_w{background:url(../../images/nav_w_m4_over.png);}
.nav ul li a span.m4_w_on{background:url(../../images/nav_w_m4_on.png);}

.nav ul li a span.m1_g{background:url(../../images/nav_g_m1.png);}
.nav ul li a:hover span.m1_g{background:url(../../images/nav_g_m1_over.png);}
.nav ul li a span.m1_g_on{background:url(../../images/nav_g_m1_on.png);}
.nav ul li a span.m2_g{background:url(../../images/nav_g_m2.png);}
.nav ul li a:hover span.m2_g{background:url(../../images/nav_g_m2_over.png);}
.nav ul li a span.m2_g_on{background:url(../../images/nav_g_m2_on.png);}
.nav ul li a span.m3_g{background:url(../../images/nav_g_m3.png);}
.nav ul li a:hover span.m3_g{background:url(../../images/nav_g_m3_over.png);}
.nav ul li a span.m3_g_on{background:url(../../images/nav_g_m3_on.png);}
.nav ul li a span.m4_g{background:url(../../images/nav_g_m4.png);}
.nav ul li a:hover span.m4_g{background:url(../../images/nav_g_m4_over.png);}
.nav ul li a span.m4_g_on{background:url(../../images/nav_g_m4_on.png);}


.paging{position:fixed; top:36%; right:20px; z-index: 10;}
.paging ul{}
.paging ul li{background:url(../../images/paging_g.png) no-repeat; width:26px; height:26px; margin-bottom:3px; cursor:pointer;}
.paging ul li.on{background:url(../../images/paging_g_on.png) no-repeat;}
.bgDark{background:#aaa;}

.sectionArea{}
.conArea{position:relative;top:0;left:0;width:1100px; height:995px;margin:0 auto;}
/* section1 */
.section1{width:100%; height:995px;margin:0 auto; text-align:center;}
.section1 .conArea .img1{position:absolute;bottom:364px; left:230px; z-index: 4}
.section1 .conArea .scroll{position:absolute; bottom:160px; left:520px; z-index: 4}
@-webkit-keyframes scroll_ani {
 0%   { opacity: 0; }
 100% { opacity: 1; }
  from {
    -webkit-transform:translate(0,0);
  }
  to {
    -webkit-transform:translate(0,20px);
  }
}
@-moz-keyframes scroll_ani {
 0%   { opacity: 0; }
 100% { opacity: 1; }
   from {
    -moz-transform:translate(0,0);
  }
  to {
    -moz-transform:translate(0,20px);
  }
}
@-ms-keyframes scroll_ani {
 0%   { opacity: 0; }
 100% { opacity: 1; }
   from {
    -ms-transform:translate(0,0);
  }
  to {
    -ms-transform:translate(0,20px);
  }
}
#scroll_ani {
     -webkit-animation: scroll_ani 1.5s infinite;
     -moz-animation:    scroll_ani 1.5s infinite;
     -ms-animation:     scroll_ani infinite;
  }

.visual1{background:url(../../images/section1_visual1.png) center no-repeat; background-size:100% 100%;}
.visual2{background:url(../../images/section1_visual2.png) center no-repeat; background-size:100% 100%;}
.visual3{background:url(../../images/section1_visual3.png) center no-repeat; background-size:100% 100%;}
.visual4{background:url(../../images/section1_visual4.png) center no-repeat; background-size:100% 100%;}

/* section2 */
.section2{width:100%; height:995px; background:url(../../images/section2_bg.png) center no-repeat; background-size:100% 100%;}
.section2 .conArea .img1{position:absolute;top:330px;left:30px;}
.section2 .conArea .img2{position:absolute;top:192px;left:700px;}
.section2 .conArea .img2 span.img2{position:absolute;top:84px;left:120px;}
.section2 .conArea .img2 span.img2a{position:absolute;top:0px;left:192px;cursor:pointer;}
.section2 .conArea .img2 span.img2b{position:absolute;top:152px;left:346px;cursor:pointer;}
.section2 .conArea .img2 span.img2c{position:absolute;top:152px;left:40px;cursor:pointer;}
.section2 .conArea .img2 span.img2d{position:absolute;top:306px;left:192px;cursor:pointer;}
.section2 .conArea .img2 span.btn{position:absolute;top:496px;left:146px;cursor:pointer;}
.section2 .conArea .popup{position:absolute; top:155px; left:-56px;background:#FFF; width:554px; height:620px; padding:60px 0 0 0; display: none;}  /* display : none 추가*/


/* section3 */
.section3{width:100%; height:995px; margin:0 auto; }
.section3 .img1{position:absolute; top:160px;}
.section3 .img2{position:absolute; top:160px; left:278px;}
	.service{position:absolute; top:234px; left:4px; width:1106px;}
	.service .btn_left{position:absolute; top:220px; left:-30px; cursor:pointer;}
	.service .btn_right{position:absolute; top:220px; right:-30px;}
	.service ul{display:block; margin:50px 0 0 50px; height:546px; overflow:hidden;}
	.service ul li{float:left; display:block; padding:0 40px; text-align:center; font-size:14px;letter-spacing:-0.025em; color:#777;font-weight:bold;}
	/*	.service ul li.first{float:left; padding:0 10px 0 0; border-left:none;}*/
	.service ul li a span.service1{display:block;background:url(../../images/section3_img1.png) no-repeat; width:248px; height:248px; padding-bottom:16px;}
	.service ul li a:hover span.service1{display:block;background:url(../../images/section3_img1_on.png) no-repeat;}
	.service ul li a span.service2{display:block;background:url(../../images/section3_img2.png) no-repeat; width:248px; height:248px; padding-bottom:16px;}
	.service ul li a:hover span.service2{display:block;background:url(../../images/section3_img2_on.png) no-repeat;}
	.service ul li a span.service3{display:block;background:url(../../images/section3_img3.png) no-repeat; width:248px; height:248px; padding-bottom:16px;}
	.service ul li a:hover span.service3{display:block;background:url(../../images/section3_img3_on.png) no-repeat;}
	.service ul li span.title{font-size:16px; font-weight:bold; color:#333;margin-bottom:7px;}
.service_popup{position:absolute; top:-100px; left:-10px; width:1020px; height:586px; background:#fff; padding:40px 40px 0 40px; z-index:1000;}
.service_popup span.btn_close{position:absolute;top:0; right:0; display:block;background:url(../../images/btn_close.png) no-repeat; width:49px; height:49px;}
.service_popup p{font-size:24px; color:#333; padding-bottom:20px;}
.service_popup p span{font-size:14px; color:#777; padding-top:10px;}
.service_popup dl dt{float:left;width:506px;}
.service_popup dl dd{float:left;position:relative;width:465px; height:465px; margin-left:42px;}
.service_popup dl dd ul{display:block;margin:0 0 0 0;}
.service_popup dl dd ul li{float:none; width:100%;background:url(../../images/section3_img_head.png) 0 4px no-repeat; padding:0 0 4px 25px; font-weight:normal;text-align:left; font-size:12px; }
.service_popup dl dd ul li.tit{background:none; padding:5px 0 10px 0;font-weight:bold; font-size:14px;color:#333;}
.service_popup dl dd ul li.last{margin-bottom:20px;}
.service_popup dl dd ul li a{color:#54bc3f; text-decoration:none;}
.service_popup span.qr{position:absolute; left:0; bottom:0;}

/* section4 */
.section4{width:100%; height:995px; background:url(../../images/section4_bg.png) center no-repeat; background-size:100% 100%;}
.section4 .conArea .img1{position:absolute;top:286px;left:372px;}
.section4 .conArea .img2{position:absolute;top:562px;left:372px;}

/* section5 */
.section5{width:100%; height:995px; background:#fff;}
.section5 .conArea .contact1{position:absolute;top:150px;left:0px;}
.section5 .conArea .contact2{position:absolute;top:400px;left:0px;}
.section5 .conArea .contact3{position:absolute;top:140px;left:550px;padding:10px 0 0 50px;border-left:1px solid #ccc; height:676px;}
.section5 .conArea dl{}
.section5 .conArea dl dt{}
.section5 .conArea dl dd{margin-top:26px;}
.section5 .conArea dl dd ul{}
.section5 .conArea dl dd ul li{clear:both; overflow:hidden; padding-bottom:12px;}
.section5 .conArea dl dd ul li span.tit{float:left; display:block;width:100px;font-size:1.2em; font-weight:bold;padding-top:4px;}
.section5 .conArea dl dd ul li span.tit2{display:block;font-size:1.2em; font-weight:bold; padding-top:18px;}
.section5 .conArea dl dd ul li span.text{float:left; display:block; line-height:1.7em;}
.section5 .conArea dl dd ul li span.text input,select{height:28px; vertical-align:middle; background:#fbfbfb; border:1px solid #eaeaea;border-top:1px solid #c3c3c3; padding:0 0 0 6px;}
.section5 .conArea dl dd ul li span.text textarea{background:#fbfbfb; border:1px solid #eaeaea;border-top:1px solid #c3c3c3;padding:6px;}
	.btn{display:block;padding-top:16px;cursor:pointer;}

/* message */
.message{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;}
.message p{text-align:center;padding-top:21%;}
.message p span.textBox{display:inline-block;width:300px;padding:15px 30px 40px 30px; border:3px solid #999; background:#FFF; font-weight:bold;color:#777; vertical-align:middle; line-height:1.45em; }

/* popup */
.popup{position:absolute; top:150px; left:184px;background:#FFF; width:610px; height:530px; padding:40px 60px;}
.popup span.btn_close{position:absolute;top:0; right:0; display:block;background:url(../../images/btn_close.png) no-repeat; width:49px; height:49px;cursor:pointer;}
.popup dl{}
.popup dl dt{}
.popup dl dt p{font-size:1.2em; padding:19px 0 19px 0; line-height:1.55em; border-bottom:1px solid #eee;}
.popup dl dd{margin-top:26px;}
.popup dl dd ul{}
.popup dl dd ul li{clear:both; overflow:hidden; padding-bottom:12px;}
.popup dl dd ul li span.tit{float:left; display:block;width:100px;font-size:1.2em; font-weight:bold;padding-top:4px;}
.popup dl dd ul li span.text{float:left; display:block; line-height:1.7em;}
.popup dl dd ul li span.text input,select{height:28px; vertical-align:middle; background:#fbfbfb; border:1px solid #eaeaea;border-top:1px solid #c3c3c3; padding:0 0 0 6px;}
.popup span.btn{padding-top:10px;margin:0 auto; width:180px; height:52px;cursor:pointer;}

/* footer */
.footer{position:fixed; bottom:0;width:100%;height:54px;background:url(../../images/footer_bg.png) repeat; z-index:1000;}
.footer h1{position:absolute;top:14px;left:26px;background:url(../../images/footer_logo.png) no-repeat;width:142px;height:30px; text-indent:-1000px;overflow:hidden;opacity:1.0;}
.footer address{position:absolute; left:190px; top:11px;color:#bbb; line-height:1.45em; letter-spacing:-0.015em;}
.footer address a{color:#f0a955; text-decoration:none; letter-spacing:0em;}
	.link{position:absolute; right:40px; top:2px;}
	.link ul{}
	.link ul li{float:left;display:block; margin-left:10px; background-repeat:none; text-indent:-1000px; overflow:hidden;}
	.link ul li span{display:block;cursor:pointer;}
	.link ul li span.arointech{background:url(../../images/footer_btn_arointech.png);width:124px;height:52px;}
	.link ul li span.contact{background:url(../../images/footer_btn_contact.png);width:80px;height:52px;}
	.link ul li span.facebook{background:url(../../images/footer_btn_facebook.png);width:50px;height:52px;}
	.link ul li span.google{background:url(../../images/footer_btn_twitter.png);width:50px;height:52px;}