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{min-width: 1200px;background-color:#fff;}
.warp{width: 100%;min-width: 1200px;position: relative;overflow: hidden;}
.bg{position: absolute;width: 1920px;height: 8600px;left: calc(50% - 1920px/2);z-index: 10;}
.bgbox{width: 1920px;height:8600px;}
.bg_01{background: url("../images/bg.jpg") no-repeat 50% 0;}

.warp .logo2{
    position: absolute;
    background: url(../images/logo2.png) no-repeat 0 0;
    width: 245px;
    height: 202px;
    left: calc(50% - 245px / 2);
    top: 180px;
    z-index: 5;
}
.warp .slogan{
    position: absolute;
    background: url(../images/slogan.png) no-repeat 0 0;
    width: 1216px;
    height: 589px;
    left: calc(50% - 1170px / 2);
    top: 95px;
    z-index: 5;
}
.con1{
    background: url(../images/con-1.png) no-repeat 50% 0;
    width:1920px;
    height:3684px;
    margin-left: calc(50% - 1920px / 2);
    margin-top: 900px;
    z-index: 10;
}
.con1 .btn-pop {width: 30px;height:30px;left:50%;}
.con1 .btn-pop:hover::after {content:'';width: 236px;height:159px;top: -65px;left: 20px;position: absolute;}
.con1 .btn-pop-21 {top: 1623px;margin-left:-335px;}
.con1 .btn-pop-21:hover::after {background: url(../images/pop-21.png);}
.con1 .btn-pop-1 {top: 1623px;margin-left:-93px;}
.con1 .btn-pop-1:hover::after {background: url(../images/pop-1.png);}
.con1 .btn-pop-2 {top: 1623px;margin-left:150px;}
.con1 .btn-pop-2:hover::after {background: url(../images/pop-2.png);}
.con1 .btn-pop-3 {top: 1981px;margin-left:-335px;}
.con1 .btn-pop-3:hover::after {background: url(../images/pop-3.png);}
.con1 .btn-pop-4 {top: 1981px;margin-left:-93px;}
.con1 .btn-pop-4:hover::after {background: url(../images/pop-4.png);}
.con1 .btn-pop-5 {top: 1981px;margin-left:150px;}
.con1 .btn-pop-5:hover::after {background: url(../images/pop-5.png);}
.con1 .btn-pop-6 {top: 2339px;margin-left: -456px;}
.con1 .btn-pop-6:hover::after {background: url(../images/pop-6.png);width:248px;}
.con1 .btn-pop-7 {top: 2339px;margin-left: -213px;}
.con1 .btn-pop-7:hover::after {background: url(../images/pop-7.png);width:248px;}
.con1 .btn-pop-8 {top: 2339px;margin-left: 29px;}
.con1 .btn-pop-8:hover::after {background: url(../images/pop-8.png);width:248px;}
.con1 .btn-pop-9 {top: 2339px;margin-left: 270px;}
.con1 .btn-pop-9:hover::after {background: url(../images/pop-9.png);width:248px;}
.con1 .btn-pop-10 {top: 2697px;margin-left:-335px;}
.con1 .btn-pop-10:hover::after {background: url(../images/pop-10.png);height: 320px;top: -147px;}
.con1 .btn-pop-11 {top: 2697px;margin-left:-93px;}
.con1 .btn-pop-11:hover::after {background: url(../images/pop-11.png);width:262px;height: 209px;top: -90px;}
.con1 .btn-pop-12 {top: 2697px;margin-left:150px;}
.con1 .btn-pop-12:hover::after {background: url(../images/pop-12.png);width:262px;height: 249px;top: -110px;}
.con1 .btn-pop-13 {top: 3055px;margin-left: -456px;}
.con1 .btn-pop-13:hover::after {background: url(../images/pop-13.png);width:262px;height:219px;
    top: -94px;}
.con1 .btn-pop-14 {top: 3055px;margin-left:-213px;}
.con1 .btn-pop-14:hover::after {background: url(../images/pop-14.png);width:262px;height:219px;
    top: -94px;}
.con1 .btn-pop-15 {top: 3055px;margin-left:29px;}
.con1 .btn-pop-15:hover::after {background: url(../images/pop-15.png);width:262px;height:219px;
    top: -94px;}
.con1 .btn-pop-16 {top: 3055px;margin-left:270px;}
.con1 .btn-pop-16:hover::after {background: url(../images/pop-16.png);width:262px;height:219px;
    top: -94px;}
.con1 .btn-pop-17 {top: 3413px;margin-left:-456px;}
.con1 .btn-pop-17:hover::after {background: url(../images/pop-17.png);width:262px;height:249px;
    top: -110px;}
.con1 .btn-pop-18 {top: 3413px;margin-left:-213px;}
.con1 .btn-pop-18:hover::after {background: url(../images/pop-18.png);width:262px;height:249px;
    top: -110px;}
.con1 .btn-pop-19 {top: 3413px;margin-left:29px;}
.con1 .btn-pop-19:hover::after {background: url(../images/pop-19.png);width:262px;height:249px;
    top: -110px;}
.con1 .btn-pop-20 {top: 3413px;margin-left:270px;}
.con1 .btn-pop-20:hover::after {background: url(../images/pop-20.png);width:262px;height:249px;
    top: -110px;}


.con2{
    background: url(../images/con-2.png) no-repeat 50% 0;
    width:1920px;
    height:1243px;
    margin-left: calc(50% - 1920px / 2);
    margin-top: -200px;
    z-index: 10;
}

.con4{
    background: url(../images/con-4.png) no-repeat 50% 0;
    width:1200px;
    height:1210px;
    margin-left: calc(50% - 1200px / 2);
    margin-top: 0;
    z-index: 10;
}
/* 
.con1 .btn-hover {width:30px;height: 30px;top: 186px;left:50%;margin-left: -327px;}
.con1 .btn-hover i  {width: 510px;height:273px;background: url(../images/pop.png) no-repeat 0 0;top: -121px;left: 12px;position: absolute;display: none;}
.con1 .btn-hover:hover i{display: block;}
.con2{
    background: url(../images/con-2.png) no-repeat 50% 0;
    width:1200px;
    height: 1200px;
    margin-left: calc(50% - 1200px/2);
    margin-top: 190px;
    z-index: 10;
} */
.act-title{
    position: absolute;
    background: url(../images/event-title.png) no-repeat 50% 0;
    width: 1920px;
    height: 481px;
    margin-left: calc(50% - 1920px / 2);
    top: 5395px;
    z-index: 10;
}
/* 

.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;width:1161px;left: calc(50% - 1161px/2);padding-top: 280px;z-index: 20;}
.slide {width:1161px;margin-bottom:0px;transition:all .5s !important;position: relative;background-repeat: no-repeat !important;overflow: hidden;margin-bottom: 35px;z-index:10;}
.slide.mutil {cursor: pointer;}

.slide1{background: url("../images/1.jpg") no-repeat 50% 0;height: 169px;}
.slide2{background: url("../images/2.jpg") no-repeat 50% 0;height: 169px;}
.slide3{background: url("../images/3.jpg") no-repeat 50% 0;height: 169px;}
.slide4{background: url("../images/4.jpg") no-repeat 50% 0;height: 169px;}
.slide5{background: url("../images/5.jpg") no-repeat 50% 0;height: 169px;}
.slide6{background: url("../images/6.jpg") no-repeat 50% 0;height: 169px;}
.slide7{background: url("../images/7.jpg") no-repeat 50% 0;height: 169px;}

.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 60%;}
.slide6.open .toggle,
.slide7.open .toggle {background-position: 0px 70%;}
/* 
.slide3.open .toggle,
.slide6.open .toggle {background-position: 0px 65%;} */


.slide5.open {height:929px;}
.slide6.open {height:423px;}
.slide7.open {height:423px;}


.slide .btn-hover{width:25px;height:25px;left: 319px;}
.slide .btn-hover-1 {top: 274px;}
.slide .btn-hover-2 {top: 326px;}
.slide .btn-hover-3 {top: 375px;}
.slide .btn-hover-4 {top: 427px;}
.slide .btn-hover-5 {top: 476px;}

.slide .btn-hover i {pointer-events: none}
.slide .btn-hover-1 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{
    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{
    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{
    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{
    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: 140px;background: rgba(64,19,139,.8); height: 1153px;transition: margin-left 0.5s;margin-left: 0;}
.side_list .logo{width: 140px;height:105px;display: flex;position: relative;left: 0; justify-content: center;align-items: center; background: url(../images/logo.png) no-repeat 50% 0;top: 30px;}
#sideBtn{position: absolute;left:calc(100%);top: 45px;width: 40px;height: 40px;cursor: pointer;outline: none;z-index: 9;background:rgba(64,19,139, 0.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 50% 0;width:140px;height:135px ;margin-top:120px;cursor: default;}
.act_list ul li:nth-child(2) a{background: url(../images/nav2.png) no-repeat 50% 0;width:140px;height:135px ;margin-top:50px;}
.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;
}

.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}