@charset "utf-8";
/*-------------------------------------------------
Style Sheet
Version : 1.0
Author :  kang hyeyeon
Create date : 2023. 12. 15.
-------------------------------------------------*/
html {
    scroll-behavior: smooth;
}
body {
    position: relative;
    background: #000;
}

video {
    width: 100%;
}

main {
    position: relative;
}

header {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 56px 58px;
    box-sizing: border-box;
    z-index: 50;
}
header h1 a {
    display: block;
}
header div {
    display: flex;
}
header div a {
    display: block;
    width: 52px;
    height: 48px;
    background: url(/img/_info/ts19/head_ico.png) no-repeat;
    background-size: 104px auto !important;
}
header div a:nth-of-type(1) {
    background-position: left center;
}
header div a:nth-of-type(2) {
    background-position: right center;
}

.contents_wrap {
    width: 100%;
    height: 7022px;
    background: url(/img/_info/ts19/contents.jpg) no-repeat center top;
    background-size: cover;
}
.contents_wrap > div {
    position: relative;
}
.contents_wrap > div::after {
    content: '';
    width: 100%;
    height: 93px;
    background: url(/img/_info/ts19/line.png) no-repeat center;
    background-size: contain;
    position: absolute;
    top: -55px;
    left: 0;
}
.event_01 {
    width: 100%;
    height: 862px;
}
.event_01 a {
    display: block;
    width: 1145px;
    height: 70px;
    position: absolute;
    top: 270px;
    left: 830px;
}
.event_01 a::after {
    content: '';
    width: 528px;
    height: 270px;
    position: absolute;
    top: 230px;
    right: -310px;
}
.event_02 {
    width: 100%;
    height: 1190px;
}
.event_02 a {
    display: block;
    width: 730px;
    height: 900px;
    position: absolute;
    top: 190px;
    left: 460px;
}
.event_02 a::after {
    content: '';
    width: 930px;
    height: 620px;
    position: absolute;
    top: 106px;
    right: -928px;
}
.event_03 {
    width: 100%;
    height: 1167px;
}

.event_03 a {
    display: block;
    width: 927px;
    height: 606px;
    position: absolute;
    top: 300px;
    left: 405px;
}
.event_03 a::after {
    content: '';
    width: 930px;
    height: 920px;
    position: absolute;
    top: -190px;
    right: -928px;
}
.event_04 {
    width: 100%;
    height: 1119px;
}
.event_04 a {
    display: block;
    width: 720px;
    height: 820px;
    position: absolute;
    top: 180px;
    left: 490px;
}
.event_04 a::after {
    content: '';
    width: 930px;
    height: 380px;
    position: absolute;
    top: 205px;
    right: -946px;
}
.event_05 {
    width: 100%;
    height: 1248px;
}

.event_05 a {
    display: block;
    width: 910px;
    height: 670px;
    position: absolute;
    top: 300px;
    left: 415px;
}
.event_05 a::after {
    content: '';
    width: 930px;
    height: 959px;
    position: absolute;
    top: -190px;
    right: -946px;
}
.event_06 {
    width: 100%;
    height: 1446px;
}
.event_06 a {
    display: block;
    width: 680px;
    height: 120px;
    position: absolute;
    top: 300px;
    left: 415px;
}


canvas {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100% !important;
}

#imgFire {
    opacity: 0;
    z-index: -10;
}

.top_btn {
    width: 128px;
    height: 139px;
    background: url(/img/_info/ts19/top_btn.png) no-repeat center;
    background-size: contain;
    position: fixed;
    bottom: 15%;
    left: 88%;
    cursor: pointer;
    display: none;
    z-index: 50;
}