a:link,a:active,a:visited,a:hover {
    /* background: none; */
    tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: transparent;
}

*{ tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: transparent;}

body{padding-top: 40px !important;min-width: 1200px;background-color:#fff;}
.warp{width: 100%;min-width: 1200px;position: relative;overflow: hidden;}
.bg{position: absolute;width: 1920px;height: 5157px;left: calc(50% - 1920px/2);z-index: 10;}
.bgbox{width: 1920px;height:5157px;}
.bg_01{background: url("../images/bg.jpg") no-repeat 50% 0;}

.slogan{
    position: absolute;background: url(../images/slogan.png);width: 1119px;height:432px ;left: calc(50% - 560px);top: 200px; z-index: 30;
}


.con1{
    position: absolute;
    background: url(../images/con-1.png) no-repeat 50% 0;
    width:1200px;
    height: 195px;
    top: 680px;
    left: calc(50% - 600px);
    z-index: 20;
}

.con2{
    position: relative;
    background: url(../images/con-2.png) no-repeat 50% 0;
    width:1200px;
    height: 1220px;
    margin-left: calc(50% - 1200px/2);
    margin-top:1050px;
    z-index: 20;
}

.act-title{
    position: absolute;
    background: url(../images/event-title.png) no-repeat 50% 0;
    width: 487px;
    height: 88px;
    margin-left: calc(50% - 487px / 2);
    top: 2410px;
    z-index: 25;
}
.act-title .btn-evt {
    width:300px;height:50px;
    top:248px;left:50%;margin-left:-150px
}
.acts {position: relative;display: flex;flex-wrap: wrap;justify-content: space-around;padding-bottom: 25px;width: 1124px;left: calc(50% - 1124px/2);padding-top: 265px;z-index: 20;}
.slide {width: 1124px;margin-bottom:0px;transition:all .5s !important;position: relative;background-repeat: no-repeat !important;overflow: hidden;margin-bottom: 20px;z-index:10}
.slide.mutil {cursor: pointer;}

.slide1{background: url("../images/1.jpg") no-repeat 50% 0;height: 142px;}
.slide2{background: url("../images/2.jpg") no-repeat 50% 0;height: 142px;}
.slide3{background: url("../images/3.jpg") no-repeat 50% 0;height: 142px;}
.slide4{background: url("../images/4.jpg") no-repeat 50% 0;height: 142px;}
.slide5{background: url("../images/5.jpg") no-repeat 50% 0;height: 142px;}
.slide6{background: url("../images/6.jpg") no-repeat 50% 0;height: 142px;}
.slide7{background: url("../images/7.jpg") no-repeat 50% 0;height: 142px;}
.slide8{background: url("../images/8.jpg") no-repeat 50% 0;height: 142px;}
.slide9{background: url("../images/9.jpg") no-repeat 50% 0;height: 142px;}
.slide10{background: url("../images/10.jpg") no-repeat 50% 0;height: 142px;}
.toggle {background: url("../images/togglebtn.png") -50px 50%;height: 100%;position: absolute;background-repeat: no-repeat !important;right:20px;width:35px;}
.open .toggle{background-position: 0px 70%;}
.slide4.open {height:825px;}
.slide5.open,
.slide6.open,
.slide7.open {height:365px}

.slide4.open .toggle{background-position: 0px 50%;}

.slide .btn-hover{width:25px;height:25px;left: 318px;}
.slide .btn-hover-1 {top: 288px;}
.slide .btn-hover-2 {top: 339px;}
.slide .btn-hover-3 {top: 389px;}
.slide .btn-hover-4 {top: 441px;}
.slide .btn-hover-5 {top: 490px;}


.slide .btn-hover i {pointer-events: none}
.slide .btn-hover-1 i,
.slide .btn-hover-6 i{
    position: absolute;background: url(../images/pop1.png);width: 530px;height: 64px;left: -5px;top: -40px;transition: all .5s;opacity: 0;
}
.slide .btn-hover-2 i,
.slide .btn-hover-7 i{
    position: absolute;background: url(../images/pop2.png);width: 530px;height: 64px;left: -5px;top: -40px;transition: all .5s;opacity: 0;
}
.slide .btn-hover-3 i,
.slide .btn-hover-8 i{
    position: absolute;background: url(../images/pop3.png);width: 530px;height: 64px;left: -5px;top: -40px;transition: all .5s;opacity: 0;
}
.slide .btn-hover-4 i,
.slide .btn-hover-9 i{
    position: absolute;background: url(../images/pop4.png);width: 530px;height: 64px;left: -5px;top: -40px;transition: all .5s;opacity: 0;
}
.slide .btn-hover-5 i,
.slide .btn-hover-10 i{
    position: absolute;background: url(../images/pop5.png);width: 530px;height: 64px;left: -5px;top: -40px;transition: all .5s;opacity: 0;
}
.slide .btn-hover:hover i{opacity: 1;}




.sidebar{position: fixed;z-index: 100;left: 0;bottom: 0;top: 43px;}
.topM{z-index: 50!important;}
.side_list{position: relative;width: 139px;background: rgba(30,76,135,.8); height: 1153px;transition: margin-left 0.5s;margin-left: 0;}
.side_list .logo{width: 119px;height:105px;display: flex;position: relative;left: calc(50% - 119px/2); justify-content: center;align-items: center; background: url(../images/logo.png);top: 30px;}
#sideBtn{position: absolute;left:calc(100%);top: 45px;width: 40px;height: 40px;cursor: pointer;outline: none;z-index: 9;background:rgba(30,76,135,.8) ;}
#sideBtn::after {content: " ";height: 40px;width: 40px;display:block;visibility: visible;background: url(../images/nav-btn.png) no-repeat; background-position:0px  0px;}
#sideBtn.on::after{background-position:-40px 0px;}
#sideBtn.on + .side_list{margin-left: -215px;}

.act_list{width: 100%;}
.act_list ul{width: 100%;}
.act_list li{width: 100%;height: 140px;position: relative;}
.act_list .on a,.act_list a:hover{filter: grayscale(0);}

.act_list a{filter: grayscale(1);display: block;font-size: 0;width:116px;}

.act_list ul li:nth-child(1) a{background: url(../images/nav1.png)no-repeat;width:120px222222;height:145px ;margin-top:120px;margin-left: calc(50% - 116px/2);}
.act_list ul li:nth-child(2) a{background: url(../images/nav2.png)no-repeat;width:116px;height:145px ;margin-top:50px;margin-left: calc(50% - 116px/2);}
.jqqd{
    background: url(https://img1.tiancitycdn.com/project2/krmgt/2023/03/kr230316act/images/pop.png);
    width:574px ;height:310px;
}
.jqqd p{
    position: absolute;
    width:574px ;
    font-size: 65px;
    color: white;
    font-weight: bold;
    text-align: center;
    height: 100px;
    top: 65px;
}
.jqqd span{
    white-space: nowrap;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 40px;
    font-size: 70px;
    font-weight: 600;
    color: white;
}
.jqqd p{
    white-space: nowrap;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 40px;
    font-size: 35px;
    font-weight: 600;
    color: white;
}
.close1{
    position: absolute;
    width: 100px;height:50px ;
    right: -10px;
    top: 5px;
    cursor: pointer;
}

.close{
    position: absolute;
    width: 53px;height:53px ;
    right: 70px;
    top: 100px;
    cursor: pointer;
    background: url(https://img5.tiancitycdn.com/kr/event/2024/11/kr241128act/images/close.png);
}


#loading{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;z-index:20;font-size:18px;color:#cfd1cc;z-index:101}#loading .box{width:100%;height:1px;background:#414141;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);left:0}#loading .box span{height:1px;background:#c4c4c4;position:relative;top:0;left:0;display:block}#loading .box p{font-size:16px;line-height:30px;color:silver;text-align:center}


.pop-video {width:850px;height:480px;display: none}
.pop-video video {width:100%;height:100%;}
.pop-video .btn_close{width: 32px;height:32px;background: url('../images/close.png') no-repeat 0 0;right:-32px;top:0;position: absolute}


.pop-loop {width: 884px;height:480px;display: block;}
.pop-loop .btn_close{
    position: absolute;
    width: 59px;height:59px ;
    left: 50%;
    margin-left:-30px;
    top: 500px;
    cursor: pointer;
    background: url(../images/pop_close.png);
}

.pop-loop .feature {
    width: 883px;
    height: 480px;
    
}

.pop-loop .feature .adPic {
    width: 883px;
    height: 480px;
    position: relative;
    z-index: 1
}

.pop-loop .feature .adPic li img {
    width:883px;
    height:480px;
}


.pop-loop .feature .prevBtn,
.pop-loop .feature .nextBtn {
    display: block;
    width: 44px;
    height: 44px;
    background: url(../images/lbtbtn.png) no-repeat 0 0;
    position: absolute;
    top: 220px;
    z-index: 2;
    text-indent: -999em
}
.pop-loop .feature .prevBtn {
    background-position-x: 0px;
    left: -60px;
}

.pop-loop .feature .nextBtn {
    background-position-x: -50px;
    right: -60px;
}