.page-main{padding-top:0}
/*
.page-main .page-topbar{position:absolute;background:none;border-bottom:1px solid rgba(255,255,255,0.3)}
.page-main .toggle-dropdown{color:#fff}
.page-main .top-logo a{color:#fff}
.page-main .page-topbar .navicon {background-position:0 0}
.page-main .local-nav a{color:#fff; opacity:0.7}
.page-main .page-topbar .navicon:before{background:#fff;}
.page-main .page-topbar .navicon:after{background:#fff;}
.page-main .page-topbar .navicon span{background:#fff;}
*/
#visual {position: relative;height:672px}
.slidesjs-container {height:672px;}
#visual .item_slide,
#visual .item_slide .wrapper {height:672px;}
#visual .slide1 {background:url(../../images/eng/main/visual01.jpg) 0 0 repeat-x;}
#visual .slide2 {background:url(../../images/eng/main/visual02.jpg) 50% 0 no-repeat;}
#visual .cont_slide {position:relative;height:672px;width:1080px; margin:0 auto;}
#visual .txt_main{position:absolute;top:182px;left:10px; max-width:60%; font-size:30px;color:#fff;font-weight:600;line-height:1.2}
#visual .link_learn_more {position: absolute; top:335px; left:10px;width: 178px; height: 53px;color:#fff;border:1px solid #fff;font-size:14px;text-align:center;line-height:51px}
#visual > a,
#visual > ul {z-index:99}
.slidesjs-navigation{position: absolute; font-size:0; line-height: 0; text-indent: -9999px}
.slidesjs-previous,
.slidesjs-next {top:260px;width:51px;height:100px;background: url(../../images/eng/main/btn_slide_p.png) 0 0 no-repeat;}
.slidesjs-previous {left:60px}
.slidesjs-next {right:60px;background-position:-100px 0}
.slidesjs-play,
.slidesjs-stop {top:460px;left:50%;margin-left:-530px;width: 12px; height: 12px; background: url(../../images/eng/main/btn_slide.png) 0 0 no-repeat}
.slidesjs-stop {background: url(../../images/eng/main/btn_slide.png) -20px 0 no-repeat}
.slidesjs-pagination {position: absolute;top:460px;left:50%;margin-left:-510px;overflow:hidden;}
.slidesjs-pagination li {float:left; margin-right:7px;}
.slidesjs-pagination li a {display:block; width:13px; height:12px; background:url(../../images/eng/main/btn_slide.png) -40px 0 no-repeat; opacity: 0.3; font-size:0; letter-spacing: 0; text-indent: -9999px}
.slidesjs-pagination li a.active {opacity: 1}

.wrap_service {
	position:absolute; top:522px; left:0; 
	width:100%;
	min-width:1520px; 
	height:150px; 
	background:rgba(255,255,255,0.2); 
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30ffffff,endColorstr=#30ffffff); zoom:1; /* ie8을 위한 필터처리 30:투명도, 000000:색상값 */
	z-index:99
	}
.list_service {width:1080px; margin:0 auto; overflow: hidden;}
.list_service li {float:left;width:215px;height:110px; padding:20px 0}
.list_service li span {display: table;position:relative; height:110px;}
.list_service li span:after {position:absolute;top:15px;left:0;width:80px;height:80px;background: url(../../images/eng/main/icon_service.png) 0 0 no-repeat; content: ''}
.list_service li.item_service2 span:after {background-position:-100px 0}
.list_service li.item_service3 span:after {background-position:-200px 0}
.list_service li.item_service4 span:after {background-position:-300px 0}
.list_service li.item_service5 span:after {background-position:-400px 0}
.list_service .txt_service {display:table-cell;width:215px;height:100%;padding:0 10px 0 90px;font-size:13px; vertical-align:middle;letter-spacing: -0.8px;line-height: 1.2;color:#FFFFFF}
.wrap_slide_service {position:absolute;top:0;left:-99999px;height:100px;width:100%;opacity:0;box-sizing: border-box}


.featured-banner{width:1080px; margin:50px auto}
.featured-banner ul{overflow:hidden;margin-left:-53px}
.featured-banner ul li{position:relative;float:left;width:230px;height:200px;margin-left:53px}
.featured-banner ul li.banner01{background:url(../../images/eng/main/banner01.jpg) 0 0 no-repeat}
.featured-banner ul li.banner02{background:url(../../images/eng/main/banner02.jpg) 0 0 no-repeat}
.featured-banner ul li.banner03{background:url(../../images/eng/main/banner03.jpg) 0 0 no-repeat}
.featured-banner ul li.banner04{background:url(../../images/eng/main/banner04.jpg) 0 0 no-repeat}
.featured-banner ul li .txt_banner {padding:24px;color:#fff; font-size:16px; line-height:20px;}
.featured-banner ul li.banner02 .txt_banner{color:#333}
.featured-banner ul li a {position:absolute; bottom:29px;left:24px;font-size:10px;color:#fff; padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,0.7)}
.featured-banner ul li.banner02 a{color:#333;border-color:rgba(51,51,51,0.7)}

 @media screen and (max-width:1200px) {
	 #visual,
	 #visual .item_slide,
	 #visual .item_slide .wrapper {height:400px}
	 #visual .slide1 {background:url(../../images/eng/main/visual_m01.jpg) 50% 0 no-repeat; background-size: auto 100%}
	 #visual .slide2 {background:url(../../images/eng/main/visual_m02.jpg) 50% 0 no-repeat; background-size: auto 100%}
	 #visual .cont_slide {position:absolute; bottom:0; left:0; width:100%; height: auto; padding:20px 20px 38px; box-sizing: border-box}
	 #visual .slide1 .cont_slide {background: #8ab8d5}
	 #visual .slide2 .cont_slide {background: #8dac55}
	 #visual .txt_main {position: relative;top:auto; left: auto; max-width:100%; font-size:22px}
	 #visual .link_learn_more {display:inline-block;position:relative; top:auto; left: auto; width: auto; height: auto;  padding:2px 0; margin-top:3px; border:none; border-bottom: 1px solid #fff; font-size:12px; text-align: left; line-height: 1.2}
	.slidesjs-previous, 
	.slidesjs-next {display:block; width:14px; height: 26px;top:50%; left:13px; margin-top:-40px; background: url(../../images/eng/main/btn_slide_m.png) 0 0 no-repeat; background-size:auto 26px; z-index: 99}
	.slidesjs-next {left:auto; right:13px;background-position: -20px 0; background-size:auto 26px} 
	.slidesjs-play,
	.slidesjs-stop {top:375px; left:20px; margin:0; width:6px; height:6px;}
	.slidesjs-play {background-size: auto 6px;}
	.slidesjs-stop {background-position: -10px 0; background-size: auto 6px;}
	.slidesjs-pagination {top:375px; left:30px; margin:0;}
	.slidesjs-pagination li {margin-right:8px;}
	.slidesjs-pagination li a {width:6px; height:6px; background: url(../img/main/btn_slide.png) -20px 0 no-repeat; background-size:auto 6px }

	 .wrap_service {display: none}
	 .wrap_slide_service {display: none;position:relative;left:auto;;opacity:1;padding:0 40px; background:#1d94e4}
	 #slide_service {height:100px; }
	 #slide_service .bundle {overflow:hidden}
	 #slide_service .item_service {float:left;;width:33%; height:72px; padding:15px 0 12px }
	 #slide_service .item_service span {display:table;position:relative;width:100%;overflow:hidden;padding-top:50px;}
 	 #slide_service .item_service span:after {position:absolute;top:0;left:50%;width:46px;margin-left: -22px; height:46px; background: url(../../images/eng/main/icon_service.png) 0 0 no-repeat;content: ''}
 	 #slide_service .item_service1 span:after {background-position:0px 0; background-size: 282px 45px}
	 #slide_service .item_service2 span:after {background-position:-56px 0; background-size: 282px 45px}
	 #slide_service .item_service3 span:after {background-position:-113px 0; background-size: 282px 45px}
	 #slide_service .item_service4 span:after {background-position:-168px 0; background-size: 282px 45px}
	 #slide_service .item_service5 span:after {background-position:-225px 0; background-size: 282px 45px}
	 #slide_service .tit_service {display:table-cell;width:100%; height:28px; vertical-align:middle; font-size:12px; font-weight:400; padding:0 5px; text-align: center; word-wrap: break-word; color:#fff; line-height:1.1}
	 #slide_service .slidesjs-previous, 
	 #slide_service .slidesjs-next {margin-top:-13px}

	/* banner */
	 .featured-banner {width:100%; margin:0}
	.featured-banner ul {margin:0}
	.featured-banner ul li {float:none; width:100%; height:100px; margin:0;}
	.featured-banner ul li.banner01 {background:url(../../images/eng/main/banner_mo01.jpg) 0 0 no-repeat #626f87; background-size:auto 100px}
	.featured-banner ul li.banner02 {background:url(../../images/eng/main/banner_mo02.jpg) right 0 no-repeat #eaebef; background-size:auto 100px}
	.featured-banner ul li.banner03 {background:url(../../images/eng/main/banner_mo03.jpg) 0 0 no-repeat #48515e; background-size:auto 100px}
	.featured-banner ul li.banner04 {background:url(../../images/eng/main/banner_mo04.jpg) right 0 no-repeat #1e95e5; background-size:auto 100px}
	.featured-banner ul li .txt_banner {max-width:70%;padding:16px; font-size:13px; line-height:15px; font-weight:bold;}
	.featured-banner ul li .txt_banner span {display:inline-block;}
	.featured-banner ul li a {left:16px; bottom:16px;}
	.featured-banner ul li.banner01 .txt_banner,
	.featured-banner ul li.banner03 .txt_banner {padding-left:50%;}
	.featured-banner ul li.banner01 a,
	.featured-banner ul li.banner03 a {left:50%}
 }

 @media screen and (max-width:640px) {
	 #visual .txt_main {font-size:18px; line-height:1.2}
 }