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: 17000px;left: calc(50% - 1920px/2);z-index: 10;}
.bgbox{width: 1920px;height:17000px;}
.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: 700px;
    height: 474px;
    left: calc(50% - 610px);
    top: 120px;
    z-index: 5;
}
.con1{
    background: url(../images/con-1.png) no-repeat 50% 0;
    width:1920px;
    height: 821px;
    z-index: 10;
    margin-top: 1140px;left: calc(50% - 1920px/2);
}
.con1 .vBox{width: 1122px; height: 632px; border-radius:10px; margin:0 auto; top:54px; overflow: hidden;}

.navCon{width: 1177px; height: 172px; display: flex; justify-content: space-between; margin:45px auto 0 auto; z-index: 10; background:url(../images/btn-0.png) no-repeat 176px 70px;}
.navCon a{display: block; background:url(../images/btn.png) no-repeat; width: 178px; height: 172px;}
.navCon a:nth-child(1){background-position-x:0px;}
.navCon a:nth-child(2){background-position-x:-200px;}
.navCon a:nth-child(3){background-position-x:-400px;}
.navCon a:nth-child(4){background-position-x:-600px;}
.navCon a:nth-child(5){background-position-x:-800px;}
.navCon a:nth-child(6){background-position-x:-1000px;}
.navCon a:hover{background-position-y: -172px;}

.con2{
    background: url(../images/con-2.png) no-repeat 46% 0;
    width:1920px;
    height: 4036px;
    left: calc(50% - 1920px/2);
    margin-top: 124px;
    z-index: 10;
}
.con2 a{display: block; width: 24px; height: 24px; position: absolute;}
.con2 a:nth-child(1){left:calc(50% - 376px); top:1892px;}
.con2 a:nth-child(2){left:calc(50% - 73px); top:1892px;}
.con2 a:nth-child(3){left:calc(50% + 228px); top:1892px;}
.con2 a:nth-child(4){left:calc(50% - 224px); top:3152px;}
.con2 a:nth-child(5){left:calc(50% + 78px); top:3152px;}
.con2 a::after{display: none; content:''; position: relative; top:50%; transform:translateY(-50%); background:url(../images/f1.png) no-repeat; width: 300px; height: 201px; left: 10px;}
.con2 a:nth-child(1)::after{background-position-x: 0;}
.con2 a:nth-child(2)::after{background-position-x: -300px;}
.con2 a:nth-child(3)::after{background-position-x: -606px;}
.con2 a:nth-child(4)::after{background-position-x: -904px;}
.con2 a:nth-child(5)::after{background-position-x: -1206px;}
.con2 a:hover::after{display: block;}

.con3{
    background: url(../images/con-3.png) no-repeat 50% 0;
    width:1920px;
    height: 1901px;
    left: calc(50% - 1920px/2);
    margin-top: 142px;
    z-index: 10;
}
.con3 a{display: block; width: 24px; height: 24px; position: absolute;}
.con3 a:nth-child(1){left:calc(50% - 543px); top:1628px;}
.con3 a:nth-child(2){left:calc(50% - 238px); top:1628px;}
.con3 a:nth-child(3){left:calc(50% + 67px); top:1628px;}
.con3 a:nth-child(4){left:calc(50% + 371px); top:1628px;}
.con3 a::after{display: none; content:''; position: relative; top:50%; transform:translateY(-50%); background:url(../images/f2.png) no-repeat; width: 300px; height: 201px; left: 10px;}
.con3 a:nth-child(1)::after{background-position-x: 0;}
.con3 a:nth-child(2)::after{background-position-x: -300px;}
.con3 a:nth-child(3)::after{background-position-x: -606px;}
.con3 a:nth-child(4)::after{background-position-x: -914px;}
.con3 a:hover::after{display: block;}
/* 
.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;
    left: calc(50% - 1920px/2);
    height: 1004px;
    margin: 216px auto 26px auto;
    z-index: 10;
    position: relative;
}
.act-title a{display: block; height: 46px; width: 386px; position: relative; top:262px; left:calc(50% - 193px);}
/* 

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

.slide1{background: url("../images/1.jpg") no-repeat 50% 0;height: 158px;}
.slide2{background: url("../images/2.jpg") no-repeat 50% 0;height: 158px;}
.slide3{background: url("../images/3.jpg") no-repeat 50% 0;height: 191px;}
.slide4{background: url("../images/4.jpg") no-repeat 50% 0;height: 158px;}
.slide5{background: url("../images/5.jpg") no-repeat 50% 0;height: 158px;}
.slide6{background: url("../images/6.jpg") no-repeat 50% 0;height: 158px;}
.slide7{background: url("../images/7.jpg") no-repeat 50% 0;height: 158px;}
.slide8{background: url("../images/8.jpg") no-repeat 50% 0;height: 158px;}
.slide9{background: url("../images/9.jpg") no-repeat 50% 0;height: 158px;}
.slide10{background: url("../images/10.jpg") no-repeat 50% 0;height: 158px;}
.slide11{background: url("../images/11.jpg") no-repeat 50% 0;height: 158px;}
.slide12{background: url("../images/12.jpg") no-repeat 50% 0;height: 158px;}
.slide13{background: url("../images/13.jpg") no-repeat 50% 0;height: 158px;}
.slide14{background: url("../images/14.jpg") no-repeat 50% 0;height: 158px;}
.slide15{background: url("../images/15.jpg") no-repeat 50% 0;height: 158px;}
.slide16{background: url("../images/16.jpg") no-repeat 50% 0;height: 158px;}
.slide17{background: url("../images/17.jpg") no-repeat 50% 0;height: 158px;}

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

.slide.optn .toggle {background-position: 0px 65%;}
.slide4.open .toggle {background-position: 0px 55%;}


.slide2.open {height:711px;}
.slide4.open {height:578px;}
.slide5.open {height:382px;}
.slide6.open {height:382px;}
.slide7.open {height:1049px;}
.slide12.open {height:445px;}
.slide13.open {height:445px;}
.slide14.open {height:445px;}
.slide15.open {height:877px;}





.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(46,42,134,.9); height: 1153px;transition: margin-left 0.5s;margin-left: 0;}
.side_list .logo{width: 116px;height:97px;display: flex;position: relative;left: 10px; justify-content: center;align-items: center; background: url(../images/logo.png) no-repeat 50% 0 / contain;top: 30px;}
#sideBtn{position: absolute;left:calc(100%);top: 45px;width: 40px;height: 40px;cursor: pointer;outline: none;z-index: 9;background:rgba(46,42,134, 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-down{display: none;width: 100%; height: 100%; position: fixed; top: 0 !important; left: 0 !important; background:url(../images/popBg.jpg) no-repeat center top; z-index: 998; background-size:cover; transform:scale(1) !important;}
.pop-down .btn_close{display: block; background:url(../images/close.png) no-repeat; z-index: 9999; top: 30px; right: 30px; position: absolute; width: 63px; height: 59px;}
.pop-box{width: 100%; height: 100%; overflow-y:auto; overflow-x: hidden; box-sizing: border-box; padding-top:0px;}
.pop-tit{background:url(../images/pop-tit.png) no-repeat 15px 60px; width: 1200px; height: 275px; box-sizing: border-box; margin:0 auto; z-index: 999;}
.pop-con{ background-size:cover; box-sizing: border-box; padding:50px 100px; width:1770px; height:1686px;background:url(../images/pop-conBg.png) no-repeat center top; left:calc(50% - 1770px/2);}
.pop-con .downBtn{width: 1184px; height: 1161px; background:url(../images/pop-down.png) no-repeat center top; margin:0 auto; display: flex; flex-wrap:wrap; justify-content: space-between; align-content: space-between; padding:147px 59px 0px 59px; box-sizing: border-box;}
.pop-con .downBtn a{display: block; height: 30px; width: 98px; margin-right:144px;}
.pop-con .downBtn a:nth-child(5n){margin-right:0px;}
.rollbar-path-vertical{top: 50% !important; transform:translateY(-50%) !important; right:0px;}

/* .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;background: #000;}
.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} */