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



/* common */
#header{background:#fff;}
#header .head h1{display:none;}
#header .head .mobileTitle{display:block;font-size:18px;color:#000;font-weight:700;text-align:center;}
.head .gnb>.btnSearch a{
	background:url(/images/common/mobile_icon_search2.png) no-repeat center;
	background-size:50px 50px;
}
.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:78px 0 200px;}
.projects .category{display:none;}
.projects .category ul{display:flex;align-items:center;justify-content:space-between;padding:0 5%;}
.projects .category ul li{position:relative;}
.projects .category ul li:before{
	display:block;content:"";
	width:5px;height:5px;
	background:#000;
	border-radius:50%;
	position:absolute;left:50%;bottom:calc(100% + 5px);
	opacity:0;
	transition:all 0.4s;
}
.projects .category ul li a{font-size:16px;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 5%;}
.projects .lists ul{display:flex;flex-wrap:wrap;gap:10px;}
.projects .lists ul li{
	overflow:hidden;
	position:relative;
	flex:0 0 calc((100% - 10px) / 2);
}
.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%;
	padding:0 5%;
	transform:translateY(-30%);
	text-align:center;
	opacity:0;
}
.projects .lists ul li .hover .info .prjName{font-size:18px;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;}







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

.projectsView .info1{padding:45px 5%;}
.projectsView .info1 .prj{width:100%;}
.projectsView .info1 .prj .title{font-size:32px;color:#000;font-weight:600;}
.projectsView .info1 .prj .sub{margin:12px 0 40px;font-size:20px;color:#000;font-weight:500;}
.projectsView .info1 .prj .name{font-size:20px;color:#000;font-weight:500;}
.projectsView .info1 .exp{
	width:100%;
	margin-top:20px;
	font-size:16px;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:35vh;}
.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:24px;color:#000;font-weight:700;
}
.projectsView .profile .title span{
	display:inline-block;
	position:relative;z-index:10;
	background:#fff;
	padding-right:48.5px;
}
.projectsView .profile .con{padding:64px 0 0;}
.projectsView .profile .con .boxwrap{
	width:100%;
	margin-bottom:40px;
}
.projectsView .profile .con .boxwrap .pht{width:100%;aspect-ratio:1/1;;margin:0 auto;}
.projectsView .profile .con .boxwrap .info{	
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
	padding-top:40px;
}
.projectsView .profile .con .boxwrap .info .name{
	padding-bottom:9px;
	font-size:24px;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:20px;}
.projectsView .profile .con .boxwrap .info .name + div dl:last-child{margin-bottom:0;}
.projectsView .profile .con .boxwrap .info .name + div dl dt{
	margin-bottom:10px;
	font-size:17px;color:#000;font-weight:600;
}
.projectsView .profile .con .boxwrap .info .name + div dl dd{
	width:calc(100% - 0px);
	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{
	width:calc(100% - 36px * 2);
	margin:0 auto;
	padding:16px 0 96px;
	border-top:2px solid #000;
}
.projectsView .keywords .title{width:100%;font-size:24px;color:#000;font-weight:600;}
.projectsView .keywords ul{
	display:flex;flex-wrap:wrap;gap:10px;
	width:100%;
	margin-top:40px;
}
.projectsView .keywords ul li{
	display:flex;align-items:center;
	height:30px;
	padding:0 10px;
	box-sizing:border-box;
	border:1px solid #0047bb;border-radius:4px;
	background:#d7dfeb;
	font-size:12px;color:#0047bb;
}

.projectsView .pjPaging{
	display:flex;justify-content:space-between;
	padding:0 5%;
}
.projectsView .pjPaging a{
	display:flex;align-items:center;
	width:88px;height:40px;
	font-size:14px;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:14px;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:14px;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{padding:35px 5%;}
.searchResult .conwrap .resultNum{
	position:relative;
	width:100%;
	padding:0 56px;
	text-align:center;
}
.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:20px;color:#808187;font-weight:500;
}
.searchResult .conwrap .resultNum .key{font-size:20px;color:#0047BB;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% - 0px);padding:0;}
.searchResult .conwrap .lists ul{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.searchResult .conwrap .lists ul li{
	overflow: hidden;
	position: relative;
	width:calc((100% - 10px) / 2);
}





/* exhibition */
.exhibition{padding:73px 0 200px;}
.exhibition .video{overflow:hidden;position:relative;width:100%;height:calc(100vh - 73px);}
.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:20px;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:5px;height:5 px;
	background:#fff;
	border-radius:10px;
	margin:0 5px;
	opacity:1;
	transition:all 0.24s;
}
.exhibition .galleryWrap .gallery .gpaging span.swiper-pagination-bullet-active{width:20px;}
.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:100%;}
.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:20px;color:#fff;font-weight:500;line-height:50px;}




/* index */
.pageIndex{padding:78px 0 0;}
.pageIndex .title{
	width:100%;
	padding:0 5%;margin-bottom:40px;
	background: linear-gradient(to right, #51648c, #f4f4f4);
}
.pageIndex .title span{font-size:20px;color:#fff;font-weight:500;line-height:50px;}
.pageIndex .conwrap{
	padding:42px 5%;
	margin-bottom:150px;
}
.pageIndex .conwrap:last-child{}
.pageIndex .conwrap .total{width:100%;margin-bottom:40px;font-size:20px;color:#000;font-weight:500;}
.pageIndex .conwrap .con{
	box-sizing:border-box;
	display:flex;flex-wrap:wrap;justify-content:space-between;
	width:100%;
}
.pageIndex .conwrap .con>div{width:100%;}
.pageIndex .conwrap .con>div .boxwrap{margin-bottom:30px;}
.pageIndex .conwrap .con>div .boxwrap:last-child{margin:0;}
.pageIndex .conwrap .con>div .boxwrap .alphabet{
	padding:0 12px 12px;
	font-size:16px;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;padding-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{}
.pageIndex .conwrap .con>div .boxwrap ul li a .name{
	box-sizing:border-box;
	width:100%;
	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;
	margin:10px 0;
	width:100%;font-size:14px;color:#A0A1AB;
}
.pageIndex .conwrap .con>div .boxwrap ul li a .prof{
	position:relative;
	width:100%;font-size:14px;color:#A0A1AB;
}



.pageIndex .conwrap .con.prof{}
.pageIndex .conwrap .con.prof .boxwrap{width:100%;margin-bottom:40px;}
.pageIndex .conwrap .con.prof .boxwrap .cate{
	padding:0 0 12px;
	font-size:16px;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 0 20px;
	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 5% 100px;
}
.pageIndex .degree .title0{
	position:absolute;left:5%;top:36px;
}
.pageIndex .degree .title{
	background:0;padding:0;
	font-size:20px;color:#3F4A5F;font-weight:600;
}
.pageIndex .degree .conwrap{
	width:calc(100% - 0px);padding:0;
}
.pageIndex .degree .conwrap>div{width:100%;}
.pageIndex .degree .conwrap>div .boxwrap{
	width:100%;
	margin-bottom:40px;
}
.pageIndex .degree .conwrap>div .boxwrap:last-child{margin:0;}
.pageIndex .degree .conwrap>div .boxwrap .cate{
	padding:0 0 12px;
	font-size:16px;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 0 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:78px 0 100px;}
.archive ul{
	display:flex;flex-wrap:wrap;gap:15px;
	margin:0 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:24px;color:#fff;font-weight:700;opacity:0;transform:translateY(40px);}
.archive ul li .hover .year{font-size:16px;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:20px;color:#000;font-weight:500;}
.archive ul li .mobileInfo .year{font-size:14px;color:#555;margin-top:10px;}





/* magazine */
.magazine{padding:73px 0 200px;}
.magazine .title{
	width:100%;
	padding:0 5%;
	background: linear-gradient(to right, #0047BB, #f6f6f6);
}
.magazine .title span{font-size:20px;color:#fff;font-weight:500;line-height:50px;}
.magazine .conwrap{padding:48px 5% 60px;}
.magazine .conwrap ul{}
.magazine .conwrap ul li{margin-bottom:40px;}
.magazine .conwrap ul li .thumb{width:100%;}
.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% - 0%);
	padding:40px 0;
	text-align:left;
}
.magazine .conwrap ul li .info .date{font-size:16px;color:#0047BB;font-weight:500;}
.magazine .conwrap ul li .info .tit{margin:12px 0 20px;font-size:24px;color:#08090b;font-weight:700;line-height:120%;}
.magazine .conwrap ul li .info .txt{font-size:16px;color:#5c5d64;font-weight:500;line-height:150%;}
.magazine .conwrap ul.interview li{}
.magazine .conwrap ul.interview li .info .tit{margin:0;}
.magazine .conwrap ul.interview li .info .tit2{margin:12px 0 20px;font-size:16px;color:#08090b;font-weight:500;}
.magazine .conwrap ul.interview li .info .name{font-size:16px;color:#08090b;font-weight:500;}