@Charset "utf-8";
@import url("common.css");
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.t35 {font-size:35px; color:#313131;}


.calendar {max-width:1400px; margin:70px auto 40px; padding:0 3%;}
.calendar .box {display:flex; margin-top:50px; border:1px solid #e4e4e4; border-radius:5px;}
.calendar .box .title {display:flex; justify-content:center; align-items:center; flex-direction:column; width:200px; min-height:200px; padding:0 20px; background:#2f68c2; box-sizing:border-box;}
.calendar .box .title .text {font-size:18px; color:#fff;}
.calendar .box .title .mm {display:flex; align-items:center; justify-content:space-between; width:100%; font-size:55px; font-weight:500; color:#fff; line-height:60px; margin-bottom:5px;}
.calendar .box .title .mm .prev {display:inline-block; width:13px; height:25px; margin-top:10px; background:url("/hcm/design/layout2023/b/res/img/calendar_prev.png") no-repeat 0 0; cursor:pointer;}
.calendar .box .title .mm .next {display:inline-block; width:13px; height:25px; margin-top:10px; background:url("/hcm/design/layout2023/b/res/img/calendar_next.png") no-repeat 0 0; cursor:pointer;}
.calendar .box .title .yyyy {font-size:25px; font-weight:100; color:#7099d9;}
.calendar .box .list {width:calc(100% - 200px); padding:0 20px; box-sizing:border-box; overflow:hidden;}
.calendar .box .list .dd {font-size:17px; color:#313131; padding:15px 10px; border-bottom:1px solid #e4e4e4;}
.calendar .box .list .dd span {position:relative; display:inline-block; padding:0 10px; line-height:46px; height:46px; cursor:pointer;}
.calendar .box .list .dd .c1 {color:#e10000;}
.calendar .box .list .dd .bg {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);  display:inline-block; width:46px; height:46px; background:url("/hcm/design/layout2023/b/res/img/calendar_dd_bg.png") no-repeat center center; display:none; z-index:-1;}
.calendar .box .list .dd .on {color:#fff;}
.calendar .box .list .dd .on .bg {display:block;}
.calendar .box .list .text {display:flex; flex-wrap:wrap; padding-top:20px; font-size:17px; color:#313131;}
.calendar .box .list .text .item {display:inline-block; width:50%; margin-bottom:20px; line-height:22px; padding:0 20px 0 22px; text-indent:-22px; box-sizing:border-box;}
.calendar .box .list .text .item .bg {display:inline-block; width:5px; height:5px; margin:0 10px 2px 0; background:#2f68c2; border-radius:50%;}

@media only screen and (max-width:1000px) {
	.calendar .box .title {width:150px;}
	.calendar .box .list {width:calc(100% - 150px);}
	.calendar .box .list .dd {display:none;}
	.calendar .box .list .text .item {width:100%; padding:0 0 0 22px;}
	
}


#notice {padding:0 3%; margin-top:100px;}
#notice .notice {max-width:1400px; margin:50px auto 50px;}
#notice .notice .list {position:relative; display:flex; margin-top:40px;}
#notice .notice .list .item {display:inline-block; width:23%; box-sizing:border-box;}
#notice .notice .list .item+.item {margin-left:2.6%;}
#notice .notice .list .day {display:flex; justify-content:space-between; align-items:center;  font-size:16px; color:#8e8e8e; padding-bottom:10px; border-bottom:1px solid #313131;}
#notice .notice .list .day b {font-size:22px; color:#313131;}
#notice .notice .list .title {display:block; font-size:20px; color:#313131; height:60px; line-height:30px; margin-top:20px; overflow:hidden;}
#notice .notice .list .text {display:block; font-size:18px; color:#8e8e8e; height:80px; line-height:27px; margin-top:20px; overflow:hidden;}
#notice .more {text-align:center; margin-top:50px; overflow:hidden;}
#notice .more a {display:inline-block; width:160px; height:40px; line-height:40px; font-size:15px; color:#a6a6a6; border:1px solid #ddd; border-radius:30px;}

@media only screen and (max-width:1000px) {
	#notice .notice .list {flex-wrap:wrap;}
	#notice .notice .list .item {width:100%; margin-bottom:20px;}
	#notice .notice .list .item+.item {margin-left:0;}
	#notice .notice .list .item:nth-child(3) {display:none;}
	#notice .notice .list .item:nth-child(4) {display:none;}
	
}


#link {padding:40px 3% 40px; background:linear-gradient(to top, #f2f2f2 310px, #fff 310px); overflow:hidden;}
#link .link {display:flex; max-width:1400px; margin:50px auto 90px;}
#link .link .item {display:inline-block; width:23%; border:1px solid #ddd; box-sizing:border-box;}
#link .link .item+.item {margin-left:2.6%;}
#link .link .text {display:flex; justify-content:center; flex-direction:column; height:90px; font-size:16px; color:#8e8e8e; text-align:center; background:#fff;}
#link .link .text b {font-size:20px; font-weight:400; color:#313131;}
#link .link .img {display:block; height:150px; overflow:hidden;} 
#link .link .img img {width:100%; height:100%; object-fit:cover;} 

#link .video {display:flex; max-width:1400px; margin:40px auto 50px; box-shadow:1px 1px 15px #ddd;} 
#link .video .view {width:50%; display:flex; align-items:center; background:#000;} 
#link .video .text {width:50%; padding:30px 4%; background:#fff; box-sizing:border-box;} 
#link .video .text .t20 {font-size:20px; color:#0066c8; margin-top:20px;}
#link .video .text .t16 {font-size:16px; color:#8e8e8e; line-height:30px; margin-top:10px;}
#link .video .btn {text-align:center; margin-top:30px; overflow:hidden;}
#link .video .btn a {display:inline-block; width:200px; height:40px; line-height:40px; font-size:16px; color:#a6a6a6; border:1px solid #ddd; border-radius:30px;}


@media only screen and (max-width:1000px) {
	#link .link {flex-wrap:wrap;}
	#link .link .item {width:48%; margin-bottom:20px;}
	#link .link .item+.item {margin-left:4%;}
	#link .link .item:nth-child(3) {margin-left:0;}

	#link .video {display:block;}
	#link .video .view {width:100%;}
	#link .video .text {width:100%;}
	
}


#qmenu {position:fixed; top:340px; right:3%; padding-left:10px; z-index:330;}
#qmenu .qmenu {width:65px; padding:10px 15px; background:rgba(66,126,226,0.9); border-radius:50px; backdrop-filter:blur(10px);}
#qmenu .qmenu .item {display:block; font-size:18px; font-weight:500; line-height:75px; text-align:center; color:#fff; letter-spacing:-0.05em; cursor:pointer;}
#qmenu .qmenu .item a{color:#fff}
#qmenu .qmenu .item + .item {border-top:1px solid #79aae7;}
#qmenu .qmenu_list {position:absolute; top:0; right:92px; background:#fff; border-radius:5px; box-shadow:1px 1px 5px #ddd;}
#qmenu .qmenu_list .list {position:relative; flex-direction:column; flex-wrap:wrap; padding:25px 10px; height:370px; display:none;}
#qmenu .qmenu_list a {display:block; font-size:16px; color:#313131; line-height:32px; padding:0 12px;}
#qmenu .qmenu_list a span {display:inline-block; border-bottom:1px solid rgba(0,0,0,0); white-space:nowrap;}
#qmenu .qmenu_list a:hover span {color:#427ee2; border-bottom:1px solid #427ee2;}
#qmenu .qmenu_list .on {display:flex;}

#qmenu .qmenu_list .v1 {width:230px;}
#qmenu .qmenu_list .v1 .bg {position:absolute; top:40px; right:-6px;}
#qmenu .qmenu_list .v2 .bg {position:absolute; top:110px; right:-6px;}
#qmenu .qmenu_list .v3 .bg {position:absolute; top:180px; right:-6px;}
#qmenu .qmenu_list .v4 .bg {position:absolute; top:260px; right:-6px;}
#qmenu .qmenu_list .v5 .bg {position:absolute; top:330px; right:-6px;}

#qmenu .qmenu .item {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 75px;
    padding: 10px 0;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3;
    text-align: center;
    color: #fff;
    letter-spacing: -0.05em;
    cursor: pointer;
}

@media only screen and (max-width:1216px) {
	#qmenu {display:none;}
}