@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: 400;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: 500;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
     font-weight: 700;
     font-style: normal;
}
@font-face {
     font-family: 'S-CoreDream';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: 800;
     font-style: normal;
}

.container {position:relative; width:calc(100% - 20px); max-width:1425px; margin:0 auto;}
main {display:block; padding:86px 0 0 0;}

.main-container *{font-family:"S-CoreDream",sans-serif;font-weight: 400;}
.main-container{background: url(../images/main/main_bg.png) no-repeat center top;background-size: 100%;/* min-height:850px; */padding: 50px 20px 40px;position: relative;padding-left: 39%;}
.main-container:before{content:"";width:100%;height:100%;position:absolute;background:url(../images/main/main_bg2.png) no-repeat left bottom;background-size: auto 100%;top: 0;left: 0;}

.main-floor1{max-width: 1020px;margin-right: auto;/* padding-left: 440px; */display: flex;justify-content: space-between;position: relative;z-index: 1;gap: 20px;align-items: center;}
.main-floor1 > div{}
.main-floor1-box1{width: 347px;height: 298px;}
.main-floor1-box1 a{display: block;height: 100%;overflow: hidden;border-radius: 10px;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);}
.main-floor1-box1 a img{width: 100%;height: 100%;vertical-align: top;}
.main-floor1-box2{max-width: 450px;position: relative;padding-top: 62px;width: 90%;}
.main-floor1-box2 > span{position: absolute;top: 0;}
.main-floor1-box2 span.live{background:url(../images/main/main_floor1_box2_img1.png) no-repeat;width: 154px;height: 95px;left: 13px;top: -13px;}
.main-floor1-box2 span.book{background:url(../images/main/main_floor1_box2_img1-1.png) no-repeat;width: 78px;height: 87px;left: calc(50% - 30px);top: -18px;display: none;}
.main-floor1-box2 span.streamiing{background:url(../images/main/main_floor1_box2_img2.png) no-repeat;width: 134px;height: 39px;right: 0;top: 24px;}
.main-floor1-box2 a{display: block;background:url(../images/main/main_floor1_box2_bg.png) no-repeat;background-size: 100% 100%;/* height: 236px; */padding: 12px;border-radius: 10px;box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);aspect-ratio: 1.71/1;}
.main-floor1-box2 a > div{background:#fff;height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.main-floor1-box2 a > div img{max-width:100%;}

.main-floor1-box3{width: 390px;background:#fff;border-radius: 10px;padding: 20px 10px;height: 125px;display: flex;align-items: center;justify-content: center;box-shadow: 10px 10px 10px rgb(0 0 0 / 10%);min-width: 348px;margin-top: 40px;}
.main-floor1-box3 > ul{display:flex;justify-content: space-evenly;width: 100%;}
.main-floor1-box3 > ul > li{min-width: 70px;text-align: center;border-left: 1px solid #e7e7e7;flex: 1 0 0;}
.main-floor1-box3 > ul > li:first-child{border-left:0;}
.main-floor1-box3 > ul > li > a{display: block;font-size: 16px;color: #000;text-align: center;line-height: 1.2;position: relative;transition: 0.3s;}
.main-floor1-box3 > ul > li > a::before{content:"";display: inline-block;width: 100%;height: 54px;background-repeat: no-repeat;background-position: center;transition: 0.3s;}
.main-floor1-box3 > ul > li.li1 > a::before{background-image: url(../images/main/main_floor1_box3_img1.png);}
.main-floor1-box3 > ul > li.li2 > a::before{background-image: url(../images/main/main_floor1_box3_img2.png);}
.main-floor1-box3 > ul > li.li3 > a::before{background-image: url(../images/main/main_floor1_box3_img3.png);}
.main-floor1-box3 > ul > li.li4 > a::before{background-image: url(../images/main/main_floor1_box3_img4.png);}
.main-floor1-box3 > ul > li > a:hover{transform:translateY(-10px);}
.main-floor1-box3 > ul > li > a span{display: block;white-space: nowrap;}




.main-floor2{max-width: 1020px;margin-right: auto;/* padding-left: 440px; */display: flex;justify-content: space-between;margin-top: 50px;gap: 50px;position: relative;z-index: 1;align-items: flex-start;}
.main-floor2-box1{width: 18%;position: relative;flex-grow: 1;min-width: 480px;min-height: 341px;}
.main-floor2-box1 .m-tit{}
.m-tit{font-size: 28px;font-weight: 700;color: #000000;margin-bottom: 17px;}


.main-tab{position:relative;width:100%;}
.main-tab > ul{}
.main-tab > ul > li > a{width: 90px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;color: #000;border-radius: 5px;background: #fff;border: 1px solid #dddddd;position: absolute;top: -57px;left: 170px;}
.main-tab > ul > li:nth-child(2) > a{left: 265px;display: block;}
.main-tab > ul > li:nth-child(3) > a{left: 510px;}
.main-tab > ul > li > a:hover,
.main-tab > ul > li > a.on{color: #fff;background: #F05677;}


.main-tab > ul > li a.on+.main-cont-area{/* display:block!important; */}
.main-cont-area .empty_wrap{padding: 60px 0;width: 100%;text-align: center;}
.main-tab > ul > li .main-cont-area{opacity: 0;position: relative;top: -20px;display: block!important;}
.main-tab > ul > li:first-child .main-cont-area{display: block;opacity:1;}
.main-cont-area .swiper-container {overflow: hidden;padding: 20px 0 0;}
.main-cont-area .swiper-slide{border: 1px solid #e2e1e1;border-radius: 5px;height: auto;overflow: hidden;}
.main-cont-area .swiper-slide.swiper-slide-active{/*border: 2px solid #6868ac;box-shadow: 0px 0px 16px rgb(104 104 172 / 80%);border-radius: 5px;*/}
.main-cont-area .swiper-slide.swiper-slide-active a{/*border-color:#6868ac;*/}
.main-cont-area .swiper-slide > a{display: block;padding-bottom: 20px;height: 100%;font-size: 14px;color: #585858;overflow: hidden;background: #fff;position: relative;}
.main-cont-area .swiper-slide:hover{box-shadow: 0px 0px 16px rgb(141 73 73 / 50%);position: relative;border-radius: 5px;}
.main-cont-area .swiper-slide:hover:before{content:"";width: calc(100% - 4px);height: calc(100% - 4px);border:2px solid #f06d67;position:absolute;left: 0;top: 0;z-index: 1;border-radius: 5px;}
.main-cont-area .swiper-slide:hover a{border-color:#6868ac;}
.main-cont-area .swiper-slide > a .img{position: relative;display: block;padding-top: 51.2%;overflow: hidden;background: #eaeaea;border-bottom: 1px solid #e2e1e1;}
.main-cont-area .swiper-slide > a .img img{position: absolute;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;}
.main-cont-area .swiper-slide > a .img::before{content:"";position:absolute;top:0;right: 0;bottom: 0;left: 0;z-index: 1;background: rgba(0, 0, 0, 0.4);opacity: 0;transition: 0.3s;}
.main-cont-area .swiper-slide > a .img::after{content:"";position:absolute;top:0;right: 0;bottom: 0;left: 0;z-index: 1;background: url(../images/main/play.png) no-repeat center;opacity: 0;}
.main-cont-area .swiper-slide > a .img .title{position: absolute;bottom: 10px;left: 20px;padding: 0 10px;height: 30px;line-height: 30px;font-size: 16px;color: #fff;background: #363739;border-radius: 15px;}
.main-cont-area .swiper-slide > a .cont{padding: 15px 20px 0px;}
.main-cont-area .swiper-slide > a .tit{font-size: 16px;font-weight:500;color: #000000;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;margin-top: 5px;height: 24px;}
.main-cont-area .swiper-slide > a .tip{overflow:hidden;height: 20px;}
.main-cont-area .swiper-slide > a .tip span{font-size:15px;color:#666666;margin-right: 15px;}
.main-cont-area .swiper-slide > a .tip span:first-child{margin-left:0;}
.main-cont-area .swiper-slide > a .info{/* position: absolute; *//* top: 256px; */display:flex;justify-content: space-between;background: #929292;/* height: 22px; */line-height: 1.2;padding: 5px 10px;border-radius: 10px;font-size: 13px;color: #ffffff;max-width: 100%;box-sizing: border-box;left: 25px;margin-top: 10px;display: inline-block;word-break: keep-all;}
.main-cont-area .swiper-slide > a .info .date{font-weight:300;}
.main-cont-area .swiper-slide > a .info .hit{font-size:16px;line-height: 24px;}
.main-cont-area .swiper-slide > a .info .hit::after{content:"";display:inline-block;background: url(../img/newmain/hit.png) no-repeat center;width: 26px;height: 24px;vertical-align: top;margin-left: 4px;}
.main-cont-area .swiper-slide > a .info .hit span{color:#f06d67;vertical-align: top;}
.main-cont-area .swiper-slide > a:hover .img::before,
.main-cont-area .swiper-slide > a:hover .img::after{opacity:1;}

.Slider-control{position: absolute;right: 0;top: -37px;z-index: 1;display: flex;width: 105px;} /* 2022-10-26 */
.Slider-control .paging-wrap{position: relative;padding-right: 12px;font-size: 0;}
.Slider-control .paging-wrap .swiper-pagination-bullet{display:none;}
.Slider-control [class*="Slider-button-"]{position: absolute;width: 36px;height: 35px;top: 0;background-image: url(../images/main/main_floor2_box1_rt.png);background-repeat: no-repeat;background-position: center;/* z-index: 4; */cursor: pointer;font-size:0;} /* 20220927 */
.Slider-control .Slider-button-next{right: 0;}
.Slider-control .Slider-button-prev{left: 0;background-image: url(../images/main/main_floor2_box1_lf.png);}
.Slider-control .paging-wrap .btn-SliderPlay{position: absolute;left: 36px;top: 0;width: 36px;height: 35px;background: url(../images/main/main_floor2_box1_stop.png) 50% 50% no-repeat;vertical-align: middle;text-indent: -9999px;border: 0;}
.Slider-control .paging-wrap .btn-SliderPlay.active{background: url(../images/main/main_floor2_box1_play.png) 50% 50% no-repeat;}

.main-floor2-box2{/* width: 550px; */flex: 1 0 0;}
.main-floor2-box2 img.m{display:none;}
.main-floor2-box2 a{display:block;/* height: 267px; */}
.main-floor2-box2 img{width:100%;height: 100%;}


@media screen and (max-width:1400px){
	.main-container:before{background: url(../images/main/main_bg3.png) no-repeat center top;height: 100%;}
	.main-container{padding: 0 calc((100% - 1000px) / 2);padding-top: 670px;}
	.main-floor1{width:100%;max-width: none;}
	.main-floor1-box2{width:50%;max-width:none;}
	.main-floor1-box3{width:40%}
}
@media screen and (max-width:1024px){
	.main-container:before{/* left: -85px; *//* background-size: 69% auto; *//* background-position: left top; */}
	.main-container{padding: 15px;padding-top: 420px;}
	.main-floor1{display:block;}
	.main-floor2{display:block;width: 100%;}
	.main-floor2-box1{min-width: auto;width: 100%;}
	.main-floor1 > div{width:100%;max-width: none;}
	.main-container:before{background-size:1200px auto; }
}
@media screen and (max-width:768px){
	.main-container{/* background-image:url("../images/main/main_bg_m.png"); *//* background-size: 100%; */}
	.main-floor1 > div{width:100%;height: auto;min-width: auto;}
	.main-floor1-box2{/* margin-top:55px; */}
	.main-floor1-box2 a{height:auto;}
	.main-floor1-box2 a > div{/* padding-top: 68%; */position: relative;}
	.main-floor1-box2 a > div img{position:absolute;top: -9999px;left: -9999px;bottom: -9999px;right: -9999px;margin: auto;}
	.main-floor1-box2 span.book{display:block;}
	.main-floor1-box3 > ul > li > a{padding: 5px 10px;font-size: 17px;}

	.main-tab > ul > li > a{top:0;z-index: 1;width: calc(100% / 2);height: 56px;line-height: 1.5;font-size: 17px;word-break: keep-all;display: flex!important;align-items: center;justify-content: center;border-radius: 0;border-left: 0;}
	.main-tab > ul > li:nth-child(1) > a{left: 0;border-radius: 5px 0 0 5px;overflow: hidden;}
	.main-tab > ul > li:nth-child(1) > a::before{content:"";position: absolute;left: 0px;width:1px;height: 100%;background: #ddd;}
	.main-tab > ul > li:nth-child(2) > a{left: 50%;}
	.main-tab > ul > li:nth-child(3) > a{left: 66.66%;border-radius: 0 5px 5px 0;}
	
	.Slider-control{top: -35px;}

}
@media screen and (max-width:600px){
	.main-container{padding-top: 115%;}
	.main-floor1-box3 > ul > li{min-width:auto;}
	.main-container:before{background:url(../images/main/main_bg2_m.png) no-repeat center top;background-size:100%;top: 25px;}
}
@media screen and (max-width:480px){
	.main-floor2-box2 img.m{display:block;}
	.main-floor2-box2 img.pc{/* display:none; */}
	.main-floor1-box3 > ul > li > a span{font-size:14px;}
	.main-floor1-box3 > ul > li > a::before{background-size:50px}
	.main-floor1-box2 span.book{display:none}
}