/* section */
section{padding: 6vw 0;}
section >*{z-index:5}
section  .title_box h2 {-webkit-background-clip: text;background-clip: text;font-size: 3rem;color: var(--primary);letter-spacing: 2px;}
section .title_box .subtitle{font-weight: 500;font-size: 1.8rem;color: var(--primary);position: relative;line-height: 120%;text-transform: uppercase;}
section .title_box p{line-height: 130%;letter-spacing: 0.5px;font-weight: 400;font-size: 20px;color: #181818;position: relative;}
section.bg_box{background:no-repeat 50% / cover;}
.more_btn{margin-top:0px}
.more_btn a{position:relative;overflow:hidden;width: 170px;padding: 30px 0px 30px;border-radius: 100px;text-align: center;display: flex;align-items: center;gap: 0px;}
.more_btn a:hover svg{-ms-transform:rotate(45deg);transform:rotate(45deg)}
.more_btn font{font-size:16px;position:relative;writing-mode:inherit;font-weight:500;letter-spacing:1px;text-align:center}
.more_btn .circle{border-radius:50%;margin:auto;background-color:var(--black);width: 42px;height: 42px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;border: 6px #a5a5a5 solid;}
.more_btn svg{width: 15px;height: 15px;fill:var(--white)}


/* news_area */
section  .itemTitleBox{position:relative;padding-top:0px;display:inline-block;animation-name:fadeInUp;-webkit-animation-name:fadeInUp}
#news_area{padding:5vw 0 5vw 0}
#news_area .itemTitleBox .ntopBox{width: -webkit-fill-available;background-color: var(--black);padding: 60px 40px 50px 40px;border-radius: 50px;display: flex;align-items: flex-start;flex-direction: column;justify-content: center;gap: 30px;}
#news_area .itemTitleBox .ntopBox *{color: var(--white);}
#news_area .title_box{display:flex;flex-direction:column;align-items:flex-start;}
#news_area section{padding:2vmax 0 3vmax;position:relative}
#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:24vmin 0 4vmax;overflow:initial;position:relative;background-image:url(/images/39/img-all-bg.png);background-repeat:no-repeat;background-position:50% 100%;background-size:auto}
#news_area::after{content:"";position:absolute;background-image:url(/images/39/img-n-bg.png);background-size:contain;background-repeat:no-repeat;background-position: 40% 70%;bottom:0px;right: -90px;width: 1390px;height:100%;z-index:0}
#news_area #news_txt{top:2vmax;right:5vmax}
#news_area .news_box{margin:0 auto 0;position:relative;z-index:1;width: min(1460px,95%);display:grid;grid-template-columns:490px 1fr;gap:90px}
#news_area .more_btn{padding: 0;margin-left: auto;}
#news_area .more_btn a{padding:20px 0px 10px}
#news_area .tabs_box{margin-top:0px}
#news_area .tabs_box .tabs_body .news_list{width:100%;margin:auto;display:grid;gap:20px;border-top:2px solid}
#news_area .tabs_box .tabs_body .news_list li{position:relative}
#news_area .tabs_box .tabs_body .news_list li::before{background-color:#cccccc;width:100%;content:"";display:block;height:1px;position:absolute;top:-2px;left:0;z-index:1}
#news_area .tabs_btn{display:flex;width:100%;align-items: flex-start;gap: 40px;justify-content:space-between;flex-direction: column;}
#news_area .tabs_btn .newsList{display:flex;flex-direction:column;position:relative;justify-content:center;gap:0px;align-items:flex-start;width:220px}
#news_area .tabs_btn .newsList li{width:100%}
#news_area .tabs_btn .newsList a{padding:14px 10px;font-size: 19px;color:var(--white);font-weight:500;display:block;letter-spacing:2px;border-bottom:1px solid rgb(236 236 236 / 40%);position:relative}
#news_area .tabs_btn .newsList li.active a:before{content:"";width:100px;height:2px;background:var(--white);display:block;position:absolute;bottom:0;left:0}
#news_area .tabs_btn .newsList li:last-child a{border-right:0px solid #515151}
#news_area .tabs_btn .newsList .active a{opacity:.8}
#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}
#news_area .tabs_body .tab_info .items .Txt{display:grid;grid-template-columns: 90px 1fr;gap:20px}
#news_area .tabs_body .tab_info .items .Txt .btnBox{font-weight:500;display:flex;overflow:hidden;position:absolute;top:30%;right: 0;background-color:rgb(255 255 255 / 40%);padding:14px;border-radius:50%;border:1px #a3a3a3 solid;flex-direction:column;align-content:center;justify-content:center}
#news_area .tabs_body .tab_info .items .Txt .btnBox svg{width:15px;height:15px;fill:var(--black)}
#news_area .tabs_body .tab_info .category{padding:0px 10px;background:#e1e1e1;color:var(--info);line-height:1;font-size:18px;line-height:217%;font-weight:500}
#news_area .f_aitems_end{align-items:center;position:relative;}
#news_area .f_aitems_right{margin: 16px 0;}
#news_area .tabs_body .tab_info .time{font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content: space-between;position:relative}
#news_area .tabs_body .tab_info .time::before{background-color:#cccccc;width:1px;content:"";display:block;height:100%;position:absolute;bottom:0;right:0;z-index:1}
#news_area .tabs_body .tab_info .time span{font-size:2.4rem;line-height:130%;font-weight: 600;}
#news_area .tabs_body .tab_info .time font.m_txt{color:var(--secondary);font-weight: 600;line-height:140%;font-size: 15px;gap:4px;}
#news_area .tabs_body .tab_info .time font.m_txt .year_text{opacity:.5;letter-spacing:0.5px}
#news_area .tabs_body .tab_info .time font.d_txt{width:20px;grid-area:time_d;color:var(--dark)}
#news_area .tabs_body .tab_info h3{height: auto;font-weight:500;font-size: 20px;line-height: 160%;-webkit-line-clamp: 1;margin-top: 7px;width: calc(100% - 90px);}
#news_area .tabs_body .tab_info p{height: 57px;font-size:16px;color:#515050;-webkit-line-clamp:2;margin: 10px 0;}
#news_area .btn{position:absolute;right:10px;bottom:30px;width:35px;height:35px;padding:0px 0px;width:35px;height:35px;margin:0;border-radius:50%;display:flex;justify-content:center}
#news_area .tab_info li:hover .btn{scale:1;translate:0 -10px;background-color:#0193de}
#news_area .tab_info li:hover .btn svg{fill:#ffffff}
#news_area .tabs_box .tabs_btn .moreBtn a{font-weight:400;color:#fff;font-size:14px;line-height:50px;padding:0 20px}
#news_area .tabs_body .classTitle{width: 100px;height: 35px;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;font-size: .9rem;font-weight: 600;color: var(--secondary);border: 1px solid var(--secondary);border-radius: 50px;}
section .btn2{display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;width:200px;height:40px;font-weight:500;background-color:#fff;border-radius:50px;border:1px #9fabbd solid;justify-content:space-around;position:relative}
section .btn2 font{color:var(--secondary)}
section .btn2::after{content:"";width:17px;height:15px;display:block;position:absolute;top:50%;right:10px;-webkit-transform:translate(-10px,-50%);transform:translate(-10px,-50%);background:url(/images/39/icon-arrow.png);background-size: contain;-webkit-transition:0.6s;transition:0.6s;opacity: 1;}
section .btn2:hover svg{-webkit-animation:movemove 1s infinite;animation:movemove 1s infinite}
@-webkit-keyframes movemove{0%{-webkit-transform:translate(0,0%);transform:translate(0,0%)}
50%{-webkit-transform:translate(10px,0%);transform:translate(10px,0%)}
100%{-webkit-transform:translate(0,0%);transform:translate(0,0%)}
}
@keyframes movemove{0%{-webkit-transform:translate(0,0%);transform:translate(0,0%)}
50%{-webkit-transform:translate(10px,0%);transform:translate(10px,0%)}
100%{-webkit-transform:translate(0,0%);transform:translate(0,0%)}
}
#news_area .tabs_btn .newsbtn{display:flex;align-items:center;justify-content: space-between;gap: 10px;}
#news_prev svg, .bookBox .bottomBox .slickBtnBox .arrowPrev .icon svg{-webkit-transform:scaleX(-1);transform:scaleX(-1);position:relative}
#news_prev,#news_next{border-radius:150px;}
#news_prev svg,#news_next svg{width: 22px;height: 22px;fill: var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--white);border-radius:150px;padding: 9px;}
#news_area .btn svg{margin: 0;}
#news_prev:hover, #news_next:hover{-webkit-transform:translateX(4px) scale(1.15);transform:translateX(4px) scale(1.15)}


/* venuesarea */
#venuesarea{padding: 4vmin 0 9vmax;position:relative;background-image:url(/images/39/img-ad-bg.png);background-size:cover;background-repeat:no-repeat;background-position:50% 0%;overflow:hidden}
#venuesarea .title_box{margin-bottom:50px}
#venuesarea .title_box *{text-align:center}
#venuesarea .title_box .noteBox{margin:80px 0 50px 0;font-size:1.1rem;width:min(80%,400px)}
#venuesarea .venueslist{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);grid-gap:13px;height:544px}
#venuesarea .venueslist li .Imgitem{position:relative}
#venuesarea .venueslist li .Imgitem .more_btn{position:absolute;bottom:0;right:14px}
#venuesarea .venueslist li .Imgitem .more_btn a{width:70px;padding:10px 0px 20px}
#venuesarea .venueslist li .Imgitem .more_btn .circle{background-color: hsl(0deg 0% 100% / 20%);width:38px;height:38px;border: 5px hsl(0deg 0% 100% / 20%) solid;}
#venuesarea .venueslist li .Imgitem .more_btn .circle:before{height:140%;width:140%;bottom:-8px;left:-8px;background:linear-gradient(45deg,rgb(233 233 233 / 30%),rgb(233 233 233 / 30%))}
#venuesarea .venueslist li .Imgitem .more_btn .circle svg{fill:var(--black)}
#venuesarea .venueslist li .Img{position:relative;overflow:hidden;border-radius: 30px;}
#venuesarea .venueslist li .Img:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:100%;background:linear-gradient(180deg,rgb(0 0 0 / 58%) 10%,rgb(0 0 0 / 20%) 40%,rgb(0 0 0 / 0%) 100%);z-index:20;z-index:0}
#venuesarea .venueslist li .Img img{aspect-ratio: 1 / 1;}
#venuesarea .venueslist li:hover img,#venuesarea .venueslist li:hover:nth-child(2n) .Img img{-webkit-transform:scale(1.1);transform:scale(1.1);border-radius:0}
#venuesarea .venueslist li .Txt{width: -webkit-fill-available;top:0;left:0;padding: 20px 20px 0;background:none;display:flex;flex-direction:column;justify-content: flex-start;align-items: flex-start;gap: 5px;}
#venuesarea .venueslist li .Txt h3,#venuesarea .venueslist li .Txt p{color:#fff;letter-spacing:0.5px}
#venuesarea .venueslist li .Txt h3{font-size: 1.4rem;}
#venuesarea .venueslist li .Txt p{font-size: 1.4rem;font-weight: 500;letter-spacing: 1px;line-height: 150%;}


@media screen and (min-width: 1501px){
	#news_area .bg_box { left: 6rem; }
}
@media screen and (max-width:1660px){
    #venuesarea .workframe{margin:0 auto}
}
@media screen and (max-width:1440px){
	#news_area .list_box{margin:0 90px}
    #venuesarea .venueslist{height: 484px;}
    #news_area::after{right: -270px;}
}
@media screen and (max-width:1366px){
    #venuesarea .venueslist{height: 434px;}
    #news_area .news_box{gap: 40px;}
}
@media screen and (min-width:1281px){
	.more_btn.white a:hover font{color:#ffffff}
	.more_btn.white a:hover{width: 130px;}
	#news_area .bg_box { width: 860px; }
	#venuesarea::after{content:"";position:absolute;background-image: url(/images/39/img-ad-01-bg.png);background-size: contain;background-repeat:no-repeat;background-position:100% 100%;bottom: -100px;left: 150px;width: 616px;height: 557px;z-index: 1;-webkit-animation:birdJitter 3s ease-in both infinite;animation:birdJitter 3s ease-in both infinite;}
	@keyframes birdJitter{0%,60%,to{-webkit-transform:translate(0,0);transform:translate(0,0)}
	30%{-webkit-transform:translate(-1px,0) rotate(-6deg);transform:translate(-1px,0) rotate(-6deg)}
	80%{-webkit-transform:translate(0,0) rotate(3deg);transform:translate(0,0) rotate(3deg)}
	}
}

@media screen and (max-width:1280px){
	section .title_box{margin-bottom:0px}
	section .title_box h2{margin-bottom:0;font-size:2rem}
	#venuesarea .workframe{margin:0 auto;width: 93%;}
	#venuesarea .title_box .noteBox{width:100%}
	#venuesarea .venueslist{height:434px}
	#venuesarea .venueslist li .Txt h3{font-size:1.2rem;line-height: 140%;}
	#venuesarea .venueslist li .Txt p{font-size:1.2rem}
}
@media (max-width:1200px){
	#imglist .img_nav{position:relative}
	#news_area::after{display:none}
	#news_area .tabs_box{display:flex;flex-direction:column;align-items:flex-start;width:100%}
	#news_area .tabs_box .tabs_body{width:calc(100% - 0px)}
	#venuesarea .venueslist{height:349px}
	#news_area{padding: 10vmin 0 4vmax;}
    #news_area .news_box{grid-template-columns: 370px 1fr;}
    #news_area .itemTitleBox .ntopBox{padding: 40px;}
}
@media screen and (min-width:1025px){
    #venuesarea .venueslist li:first-child{grid-column-start: 1;grid-row-start: 1;grid-row-end: 3;}
	#venuesarea .venueslist li:last-child{grid-column-start:5;grid-row-start:1;grid-row-end:3}
	#venuesarea .venueslist li:first-child .Img img,#venuesarea .venueslist li:last-child .Img img{aspect-ratio:4/8.2}
}
@media screen and (max-width:1024px){
    #venuesarea .venueslist{height:auto;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}
	#news_area #imglist{display:flex;flex-direction:column;gap:20px}
	#news_area #imglist .left{order:1;width:100%}
	#news_area #imglist .right .img_nav,#news_area li .more_btn.white font{display:none}
	#news_area .img_box li .item{grid-template-columns:1fr 60px}
	#news_area li .more_btn a{width:40px;padding:20px 10px 20px 10px}
	#news_area .tabs_box ul{margin-bottom:0.55rem}
	#venuesarea{padding:11vmin 0 7vmax;background-size:cover}
	#news_area .news_box{gap: 50px;display:flex;flex-direction:column}
	#news_area .itemTitleBox .ntopBox{width:auto;padding:30px;gap: 20px;}
	#news_area .title_box{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:0px}
	#news_area .tabs_btn{display:flex;flex-direction:column;align-items:center;gap: 0px;}
	#news_area .tabs_btn .newsList{display:flex;flex-direction:row;width:100%}
	#news_area .tabs_btn .newsList a{font-size:1rem;text-align:center;padding:8px 3px;border-bottom:0px solid rgb(236 236 236 / 40%)}
	#news_area .tabs_btn .newsList li.active a:before{width:1px;height:40%;left:auto;right:0;bottom:27%}
	#news_area .tabs_btn .newsList li a:before{content:"";background:var(--white);display:block;position:absolute;width:1px;height:40%;left:auto;right:0;bottom:27%}
	#news_area .tabs_btn .newsList li:last-child a:before{display:none}
	#news_area .more_btn{padding: 0px 0;text-align:center;display:flex;flex-direction:column;align-items:center;margin: auto;}
	#news_area .tabs_body .tab_info .items .Txt{grid-template-columns:70px 1fr;gap:13px}
	#news_area .tabs_body .tab_info .time span{font-size:2rem}
	#news_area .tabs_body .tab_info .time font.m_txt{font-size:13px}
	#news_area .tabs_body .classTitle{width:80px;height:28px}
	#news_area .tabs_body .tab_info .items .Txt .btnBox{display:none}
	#news_area .tabs_body .tab_info h3{width:calc(100% - 0px);font-size:17px}
}
@media screen and (max-width:768px){
	section .title_box .subtitle{font-size:1.2rem}
	#venuesarea .venueslist{height:auto;grid-template-rows:repeat(1,1fr);grid-template-columns:repeat(2,1fr);grid-gap: 12px;}
}
@media screen and (max-width:640px){
	.bottombtn .productbtn img{width: 16px;}
	#product_next::after{top: 6px;}
    #venuesarea .venueslist li .Imgitem .more_btn a{width:40px;padding:10px 0px 10px}
	#venuesarea .venueslist li .Imgitem .more_btn .circle{width:30px;height:30px}
	#venuesarea .venueslist li .Imgitem .more_btn .circle svg{width:11px;height:11px}
	#venuesarea .venueslist li .Txt{padding:19px 10px 0;gap:10px}
	#venuesarea .title_box{margin-bottom:30px}
}