@charset "utf-8";
/* CSS Document */


/**
header
**/
header#header{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 70;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    letter-spacing: 1px;
    font-size: 1.1em;
    z-index: 999;
}

.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

/* content1 */
.swiper1 .swiper-slide{background-size: cover !important;}
.swiper1 .slide1{background:url(../images/main/main-visual1.png) center center no-repeat;}
.swiper1 .slide2{background:url(../images/main/main-visual2.png) center center no-repeat;}

.swiper1 .swiper-slide div.txt{
    width: 451px;
    padding-left: 40px;
    padding-bottom: 85px;
    background:url(../images/main/main-visual-bg.png) center bottom no-repeat;
    color: #fff;
    font-size: 70px;
    line-height: 1.3em;
    font-weight: 300;
    letter-spacing: 0.45em;
    text-align: center;
}
.swiper1 .swiper-slide div.txt > span{margin-left: -35px;letter-spacing:0;}
.swiper1 .swiper-slide div.txt strong{font-weight: 500;}

.swiper1 .swiper-pagination.swiper-pagination-fraction{
    top: 50%;
    bottom: 50%;
    left: 100px;
    margin: 0;
    padding-left: 45px;
    font-weight: 300;
    text-align: left;
}
.swiper1 .swiper-pagination-fraction{
	/* bottom: 20px; */
	color:#fff;
	font-size: 22px;
}
.swiper1 .swiper-pagination-current{
    display: inline-block;
    position: absolute;
    top: 2px;
    left: 0;
    /* width: 33px; */
    /* margin-top: 2px; */
    /* padding-right: 10px; */
    color: #fff;
    font-size: 30px;
    font-weight: 500;
    line-height: 1;
}
.swiper1 .swiper-pagination-total{
	display: inline-block;
	position: relative;
	top: 3px;
	left: 5px;
	color: #6b6b6b;
	font-size: 20px;
	font-weight: 400;
}
.swiper1 .swiper-pagination-current:before{content: "0"}
.swiper1 .swiper-pagination-total:before{content: "0"}

.swiper1 .swiper-button-next{
    left: 200px !important;
    margin-top: -3px !important;
}
.swiper1 .swiper-button-prev{
    left: 60px !important;
    margin-top: -3px !important;
}
.swiper1 .swiper-button-next:after, .swiper-button-prev:after{
	color:#fff !important;
	font-size: 20px !important;
}

/* content2 */
#section1{background:#fff;}
.swiper2{}
.swiper2 .slide1{background:#fff url(../images/main/con2-visual1.png) right top no-repeat;background-size: 50% 100%;}
.swiper2 .slide2{background:#fff url(../images/main/con2-visual2.png) right top no-repeat;background-size: 50% 100%;}
.swiper2 .slide3{background:#fff url(../images/main/con2-visual3.png) right top no-repeat;background-size: 50% 100%;}
.swiper2 .slide4{background:#fff url(../images/main/con2-visual4.png) right top no-repeat;background-size: 50% 100%;}
.swiper2 .cont{
    position: relative;
    width: 90%;
    height: 85%;
    /* bottom: 0; */
    margin-top: 8%;
}
.swiper2 .cont .tit{
	display: block;
	position:relative;
	width: 41%;
	margin: 80px 80px 0;
	padding-top: 12px;
	color: #1d1d1d;
	font-size: 40px;
	font-weight: 500;
	text-align: left;
}
.swiper2 .cont .tit:after{
	display:block;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:35px;
	height:5px;
	background:#1d1d1d;
}
.swiper2 .cont .txt{
    display: block;
    width: 41%;
    margin: 20px 80px 0;
    color: #666;
    font-weight: 300;
    text-align: left;
}
.swiper2 .cont .btn-g{
	display: block;
	position:relative;
	width: 41%;
	margin: 60px 80px 0;
	text-align:left;
	z-index:999;
}
.swiper2 .cont a.btn{
	color:#333;
	font-size:16px;
	font-weight: 400;
}
.swiper2 .cont .btn-g span + span{
	display:block;
	position:absolute;
	top: 20px;
	left: 50px;
	width: 40px;
	height: 30px;
	background: url(../images/common/ico-arrow2.png) bottom right no-repeat;
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
}
#section1 .line-effect{position:absolute;top:0;left:0;width: 100%;height: 100%;overflow:hidden;z-index:1;}
#section1 .line-effect .line{display:block;position:absolute;background: rgba(215, 215, 215, 0.3);}
#section1 .line-effect .line1{width:10px;height:0;left:0;bottom: 0;-webkit-transition:height .5s;transition:height .5s;-webkit-transition-delay:3s;transition-delay:.3s;}
#section1 .line-effect .line2{width:0;height:10px;left: 0;top:0;-webkit-transition: width .5s;transition: width .5s;-webkit-transition-delay: 1.2s;transition-delay: 1.2s;}
#section1 .line-effect .line4{width:0;height:10px;right: 0;bottom: 60px;-webkit-transition:width .5s;transition:width .5s;-webkit-transition-delay: 2.3s;transition-delay: 2.3s;}
#section1 .line-effect .line3{width:10px;height:0;right:0;top: 10px;-webkit-transition:height .5s;transition:height .5s;-webkit-transition-delay: 1.8s;transition-delay: 1.8s;}
#section1.active .line-effect .line1{height:calc(100% - 10px);-webkit-transition-delay:0;transition-delay:0;}
#section1.active .line-effect .line2{width: 100%;-webkit-transition-delay: .5s;transition-delay: .5s;}
#section1.active .line-effect .line4{width: 50%;-webkit-transition-delay: 1.8s;transition-delay: 1.8s;}
#section1.active .line-effect .line3{height: calc(100% - 80px);-webkit-transition-delay: 1.2s;transition-delay: 1.2s;}

#section1 .swiper-pagination{
	position:relative;
	top: auto;
	left: 10%;
	bottom: 155px;
	text-align: left;
}
#section1 .swiper-pagination:after{
    /* display:block; */
    content:"";
    position:absolute;
    top: 20px;
    left: 245px;
    width: 20%;
    height:1px;
    background:#eee;
}
#section1 .swiper-pagination-bullet {
	position:relative;
	margin: 0;
	padding: 5px 15px;
	border-radius: 0;
	width: 20px;
	height: 30px;
	text-align: center;
	line-height: 29px;
	font-size: 15px;
	color:#000;
	background: #fff url(../images/main/icon-line1.png) 0 center no-repeat;
	opacity: 1;
	overflow: hidden;
}
#section1 .swiper-pagination-bullet:after{display:block;position:absolute;left:0;top:0;width: 51px;height: 30px;line-height: 30px;color: #888;font-size: 15px;padding: 5px 0;font-weight: 200;background: #fff;}
#section1 .swiper-pagination-bullet:nth-child(1):after{content:"01";}
#section1 .swiper-pagination-bullet:nth-child(2):after{content:"02";background: #fff url(../images/main/icon-line1.png) 0 center no-repeat;}
#section1 .swiper-pagination-bullet:nth-child(3):after{content:"03";background: #fff url(../images/main/icon-line1.png) 0 center no-repeat;}
#section1 .swiper-pagination-bullet:nth-child(4):after{content:"04";background: #fff url(../images/main/icon-line1.png) 0 center no-repeat;}
#section1 .swiper-pagination-bullet-active {
	width:auto;
	padding: 5px 15px;
	font-weight: 500;
}
#section1 .swiper-pagination-bullet-active:after{display:none;}
#section1 .swiper-pagination-bullet:nth-child(1), #section1 .swiper-pagination-bullet-active:nth-child(1){background-image:none;}

#section1 .swiper-btn-g{position:absolute;top: auto;bottom: 115px;left: 43%;width: 100px;}
#section1 .swiper-button-prev{
    position: relative;
    top: 0;
    bottom: 0;
    left: auto;
    right: 51px;
    width: 50px;
    height: 38px;
    color: #888;
    border: 1px solid #e9e9e9;
    border-radius: 20px 0 0 20px;
    background: #f3f3f3;
}
#section1 .swiper-button-next{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 38px;
	color: #888;
	border: 1px solid #e9e9e9;
	border-radius: 0 20px 20px 0;
	background: #f3f3f3;
}
#section1 .swiper-button-next:after, #section1 .swiper-button-prev:after{
    color: #888 !important;
    font-size: 16px !important;
}
#section1 .swiper-button-next.swiper-button-disabled, #section1 .swiper-button-prev.swiper-button-disabled{
    opacity: 1;
    background: #fff;
}

#section3{
	background: url(../images/main/con4-bg.png) right 35% no-repeat;
	}
#section3 h3{
	/* display:inline-block; */
	position:relative;
	width: 150px;
	margin: 0 auto;
	padding-top: 20px;
	color:#1d1d1d;
	font-size: 40px;
	font-weight: 400;
	text-align: center;
}
#section3 h3 strong{font-weight: 600;}
#section3 h3:after{
	display:block;
	content:"";
	position:absolute;
	top:0;
	left: 55px;
	width:35px;
	height:5px;
	background:#1d1d1d;
}
.chungdamNews{
    position: relative;
    width: 1160px;
    margin: 0 auto;
}

.chungdamNews .btn-g{
	position:absolute;
	top: -139px;
	right: 0px;
	/* width: 45px; */
	color: #333;
	font-size: 16px;
	line-height: 1;
}
.chungdamNews a.btn{
	display: block;
	width: 45px;
	padding-right: 30px;
	color:#333;
	font-size:16px;
	font-weight: 400;
}
.chungdamNews .btn-g span{
	display:block;
	position:absolute;
	top: 20px;
	right: 10px;
	width: 40px;
	height: 30px;
	background: url(../images/common/ico-arrow2.png) bottom right no-repeat;
	-webkit-animation-duration: 7s;
	animation-duration: 7s;
}
.chungdamNews ul{margin-top:90px;}
.chungdamNews ul:after{display:block; clear:both; content:"";}
.chungdamNews ul li{
    display: inline-block;
    position:relative;
    float: left;
    width: 25%;
    height: 310px;
    margin-left: -1px;
    background: #fff;
}
.chungdamNews ul li a{
	display:block;
	padding: 29px 40px;
	border:1px solid #ededed;
}
.chungdamNews ul li:hover, .chungdamNews ul li:hover{
	top:0;
	left:0;
	z-index:999;
	background:#dedfe5;
}
.chungdamNews ul li:hover a, .chungdamNews ul li:hover a{
	top: 0;
	left: 0px;
	border: 0;
	background:#1d1d1d;
	transition: transform 0.2s linear;
	transform: translate(-16px, -16px);
}
.chungdamNews ul li span.notice{
    position: absolute;
    top: 0;
    right: 0;
    padding: 18px 15px 28px 26px;
    /* height: 66px; */
    background: url(../images/main/bg-notice.png) right top no-repeat;
    color: #fff;
    text-align: center;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
}
.chungdamNews ul li span.tit{
    display: block;
    height: 38px;
    margin-top: 20px;
    color: #1d1d1d;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}
.chungdamNews ul li:hover span.tit, .chungdamNews ul li:hover span.tit{color:#fff;}
.chungdamNews ul li span.date{
    display: block;
    color: #666;
    font-weight: 200;
    line-height: 1;
}
.chungdamNews ul li span.txt{
    display: block;
    margin-top: 20px;
    color: #444;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
}
.chungdamNews ul li:hover span.date, .chungdamNews ul li:hover span.date,
.chungdamNews ul li:hover span.txt, .chungdamNews ul li:hover span.txt{color:#dfdfdf;}
.chungdamNews ul li span.detail{
	display: block;
	width: 7px;
	height: 23px;
	margin-top: 30px;
	background:url(../images/main/arrow-more.png) 0 0 no-repeat;
}
.chungdamNews ul li:hover span.detail, .chungdamNews ul li:hover span.detail{
	width: 68px;
	background: url(../images/main/arrow-more-on.png) right center no-repeat;
	color: #fdcd4d;
}
.chungdamNews ul li span.detail span{display:none;}
.chungdamNews ul li:hover span.detail span, .chungdamNews ul li:hover span.detail span{
	display:block;
}

@media(max-width: 1599px) {
    #section3{background-size: contain;background-position: 0 28%;}
	#section3 h3{margin: -40px auto 0;padding: 3px 0 0;font-size: 25px;}
	#section3 h3:after{width: 20px;height: 3px;}
	.chungdamNews{width: 90%;}
	.chungdamNews ul{
		margin-top: 10px;
	}
	.chungdamNews ul li{width: 100%;height: auto;margin-top: -1px;}
	.chungdamNews ul li a{
		padding: 15px;
	}
	.chungdamNews ul li:hover a, .chungdamNews ul li:hover a{
		transition: none;
		transform:translate(0, 0); 
	}
	.chungdamNews ul li span.tit{
		width: 85%;
		height: auto;
		margin-top: 5px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		font-size: 14px;
	}
	.chungdamNews ul li span.txt{display:none;}
	.chungdamNews ul li span.detail{
		display: none;
	}
	.chungdamNews ul li span.notice{padding: 13px 10px 20px 17px;background-size: 55px;}
	.chungdamNews .btn-g{
		display: block;
		top: auto;
		left: 0;
		right: 0;
		bottom: -50px;
		width: 40px;
		padding: 0 30px 23px 0;
		font-size: 14px;
		margin: 0 auto;
		text-align: center;
	}
}

@media(max-width: 1500px) {
	#section1 .swiper-pagination:after{width:12%;}
	.swiper2 .cont .tit, .swiper2 .cont .txt, .swiper2 .cont .btn-g{width: 40%;}
	#section1 .swiper-btn-g{left: 40%;}
}
@media(max-width: 1023px) {
	.swiper1 .swiper-slide div.txt{width: 100%;padding-left: 15px;padding-bottom: 45px;font-size: 2rem;background-size: 60%;}
	.swiper1 .swiper-slide div.txt > span{margin-left: -15px;}
	.swiper1 .swiper-pagination.swiper-pagination-fraction{top: auto;bottom: 20px;left: 50%;margin-left: -50px;}
    .swiper1 .swiper-btn-g{position:absolute;top: auto;left:50%;bottom: 57px;}
	.swiper1 .swiper-button-prev{left: auto !important;right: 70px !important;margin: 0 !important;}
	.swiper1 .swiper-button-next{left: 50px !important;margin: 0 !important;}
    
	.swiper2 .cont .tit, .swiper2 .cont .txt, .swiper2 .cont .btn-g{width: auto;}
	.swiper2 .cont{position: absolute;top: auto;bottom: 0;width: 90%;height: 86%;margin-top: 0;}
    .swiper2 .cont .tit{margin: 5rem 2.5rem 0;padding: 3px 0 0;/* color: #fff; */font-size: 25px;}
    .swiper2 .cont .tit:after{width: 20px;height: 3px;/* background:#fff; */}
    .swiper2 .cont .txt{width: auto;margin: 0 2rem 0;padding: 10px;color: #333;background: rgba(255, 255, 255, 0.7);font-size: 14px;font-weight: 400;}
    .swiper2 .cont .btn-g{margin: 1.5rem 3rem;}
    .swiper2 .cont a.btn{color:#fff;}
	.swiper2 .cont a.btn span{
    left: 0;
}
	.swiper2 .slide1, .swiper2 .slide2, .swiper2 .slide3, .swiper2 .slide4{background-size: 100% 45%;background-position: center bottom;}
	
	#section1 .swiper-pagination{position: absolute;top: 17%;left: 10%;bottom: auto;}
	#section1 .swiper-pagination:after, #section1 .swiper-btn-g{display: none;}
	#section1.active .line-effect .line3{height:100%;}
	#section1 .line-effect .line4{bottom:0; right:10px;}
	#section1.active .line-effect .line4{width: calc(100% - 20px);}
}