@charset "utf-8";
.pcbr{display:none;}
.tbbr{display:block;}
.mbbr{display:none;}
.dn{display:none;}
body{background:#e9ebee;}



/* visual */
.visual{width:100%;height:100vh;}
.visual .swiper-wrapper{width:100%;height:100%;}
.visual .swiper-slide{
	overflow:hidden;
	position:relative;
	width:100%;height:100%;
}
.visual .swiper-slide .slide-inner{
	width:100%;height:100%;
    position: absolute;left:0;top:0;z-index: 100;
    background-size: cover;
    background-position: center;
    display:flex;justify-content:center;align-items:center;
    text-align: left;	
}
.visual .swiper-slide .bg{
	position:absolute;left:0;top:0;bottom:0;right:0;
	width:100%;height:100%;
	transform:scale(1.1);
	transition:all 1.2s;
}
.visual .swiper-slide .bg>div{width:100%;height:100%;}
.visual .swiper-slide.v1 .bg>div{background:url(/images/visual1.jpg) no-repeat center;background-size:cover}
.visual .swiper-slide.v2 .bg>div{background:url(/images/mv00.jpg) no-repeat center;background-size:cover}
.visual .swiper-slide.v3 .bg>div{background:url(/images/mv01.jpg) no-repeat center;background-size:cover}
.visual .swiper-slide.v4 .bg>div{background:url(/images/mv002.jpg) no-repeat center;background-size:cover}
.visual .swiper-slide.v5 .bg>div{background:url(/images/mv0003.jpg) no-repeat center;background-size:cover}
.visual .swiper-slide.v6 .bg>div{background:url(/images/mv004.jpg) no-repeat center;background-size:cover}
.visual .swiper-slide.v7 .bg>div{background:url(/images/mv005.jpg) no-repeat center;background-size:cover}

.visual .swiper-slide.v1.ani .bg{transform:scale(1.1);}
.visual .swiper-slide-active .bg{transform:scale(1);z-index:100;}
.visual .swiper-slide .bg>div video{
	width:100%;height:100%;
	object-fit:cover;
}

.visual .txtwrap{
	position:absolute;left:0;top:50%;z-index:100;
	transform:translateY(-50%);
	box-sizing:border-box;
	display:flex;justify-content:space-between;align-items:center;
	width:100%;
	padding:0 3%;
}
.visual .txtwrap .large{
	font-size:5vw;color:#fff;text-align:left;line-height:1.1em;
}
.visual .txtwrap .small{
	position:relative;
	font-size:19px;color:#fff;text-align:right;
}
.visual .txtwrap .small:before{
	display:block;content:"";
	width:calc(20%);height:1px;
	background:#fff;
	position:absolute;right:calc(100% + 60px);top:50%;
}

@media(max-width:1160px){
	.visual .txtwrap{display:block;}
	.visual .txtwrap .large{width:100%;}
	.visual .txtwrap .small{margin-top:30px;text-align:left;}
	.visual .txtwrap .small:before{display:none;}
}

.visual .ctr{
	display:flex;align-items:center;justify-content:space-between;;
	box-sizing:border-box;
	position:absolute;left:0;bottom:40px;z-index:10;
	width:100%;text-align:center;
	padding:0 3%;
}
.visual .ctr .swiper-pagination{position:static;font-size:0;margin:0;}
.visual .ctr .swiper-pagination span{
	width:56px;height:4px;
	margin:0 4px 0 0;  
	border:1px solid #fff;border-radius:2px;
	background:0;
	opacity:0.6;
}
.visual .ctr .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;background:#fff;}
.visual .ctr .btns{display:flex;align-items:center;}
.visual .ctr .vprev{
	width:19px;height:32px;
	background:url(/images/vprev.png) no-repeat;
	cursor:pointer;
}
.visual .ctr .vnext{
	width:19px;height:32px;margin-left:33px;
	background:url(/images/vnext.png) no-repeat;
	cursor:pointer;
}

.visual .scroll{display:none;}




/* sec1 */
.sec1{
	position:relative;
	display:flex;
	padding:0 3%;
	border-bottom:1px solid #c9c9c9;
}
.sec1 .title{
	overflow:hidden;
	position:relative;
	width:17%;
	padding:175px 0;
}
.sec1 .title h3{font-size:34px;color:#000;}
.sec1 .title .line .line1{
	position:absolute;left:0;top:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:top;
}
.sec1 .title .line .line2{
	position:absolute;right:0;bottom:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:bottom;
}
.sec1 .con{
	overflow:hidden;
	position:relative;
	width:calc(100% - 17% - 17%);
}
.sec1 .con .txts{
	position:relative;
	padding:175px 8% 120px;
}
.sec1 .con .txts h4{font-size:32px;color:#000;font-weight:500;line-height:1.3em;}
.sec1 .con .txts p{margin-top:15px;font-size:17px;color:#555;}
.sec1 .con .txts .line3{
	position:absolute;left:0;bottom:0;
	width:100%;height:1px;
	background:#c9c9c9;
	transform-origin:left;
}
.sec1 .con .btn{	
	padding:70px 8%;
}
.sec1 .bg{position:relative;width:17%;}
.sec1 .bg>div.img{
	position:absolute;left:0;bottom:0;
	width:100%;height:100%;
	background:url(/images/sec1_bg.jpg) no-repeat bottom;
}
.sec1 .bg>div .line4{
	position:absolute;left:0;bottom:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:bottom;
}
.sec1 .bg>div .line5{
	position:absolute;right:0;top:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:top;
}


.btnMore{
	overflow:hidden;
	display:flex;align-items:center;justify-content:space-between;
	width:180px;height:62px;
	box-sizing:border-box;
	padding:0 24px;
	background:#0e71b8;
	border-radius:31px;
}
.btnMore span{
	font-size:12px;color:#fff;
}
.btnMore i{
	display:inline-block;
	width:14px;height:9px;
	background:url(/images/more_arr.png) no-repeat;
}





/* sec2 */
.sec2{
	position:relative;
	display:flex;
	padding:0 3%;
	border-bottom:1px solid #c9c9c9;
}
.sec2 .title{
	overflow:hidden;
	position:relative;
	width:17%;
	padding:160px 0;
}
.sec2 .title h3{font-size:34px;color:#000;}
.sec2 .title .line .line1{
	position:absolute;left:0;top:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:top;
}
.sec2 .title .line .line2{
	position:absolute;right:0;bottom:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:bottom;
}
.sec2 .title .img{position:absolute;left:0;bottom:160px;}
.sec2 .con{
	position:relative;
	display:flex;align-items:center;justify-content:space-between;
	width:calc(100% - 17%);
	padding:160px 0;
}
.sec2 .con .txts{padding:0 8%;}
.sec2 .con .txts .num{font-size:17px;color:#111;}
.sec2 .con .txts h4{margin-top:28px;font-size:32px;color:#000;font-weight:500;line-height:1.3em;}
.sec2 .con .txts p{margin-top:15px;font-size:17px;color:#555;}
.sec2 .con .txts .btnMore{margin-top:40px;background:#0e71b8;}
.sec2 .con .img{overflow:hidden;position:relative;z-index:10;}
.sec2 .con .img>img{}
.sec2 .con .line3{
	position:absolute;right:20.4%;bottom:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:bottom;
}
.sec2 .con .line4{
	position:absolute;right:0;top:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:top;
}





/* sec3 */
.sec3{
	position:relative;
	display:flex;
	padding:0 3%;
	border-bottom:1px solid #c9c9c9;
}
.sec3 .con{
	position:relative;
	display:flex;align-items:center;justify-content:space-between;
	flex-direction:row-reverse;
	width:calc(100% - 17%);
	padding:160px 0;
}
.sec3 .line1{
	position:absolute;left:0;top:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:top;
}
.sec3 .line2{
	position:absolute;left:20.4%;bottom:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:bottom;
}
.sec3 .con .txts{width:40%;padding:0 8% 0 5%;}
.sec3 .con .txts .num{font-size:17px;color:#111;}
.sec3 .con .txts h4{margin-top:28px;font-size:32px;color:#000;font-weight:500;line-height:1.3em;}
.sec3 .con .txts p{margin-top:15px;font-size:17px;color:#555;}
.sec3 .con .txts .btnMore{margin-top:40px;background:#0e71b8;}
.sec3 .con .img{overflow:hidden;position:relative;z-index:10;width:60%;}
.sec3 .con .img>img{}
.sec3 .bg{
	overflow:hidden;
	position:relative;
	width:17%;
	padding:160px 0;
}
.sec3 .bg img{position:absolute;left:0;bottom:160px;}
.sec3 .line3{
	position:absolute;left:0;bottom:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:bottom;
}
.sec3 .line4{
	position:absolute;right:0;top:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:top;
}





/* sec4 */
.sec4{
	position:relative;
	display:flex;
	padding:0 3%;
	border-bottom:1px solid #c9c9c9;
}
.sec4 .title{
	overflow:hidden;
	position:relative;
	width:17%;
	padding:160px 0;
}
.sec4 .title h3{font-size:34px;color:#000;}
.sec4 .title .line .line1{
	position:absolute;left:0;top:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:top;
}
.sec4 .title .line .line2{
	position:absolute;right:0;bottom:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:bottom;
}
.sec4 .title .img{position:absolute;left:0;bottom:160px;}
.sec4 .con{
	position:relative;
	display:flex;align-items:center;justify-content:space-between;
	width:calc(100% - 17%);
	padding:160px 0;
}
.sec4 .con .txts{padding:0 8%;}
.sec4 .con .txts .num{font-size:17px;color:#111;}
.sec4 .con .txts h4{margin-top:28px;font-size:32px;color:#000;font-weight:500;line-height:1.3em;}
.sec4 .con .txts p{margin-top:15px;font-size:17px;color:#555;}
.sec4 .con .txts .btnMore{margin-top:40px;background:#0e71b8;}
.sec4 .con .img{overflow:hidden;position:relative;z-index:10;}
.sec4 .con .img>img{}
.sec4 .con .line3{
	position:absolute;right:20.4%;bottom:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:bottom;
}
.sec4 .con .line4{
	position:absolute;right:0;top:0;
	width:1px;height:100%;
	background:#c9c9c9;
	transform-origin:top;
}





/* sec5 */
.sec5{
	position:relative;
	display:flex;flex-wrap:wrap;
	padding:240px 3%;
}
.sec5 .bg{
	width:703px;height:742px;
	background:url(/images/sec5_bg.png) no-repeat;
	position:absolute;right:0;bottom:6%;
}
.sec5 .txts{width:calc(100% - 66.3%);}
.sec5 .txts h3{font-size:34px;color:#000;}
.sec5 .txts h4{margin-top:28px;font-size:32px;color:#000;font-weight:500;line-height:1.3em;}
.sec5 .txts p{margin-top:15px;font-size:17px;color:#555;}
.sec5 .txts .btnMore{margin-top:40px;background:#0e71b8;}
.sec5 .link{position:relative;width:66.3%;z-index:20;}
.sec5 .link a{
	display:block;
	position:relative;box-sizing:border-box;
	width:100%;
	padding:60px 55px 43.845%;
}
.sec5 .link a .bg{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
}
.sec5 .link1 a .bg{background:url(/images/sec5_img1.jpg) no-repeat center;background-size:cover;}
.sec5 .link2 a .bg{background:url(/images/sec5_img2.jpg) no-repeat center;background-size:cover;}
.sec5 .link a .txt{
	position:absolute;left:0;top:0;z-index:10;
	width:100%;height:100%;	
	padding:75px 55px;
}
.sec5 .link a .txt h5{font-family:"Wix Madefor Display";font-size:36px;color:#fff;font-weight:600;}
.sec5 .link a .txt p{margin-top:25px;font-size:17px;color:#fff;}
.sec5 .link a .txt .more{
	box-sizing:border-box;
	display:flex;align-items:center;justify-content:center;
	width:62px;height:62px;
	border:1px solid #fff;border-radius:50%;
	position:absolute;right:55px;top:60px;
}
.sec5 .link2{margin-top:20px;}





/* sec6 */
.sec6{
	position:relative;
	display:flex;
	padding:0 3%;
	background:url(/images/sec6_bg.jpg) no-repeat;
}
.sec6 .title{position:relative;width:17%;padding:195px 0;}
.sec6 .title h3{font-size:34px;color:#fff;}
.sec6 .con{
	position:relative;
	width:calc(100% - 17% - 17%);height:100vh;
}
.sec6 .con ul{}
.sec6 .con ul li{
	position:absolute;
	display:flex;align-items:center;
	box-sizing:border-box;
	width:50%;
	padding:0 8%;
	text-align:left;
}
.sec6 .con ul li:nth-child(1),
.sec6 .con ul li:nth-child(4){height:55vh;}
.sec6 .con ul li:nth-child(2),
.sec6 .con ul li:nth-child(3){height:45vh;}
.sec6 .con ul li:nth-child(1){left:0;top:0;}
.sec6 .con ul li:nth-child(2){right:0;top:0;}
.sec6 .con ul li:nth-child(3){left:0;bottom:0;}
.sec6 .con ul li:nth-child(4){right:0;bottom:0;}
.sec6 .con ul li .icon{}
.sec6 .con ul li .num{margin:35px 0 25px;font-size:17px;color:#fff;}
.sec6 .con ul li .tit{font-size:34px;color:#fff;font-weight:500;line-height:1.4em;}

.sec6 .bg{position:relative;width:17%;}
.sec6 .bg .txt{
	position:absolute;right:0;top:0;
	width:100%;height:100%;
	background:url(/images/sec6_txt_bg.png) no-repeat right;
	background-size:auto 100%;
}


.sec6 .line1{
	position:absolute;left:0;top:0;
	width:1px;height:100%;
	background:rgba(255,255,255,0.4);
	transform-origin:top;
}
.sec6 .line2{
	position:absolute;right:0;bottom:0;
	width:1px;height:100%;
	background:rgba(255,255,255,0.4);
	transform-origin:bottom;
}

.sec6 .line3{
	position:absolute;left:50%;top:0;
	width:1px;height:100%;
	background:rgba(255,255,255,0.4);
	transform-origin:top;
}
.sec6 .line4{
	position:absolute;left:0%;top:55vh;
	width:50%;height:1px;
	background:rgba(255,255,255,0.4);
	transform-origin:top;
}
.sec6 .line5{
	position:absolute;right:0%;top:45vh;
	width:50%;height:1px;
	background:rgba(255,255,255,0.4);
	transform-origin:top;
}

.sec6 .line6{
	position:absolute;left:0;bottom:0;
	width:1px;height:100%;
	background:rgba(255,255,255,0.4);
	transform-origin:bottom;
}
.sec6 .line7{
	position:absolute;right:0;top:0;
	width:1px;height:100%;
	background:rgba(255,255,255,0.4);
	transform-origin:top;
}





/* sec7 */
.sec7{
	position:relative;
	padding:230px 0;
}
.sec7 .title{position:relative;padding:0 3% 50px;}
.sec7 .title h3{font-size:34px;color:#000;}
.sec7 .con{
	position:relative;
	padding:0 3%;
}
.sec7 .con .news{border-left:1px solid #c9c9c9}
.sec7 .con .news .swiper-slide{height:550px;border-right:1px solid #c9c9c9;}
.sec7 .con .news .swiper-slide>a{
	display:block;
	height:100%;
	padding:60px 48px;
}
.sec7 .con .news .swiper-slide>a .cate{font-size:18px;color:#0e71b8;font-weight:500;}
.sec7 .con .news .swiper-slide>a .tit{
	margin:30px 0 20px;
	font-size:33px;color:#000;font-weight:500;line-height:1.3em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;  /* 2줄 넘어가면 말줄임 */
	-webkit-box-orient: vertical;
}
.sec7 .con .news .swiper-slide>a .txt{
	margin:0px 0 35px;
	font-size:17px;color:#555;line-height:1.6em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;  /* 2줄 넘어가면 말줄임 */
	-webkit-box-orient: vertical;
}
.sec7 .con .news .swiper-slide>a .date{font-size:17px;color:#555;}
.sec7 .con .news .swiper-slide>a .more{
	position:absolute;left:0;bottom:0;
	box-sizing:border-box;
	width:100%;height:90px;
	padding:0 48px;line-height:90px;
	transition:all 0.4s;
}
.sec7 .con .news .swiper-slide>a .more span{font-size:14px;color:#555;transition:all 0.4s;}
.sec7 .con .news .swiper-slide>a .more span i{
	display:inline-block;
	width:14px;height:9px;
	margin:0 0 0 5px;
	background:url(/images/more_arr2.png) no-repeat;
	transition:all 0.4s;
}
.sec7 .con .news .swiper-slide:hover>a .more{background:#2daae1;}
.sec7 .con .news .swiper-slide:hover>a .more span{color:#fff;}
.sec7 .con .news .swiper-slide:hover>a .more span i{background:url(/images/more_arr.png) no-repeat;}
.sec7 .btns{
	display:flex;align-items:center;justify-content:space-between;
	padding:50px 3% 0;
}
.sec7 .btns .newsbtn{display:flex;}
.sec7 .btns .newsbtn .nprev{margin-right:45px;}
.sec7 .btns .btnMore{}

.sec7 .line1{
	position:absolute;left:0;bottom:0;
	width:100%;height:1px;
	background:#c9c9c9;
	transform-origin:top;
}
.sec7 .line2{
	position:absolute;left:0;bottom:0;
	width:100%;height:1px;
	background:#c9c9c9;
	transform-origin:top;
}
.sec7 .line3{
	position:absolute;left:0;bottom:90px;
	width:100%;height:1px;
	background:#c9c9c9;
	transform-origin:top;
}





/* sec8 */
.sec8{
	position:relative;
	display:flex;
	padding:0 3%;height:80vh;
	background:url(/images/sec8_bg.jpg) no-repeat center;
	background-size:cover;
}
.sec8{}
.sec8 .leftarea{position:relative;width:17%;height:100%;}
.sec8 .con{
	display:flex;flex-wrap:wrap;
	width:calc(100% - 17% - 17%);height:100%;
}
.sec8 .con .empty{position:relative;width:100%;height:27.25%;}
.sec8 .con .tit{
	display:flex;align-items:center;justify-content:center;
	width:100%;height:calc(100% - 27.25% - 27.25%);text-align:center;
}
.sec8 .con .tit h3{font-size:34px;color:#fff;}
.sec8 .con .tit h4{margin-top:15px;font-size:48px;color:#fff;font-weight:600;line-height:1.3em;}
.sec8 .con .btn{
	display:flex;align-items:center;justify-content:center;
	position:relative;width:100%;height:27.25%;
}
.sec8 .rightarea{position:relative;width:17%;height:100%;}

.sec8 .line1{
	position:absolute;left:0;top:0;
	width:1px;height:100%;
	background:rgba(255,255,255,0.3);
	transform-origin:top;
}
.sec8 .line2{
	position:absolute;right:0;bottom:0;
	width:1px;height:100%;
	background:rgba(255,255,255,0.3);
	transform-origin:top;
}
.sec8 .line3{
	position:absolute;left:0;bottom:0;
	width:100%;height:1px;
	background:rgba(255,255,255,0.3);
	transform-origin:top;
}
.sec8 .line4{
	position:absolute;left:0;top:0;
	width:100%;height:1px;
	background:rgba(255,255,255,0.3);
	transform-origin:top;
}
.sec8 .line5{
	position:absolute;left:0;top:0;
	width:1px;height:100%;
	background:rgba(255,255,255,0.3);
	transform-origin:top;
}
.sec8 .line6{
	position:absolute;right:0;bottom:0;
	width:1px;height:100%;
	background:rgba(255,255,255,0.3);
	transform-origin:top;
}




@media(max-width:1240px){

	
	.sec1{display:block;}
	.sec1 .title{width:100%;padding:175px 0 60px;}
	.sec1 .title .line .line1{display:none;}
	.sec1 .title .line .line2{display:none;}
	.sec1 .con{width:100%;}
	.sec1 .con .txts{padding:0 0;}
	.sec1 .con .txts .line3{display:none;}
    .sec1 .con .btn{padding:40px 0 80px;}

	
	.sec2{display:block;}
	.sec2 .title{padding:160px 0 60px;}
	.sec2 .title .line .line1{display:none;}
	.sec2 .title .line .line2{display:none;}
	.sec2 .title .img{display:none;}
	.sec2 .con{flex-wrap:wrap;width:100%;padding:0 0 80px;}
	.sec2 .con .txts{width:100%;padding:0 0 60px;}
	.sec2 .con .line3{display:none;}
	.sec2 .con .line4{display:none;}
	.sec2 .con .img{width:100%;}


	.sec3{display:block;}
	.sec3 .bg{display:none;}
	.sec3 .con{display:block;width:100%;}
	.sec3 .line1{display:none;}
	.sec3 .line2{display:none;}
	.sec3 .con .txts{width:100%;}
	.sec3 .con .img{width:100%;margin:60px 0 0;}
	.sec3 .con .img img{}

	
	.sec4{display:block;}
	.sec4 .title{display:none;}
	.sec4 .con{display:block;width:100%;}
	.sec4 .con .line3{display:none;}
	.sec4 .con .line4{display:none;}
	.sec4 .con .txts{width:100%;padding:0 0 60px;}


	.sec5{display:block;padding:120px 3%;}
	.sec5 .txts{width:100%;margin-bottom:60px;}
	.sec5 .link{width:100%;}


	.sec6{display:block;background-size:cover;padding:0;}
	.sec6 .title{width:100%;padding:120px 3% 60px;}
	.sec6 .line1{
		display:block;
		width:100%;height:1px;
		left:0;top:100%;
	}
	.sec6 .line2{display:none;}
	.sec6 .con{width:100%;}


	.sec8 .con .tit h4{font-size:44px;}


}