@import url('/css/animate.css');
/* wrap */
.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;}

#wrap .line_box {position: absolute;width: 900px;height: 95px;border: rgb(58 58 58) solid;background-image: url(/images/00/img_newsdight-01.png);background-repeat: no-repeat;border-width: 0 1px 0 0px;display: block;top: -50px;right: -520px;pointer-events: none;z-index: 10;}
#bannerMask{position:relative}

/* section */
section{position:relative;padding:4vmax 0 3vmax;width:1366px;margin:auto}
section .text_stroke{line-height:1;font-weight:bold;font-size:20vmin;-webkit-text-stroke-color:var(--primary);text-stroke-color:#ececec;opacity:.3;white-space:nowrap;z-index:21;right:200px}
section .title_box h2{line-height:1;font-size:46px;color:var(--primary);font-weight:600;text-transform:uppercase}
section .text_en{padding-top:10px}
section .title_box .text:after{background:#004c98;display:block;bottom:-0.5rem;content:"";display:block;width:60px;height:3px;margin-top:10px;margin-right:auto}
#news_area .text_en{padding-top:10px}
section .title_box h3 b{font-size:24px;font-weight: 600;letter-spacing: 0;color:#004c98;position:relative}
section .title_box h3 svg{width:34px;height:25px;fill:#c4c4c4}
section .title_box .text{letter-spacing:4.5px}
section .title_box .more_btn{padding:15px 25px;background:#222;line-height:1;font-size:14px;color:#fff}
section .title_box .more_btn:before{position:absolute;border:#656565 solid;border-width:1px 1px 0 0;display:block;top:50%;right:25px;content:""}
section .title_box .more_btn:after{margin-left:25px;width:50px;height:1px;background:#656565;display:block;content:""}

img.dight {position: absolute;right: 0;z-index: 11;width: 720px;margin-top: -40px;}

.more{position:relative;display:inline-block;height:45px;padding:0 20px;font-size:15px;font-weight:bold;color:#fff;line-height:41px;letter-spacing:0.2pt;text-transform:uppercase;cursor:pointer;display:flex;width:200px;justify-content:space-between;background-color:#173054;border-radius:30px}
.more a.atag_item{z-index: 20;}
.more b{width: 120px;font-weight:500;font-size:13px;color:#ffffff;font-family:'Poppins',sans-serif;z-index: 10;letter-spacing: 0.5px;}
.more .arrowWrap{width:85px;height:40px;position:relative}
.more .arrowWrap .arrow{display:block;height:1px;background-color:#646464;position:absolute;top:11.5px;top:calc(50% - 1px);left:15px;width:51px}
@keyframes moreArrow{0%{transform:translateX(0px)}
30%{transform:translateX(5px)}
100%{transform:translateX(0px)}
}
.more font svg,#news_area .btn svg{width:20px;height:15px;display:inline-block;fill:#000000;vertical-align:middle;margin-bottom:4px}
.more font svg{fill:#ffffff;}
.more font{z-index: 10;}
#news_area .btn svg{margin:0}


/* news_area */
#news_area section{padding: 6vmax 0 2vmax;display:flex;margin:0 auto 0 0;width:90%;align-items:flex-start;z-index:3}
#news_area .leftBox{width:60%;margin-right:70px;z-index:10}
#news_area .rightBox{width:calc(100% - 610px)}
#news_area .leftBox .Img{position:relative}
.video-container iframe{
    border-radius: 0 20px 20px 0;
}
#news_area .leftBox .Img:before{z-index:-1;content:"";position:absolute;bottom:-15px;right:-15px;width:calc(100% - 5px);height:calc(100% - 5px);border:1px solid #004c98;border-radius:20px}
#news_area .leftBox .Img a{position:absolute;width:100%;height:100%;top:0;left:0;z-index: 20;}
#news_area .leftBox .Img img.youtubebg{width:100%}
.videoBtn{-webkit-box-sizing:content-box;box-sizing:content-box;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:absolute;top:30%;left:53%;z-index:2;width:120px;height:120px;border-radius:50%;background-color:#ffffff;-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%);display:flex;align-items:center;justify-content:center;-webkit-animation:scrollDown 2s infinite;animation:scrollDown 2s infinite}
.videoBtn:after{-webkit-animation:scrollDownAni 2s infinite;animation:scrollDownAni 2s infinite;content:"";position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,11%);transform:translate(-50%,11%);width:160px;height:160px;border-radius:50%;background-color:rgb(255 255 255 / 30%)}
.videoBtn img{padding-left:7px}
@-webkit-keyframes scrollDown{0%{-webkit-transform:translate(-50%,calc(50% + 10px));transform:translate(-50%,calc(50% + 10px))}
50%{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}
to{-webkit-transform:translate(-50%,calc(50% + 10px));transform:translate(-50%,calc(50% + 10px))}
}@keyframes scrollDown{0%{-webkit-transform:translate(-50%,calc(50% + 10px));transform:translate(-50%,calc(50% + 10px))}
50%{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}
to{-webkit-transform:translate(-50%,calc(50% + 10px));transform:translate(-50%,calc(50% + 10px))}
}#news_area .leftBox a img{width:100%;height:100%;object-fit:cover}
#news_area img.dight{position:absolute;left:150px;z-index:11;min-width:100%;margin-top:0;object-fit:cover;display:none}
#news_area{padding:0vmin 0 2vmax;overflow:hidden;position:relative}
#news_area .track{position:absolute;bottom:-40px;right:60px;z-index:1}
#news_area .track p{font-weight:600;font-size:25vmin;margin:0;text-transform:uppercase;letter-spacing:12px;line-height:1;will-change:transform;color:#ffffff87;font-family:'Poppins',sans-serif}
#news_area .newsBG{position:absolute;height:100%;width:calc(100% - 100px);bottom:0;left:0;background:url(/images/00/img-ne-bg.png);z-index:0;border-radius:0 30px 30px 0}
#news_area #news_txt{top:2vmax;right:5vmax}
#news_area .news_box{margin:0 auto 0;display:flex;flex-direction:column;align-items:flex-start;z-index:21}
#news_area .title_box{display:inline-block;width:100%}
#news_area .title_box h2{background:linear-gradient(to right,var(--primary) 100%,var(--primary) 65%);-webkit-background-clip:text;background-clip:text}
#news_area .title_box .more{position:absolute;top:0;right:0}
#news_area .tabs_btn a{padding:10px 20px 10px 0px;font-size:17px;letter-spacing:0.5px;color:var(--dark);font-weight:600}
#news_area .tabs_box .tabs_btn li::after{content:"";width: 73px;height:9px;display:block;position:absolute;top:100%;right: 50%;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%);background:url(/images/00/icon-arrow.png);-webkit-transition:0.6s;transition:0.6s;opacity:0}
#news_area .tabs_box .tabs_btn li:hover::after,#news_area .tabs_box .tabs_btn .active::after{opacity:1;-webkit-transform: translate(30px,-50%);transform: translate(30px,-50%);}
#news_area .f_aitems_right{width:1%;flex:1 1 auto}
#news_area .tabs_btn .active a{color:var(--primary)}
#news_area .tabs_body .tab_info{width:100%;top:0;left:0;opacity:0;pointer-events:none}
#news_area .tabs_body .tab_info.showBox{opacity:1;pointer-events:auto;padding:10px 0 10px}
#news_area .tabs_body .tab_info .news_list{min-width:100%;min-height:368px}
#news_area .tabs_body .tab_info li{width:100%}
#news_area .tabs_body .tab_info .items{display:flex;align-items:center;margin-bottom:12px;padding:6px 0px 14px 0px;border-bottom: 1px solid #d2d2d2;}
#news_area .tabs_body .tab_info .items .Img{padding-bottom:20px}
#news_area .tabs_body .tab_info .category{color:#ffffff;background-color:#004c98;line-height:160%;padding:4px 10px;font-size:12px;border-radius:7px}
#news_area .f_aitems_end{display:flex;align-items:center;margin:0;width:80px}
#news_area .f_aitems_right .NTxt{display:flex;align-content:center;align-items:center}
#news_area .f_aitems_right .NTxt p{font-family:'Poppins',sans-serif;font-size:14px;padding-right:18px;line-height:210%;position:relative;padding-left: 0px;}
#news_area .f_aitems_right .NTxt p::after{content:"";top:6px;right:7px;width:7px;height:15px;background:no-repeat url(/images/00/line2.png) center;position:absolute}
#news_area .tabs_body .tab_info .time{width: 50px;font-size:14px;margin: 0 10px;display:flex;flex-direction:column}
#news_area .tabs_body .tab_info .time font{grid-area:time_y;line-height:1;color:#004c98}


#news_area .tabs_body .tab_info .time font.m_txt{grid-area:time_m;color:#004c98;font-family:'Poppins',sans-serif;text-transform:uppercase}
#news_area .tabs_body .tab_info .time font.d_txt{grid-area:time_d;color:#004c98;font-size:32px;font-family:'Poppins',sans-serif;font-weight:600}
#news_area .tabs_body .tab_info h3{height:auto;font-weight:500;font-size: 17px;margin-top:3px;letter-spacing: 0.5px;width: 92%;font-family: var(--font-family), sans-serif;}
#news_area .tabs_body .tab_info article{height:50px;font-weight:300;font-size:14px;color:#818181;-webkit-line-clamp:2;margin:6.5px 0}
#news_area .btn{position:absolute;right:0;top:50%}

/* particles_box */
#particles_box{width: 100vw;height: 100vw;position:absolute !important;top:0;left:0;z-index: 0;opacity: 1;}
#particles_box canvas{width: 100vw;height: 100vw;}


/* bookBox */
#book_area{background-image:url(/images/00/img-b-bg.png);background-repeat:no-repeat;background-position:0px 0px;background-size:cover}
#bookBox{padding: 4vmax 0 5vmax;}
#bookBox .info{display:flex;flex-direction:row-reverse;justify-content:space-between}
#bookBox .info .title_box{width:320px;margin-left:80px;text-align:left;animation-name:fadeInRight;-webkit-animation-name:fadeInRight}
#bookBox .info .title_box .text:after{margin-left:0}
#bookBox .info .list{width:calc(100% - 340px);animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#bookBox .topBox{position:relative;margin:0 auto 5vw;width:80vw}
#bookBox .topBox .title{position:absolute}
#bookBox .topBox .more{text-align:right}
#bookBox .list ul li{margin:0 20px;width:calc((100% / 3) - 30px)}
#bookBox .list ul li .img{overflow:hidden;position:relative;margin:0 0px 0;z-index:1}
#bookBox .list ul li .img img{position:relative;width:100%;height: 100%;z-index:1;object-fit:cover}
#bookBox .list ul li .info{position:relative;padding:8% 0%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;display:flex;flex-direction:column;border-top:1px solid #c7c7c7}
#bookBox .list ul li .info h3{height:60px;font-weight:bold;font-size:19px;line-height:160%;margin-bottom:15px;position:relative;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-family: var(--font-family), sans-serif;}
#bookBox .list ul li .info:after{background:var(--primary);display:block;top:-1px;content:"";display:block;width:40px;height:3px;right:0;position:absolute}
#bookBox .list ul li .info .txt_clamp{-webkit-line-clamp:2;height:auto;color:#626262;font-size:15px;font-family: var(--font-family), sans-serif;}
#bookBox .list ul li .info .more{text-align:left}
#bookBox .more{margin-top:40px}

@media screen and (max-width: 1680px) and (min-width: 1551px){
	.workframe { width: 1300px; }
}
@media screen and (max-width: 1550px) and (min-width: 1501px){
	.workframe { width: 1200px; }
}
@media screen and (min-width: 1501px){
	#news_area .bg_box { left: 6rem; }
}
@media screen and (min-width: 1281px){
	.more:before{position:absolute;width:0;height:100%;display:block;top:0;left:0;z-index: 0;content:"";border-radius: 30px;}
	.more:hover b{letter-spacing: 1.5px;}
	.more:hover:before{width:100%;background-color: #046eb8;}
	.more .arrowWrap::before{content:"";display:block;border-radius:50%;border:1px solid #646464;box-sizing:border-box;position:absolute;top:0;right:0;width:40px;height:40px}
	.more .arrowWrap .arrow::before{content:"";width:6px;height:1px;background-color:#646464;position:absolute;top:calc(50% - 2.5px);right:0;transform:rotate(45deg)}
	.more .arrowWrap .arrow::after{content:"";width:6px;height:1px;background-color:#646464;position:absolute;bottom:calc(50% - 3px);right:0;transform:rotate(-45deg)}
	#bookBox .list ul li .img:before{position:absolute;width:100%;height:100%;background:#17305438;display:block;top:0;left:0;opacity:0;z-index:2;content:""}
	#news_area .tabs_body .tab_info .items:hover .more .arrowWrap::before{width:36px;height:36px;top:calc(50% - 18px);right:0px;background-color:rgb(223 223 223 / 70%);border:1px solid rgb(223 223 223 / 70%)}
	#news_area .tabs_body .tab_info .items:hover .more .arrowWrap .arrow{animation:moreArrow 1s infinite}
	#bookBox .list ul li:hover .img:before{opacity:1}
	#bookBox .list ul li:hover .img img{-webkit-transform:scale(1.05);transform:scale(1.05)}
	#bookBox .list ul li:hover .info:after{width:100%}
	@keyframes circleBg{0%{opacity:1;transform:scale(1)}
	80%{opacity:0.3;transform:scale(1.5)}
	to{opacity:0;transform:scale(1.525)}
	}.ribbon{position:absolute;top:180px;left:-80px;width:170px;height:170px;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;flex-wrap:wrap;color:#fff;background:var(--thirdly);border-radius:99em;-webkit-transform:translate(-40%,-30%);padding:15px;text-align:center;letter-spacing:1px;overflow:hidden;z-index:0;opacity:.3;animation:circleBg 3s infinite ease-out}
	#news_area .tabs_body .tab_info .items:hover{border-color:#004c98}
	#news_area .tabs_body .tab_info .items:hover .f_aitems_right h3{color:#004c98}
}
@media screen and (max-width:1440px){
	#bookBox .info .title_box{width:220px;margin-left:30px}
	#bookBox .info .list{width:calc(100% - 280px)}
	#news_area section{width:100%}
	#news_area .title_box h2,section .title_box h2{font-size:36px}
	section .title_box h3 b{font-size:20px}
	section .title_box h3{margin-top:0.35rem}
	#news_area .title_box{margin-bottom:1.6rem}
}
@media screen and (max-width: 1366px){
	section{width: 90vw;padding: 0vmax 0 2vmax;}
}
@media screen and (max-width: 1280px){
	#news_area .news_box{padding:0rem 0 0rem 0vw}
	#setArea{padding:3vmax 0 2vmax 0;background-position:50% 105%;background-size:contain}
	#bookBox .info .title_box{margin-left:30px}
	#bookBox .info .list{width:calc(100% - 350px)}
	#news_area .newsBG{width:calc(100% - 0px);border-radius:0;background-size:cover}
	#news_area .track{display:none}
	#news_area section{margin:0 auto 0;width:90%}
	#news_area .leftBox .Img img.youtubebg{border-radius:20px}
	#news_area .leftBox{width:49%}
	.videoBtn{top:35%;left:53%;z-index:2;width:70px;height:70px}
	.videoBtn:after{width:90px;height:90px}
}
@media screen and (min-width: 1161px){
	#news_area .bg_box{width:860px}
	#news_area .tabs_box{width:calc(100% - 60px);height:470px}
	#bookBox .list ul li:nth-child(2n){display:flex;flex-direction:column-reverse}
	#bookBox .list ul li:nth-child(2) .info{border-top:0px solid #c7c7c7;border-bottom:1px solid #c7c7c7}
	#bookBox .list ul li:nth-child(2) .info:after{bottom:-1px;top:auto}
}
@media screen and (max-width: 1160px){
	#news_area .news_box{padding:0rem 0 2rem 0}
	#news_area .title_box,#bookBox .info .title_box,.issueArea .wrap .title_box{display:flex;flex-direction:column;align-items:center}
	#news_area .title_box h2,section .title_box h2,section .title_box h3{text-align:center}
	#news_area .tabs_box{width:100%}
	#news_area .title_box h2:before{left:50%}
	#news_area .title_box .more_btn{bottom:30px;left:50%;padding:10px 15px;font-size:13px}
	section .title_box .more_btn:after{width:20px}
	section .title_box .more_btn:before{right:15px}
	#news_area .title_box article{margin-top:1rem;margin-bottom:1.75rem}
	#news_area .title_box article br{display:none}
	#news_area .news_box{padding-bottom:calc(0rem + 10px)}
	#news_area .tabs_body .tab_info .items{margin:0 0px;width:auto}
	#news_area:after{display:none}
	img.dight{display:none}
	#news_area section{display:flex;flex-direction:column;align-items:center;padding:3vmax 0 2vmax}
	#news_area .leftBox,#news_area .rightBox{width:auto;margin-right:0}
	#news_area .leftBox{
    width: 100%;
}
.videoBtn{
    display: none;
}
	#news_area .rightBox{margin-top:60px;width:100%}
	#news_area .title_box .more{position:relative;margin-top:30px}
	#book_area{background-size:auto;background-position:bottom}
	#particles_box{opacity: 0.3;}
	.video-container iframe {
    border-radius:20px;
}
}

@media (max-width: 960px) {
	#bookBox{padding:5vmax 0 4vmax}
	#bookBox .info{padding-bottom:10px}
	#bookBox .topBox,#bookBox .topBox .title{position:initial}
	#bookBox .topBox .more{position:absolute;width:100%;text-align:center;bottom:0;left:0}
	#bookBox .info{display:flex;flex-direction:column;align-items:flex-start}
	#bookBox .info .list{margin-top:50px;width:100%}
	#bookBox .info .title_box{width:100%;margin:0}
	#bookBox .list ul li{width:90%}
	#news_area .tabs_box ul{margin-bottom:0.55rem}
	#news_area .tabs_btn a{padding:10px 20px}
}
@media screen and (max-width: 768px){
	#news_area{padding:0}
	#news_area img.dight{margin-top:-30px}
	section .title_box h3 b{font-size:22px;letter-spacing:1.5px;word-spacing:100vw;line-height:150%}
	#news_area .f_aitems_end{margin-bottom:5px}
	#news_area .tabs_body .tab_info .items{align-content:flex-start}
	#news_area .btn{top:20px}
	#news_area .tabs_body .tab_info h3{width: calc(100% - 30px);font-size: 16px;letter-spacing: 0;}
	#bookBox .list ul li .img img{height: 100%;}
	#bookBox .list ul li .info .txt_clamp{-webkit-line-clamp: 2;height: 50px;color: #626262;font-size: 15px;}
	.video-container iframe{
    height: 500px;
}
}
@media screen and (max-width: 640px){
	#setArea{padding: 0vmax 0 2vmax 0;background-position: 50% 100%;background-size: contain;}
	#bookBox .list ul li .img , #bookBox .list ul li:nth-child(2n) .img {margin: 0 0vw;}
	#news_area .tabs_body .tab_info .news_list{min-height: 330px;}
}
@media screen and (max-width: 480px){
	#news_area .title_box h2{background: linear-gradient(to bottom, #222 55%, var(--primary) 55%);-webkit-background-clip: text;background-clip: text;}
	.video-container iframe{
    height: 280px;
}
}
@media (max-width: 450px) {
}