@charset "utf-8";
.main_slider {width:100%;}
.main_slider .bxslider {width:100%;}
section img {width:100%;}
.section img {width:100%;position: relative;}
#section01 {overflow:hidden;position: relative;}
#section01 .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 .item.on .bg{
	-webkit-transform:scale(1); /*  크롬 */
    -moz-transform:scale(1); /* FireFox */
    -o-transform:scale(1); /* Opera */
    transform:scale(1);
}

#section01 .item .text {
	position: absolute;
	left:5%;
	width:90%;
	top:23%;
}


#section01 .item .text .bar {
	width:50px;
	height:3px;
	background:#fff;
	margin-bottom:25px;
}
#section01 .item .text h3 {
	font-size:3em;
	color:#fff;
	line-height:1.2em;
	font-weight:500;
	margin-bottom:15px;
}
#section01 .item .text h3 span {font-weight:200;}
#section01 .item .text p {
	font-size:1.2em;
	color:rgba(255,255,255,0.7);
	font-weight:300;
}
#section01 .item .text .bar,
#section01 .item .text h3,
#section01 .item .text p{
	opacity: 0;
	position: relative;
	margin-left:70px;
}

#section01 #slider01Btn {
	position: absolute;
	bottom:8%;
	left:5%;
	z-index: 100;
	width:90%;
	overflow:hidden;
}
#section01 #slider01Btn li {float:left;} 
#section01 #slider01Btn li.bar {margin:5px 25px;height:40px;width:2px;background:rgba(255,255,255,0.3);}
.section02 {
	width:95%;
	margin:10% auto 0;
	text-align:center;
}
.section02 .title {
	font-size:2.5em;
	color:#222222;
	font-family: 'Lato';
	font-weight:700;
	line-height:1.4em;
}
.section02 > p {
	font-size:1.1em;
	line-height:1.5em;
	color:#666666;
	margin-top:10px;
}
.section02 > h4 {
	margin-top:30px;
	font-family: 'Lato';
	font-weight:700;
	font-size:2em;
	color:#222222;
	margin-top:40px;
}
.section02 > .list {width:100%;margin:20px auto 0;overflow:hidden;}
.section02 > .list > li {float:left;width:49.5%;margin-right:1%;margin-bottom:1%;}
.section02 > .list > li:nth-child(2n) {margin-right:0;}
.section02 > .list > li a {position: relative;display:block;}
.section02 > .list > li .img {position: relative;}
.section02 > .list > li .img img {width:100%;}
.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(/en/m/images/main/section02_bg01.jpg) no-repeat center;}
.section02 > .list > li:nth-child(2) .img:after {background:url(/en/m/images/main/section02_bg02.jpg) no-repeat center;}
.section02 > .list > li:nth-child(3) .img:after {background:url(/en/m/images/main/section02_bg03.jpg) no-repeat center;}
.section02 > .list > li:nth-child(4) .img:after {background:url(/en/m/images/main/section02_bg04.jpg) no-repeat center;}
.section02 > .list > li img {position: relative;z-index:200;}
.section02 > .list > li .text {width:100%;background:rgba(77,77,77,0.4);position: absolute;bottom:0;left:0;z-index:300;padding:10px 0 0;}
.section02 > .list > li .text h3 {font-family:"Lato";font-size:1.8em;color:#fff;line-height:1.8em;margin-bottom:3px;display:inline-block;position: relative;}
.section02 > .list > li .text h3:before {content:"";position: absolute;left:0;top:0px;display:block;width:20px;height:2px;background:#fff;}

.section03 {width:95%;margin:15% auto 0;text-align:center;}
.section03 > p {
	font-size:1.1em;
	line-height:1.5em;
	color:#666666;
	margin-top:10px;
}
.section03 > h3 {
	font-family: 'Lato';
	font-weight:700;
	font-size:2em;
	color:#222222;
}
.section03  > .list {width:100%;margin-top:15px}
.section03  > .list > li {width:100%;margin-bottom:1%;}
.section03  > .list > li > a {display:block;position: relative;}
.section03  > .list > li > a > img {width:100%;}
.section03  > .list > li > a > h3 {
	position: absolute;
	width:100%;
	left:0;
	top:50%;
	transform : translateY(-50%);
	font-size:2em;
	color:#fff;
	font-family: 'Lato';
	font-weight:700;
}
.section04 {width:100%;margin:15% auto 0;}
.section04 .topBox {
	width:95%;
	padding:5% 2.5% 0;
	background:#4d4d4d;
}
.section04 .topBox h3 {
	font-family: 'Lato';
	color:#fff;
	font-size:2em;
	line-height:1.8em;
	margin-bottom:5px;
}
.section04 .topBox > ul {
	width:100%;
	overflow:hidden;
	border-top:2px solid #fff;
	padding:4% 0;
}
.section04 .topBox > ul > li  {
	float:left;
	width:33.3333%;
	margin-bottom:2%;
}
.section04 .topBox > ul > li  > a {display:block;position: relative;}
.section04 .topBox > ul > li img {width:40%;}
.section04 .topBox > ul > li span {
	display:block;
	width:60%;
	padding-left:6px;
	box-sizing: border-box;
	position: absolute;
	right:0;
	top:50%;
	transform : translateY(-50%);
	font-size:1em;
	line-height:1.1em;
	color:#dbdbdb;
	font-family: 'Lato';
	text-transform:uppercase;
}
.section04 .map {width:100%;position: relative;overflow: hidden;}
.section04 .map > img {width:100%;}
.section04 .map > .mapBtn {
	position: absolute;
	right:5%;
	bottom:10%;
	display:block;
	line-height:2.3em;
	font-size:1em;
	text-align:center;
	padding:0 20px;
	border:2px solid #fff;
	color:#fff;
	font-family: 'Lato';
}
.section04 .kr-round-ani{
	position: absolute;
    width: 50px;
    height: 50px;
    left: 78%;
    top: 30%;
	transform:rotate(90deg) translateX(20px);
	-webkit-transform:rotate(90deg) translateX(20px);
}
.section04 .kr-round-ani span{
	display:block; position:absolute; top: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:130px;
		height:130px;
		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: 52px;
    height: 42px;
    left: 367px;
    top: 324px;
}
.section04 .rightLink  > li.en {
	width: 58px;
    height: 18px;
    left: 738px;
    top: 338px;
}
.section04 .rightLink  > li.cn {
	width: 65px;
    height: 18px;
    left: 350px;
    top: 394px;
}
.section04 .rightLink  > li.de {
	width: 92px;
    height: 18px;
    left: 129px;
    top: 339px;
}
.section04 .rightLink  > li.jp {
	width: 60px;
    height: 18px;
    left: 410px;
    top: 361px;
}
.section04 .rightLink  > li.gb {
	width: 150px;
    height: 18px;
    left: 95px;
    top: 300px;
}
.section05 {width:100%;}
.section05 .title {
	font-size:2em;
	font-family: 'Lato';
	font-weight:bold;
	position: relative;
}
.section05 .news .title {color:#222222;}
.section05 .news {
	padding:5% 2.5% 7%;
	width:95%;
	background:#e8e8e8;
	overflow: hidden;
}
.section05 .news .btnList {overflow:hidden;margin-bottom:5%;}
.section05 .news .btnList li {float:right;}
.section05 .news .btnList li:first-child {margin-left:2%;}
.section05 .news .btnList li:last-child {margin-right:-1px;}
.section05 .news .btnList li img {width:40px;}
.section05 .news #bxNews {left:3px;}
.section05 .news #bxNews .item {
border-right:1px solid #cbcbcb;
padding:0 10px;

}
.section05 .news #bxNews .item .text {
	width:100%;
	position: relative;
	margin-top:10%;
	padding-top:5%;
}
.section05 .news #bxNews .item .text:after {
	content:"";
	display:block;
	position: absolute;
	left:0;
	top:0;
	width:25px;
	height:2px;
	background:#767676;
}
.section05 .news #bxNews .item .text h3 {
	font-size:1.2em;
	line-height:1.4em;
	color:#000000;
	height:2.8em;
	overflow:hidden;
	margin-bottom:10px;
}
.section05 .news #bxNews .item .text p {
	font-size:1em;
	color:#8e8e8e;
}
.section05 .notice {
	padding:5% 2.5% 7%;
	width:95%;
	background:#4d4d4d;
}
.section05 .notice .title {color:#fff;}
.section05 .notice .title .more {
	font-family: 'Lato';
	font-size:14px;
	color:#fff;
	position: absolute;
	right:0;
	bottom:0;
	line-height:1.5em;
}
.section05 .notice .list {
	width:100%;margin-top:5%;
	min-height:10em;
}
.section05 .notice .list > li {border-bottom:1px solid #818181;}
.section05 .notice .list > li:last-child {border-bottom:0;}
.section05 .notice .list > li > a {
	display:block;
	width:95%;
	color:#d4d4d4;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;
	overflow:hidden;
	line-height:2.5em;
	font-size:1.2em;
}