@charset "utf-8";
.pcbr{display:block;}
.tbbr{display:none;}
.mbbr{display:none;}



/* common */
#header{background:#fff;}
#header .head h1 a{
	background:url(/images/common/logo1.png) no-repeat;
	background-size:contain;
}
.head .gnb>ul>li>a:hover{transform: translate(0.3rem, -0.4rem);color:#000;}
.head .gnb>ul>li.on>a{color:#000;}
.btnMenu>div{background:#000;}
.allMenu{background:rgba(0,0,0,0.7);}









/* projects */
.projects{padding:98px 0 200px;}
.projects .category{
	padding:20px 0;
	background:#eef1f6;
}
.projects .category ul{display:flex;align-items:center;justify-content:center;gap:48px;}
.projects .category ul li{position:relative;}
.projects .category ul li:before{
	display:block;content:"";
	width:4px;height:4px;
	background:#000;
	border-radius:50%;
	position:absolute;left:-18px;top:6px;
	opacity:0;
	transition:all 0.4s;
}
.projects .category ul li a{font-size:15px;color:#999;font-weight:500;}
.projects .category ul li.on a{color:#000;}
.projects .category ul li.on:before{opacity:1;}
.projects .lists{padding:45px 90px;}
.projects .lists ul{display:flex;flex-wrap:wrap;gap:20px;}
.projects .lists ul li{
	overflow:hidden;
	position:relative;
	flex:0 0 calc((100% - 80px) / 5);
}
.projects .lists ul li .thumb{}
.projects .lists ul li .thumb img{width:100%;}
.projects .lists ul li .hover{
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background: linear-gradient(to top, rgba(15,82,189,1) 10%, rgba(15,82,189,0.7) 50%, rgba(15,82,189,0.5), rgba(15,82,189,0));
	opacity:1;transform:translateY(100%);
	transition:all 0.4s;
}
.projects .lists ul li .hover .info{
	position:absolute;left:0;top:50%;
	width:100%;
	transform:translateY(-30%);
	text-align:center;
	opacity:0;
}
.projects .lists ul li .hover .info .prjName{font-size:27px;color:#fff;font-weight:bold;}
.projects .lists ul li .hover .info .prjExp{font-size:14px;color:#fff;font-weight:500;margin-top:20px;}
.projects .lists ul li .hover .name{
	position:absolute;left:0;bottom:10px;
	width:100%;
	font-size:12px;color:#fff;text-align:center;
	opacity:0;transform:translateY(10px);
	transition:all 0.4s;
}

.projects .lists ul li:hover .hover{opacity:1;transform:translateY(0);}
.projects .lists ul li:hover .hover .info{opacity:1;transform:translateY(-50%);transition:all 0.4s 0.3s;}
.projects .lists ul li:hover .hover .name{opacity:1;transform:translateY(0);transition:all 0.4s 0.4s;}



@media(max-width:1000px){
	
	.projects .lists{padding:45px;}
	.projects .lists ul li{flex:0 0 calc((100% - 60px) / 3);}	

}




/* projects view */
.projectsView{padding:118px 0 200px;}
.projectsView .mainImg{}
.projectsView .mainImg img{width:100%;}

.projectsView .info1{display:flex;padding:45px;}
.projectsView .info1 .prj{width:35%;padding-right:5%;}
.projectsView .info1 .prj .title{font-size:40px;color:#000;font-weight:600;}
.projectsView .info1 .prj .sub{margin:12px 0 40px;font-size:28px;color:#000;font-weight:500;}
.projectsView .info1 .prj .name{font-size:20px;color:#000;font-weight:500;}
.projectsView .info1 .exp{
	width:65%;
	font-size:20px;color:#000;font-weight:500;line-height:1.7em;
	word-break:keep-all;
}
.projectsView .con{}
.projectsView .con>div{margin-bottom:16px;}
.projectsView .con>div>img{width:100%;}
.projectsView .con>div.vod{width:100%;height:100vh;}
.projectsView .con>div.vod iframe{width:100%;height:100%;object-fit:cover;}
.projectsView .profile{
	position:relative;
	padding:97px 36px 64px;
}
.projectsView .profile .title{
	position:relative;	
	font-size:39px;color:#000;font-weight:700;
}
.projectsView .profile .title:after{
	display:block;content:"";
	width:100%;height:2px;
	background:#000;
	position:absolute;left:0;top:50%;
	margin-top:-1px;
}
.projectsView .profile .title span{
	display:inline-block;
	position:relative;z-index:10;
	background:#fff;
	padding-right:48.5px;
}
.projectsView .profile .con{
	display:flex;flex-wrap:wrap;justify-content:space-between;gap:40px;
	padding:64px 0 0;
}
.projectsView .profile .con .boxwrap{
	display:flex;
	width:100%;
	margin-bottom:40px;
}
.projectsView .profile .con .boxwrap .pht{width:291px;height:291px;}
.projectsView .profile .con .boxwrap .info{	
	box-sizing:border-box;
	width:calc(100% - 291px);
	padding-left:40px;
}
.projectsView .profile .con .boxwrap .info .name{
	padding-bottom:9px;
	font-size:31px;color:#000;font-weight:600;
	border-bottom:2px solid #000;
}
.projectsView .profile .con .boxwrap .info .name + div{padding:20px 0;}
.projectsView .profile .con .boxwrap .info .name + div dl{margin-bottom:40px;}
.projectsView .profile .con .boxwrap .info .name + div dl:last-child{margin-bottom:0;}
.projectsView .profile .con .boxwrap .info .name + div dl dt{
	font-size:17px;color:#000;font-weight:600;
}
.projectsView .profile .con .boxwrap .info .name + div dl dd{
	width:calc(100% - 0px);
	margin-top:15px;
	font-size:17px;color:#a5a4a8;font-weight:500;
}
.projectsView .profile .con .boxwrap .info .name + div dl dd ul{}
.projectsView .profile .con .boxwrap .info .name + div dl dd ul li{
	padding-left:32px;
	margin-bottom:3px;
	font-size:17px;color:#a5a4a8;font-weight:500;
}
.projectsView .profile .con .boxwrap .info .name + div dl dd ul li.c1{
	background:url(/images/page/view_icon_c1.png) no-repeat left top;
}
.projectsView .profile .con .boxwrap .info .name + div dl dd ul li.c2{
	background:url(/images/page/view_icon_c2.png) no-repeat left top;
}
.projectsView .profile .con .boxwrap .info .name + div dl dd ul li.c3{
	background:url(/images/page/view_icon_c3.png) no-repeat left top;
}
.projectsView .profile .con .boxwrap .info .name + div dl dd ul li.c4{
	background:url(/images/page/view_icon_c4.png) no-repeat left top;
}
.projectsView .keywords{
	display:flex;justify-content:space-between;
	width:calc(100% - 36px * 2);
	margin:0 auto;
	padding:16px 0 96px;
	border-top:2px solid #000;
}
.projectsView .keywords .title{width:260px;font-size:31px;color:#000;font-weight:600;}
.projectsView .keywords ul{
	display:flex;flex-wrap:wrap;gap:16px;
	width:calc(100% - 260px - 24px);
}
.projectsView .keywords ul li{
	display:flex;align-items:center;
	height:34px;
	padding:0 10px;
	box-sizing:border-box;
	border:1px solid #0047bb;border-radius:4px;
	background:#d7dfeb;
	font-size:17px;color:#0047bb;
}
.projectsView .pjPaging{
	display:flex;justify-content:space-between;
	padding:0 36px;
}
.projectsView .pjPaging a{
	display:flex;align-items:center;
	width:88px;height:40px;
	font-size:18px;color:#000;font-weight:500;
}
.projectsView .pjPaging a.pPrev{}
.projectsView .pjPaging a.pNext{flex-direction:row-reverse;}
.projectsView .pjPaging a i{
	display:block;
	width:40px;height:40px;
}
.projectsView .pjPaging a.pPrev i{
	background:url(/images/page/pprev.png) no-repeat;
	background-size:cover;
}
.projectsView .pjPaging a.pNext i{
	background:url(/images/page/pnext.png) no-repeat;
	background-size:cover;
}
.projectsView .pjPaging .info{text-align:center;}
.projectsView .pjPaging .info .numbering{font-size:18px;color:#08090b;font-weight:500;}
.projectsView .pjPaging .info .numbering .thisPage{color:#0047BB;}
.projectsView .pjPaging .info .numbering .totalPage{}
.projectsView .pjPaging .info .cate{margin-top:10px;font-size:18px;color:#08090b;font-weight:500;}




/* searchResult */
.searchResult{}
.searchResult .category{
	padding:34.5px 36px;
}
.searchResult .category .name{font-size:24px;color:#000;font-weight:600;}
.searchResult .category .keyword{
	display:inline-flex;align-items:center;justify-content:center;
	box-sizing:border-box;
	height:34px;
	padding:0 10px;
	background:#d7dfeb;border:1px solid #0047bb;
	font-size:17px;color:#0047bb;text-align:center;
	border-radius:5px;
}
.searchResult .conwrap{
	display:flex;flex-wrap:wrap;
	padding:35px 36px;
}
.searchResult .conwrap .resultNum{
	position:relative;
	width:290px;
	padding-left:56px;
}
.searchResult .conwrap .resultNum a{
	display:block;
	position:absolute;left:0;top:0;
	width:40px;height:40px;
	background:url(/images/page/icon_back.png) no-repeat center;
	background-size:40px;
	font-size:27px;color:#808187;font-weight:500;
}
.searchResult .conwrap .resultNum .key{font-size:28px;color:#08090B;font-weight:500;line-height:1.5em;}
.searchResult .conwrap .resultNum .num{margin-top:3px;font-size:18px;color:#808187;font-weight:500;}
.searchResult .conwrap .lists{width:calc(100% - 290px);padding:0;}
.searchResult .conwrap .lists ul li {
	overflow: hidden;
	position: relative;
	flex: 0 0 calc((100% - 60px) / 4);
}


@media(max-width:1000px){
	
	.searchResult .conwrap{display:block;}
	.searchResult .conwrap .resultNum{
		width:100%;
		padding:0 56px;
		text-align:center;
	}
	.searchResult .conwrap .lists{width:100%;margin:40px 0 0;}

}





/* exhibition */
.exhibition{padding: 98px 0 200px;}
.exhibition .video{overflow:hidden;position:relative;width:100%;height:calc(100vh - 98px);}
.exhibition .video video{
	position:absolute;left:50%;top:50%;
	transform:translate(-50%,-50%);
	width:100%;height:100%;object-fit:cover;
}
.exhibition .galleryWrap{
	overflow:hidden;
	width:100%;
}
.exhibition .galleryWrap .gallery{position:relative;width:100%;height:100%;}
.exhibition .galleryWrap .gallery .gpaging{
	display:inline-block;
	position:absolute;left:50%;bottom:40px;z-index:10;
	width:auto;
	transform:translateX(-50%);
	background:rgba(255,255,255,0.15);
	padding:8px;
	border-radius:50px;
}
.exhibition .galleryWrap .gallery .gpaging span{
	width:11px;height:11px;
	background:#fff;
	border-radius:11px;
	margin:0 5px;
	opacity:1;
	transition:all 0.24s;
}
.exhibition .galleryWrap .gallery .gpaging span.swiper-pagination-bullet-active{
	width:22px;
}
.exhibition .map{}
.exhibition .map img{width:100%;}
.exhibition .goods{}
.exhibition .goods ul{display:flex;flex-wrap:wrap;gap:4px;padding:0 36px;}
.exhibition .goods ul li{overflow:hidden;width:calc((100% - 8px) / 3);}
.exhibition .goods ul li img{width:100%;height:100%;object-fit:cover;}
.exhibition .title{
	width:100%;
	padding:0 36px;margin-bottom:40px;
	background: linear-gradient(to right, #0047bb, #f6f6f6);
}
.exhibition .title span{font-size:28px;color:#fff;font-weight:500;line-height:58px;}




/* index */
.pageIndex{padding:98px 0 0;}
.pageIndex .title{
	width:100%;
	padding:0 36px;margin-bottom:40px;
	background: linear-gradient(to right, #51648c, #f4f4f4);
}
.pageIndex .title span{font-size:28px;color:#fff;font-weight:500;line-height:58px;}
.pageIndex .conwrap{
	padding:42px 36px;
	margin-bottom:150px;
}
.pageIndex .conwrap:last-child{}
.pageIndex .conwrap .total{width:100%;font-size:28px;color:#000;font-weight:500;}
.pageIndex .conwrap .con{
	box-sizing:border-box;
	display:flex;flex-wrap:wrap;justify-content:space-between;
	width:calc(100% - 0px);
	margin-top:40px;
}
.pageIndex .conwrap .con>div{width:100%;}
.pageIndex .conwrap .con>div .boxwrap{margin-bottom:40px;}
.pageIndex .conwrap .con>div .boxwrap .alphabet{
	padding:0 12px 12px;
	font-size:20px;color:#003087;font-weight:700;
	border-bottom:1px solid #003087;
}
.pageIndex .conwrap .con>div .boxwrap ul{margin-top:20px;}
.pageIndex .conwrap .con>div .boxwrap ul li{
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
}
.pageIndex .conwrap .con>div .boxwrap ul li:last-child{margin:0;}
.pageIndex .conwrap .con>div .boxwrap ul li a{
	display:flex;flex-wrap:wrap;
	padding:0 0 8px;
}
.pageIndex .conwrap .con>div .boxwrap ul li a .name{
	box-sizing:border-box;
	width:calc(100% - 120px - 200px);
	padding:0 12px;
	font-size:14px;color:#000;font-weight:500;
}
.pageIndex .conwrap .con>div .boxwrap ul li a .name span{display:inline-block;margin-left:10px;font-size:14px;}
.pageIndex .conwrap .con>div .boxwrap ul li a .cate{
	position:relative;
	width:120px;font-size:14px;color:#A0A1AB;
	text-align:center;
}
.pageIndex .conwrap .con>div .boxwrap ul li a .prof{
	position:relative;
	width:200px;font-size:14px;color:#A0A1AB;
	padding-left:20px;
}
.pageIndex .conwrap .con>div .boxwrap ul li a .name ~ div:before{
	display:block;content:"";
	width:1px;height:12px;
	background:#ccc;
	position:absolute;left:0;top:2px;
}


.pageIndex .conwrap .con.prof{
	display:flex;flex-wrap:wrap;justify-content:flex-start;gap:3%;row-gap:0px;
}
.pageIndex .conwrap .con.prof .boxwrap{width:100%;margin-bottom:40px;}
.pageIndex .conwrap .con.prof .boxwrap .cate{
	padding:0 12px 12px;
	font-size:18px;color:#003087;font-weight:700;
	border-bottom:1px solid #003087;
}
.pageIndex .conwrap .con.prof .boxwrap .prof{}
.pageIndex .conwrap .con.prof .boxwrap .prof ul{margin-top:20px;}
.pageIndex .conwrap .con.prof .boxwrap .prof ul li{margin-bottom:20px;border-bottom:1px solid #ccc;}
.pageIndex .conwrap .con.prof .boxwrap .prof ul li a{
	display:flex;
	padding:0 12px 8px;
	background:url(/images/page/index_in.png) no-repeat calc(100% - 12px) top;
	background-size:24px;
	font-size:14px;color:#000;
}
.pageIndex .conwrap .con.prof .boxwrap .prof ul li a span{display:inline-block;}
.pageIndex .conwrap .con.prof .boxwrap .prof ul li a span:nth-child(1){width:170px;}
.pageIndex .conwrap .con.prof .boxwrap .prof ul li a span:nth-child(2){}

.pageIndex .degree{
	position:relative;
	background:#C9CAD2;
	padding:120px 36px 200px;
}
.pageIndex .degree .title0{
	position:absolute;left:36px;top:36px;
}
.pageIndex .degree .title{
	background:0;padding:0;
	width:100%;
	font-size:27px;color:#3F4A5F;font-weight:600;
}
.pageIndex .degree .conwrap{
	display:flex;flex-wrap:wrap;gap:3%;
	width:calc(100% - 0px);padding:0;
}
.pageIndex .degree .conwrap>div{width:100%;margin-bottom:40px;}
.pageIndex .degree .conwrap>div .boxwrap{
	width:100%;
	margin-bottom:42px;
}
.pageIndex .degree .conwrap>div .boxwrap:last-child{margin:0;}
.pageIndex .degree .conwrap>div .boxwrap .cate{
	padding:0 12px 12px;
	font-size:18px;color:#003087;font-weight:700;
	border-bottom:1px solid #003087;
}
.pageIndex .degree .conwrap>div .boxwrap .name ul{margin-top:20px;}
.pageIndex .degree .conwrap>div .boxwrap .name ul li{margin-bottom:20px;border-bottom:1px solid #A0A1AB;}
.pageIndex .degree .conwrap>div .boxwrap .name ul li a{
	display:flex;
	padding:0 12px 8px;
	background-size:24px;
	font-size:14px;color:#3F4A5F;font-weight:500;
}
.pageIndex .degree .conwrap>div .boxwrap .name ul li:first-child a{font-weight:700;}
.pageIndex .degree .conwrap>div .boxwrap .name ul.director li a{font-weight:700;}
.pageIndex .degree .conwrap>div .boxwrap .name ul li a span{display:inline-block;}
.pageIndex .degree .conwrap>div .boxwrap .name ul li a span:nth-child(1){margin-right:10px;}
.pageIndex .degree .conwrap>div .boxwrap .name ul li a span:nth-child(2){}






/* archive */
.archive{padding: 98px 0 200px;}
.archive ul{
	display:flex;flex-wrap:wrap;gap:15px;
	margin:10vh 0;padding:0 15px;
}
.archive ul li{
	position:relative;
	width:calc((100% - 15px) / 2);
}
.archive ul li .thumb{position:relative;}
.archive ul li img{width:100%;}
.archive ul li .hover{
	display:flex;align-items:center;justify-content:center;
	position:absolute;left:0;top:0;
	width:100%;height:100%;
	background:rgba(8, 9, 11, 0.4);
	text-align:center;
	backdrop-filter: blur(15px);
	opacity:0;
	transition:all 0.4s;
}
.archive ul li .hover .title{font-size:40px;color:#fff;font-weight:700;opacity:0;transform:translateY(40px);}
.archive ul li .hover .year{font-size:27px;color:#fff;margin-top:10px;opacity:0;transform:translateY(40px);}

.archive ul li:hover .hover{opacity:1;}
.archive ul li:hover .hover .title{opacity:1;transform:translateY(0);transition:all 0.4s 0.2s;}
.archive ul li:hover .hover .year{opacity:1;transform:translateY(0);transition:all 0.4s 0.3s;}

.archive ul li .mobileInfo{padding:10px 0 30px;}
.archive ul li .mobileInfo .title{font-size:32px;color:#000;font-weight:500;}
.archive ul li .mobileInfo .year{font-size:20px;color:#555;margin-top:10px;}





/* magazine */
.magazine{padding: 98px 0 200px;}
.magazine .title{
	width:100%;
	padding:0 36px;
	background: linear-gradient(to right, #0047BB, #f6f6f6);
}
.magazine .title span{font-size:28px;color:#fff;font-weight:500;line-height:58px;}
.magazine .conwrap{padding:48px 36px 120px;}
.magazine .conwrap ul{}
.magazine .conwrap ul li{
	display:flex;flex-wrap:wrap;
	margin-bottom:40px;
}
.magazine .conwrap ul li .thumb{width:54.94%;}
.magazine .conwrap ul li .thumb>a>img{width:100%;}
.magazine .conwrap ul li .thumb iframe{
	width:100%;height:100%;
	object-fit:cover;
	aspect-ratio:1055/590;
}
.magazine .conwrap ul li .info{
	box-sizing:border-box;
	width:calc(100% - 54.94%);
	padding:0 40px;
	text-align:left;
}
.magazine .conwrap ul li .info .date{font-size:28px;color:#0047BB;font-weight:500;}
.magazine .conwrap ul li .info .tit{margin:12px 0 40px;font-size:40px;color:#08090b;font-weight:700;line-height:110%;}
.magazine .conwrap ul li .info .txt{font-size:28px;color:#5c5d64;font-weight:500;line-height:120%;}
.magazine .conwrap ul.interview li{}
.magazine .conwrap ul.interview li .info .tit{margin:0;}
.magazine .conwrap ul.interview li .info .tit2{margin:12px 0 40px;font-size:28px;color:#08090b;font-weight:500;}
.magazine .conwrap ul.interview li .info .name{font-size:20px;color:#08090b;font-weight:500;}


@media(max-width:1200px){

	.magazine .conwrap ul li{display:block;}
	.magazine .conwrap ul li .thumb{width:100%;}
	.magazine .conwrap ul li .info{width:100%;padding:40px;}

}