@charset "euc-kr";
.indicator{position:fixed;z-index:30;left:50%;top:50%;margin:-140px 0 0 -570px;}
.indicator li{float:left;width:35px;height:5px;margin-right:9px;background:#d1d2d4;}
.indicator li.active{background:#e61b0f;}
.indicator li a{display:block;width:100%;height:100%;text-indent:-9999em;font-size:0;color:transparent;}
#visual{position:relative;z-index:20;}
#visual>ul>li{overflow:hidden;position:relative;background:url(../new/img/main/visual1.jpg) no-repeat fixed 50% 50%;background-size:cover;}
#visual>ul>li#scene02{background-image:url(../new/img/main/visual2.jpg);}
#visual>ul>li#scene03{background-image:url(../new/img/main/visual3.jpg);}
#visual>ul>li#scene04{background-image:url(../new/img/main/visual4.jpg);}
#visual>ul>li>div:first-child{position:absolute;left:50%;top:50%;margin:-140px 0 0 -570px;}
#visual>ul>li h4{margin:20px 0 50px;line-height:1.36em;font-size:28px;color:#f0f3fa;letter-spacing:-0.085em;}
#scene05{background-color:#ebebeb;}
#scene05>.inner{max-width:1250px;margin:0 auto;padding:60px 0 0;}
#scene05 h3{margin-bottom:20px;text-align:right;color:#000;}
#scene05 .inner>img{display:none;margin:0 auto;}
#visual #history{display:none;position:fixed;left:0;width:100%;margin:0;padding:50px 0;font-size:15px;color:#fff;background:rgba(212,20,9,0.8);}
#visual #history>.inner{overflow:hidden;width:1140px;margin:0 auto;}
#visual #history h4{float:left;width:320px;margin:0;font-size:22px;font-weight:bold;letter-spacing:0;text-shadow:none;}
#visual #history ol{float:left;width:400px;}
#visual #history li{line-height:2em;}
#visual #history strong{float:left;}
#visual #history p{padding-left:50px;letter-spacing:-0.025em;}
#visual #history button{position:absolute;right:10px;top:50px;width:33px;height:33px;background:url(../new/img/main/_btn_closeHistory.png) no-repeat;}
#visual #history button span{height:0;visibility:hidden;font-size:0;text-indent:-9999px;}
@media all and (max-width:1249px){
/* 1,2,3 */
	.indicator{display:none;}
	#visual>ul>li{background-attachment:scroll;}
	#visual>ul>li>div:first-child{margin:0;}
	#visual>ul>li h3 img,
	#visual>ul>li a img{display:none;}
	#visual>ul>li h3 span{line-height:1.1em;font-weight:bold;font-size:inherit;color:#fff;text-shadow:#000 1px 2px;}
	#visual>ul>li h4{line-height:1.4em;text-shadow:#000 1px 1px;}
	#visual>ul>li a{padding:20px;color:#000;background:url(../new/img/main/bg_button.png) no-repeat 100% 50%;background-size:cover;}
	#scene05>.inner{padding:0 10px;}
	#scene05 h3{text-align:center;font-size:30px;}
	#scene05 h3 img{display:none;}
}
@media all and (max-width:639px){
/* 1 */
	body{max-width:639px;}
	#visual>ul>li div:first-child{left:15px;}
	#visual>ul>li h3{font-size:22px;}
	#visual>ul>li h4,
	#visual>ul>li a{font-size:10px;}
	#visual>ul>li h4{margin:10px 0 25px;}
	#visual>ul>li a{padding:9px 21px 9px 11px;}
	#scene05>.inner{padding:20px 10px 60px;}
	#scene05 .inner>img.client1{display:block;}
	#visual #history{top:98px;padding:20px 0;}
	#visual #history>.inner{padding:0 20px;}
	#visual #history h4{font-size:21px;}
	#visual #history ol{float:none;}
	#visual #history button{right:20px;top:20px;}
}
@media all and (min-width:640px) and (max-width:1023px){
/* 2 */
	#visual>ul>li div:first-child{left:30px;}
	#visual>ul>li h3{font-size:33px;}
	#visual>ul>li h4,
	#visual>ul>li a{font-size:15px;}
	#visual>ul>li h4{margin:10px 0 40px;}
	#visual>ul>li a{padding:12px 30px 12px 15px;}
	#scene05>.inner{padding:30px 20px 80px;}
	#scene05 .inner>img.client2{display:block;}
	#visual #history{top:120px;padding:20px 0;}
	#visual #history>.inner{width:600px;margin:0 auto;padding:0 30px;}
	#visual #history h4{font-size:31px;}
	#visual #history ol{width:300px;}
	#visual #history button{right:30px;top:30px;}
}
@media all and (max-width:1023px){
/* 1,2 */
	#visual>ul>li{overflow:visible;}
	#scene03{z-index:2;}
	#visual #history{height:100%;font-size:12px;background:#d41409;}
	#visual #history h4{float:none;margin-bottom:15px;font-weight:normal;}
	#visual #history button{width:20px;height:20px;background:url(../new/img/main/btn_closeHistory2.png) no-repeat;background-size:cover;}
}
@media all and (min-width:1024px) and (max-width:1249px){
/* 3 */
	body{min-width:1024px;max-width:1275px;}
	#visual>ul>li div:first-child{left:75px;}
	#visual>ul>li h3{font-size:50px;}
	#visual>ul>li h4{font-size:22px;}
	#visual>ul>li a{font-size:16px;}
	#visual>ul>li h4{margin:10px 0 50px;}
	#visual>ul>li a{padding:12px 30px 12px 15px;}
	#scene05 .inner>img.client3{display:block;}
	#visual #history{position:absolute;left:0;bottom:0;height:112px;/* margin-bottom:-172px; */padding:30px 0;font-size:12px;}
	#visual #history>.inner{width:auto;padding:0 75px;}
	#visual #history h4{width:218px;font-size:16px;}
	#visual #history ol{width:300px;}
	#visual #history button{top:30px;}

}
@media all and (min-width:1250px){
/* 4 */
	body{min-width:1276px;}
	#visual>ul>li h3 span,
	#visual>ul>li a span{display:none;}
	#scene05{padding-bottom:60px;}
	#scene05 h3 span{display:none;}
	#scene05 .inner>img.client4{display:block;}
	.indicator.t5{position:absolute;margin:0 0 0 -630px;}
	#visual>ul>li>div:first-child{position:relative;left:0;top:0;height:100%;margin:0 auto;background:url(../new/img/main/visual1_1.png) no-repeat fixed 50% 50%;}
	#visual>ul>li#scene02>div{background-image:url(../new/img/main/visual2_1.png);}
	#visual>ul>li#scene03>div:first-child{background-image:url(../new/img/main/visual3_1.png);}
	#visual>ul>li#scene04>div{background-image:url(../new/img/main/visual4_1.png);}
	#visual>ul>li>div>h3,
	#visual>ul>li>div>h4{display:none;}
	#visual>ul>li>div>a{position:fixed;left:50%;top:50%;width:364px;height:18px;margin:182px 0 0 -570px;/* background:rgba(250, 25, 25, .25); */}
	#visual>ul>li#scene02>div>a{width:238px;height:18px;}
	#visual>ul>li#scene03>div>a{width:313px;height:18px;}
	#visual>ul>li#scene03>div>.hestory{width:278px;height:18px;margin-left:-331px} /* 2014-06-23 ���� */
	#visual>ul>li#scene04>div>a{width:213px;height:18px;}
	#visual #history{bottom:0;}


}





.slide_box > div img{ width:100%; }
.main_rolling div[class^="swiper-button"]{ background:none; border:3px solid #fff; width:50px; height:50px;}
.main_rolling div.swiper-button-prev{ border-width:3px 3px 0 0 ; transform:rotate(-135deg); left:50px; }
.main_rolling div.swiper-button-next{ border-width:3px 3px 0 0 ; transform:rotate(45deg); right:50px; }

.slide_box .txt_box{ position: absolute;left:50%; margin-left:-570px; top:50%; margin-top:-120px; z-index: 5; }
.slide_box .txt_box > *{ opacity:0; position: relative; top:0px; display:block !important;}
.slide_box .txt_box img{ width:auto; }
.slide_box div.txt_box.on h3{ animation: animate1 1s 0s; animation-fill-mode: forwards;}
.slide_box div.txt_box.on h4{ animation: animate1 1s .3s; animation-fill-mode: forwards;}
.slide_box div.txt_box.on a{ animation: animate1 1s .6s; animation-fill-mode: forwards;}

.main_rolling .swiper-pagination { display: none; }

#visual>ul>li .on h3 span,
#visual>ul>li .on h4 span,
#visual>ul>li .on a span { display: none; }

@keyframes animate1 {
  from {
    opacity:0;
	top:100px;
  }
  to {
    opacity:1 ;
	top:0;
  }
}



@media all and (max-width:1250px){
	#visual > ul > li.slide_box a{ background:none; }
	#visual > ul > li.slide_box > div{ left:0; width:100%; }

	#visual>ul>li .on h3 img,
	#visual>ul>li .on h4 img,
	#visual>ul>li .on a img { display: block; width:800px; }
	#visual>ul>li .on a { padding-left:0; }

	#visual>ul>li .txt_box{ margin-left:0; left: 75px; }
	#visual>ul>li h3{  }
	#visual>ul>li h4{}
	#visual>ul>li {}

	.main_rolling .swiper-slide{ overflow:hidden; }
	#visual>ul>li .swiper-wrapper{ left:0 !important; }
	#visual>ul>li .swiper-wrapper .swiper-slide{ left:0 !important; }
	.main_rolling div[class^="swiper-button"]{ width:36px; height:36px; }
	.main_rolling div.swiper-button-prev{ left:30px; }
	.main_rolling div.swiper-button-next{ right:30px; }

}


@media all and (max-width:1023px){

	.indicator{ margin:0; left:20px; top:150px;}
	#visual>ul>li{ overflow: hidden; }

	#visual>ul>li .on h3 img,
	#visual>ul>li .on h4 img,
	#visual>ul>li .on a img { width: 530px; }

	#visual>ul>li .txt_box{ left:30px; }

	.main_rolling div[class^="swiper-button"]{ display:none; }

	.main_rolling .swiper-pagination { display: block; bottom:30px !important; }
	.main_rolling .swiper-pagination .swiper-pagination-bullet{ background:#fff; opacity:0.3 }
	.main_rolling .swiper-pagination .swiper-pagination-bullet-active{ opacity:1; }
}

@media all and (max-width:639px){
	#visual>ul>li .txt_box{ left:15px; margin-top:0; transform:translateY(-50%); }
	#visual>ul>li .on h3 img,
	#visual>ul>li .on h4 img,
	#visual>ul>li .on a img{ display: none; }

	#visual>ul>li .on h3 span,
	#visual>ul>li .on h4 span,
	#visual>ul>li .on a span { display: block; }
	#visual>ul>li .on a{ padding:9px 21px 9px 11px;	color: #000;
	background: url(../new/img/main/bg_button.png) no-repeat 100% 50%;
	background-size: cover; display: inline-block !important; }

	#visual>ul>li.slide_box h4 { margin-bottom:15px; }
	.main_rolling .swiper-pagination{ bottom:15px !important; }

}










.text{}