.eve_detail .eventLink {text-decoration:none;font-size:0;color:transparent;position:absolute;left:50%;width:33.3rem;height:5.0rem;transform:translateX(-50%);}

.eve_detail .line_onair {height: 3.6rem;background: url('./online.png') no-repeat center top / auto 100%;}
.hoonion_top {height: 55.4rem;background: url('./top_v1.png') no-repeat center top / auto 100%;}

.hoonion1 {height:23.45rem;background: url('./con1.png') no-repeat center top / auto 100%;}

.hoonion2 {height: 147.4rem;background: url('./con2_v1.png') no-repeat center top / auto 100%;}
.hoonion2 .eventLink {bottom: 50.1rem;width: 9.5rem;height: 13.3rem;left: unset;transform:none;}
.hoonion2 .eventLink1 {left: 4.1rem;}
.hoonion2 .eventLink2 {left: 14rem;}
.hoonion2 .eventLink3 {right: 4.1rem;}

.hoonion3 {height: 82.6rem;background: url('./con3_v1.png') no-repeat center top / auto 100%;}
.hoonion3 .eventLink1 {bottom: 12.3rem;width: 28rem;height: 4.5rem;}

.hoonion4 {height: 274.3rem;background: url('./con4_v1.png') no-repeat center top / auto 100%;}
.hoonion4 .eventLink {width: 28rem;height: 4.5rem;}
.hoonion4 .eventLink1 {bottom: 208rem;}
.hoonion4 .eventLink2 {bottom: 139.8rem;}
.hoonion4 .eventLink3 {bottom: 76rem;}
.hoonion4 .eventLink4 {bottom: 10.8rem;}

/* v2 */
.hoonion_top.v2 {height: 55.4rem;background: url('./top_v2.png') no-repeat center top / auto 100%;}
.hoonion0.v2 {height:14.85rem;background: url('./con0_v2.png') no-repeat center top / auto 100%;}

.hoonion2.v2 {height: 145.3rem;background: url('./con2_v2.png') no-repeat center top / auto 100%;}

.hoonion3.v2 {height: 84.4rem;background: url('./con3_v2.png') no-repeat center top / auto 100%;}
.hoonion3.v2 .eventLink1 {bottom: 5rem;}

.hoonion4.v2 {height: 281.5rem;background: url('./con4_v2.png') no-repeat center top / auto 100%;}
.hoonion4.v2 .eventLink1 {bottom: 206rem;}
.hoonion4.v2 .eventLink2 {bottom: 137.8rem;}
.hoonion4.v2 .eventLink3 {bottom: 70.5rem;}
.hoonion4.v2 .eventLink4 {bottom: 5rem;}


/* v3 */
.hoonion_top.v3 {height: 55.4rem;background: url('./top_v3.png') no-repeat center top / auto 100%;}

.hoonion0.v3 {height:15.65rem;background: url('./con0_v3.png') no-repeat center top / auto 100%;position:relative;}
.hoonion0.v3 .timeBox {position: absolute;top: 8rem;left: 4.4rem;width: 19.1rem;height: 3.4rem;display: flex;align-items: center;justify-content: space-between;}
.hoonion0.v3 .timeBox span {display: flex;width: 6.6rem;align-items: center;justify-content: center;text-align: center;font-weight: 700;color: #fff;font-size: 3.6rem;letter-spacing: 1.2rem;font-feature-settings: "tnum";font-variant-numeric: tabular-nums;}


.hoonion2.v3 {height: 80.15rem;background: url('./con2_v3.png') no-repeat center top / auto 100%;}
.hoonion2.v3 .eventLink {bottom: 13.8rem;}

.hoonion4.v3 {height: 265.7rem;background: url('./con4_v3.png') no-repeat center top / auto 100%;}
.hoonion4.v3 .eventLink1 {bottom: 199.4rem;}
.hoonion4.v3 .eventLink2 {bottom: 132.8rem;}
.hoonion4.v3 .eventLink3 {bottom: 71.8rem;}
.hoonion4.v3 .eventLink4 {bottom: 8rem;}

.hoonion2.v3.v3_2 {height: 80.15rem;background: url('./con2_v3_2.png') no-repeat center top / auto 100%;}

@media all and (min-device-width:771px){

    .eve_detail .line_onair {height: 72px;}
    .hoonion_top {height: 1108px;}

    .hoonion1 {height: 469px;}

    .hoonion2 {height: 2948px;}
    .hoonion2 .eventLink {bottom: 1001px;width: 190px;height: 266px;}
    .hoonion2 .eventLink1 {left: 82px;}
    .hoonion2 .eventLink2 {left: 280px;}
    .hoonion2 .eventLink3 {right: 82px;}

    .hoonion3 {height: 1652px;}
    .hoonion3 .eventLink1 {bottom: 246px;width: 560px;height: 90px;}

    .hoonion4 {height: 5486px;}
    .hoonion4 .eventLink {width: 560px;height: 90px;}
    .hoonion4 .eventLink1 {bottom: 4160px;}
    .hoonion4 .eventLink2 {bottom: 2796px;}
    .hoonion4 .eventLink3 {bottom: 1522px;}
    .hoonion4 .eventLink4 {bottom: 216px;}

    /* v2 */
    .hoonion_top.v2 {height: 1108px;}
    .hoonion0.v2 {height: 297px;}
    .hoonion2.v2 {height: 2906px;}
    .hoonion3.v2 {height: 1688px;}
    .hoonion3.v2 .eventLink1 {bottom: 100px;}
    .hoonion4.v2 {height: 5630px;}
    .hoonion4.v2 .eventLink1 {bottom: 4120px;}
    .hoonion4.v2 .eventLink2 {bottom: 2756px;}
    .hoonion4.v2 .eventLink3 {bottom: 1410px;}
    .hoonion4.v2 .eventLink4 {bottom: 100px;}

    /* v3 */
    .hoonion_top.v3 {height: 1108px;}
    .hoonion0.v3 {height: 313px;}
    .hoonion0.v3 .timeBox {top: 160px;left: 88px;width: 382px;height: 68px;}
    .hoonion0.v3 .timeBox span {width: 132px;font-size: 72px;letter-spacing: 24px;}
    .hoonion2.v3 {height: 1603px;}
    .hoonion2.v3 .eventLink {bottom: 276px;}
    .hoonion4.v3 {height: 5314px;}
    .hoonion4.v3 .eventLink1 {bottom: 3987px;}
    .hoonion4.v3 .eventLink2 {bottom: 2655px;}
    .hoonion4.v3 .eventLink3 {bottom: 1435px;}
    .hoonion4.v3 .eventLink4 {bottom: 160px;}
    .hoonion2.v3.v3_2 {height: 1603px;}
}