@charset "utf-8";
#section01 {width:100%;min-width:1280px;max-width:1920px;margin:auto;position: relative;}
#section01 .slider01 .item .bg{
	position: relative;
	width:auto;
	-webkit-transform:scale(1.2); /*  크롬 */
    -moz-transform:scale(1.2); /* FireFox */
    -o-transform:scale(1.2); /* Opera */
    transform:scale(1.2);
	-webkit-transition: transform 4000ms ease-in-out;
    -moz-transition: transform 4000ms ease-in-out;
    -o-transition: transform 4000ms ease-in-out;
    -ms-transition: transform 4000ms ease-in-out;
    transition: transform 4000ms ease-in-out;
}
#section01 .slider01 .item.on .bg{
	-webkit-transform:scale(1); /*  크롬 */
    -moz-transform:scale(1); /* FireFox */
    -o-transform:scale(1); /* Opera */
    transform:scale(1);
}
#section01 .slider01 .item .text {
	position: absolute;
	left:50%;
	margin-left:-640px;
	top:35%;
}


#section01 .slider01 .item .text .bar {
	width:70px;
	height:4px;
	background:#fff;
	margin-bottom:25px;
}
#section01 .slider01 .item .text h3 {
	font-size:52px;
	color:#fff;
	line-height:60px;
	font-weight:500;
	margin-bottom:15px;
}
#section01 .slider01 .item .text h3 span {font-weight:300;}
#section01 .slider01 .item .text img {
	padding:25px 0 22px;
}
#section01 .slider01 .item .text p {
	font-size:18px;
	color:rgba(255,255,255,0.7);
	font-weight:300;
}
#section01 .slider01 .item .text .bar,
#section01 .slider01 .item .text .img,
#section01 .slider01 .item .text p{
	opacity: 0;
	position: relative;
	margin-left:70px;
}
#section01 #slider01Btn {
	position: absolute;
	left:50%;
	bottom:25%;
	margin-left:-640px;
	z-index:6000;
}
#section01 #slider01Btn li {float:left}
#section01 #slider01Btn .bar {
	width:1px;
	height:46px;
	margin:0 30px;
	background:rgba(255,255,255,0.45);
	position: relative;
	top:2px;
}
#section01 #slider01Mouse {
	position: absolute;
	left:50%;
	margin-left:-41px;
	bottom:50px;
	animation-duration: 1s;
	animation-name: slidein01btn;
	animation-iteration-count: infinite;
	z-index:6000;
}


@keyframes slidein01btn {
	0% {
		bottom:50px;
	}
	50% {
		bottom:41px;
	}
	100% {
		bottom:50px;
	}
}
#section01 #slider01Mouse:hover {
	animation-iteration-count: inherit;
	bottom:41px;
	-webkit-transition: all 1s;
    transition: all 1s;
}

#section02 {
	width:1280px;
	margin:auto;
	text-align:center;
	padding:70px 0 0;
}
#section02 >  h3 {
	font-size:44px;
	color:#2a2a2a;
	font-weight:bold;
	line-height:75px;
	font-family:"Lato";
}
#section02 >  p {
	line-height:23px;
	font-size:17px;
	color:#666666;
}
#section02 >  p.p2 {font-size:16px;}
#section02 > h4 {
	font-family:"Lato";
	font-size:28px;
	line-height:50px;
	color:#222222;
	font-weight:bold;
	margin-top:72px;
}
#section02 > .list {
	width:1280px;
	margin:25px auto 0;
}
#section02 > .list > li {
	float:left;
	margin-left:4px;
	
}
#section02 > .list > li a {
	position: relative;
	display:block;
	
}
#section02 > .list > li a:after {
	content:"";
	width:100%;
	height:100%;
	display:block;
	box-sizing: border-box;
	border:0px solid #1e57a3;
	position: absolute;
	left:0;
	top:0;
	z-index:1000;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}
#section02 > .list > li:hover a:after {
	border:2px solid #1e57a3;
}
#section02 > .list > li .img {
	position: relative;
}
#section02 > .list > li .img:after {
	content:"";
	width:100%;
	height:100%;
	display:block;
	position: absolute;
	z-index:100;
	left:0;
	top:0;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}
#section02 > .list > li:first-child {margin-left:0;}
#section02 > .list > li:nth-child(1) .img:after {background:url(/de/images/main/section02_bg01.jpg) no-repeat center;}
#section02 > .list > li:nth-child(2) .img:after {background:url(/de/images/main/section02_bg02.jpg) no-repeat center;}
#section02 > .list > li:nth-child(3) .img:after {background:url(/de/images/main/section02_bg03.jpg) no-repeat center;}
#section02 > .list > li:nth-child(4) .img:after {background:url(/de/images/main/section02_bg04.jpg) no-repeat center;}
#section02 > .list > li:hover .img:after {opacity: 0;}
#section02 > .list > li img {
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
	position: relative;
	z-index:200;
	transform: scale(0.8);
}
#section02 > .list > li:hover img {transform: scale(1)}
#section02 > .list > li .text {
	width:253px;
	/*height:115px;*/
	padding:34px 32px 35px;
	border-top:1px solid #4d4d4d;
	background:#4d4d4d;
	text-align:left;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}
#section02 > .list > li .text:before {
	content:"";
	display:block;
	width:28px;
	height:2px;
	background:#fff;
	margin-left:3px;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}
#section02 > .list > li .text h3 {
	/*font-family:"Lato";*/
	font-size:30px;
	color:#fff;
	line-height:47px;
	margin-bottom:3px;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}
#section02 > .list > li .text p {
	font-size:15.5px;
	color:rgba(255,255,255,0.8);
	line-height:25px;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}
#section02 > .list > li:hover .text {background:#fff;border-top:1px solid #d7d7d7;}
#section02 > .list > li:hover .text:before {background:#222;}
#section02 > .list > li:hover .text h3 {color:#222;}
#section02 > .list > li:hover .text p {color:#767676;}

#section03 {
	width:100%;
	min-width:1280px;
	max-width:1920px;
	margin:auto;
	padding:75px 0 0;
}
#section03  > h3 {
	font-family:"Lato";
	font-size:28px;
	line-height:50px;
	color:#222222;
	font-weight:bold;
	text-align:center;
}
#section03  > p {
	line-height:23px;
	font-size:16px;
	color:#666666;
	margin-bottom:25px;
	text-align:center;
}
#section03 .box {
	width:100%;
	height:566px;
	overflow:hidden;
	position: relative;
}

#section03 .box .right {
	width:1200px;
	height:566px;
	text-align:left;
	background:url(/de/images/main/section03_bg01.jpg) no-repeat left center;
	position: absolute;
	left:50%;
	margin-left:-240px;
	-webkit-transition: background 0.25s;
    transition: background 0.25s;
}
#section03 .box .right .text {
	padding-left:48px;
	padding-bottom:46px;
	position: absolute;
	bottom:0;
	left:0;
	width:832px;
	display:none;
}
#section03 .box .right .text.on {display:block;}
#section03 .box .right .text h3 {
	font-family:"Lato";
	font-size:32px;
	line-height:64px;
	color:#ffffff;
}
#section03 .box .right .text p {
	font-size:16px;
	line-height:25px;
	color:#fff;
	font-weight:300;
}
#section03 .box .right .text .btn {
	position: absolute;
	right:0;
	bottom:46px;
	border:1px solid #d0c6c6;
	display:block;
	width:143px;
	height:42px;
	line-height:42px;
	text-align:center;
	color:rgba(255,255,255,0.7);
	font-size:14px;
	font-weight:300;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}
#section03 .box .right .text .btn:hover {
	background:#1e57a3;
	border:1px solid #1e57a3;
	color:#fff;
}

#section03 .box .left {
	width:720px;
	height:566px;
	position: absolute;
	right:50%;
	margin-right:240px;
	text-align:right;
}

#section03 .box .teb > li > a {
	display:block;
	height:140.5px;
	padding-right:50px;
	background:#a2a2a2;
	border-bottom:1px solid #b5b5b5;

}
#section03 .box .teb > li:last-child > a {border-bottom:1px solid #a2a2a2;}
#section03 .box .teb > li > a.on {
	background:#0f4996 url(/de/images/main/section03_tab.png) no-repeat right top;
	border-bottom:1px solid #0f4996;
}
#section03 .box .teb > li > a h3 {
	padding-top:34px;
	line-height:42px;
	color:#fff;
	font-family:"Lato";
	font-size:26px;
	font-weight:bold;
}
#section03 .box .teb > li > a p {
	line-height:24px;
	font-size:16px;
	font-weight:300;
	color:rgba(255,255,255,0.7);
}
#section04 {
	width:100%;
	height:675px;
	overflow:hidden;
	min-width:1280px;
	max-width:1920px;
	margin:auto;
	position: relative;
}
#section04  .left {
	width:720px;
	height:675px;
	position: absolute;
	right:50%;
	margin-right:240px;
	text-align:left;
	background:#4d4d4d;
}
#section04  .left .box {
	position: absolute;
	right:50px;
	width:350px;
	top:0;
}
#section04  .left .box > h3 {
	font-family:"Lato";
	font-size:28px;
	color:#fff;
	font-weight:bold;
	line-height:70px;
	padding-top:35px;
	border-bottom:1px solid #717171;
}
#section04  .left .box > .list {width:100%;padding-top:55px;}
#section04  .left .box > .list li {margin-bottom:20px;}
#section04  .left .box > .list li span {
	display:inline-block;
	padding-left:20px;
	/*font-family:"Lato";*/
	font-size:15px;
	color:rgba(255,255,255,0.8);
}


#section04 .right {
	width:1150px;
	padding-left:50px;
	height:675px;
	text-align:left;
	background:#c9ccd2 url(/de/images/main/section04_bg.jpg) no-repeat left bottom;
	position: absolute;
	left:50%;
	margin-left:-240px;
}

#section04  .right > h3 {
	width:830px;
	font-size:30px;
	color:#000000;
	font-weight:500;
	line-height:70px;
	padding-top:35px;
	border-bottom:1px solid #ffffff;
	font-family:"Lato"; font-weight:bold;
}
#section04  .right > .text {
	width:830px;
	position: relative;
	padding-top:18px;
}
#section04  .right > .text p {
	line-height:28px;
	font-size:15px;
	color:#222222;
}
#section04  .right > .text p .tit {
	display:inline-block;
	font-family:"Lato";
	padding-right:9px;
	margin-right:8px;
	font-weight:bold;
	position: relative;
}
#section04  .right > .text p .tit:after {
	content:"";
	display:block;
	position: absolute;
	right:0;
	top:50%;
	width:1px;
	height:10px;
	margin-top:-5px;
	background:#a1a3a8;
}
#section04  .right > .text p .tit2 {padding-left:22px;}
#section04  .right > .text .btn {
	position: absolute;
	right:0;
	top:27px;
	display:block;
	width:145px;
	height:44px;
	line-height:44px;
	background:#727375;
	text-align:center;
	font-family:"Lato";
	color:#fff;
	font-size:13px;
	-webkit-transition: all 0.25s;
    transition: all 0.25s;
}
#section04  .right > .text .btn:hover {background:#1e57a3;}


#section04 .kr-round-ani{
	position: absolute;
    width: 70px;
    height: 70px;
    left: 80px;
    top: 280px;
	transform:rotate(90deg) translateX(20px);
	-webkit-transform:rotate(90deg) translateX(20px);
}
#section04 .kr-round-ani span{
	display:block; position:absolute; bottom:0px; left:0px; width:200px; height:200px;  opacity: 0;
	-webkit-border-radius:100em;-moz-border-radius:100em;-o-border-radius:100em;border-radius:100em; background:#fff;
	-webkit-animation: ball-scale-multiple 3s 0s linear infinite;
    animation: ball-scale-multiple 3s 0s linear infinite;
}
#section04 .kr-round-ani b{width:8px; height:8px; -webkit-border-radius:100em;-moz-border-radius:100em;-o-border-radius:100em;border-radius:100em; background:#fff; position:absolute; top:19px; left:15px; z-index:99;}

@keyframes ball-scale-multiple {
	0% {
		width:5px;
		height:5px;
		opacity: 0; 
	}
	50% {
		opacity: 0.3; 
	}
	100% {
		width:200px;
		height:200px;
		opacity: 0; 
	} 
}
#section04 .rightLink  > li {position: absolute;}
#section04 .rightLink  > li > a {
	overflow:hidden; line-height:0; font-size:0; text-indent:-1000px;
	display:block;
	width:100%;
	height:100%;
}
#section04 .rightLink  > li.kr {
	width: 51px;
    height: 24px;
    left: 338px;
    top: 330px;
}
#section04 .rightLink  > li.en {
	width: 56px;
    height: 18px;
    left: 734px;
    top: 337px;
}
#section04 .rightLink  > li.cn {
	width: 64px;
    height: 18px;
    left: 316px;
    top: 399px;
}
#section04 .rightLink  > li.de {
	width: 85px;
    height: 18px;
    left: 88px;
    top: 318px;
}
#section04 .rightLink  > li.jp {
	width: 63px;
    height: 18px;
    left: 377px;
    top: 361px;
}
#section04 .rightLink  > li.vn {
	width: 86px;
    height: 18px;
    left: 310px;
    top: 423px;
}
#section04 .rightLink  > li.mx {
	width: 96px;
    height: 18px;
    left: 660px;
    top: 397px;
}

#section05 {
	width:100%;
	height:400px;
	overflow:hidden;
	min-width:1280px;
	max-width:1920px;
	margin:auto;
	position: relative;
	text-align:left;
}
#section05  .left {
	width:1220px;
	height:400px;
	position: absolute;
	right:50%;
	margin-right:-260px;
	text-align:left;
	background:#e8e8e8;
}
#section05  .left .box {
	position: absolute;
	padding-right:48px;
	right:0;
	top:0;
	width:852px;
	height:400px;
}
#section05  .right {
	width:700px;
	height:400px;
	position: absolute;
	left:50%;
	margin-left:260px;
	text-align:left;
	background:#4d4d4d;
}
#section05  .right .box {
	position: absolute;
	padding:0 48px;
	left:0;
	top:0;
	width:284px;
	height:400px;
}

#section05 .box  > h3 {
	padding-top:40px;
	/*font-family:"Lato";
	font-weight:bold;*/
	font-size:26px;
	line-height:40px;
	position: relative;
}
#section05 .left .box  > h3 {color:#222222;margin-bottom:46px;}
#section05 .right .box  > h3 {color:#ffffff;margin-bottom:30px;}

#section05 .box .w852 {
	width:852px;
	overflow:hidden;
	/*height:400px;*/
}
#section05 .box .news {
	position: relative;
	width:921px;
	left:-34px;
}
#section05 .box .news li .img {
	width:237px;
	height:105px;
}
#section05 .box .news li.item {
	padding:0 34px;
	width:237px;
	border-right:1px solid #cbcbcb;
}
#section05 .box .btnList {
	position: absolute;
	right:48px;
	top:40px;
}
#section05 .box .btnList > li {float:left;}
#section05 .box .btnList > li:nth-child(2) {margin-left:-1px;margin-right:10px;}


#section05 .box .news li .text {
	width:237px;
	padding-top:15px;
}
#section05 .box .news li .text:before {
	content:"";
	display:block;
	width:35px;
	height:1px;
	background:#767676;
}
#section05 .box .news li .text h3 {
	padding-top:14px;
	height:54px;
	line-height:27px;
	font-size:20px;
	color:#000000;
	overflow:hidden;
}
#section05 .box .news li .text p {
	padding-top:5px;
	font-size:15px;
	color:#8e8e8e;
	line-height:12px;
	height:12px;
}

#section05 .right .box  > h3 .more {
	position: absolute;
    right: 0;
    bottom: 4px;
    /*font-family: "Lato";*/
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    font-weight: 300;
   /* display: block;*/
}
#section05 .right .box  > .list {width:284px;}
#section05 .right .box  > .list > li {
	border-bottom:1px solid #818181;
}
#section05 .right .box  > .list > li a {
	display:block;
	width:100%;
	height:45px;
	line-height:45px;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;
	overflow:hidden;
	font-size:15px;
	color:#d4d4d4;
}
#section05 .right .box  > .list > li:last-child {border-bottom:0;}
#rightBar {
	position: fixed;
    top: 50%;
    right: 3%;
    z-index: 6000;
    width: 44px;
    padding: 20px 0;
    margin-top: -156px;
    background-color: rgba(0,0,0,0.44);
    text-align: center;
    border-radius: 30px 30px;
}

#rightBar #rightBarTop,
#rightBar #rightBarBottom{
	display:block;
	width:13px;
	height:8px;
	margin:3px auto;
}
#rightBar #rightBarTop {background:url(/cn/images/main/bar_top.png) no-repeat center;}
#rightBar #rightBarBottom {background:url(/cn/images/main/bar_bottom.png) no-repeat center;}
#rightBar > .topBox {
	width:22px;
	margin:auto;
	padding:5px 0 9px;
}
#rightBar > .topBox span {
	width:100%;
	height:2px;
	background:#fff;
	display:block;
	margin-bottom:3px;
}
#rightBar > .topBox span:last-child {margin-bottom:0;}
#rightBar > .list {
	width:100%;
	padding:26.5px 0;
	position: relative;
}
#rightBar > .list:before {
	content:"";
	display:block;
	position: absolute;
	width:1px;
	height:100%;
	background:rgba(255,255,255,0.2);
	left:50%;
	top:0;
}
#rightBar > .list > li {
	position: relative;
	width:10px;
	height:10px;
	
	background:rgba(255,255,255,0);
	border-radius: 50%;
	margin-left:17.3px;	
	z-index:6100;
	margin-bottom:30px;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
	box-sizing: border-box;
	border:2px solid #1e57a3;
}
#rightBar > .list > li.on {background:#1e57a3;}
#rightBar > .list > li:last-child {margin-bottom:0;}
#rightBar > .list > li .tit {
	font-family: 'Noto Sans KR';
	position: absolute;
	top:50%;
	margin-top:-13px;
	right:-10px;
	height:26px;
	line-height:26px;
	text-align:center;
	font-size:12px;
	color:#fff;
	display:block;
	z-index:6200;
	background:#1e57a3;
	width:0;
	overflow:hidden;
	-webkit-transition: all 0.3s;
    transition: all 0.3s;
	animation-timing-function:cubic-bezier(1,-0.62,.16,.2);
	font-weight:300;
}
#rightBar > .list > li .tit.on,
#rightBar > .list > li:hover .tit{
	width:126px;
	right:-2px;
}