@charset "UTF-8";

video{ position: absolute; top: 0; left: 0; width: 100%; pointer-events: none;}
iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#header ul.sns_con { position: absolute; top: 100px; left: 60px; font-size: 1.75em;}
#header ul.sns_con li { text-align: center;}
#header ul.sns_con li i { color: var(--color-w); margin: var(--mrgn) 0;}
#header ul.sns_con li a:hover i { color: var(--color-point);}

#visual.fullsection.full1 { vertical-align: middle;}
#visual.fullsection.full1 ul.v_con li.cells .text_con { display: inline-block; background: none; bottom: -900px;}
#visual.fullsection.full1 ul.v_con li.cells .text_con > img { width: auto; margin: var(--mrgn); pointer-events: none;}
#visual.fullsection.full1 .full_con { display: flex; align-items: center; }
#visual.fullsection.full1 .full_con .title_con {}
#visual.fullsection.full1 .full_con .title_con h2 > img { position: relative; content: ''; top: -36px; left: var(--mrgn); padding: none; pointer-events: none;}
#visual.fullsection.full1 .full_con .title_con h4 {}
#visual.fullsection.full1 .full_con .title_con h4:before { top:-40px;}

#visual.fullsection.full1 > video { position: fixed; top: auto; bottom: 0; -webkit-mix-blend-mode: lighten; mix-blend-mode: lighten; filter: hue-rotate(30deg);}

#visual.full1 .scroll_down { position: absolute; bottom: 20%; left: 50%; transform: translate(-50%,-50%);}
#visual.full1 .scroll_down span:nth-child(1) { animation-delay: -0.2s;}
#visual.full1 .scroll_down span:nth-child(2) { animation-delay: -0.4s;}
#visual.full1 .scroll_down span:nth-child(3) { animation-delay: -0.6s;}
#visual.full1 .scroll_down span { display: block; width: 20px; height: 20px; border: 2px solid var(--color_point_01); transform: rotate(45deg); margin: -10px; animation: animate_arrow 3s infinite;}
@keyframes animate_arrow {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px,-20px);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px,20px);
    }
}

#story.fullsection.full2 .full_sub_con .full_sub .full_con {padding-top: 80px; box-sizing: border-box;}
#story.fullsection.full2 .full_sub_con .full_sub .full_con .title_con { margin-top: var(--mrgn-x2);}
#story.fullsection.full2 .full_sub_con .full_sub .full_con ul.v_con.two_con li { margin-top: -60px;}

#story.fullsection.full2 .full_sub_con .full_sub .full_con .bar_con ul.bar.v_con.seven_con li.cells.bar_dia .dia .grade{}

#story.fullsection.full2 .bar_con { position: absolute; width: 100%; top: 50%; margin-top: -325px; transition: all 250ms ease-out; z-index: 1;}
#story.fullsection.full2 .bar_con ul.bar li.bar_dia.selected { pointer-events: none;}
#story.fullsection.full2 .bar_con ul.bar li.bar_dia .dia { position: relative; background: url(../img/img_crs_gem_01.webp) 50% 50% no-repeat; background-size: cover; float: left; width: 45px; height: 45px; cursor: pointer; left: calc(50% - 22.5px); overflow: hidden; clip-path: polygon(0 50%, 50% 0, 100% 50%, 50% 100%, 0 50%);}
#story.fullsection.full2 .bar_con ul.bar li.bar_dia .dia:before { position: absolute; content: ''; width: 60px; height: 60px; background: #fff; animation: animate_highlight 4s infinite;}
@keyframes animate_highlight {
    0% {
        opacity: 0;
    }

    50% {
        opacity: .3;
    }

    100% {
        opacity: 0;
    }
}
 #story.fullsection.full2 .bar_con ul.bar li.bar_dia .dia.selected:before { background: none;}
 #story.fullsection.full2 .bar_con ul.bar li.bar_dia .dia:hover:before { background: none; transition: all 500ms ease-in-out;}
 #story.fullsection.full2 .bar_con ul.bar li.bar_dia .dia:hover { filter: drop-shadow(0 10px 30px var(--color_k));}
 #story.fullsection.full2 .bar_con ul.bar li.bar_dia .dia:active { filter: drop-shadow(0 1px 3px var(--color_k));}
 #story.fullsection.full2 .bar_con ul.bar li.bar_dia .dia.selected { background: url(../img/img_crs_gem_02.webp) 50% 50% no-repeat; background-size: cover; filter: brightness(1) drop-shadow(0 0 18px #f00); transition: all 250ms ease-in-out; pointer-events: none; clip-path: none;}
 #story.fullsection.full2 .bar_con ul.bar li.bar_dia .dia:after { position: absolute; content: ''; top: 0%; left: 0%; width: 100%; height: 100%; background: linear-gradient(45deg, transparent 0, var(--color_w) 10%, var(--color_w) 90%, transparent 100%); z-index: 1; transform: translate(-50%, -50%) skewX(-45deg); -webkit-mix-blend-mode: overlay; mix-blend-mode: overlay; border-radius: 50%; filter: blur(7px); opacity: 0; transition: all 0ms;}
 #story.fullsection.full2 .bar_con ul.bar li.bar_dia .dia:hover:after { opacity: 1; top: 100%; left: 100%; transition: all 500ms ease-out;}
 #story.fullsection.full2 .bar_con ul.bar li.bar_dia .dia .grade h5 { font-size: 22px; color: var(--color_w); pointer-events: none; margin-top: 11px; margin-left: -1px;}
#story.fullsection.full2 .full_sub_con .full_sub .full_con .bar_con ul.bar.v_con.six_con li.cells.bar_dia .dia .grade h5 { margin-bottom: 20px;}
#story.fullsection.full2 .full_sub { background: url(../img/bg_courses_01.webp) 50% 50% no-repeat; background-size: cover; transition: all 1000ms ease-out;}
#story.fullsection.full2 .full_sub:after { position: absolute; content: ''; right: 0; width: 22%; height: 100%; background: linear-gradient(90deg, transparent, var(--color_k_085) 50%, var(--color_k) 80%);}
 #story.fullsection.full2 .bar_con ul.bar { position: relative; width: 1200px; height: 55px;  background: url(../img/img_coursebar_01.webp) 0% 0% no-repeat; background-size: cover; margin: 21px auto 0; z-index: 1;}
 #story.fullsection.full2 .bar_con ul.bar li.bar_dia { top: calc(var(--mrgn-half) - 3px); left: 0;}

#class.fullsection.full3 ul.panels {}
#class.fullsection.full3 ul.panels li {}
#class.fullsection.full3 ul.panels li .panel{}
#class.fullsection.full3 ul.panels li .panel.warrior{}
#class.fullsection.full3 ul.panels li .panel.fighter{}
#class.fullsection.full3 ul.panels li .panel.hunter{}
#class.fullsection.full3 ul.panels li .panel.magician{}
#class.fullsection.full3 ul.panels li .panel.assassin{}
#class.fullsection.full3 ul.panels li .panel.specialist{}
#class.fullsection.full3 ul.panels li .panel .class_con { margin-top: 550px;}
#class.fullsection.full3 ul.panels li .panel .class_con img { margin-bottom: var(--mrgn-x2); pointer-events: none;}
#class.fullsection.full3 ul.panels li .panel .job_logo > img { margin: 8px; height: auto; pointer-events: none;}
#class.fullsection.full3 ul.panels li .panel .class_con h4,
#class.fullsection.full3 ul.panels li .panel .class_con h3 { text-transform: uppercase;}
#class.fullsection.full3 ul.panels li .panel .class_con h3 { color: var(--color-point); margin-top: var(--mrgn); margin-bottom: var(--mrgn);}
#class.fullsection.full3 ul.panels li .panel .class_con h5 { margin-bottom: var(--mrgn-x2); height: 3em;}
#class.fullsection.full3 .panels .panel .job_panel .title_con.job ul.v_con.two_con li.cells { filter: none; cursor: default;}
#class.fullsection.full3 .panels .panel .job_panel .title_con.job ul.v_con.two_con li.cells > img { width: 50px; margin-top: var(--mrgn-x4); margin-bottom: var(--mrgn);}
#class.fullsection.full3 .panels .panel .job_panel .title_con.job ul.v_con.two_con li.cells span { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}
#class.fullsection.full3 .panels .panel .job_panel .title_con.job ul.v_con.two_con li.cells ul.v_con.six_con li.cells {}
/*6단 세로 아코디언*/
.panels li{ position: relative; float: left; width: 16.66%; height:inherit;}
#class.fullsection.full3 .panels{ display: inline-block; width: 100vw; height: 100vh; list-style: none;}
#class.fullsection.full3 .panels li div.panel{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .25s ease-out; overflow: hidden;}
#class.fullsection.full3 .panels li.hover{ z-index: 1; cursor: pointer;}
#class.fullsection.full3 .panels li.on { filter: brightness(1); cursor: default;}
#class.fullsection.full3 .panels li .job_logo { opacity: 0; transition: all 750ms ease-out;}
#class.fullsection.full3 .panels li.hover .job_logo { opacity: 1;}
#class.fullsection.full3 .panels li.on .class_con,
#class.fullsection.full3 .panels li.on .job_logo { opacity: 0; transition: all 350ms ease-out !important;}
#class.fullsection.full3 .panels li.on div.panel{ transition: all 450ms ease-out !important;}
#class.fullsection.full3 .panels li.on,
#class.fullsection.full3 .panels li:hover{ z-index: 2;}
#class.fullsection.full3 .panels li:hover div.panel{ margin-left: -10%;  width: 120%; transition: all .25s ease-out; box-shadow: 0 10px 30px -10px rgba(0,0,0,1);}
#class.fullsection.full3 .panels li:hover div.panel{ filter: grayscale(0);}
#class.fullsection.full3 .panels li:first-child:hover div.panel{ margin-left: 0%;}
#class.fullsection.full3 .panels li:last-child:hover div.panel{ margin-left: -20%;}
#class.fullsection.full3 .panels li:first-child div.panel{background: linear-gradient(360deg, var(--color-k-035) 37%, transparent 50%), url(../img/bg_class_warrior.webp) no-repeat 70% 50% / cover;}
#class.fullsection.full3 .panels li:nth-child(2) div.panel{background: linear-gradient(360deg, var(--color-k-035) 37%, transparent 50%), url(../img/bg_class_fighter.webp) no-repeat 80% 0 / cover;}
#class.fullsection.full3 .panels li:nth-child(3) div.panel{background: linear-gradient(360deg, var(--color-k-035) 37%, transparent 50%), url(../img/bg_class_hunter.webp) no-repeat 64% 0 / cover;}
#class.fullsection.full3 .panels li:nth-child(4) div.panel{background: linear-gradient(360deg, var(--color-k-035) 37%, transparent 50%), url(../img/bg_class_magician.webp) no-repeat 64% 0 / cover;}
#class.fullsection.full3 .panels li:nth-child(5) div.panel{background: linear-gradient(360deg, var(--color-k-035) 37%, transparent 50%), url(../img/bg_class_assassin.webp) no-repeat 75% 0 / cover;}
#class.fullsection.full3 .panels li:last-child div.panel{background: linear-gradient(360deg, var(--color-k-035) 37%, transparent 50%), url(../img/bg_class_specialist.webp) no-repeat 70% 0 / cover;}
/* 호버시 썸넬 */
#class.fullsection.full3 .panels:hover li{ filter: grayscale(1) blur(3px); transition: all .35s ease-out;}
#class.fullsection.full3 .panels li:hover{filter: grayscale(0) blur(0); transition: all .35s ease-out}
#class.fullsection.full3 .panels li div.panel .btn_close{position: absolute; top: 93%; right: 50%; width: 40px; height: 40px; background:var(--color-point); border-radius: 50%; opacity: 0; pointer-events: none; z-index: -1; cursor: pointer;}
#class.fullsection.full3 .panels li div.panel .btn_close i { color: var(--color-k); font-size: 1.5em; margin-top: 10px;}
#class.fullsection.full3 .panels li.on div.panel .btn_close{ opacity: 1; pointer-events: auto; z-index: 99;}
#class.fullsection.full3 .panels li .job_panel { opacity: 0; transition: all 550ms ease-out !important;}
#class.fullsection.full3 .panels li.on .job_panel{ opacity: 1; transition: all 550ms ease-out !important;}

#raid.fullsection.full4 .full_sub > video { position: fixed; top: auto; bottom: 0; -webkit-mix-blend-mode: lighten; mix-blend-mode: lighten;}
#raid.fullsection.full4 .full_sub span > video.aegir { position: absolute; top: auto; bottom: 0; -webkit-mix-blend-mode: lighten; mix-blend-mode: lighten;}
#raid.fullsection.full4 .full_sub_con .full_sub > a > img { position: relative; content: ''; top: 200px; left: 1200px; width: 25%;}
#raid.fullsection.full4 .full_sub_con .full_sub .rose { position: absolute; content: ''; width: 100%; height: 100%; background: url(../img/img_raid_echidna_rose.webp) repeat-y 50% 50% / contain; animation: roserain 40s linear infinite;}
@keyframes roserain{
    0%{ background: url(../img/img_raid_echidna_rose.webp) repeat-y 50% 0px / contain;}
  100%{ background: url(../img/img_raid_echidna_rose.webp) repeat-y 50% 1000px / contain;}
}
#raid.fullsection.full4 .full_sub_con .full_sub a .mirror{ animation: motion 1000ms linear 0s infinite alternate;}
@keyframes motion {
	0% { margin-top: 0px;} /*처음 위치*/
  100% { margin-top: 10px;} /*마지막 위치*/}
#raid.fullsection.full4 .full_sub_con .full_sub .ice_con1,
#raid.fullsection.full4 .full_sub_con .full_sub .ice_con2,
#raid.fullsection.full4 .full_sub_con .full_sub .ice_con3 { position: relative; content: ''; overflow: hidden; z-index: 1;}
#raid.fullsection.full4 .full_sub_con .full_sub .ice_con1 { top: 180px; left: 150px; width: 183px; height: 349px; background: url(../img/img_raid_ab_ice_thick_02.webp) no-repeat 0 0 / contain;}
#raid.fullsection.full4 .full_sub_con .full_sub .ice_con2 { top: 170px; left: 450px; width: 202px; height: 353px; background: url(../img/img_raid_ab_ice_thick_03.webp) no-repeat 0 0 / contain;}
#raid.fullsection.full4 .full_sub_con .full_sub .ice_con3 { top: -580px; left: 1560px; width: 234px; height: 395px; background: url(../img/img_raid_ab_ice_thick_04.webp) no-repeat 0 0 / contain;}/*얘가오른쪽*/
#raid.fullsection.full4 .full_sub_con .full_sub a .ab_paly { position: absolute; content: ''; top: 570px; left: 433px; width: 250px; height: 215px; pointer-events: initial; background: url(../img/img_raid_ab_paly01.webp) no-repeat 0 0 / cover; z-index: 2;}
#raid.fullsection.full4 .full_sub_con .full_sub a .ab_paly:hover{ background: url(../img/img_raid_ab_paly02.webp) no-repeat 0 0 / cover;}
#raid.fullsection.full4 .full_sub_con .full_sub .full_con ul.v_con.two_con li .title_con{ z-index: 3;}
#raid.fullsection.full4 .full_sub_con .full_sub .full_con ul.v_con.two_con li .title_con.kaze,
#raid.fullsection.full4 .full_sub_con .full_sub .full_con ul.v_con.two_con li .title_con.ech,
#raid.fullsection.full4 .full_sub_con .full_sub .full_con ul.v_con.two_con li .title_con.aeg { bottom: -200px;}
#raid.fullsection.full4 .full_sub_con .full_sub .full_con ul.v_con.two_con li.cells > img {}
#raid.fullsection.full4 .full_sub_con .full_sub .full_con ul.v_con li ul.v_con{}
#raid.fullsection.full4 .full_sub_con .full_sub .full_con ul.v_con li ul.v_con li.cells.box { transform : translateY(200%); border-radius: none;}
#raid.fullsection.full4 .full_sub_con .full_sub .full_con ul.v_con li ul.v_con li.cells.box:before{ position: absolute; content: ''; width: 279px; height: 208px; left: -3px; top: -1px; background: url(../img/img_raid_gallery_frame.webp) no-repeat 0 0 / cover; z-index: 3;}


#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .album_cover { position: relative; aspect-ratio: 1/1; width: 60%; background: url(../img/img_album_cover.webp) 50% 50% no-repeat; background-size: cover; border-radius: 4px; overflow: hidden; box-shadow: 0 10px 30px -10px var(--color-k), 10px 0 10px -5px var(--color-k-065); pointer-events: none;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .album_cover:before, #concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .album_cover:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 4px;
z-index: 1;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .album_cover:before { background: linear-gradient(110deg, var(--color-w-025) 35%, transparent 75%); clip-path: polygon(45% 0%, 100% 0%, 100% 100%, 65% 100%); border-radius: 4px;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .album_cover:after { box-shadow: inset 0 0 3px 0 var(--color-w-015), inset 0 0 60px 0 var(--color-w-025);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .album_cover img { width: 100%; pointer-events: none;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .album_disk { position: absolute; top: var(--mrgn-x2); right: 0; aspect-ratio: 1/1; height: calc(100% - var(--mrgn-x4)); transform: scale(.975); filter: drop-shadow(0 3px 9px var(--color-k-050));}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .album_disk > img { position: absolute; top: 34%; right: 0; width: 60%;
pointer-events: none;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .album_disk > img:first-child { transition: transform 200ms linear;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .album_disk > img.no_t { transition: none;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .album_disk > img.reset { transition: transform 1000ms ease-in-out;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .album_disk > img:last-child { transform: rotate(5deg);}

#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li ul.v_con li iframe { margin-top: -50px;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player { top: var(--mrgn); padding: var(--mrgn-x2) 0 calc(var(--mrgn-x2) - var(--mrgn-half)); text-align: center; -webkit-backdrop-filter: blur(var(--mrgn-half)); backdrop-filter: blur(var(--mrgn-half)); -webkit-mask-image: linear-gradient(#fff calc(100% - var(--mrgn-x2)), transparent 100%); mask-image: linear-gradient(#fff calc(100% - var(--mrgn-x2)), transparent 100%); z-index: 1;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_info, #concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_time { position: relative; text-align: center;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_info { width: 100%; margin: 0 auto var(--mrgn-half); overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0%, #fff 0%, #fff calc(100% - var(--mrgn-x4)), transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #fff 0%, #fff calc(100% - var(--mrgn-x4)), transparent 100%);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player.play > .song_info { -webkit-mask-image: linear-gradient(90deg, transparent 0%, #fff var(--mrgn-x4), #fff calc(100% - var(--mrgn-x4)), transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, #fff var(--mrgn-x4), #fff calc(100% - var(--mrgn-x4)), transparent 100%);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_info .song_title { color: var(--color-point);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_info .song_maker { height: var(--mrgn);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player.play > .song_info .song_maker { white-space: nowrap; animation: marquee 20s linear infinite;}
@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_info .song_maker > * { display: inline-block;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_info .song_maker b {}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_info .song_maker span { padding-right: var(--mrgn-x4);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_info .song_maker span:before { content: "-"; padding: 0 var(--mrgn-half);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_time { width: 450px; margin: 0 auto;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_time > * { display: inline-block; vertical-align: middle;
}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_time > h6 { width: 40px;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_time > h6.last_time, #concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_time > h6.left_time { width: 45px; font-weight: 400; letter-spacing: -.025em;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_time > h6.last_time { text-align: left;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_time > h6.left_time { text-align: right;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_time > input.song_time { width: calc(100% - 90px); height: 6px; border-radius: 3px; margin: 0; background: linear-gradient(to right, var(--color-w-050) 0%, var(--color-w-050) 0%, var(--color-w-050) 0%, var(--color-w-050) 100%); outline: none; -webkit-appearance: none; accent-color: var(--color-w); cursor: pointer;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .song_time > input.song_time::-webkit-slider-thumb { opacity: 0;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .sound, #concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .functions { position: absolute; bottom: calc(var(--mrgn-x2) - var(--mrgn-half));}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .sound { left: -10px;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .sound input.range { vertical-align: middle; background: linear-gradient(to right, var(--color-w-085) 0%, var(--color-w-085) 50%, var(--color-w-035) 50%, var(--color-w-035) 100%); border-radius: 4px; height: 4px; outline: none; transition: background 450ms ease-in; -webkit-appearance: none; accent-color: var(--color-w); cursor: pointer;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .functions { right: -10px;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player > .functions a > i.mini.fa-light { color: var(--color-w);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a { position: relative; width: 48px; height: 48px; display: inline-block; color: var(--color-w); margin: 0; vertical-align: middle; font-size: 1.715em; border-radius: 50%; transform: scale(1); transition: all 75ms ease-out;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a:hover, #concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a:hover > i { color: var(--color-w) !important;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a:active {}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a:active, #concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a:active > i { color: var(--color-point) !important;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a:has(> .fa-backward) { transform-origin: right;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a:has(> .fa-forward) { transform-origin: left;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a:active:has(> .fa-backward) { transform: translateX(-5%);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a:active:has(> .fa-forward) { transform: translateX(5%);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a > i { position: absolute; top: 50%; left: 50%; font-size: .85em; transform: translate(-50%, -50%); transition: inherit;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a > i.fa-play { font-size: 1em;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a > i.fa-pause { font-size: 1.25em;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a > i.mini { font-size: .65em;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .player a > i.mini.fa-light { color: var(--color-w);}

#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_box > li.cells.box .music_list { margin-bottom: calc(var(--mrgn) * -1);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list > div { height: 410px; padding: var(--mrgn-half) 0 var(--mrgn-x2); margin: calc(var(--mrgn-x2)* -1) 0 0; /*-webkit-mask-image: linear-gradient(transparent var(--mrgn-x2), #fff calc(var(--mrgn-x2) + var(--mrgn-half)), #fff calc(100% - var(--mrgn-x2)), transparent 100%); mask-image: linear-gradient(transparent var(--mrgn-x2), #fff calc(var(--mrgn-x2) + var(--mrgn-half)), #fff calc(100% - var(--mrgn-x2)), transparent 100%);*/ overflow: scroll;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table { position: relative; width: calc(100% - var(--mrgn-x4)); margin: 0 var(--mrgn-x2);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table thead { color: var(--color-w-065); pointer-events: none;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr { transform: scale(1); transition: all 150ms ease-out; filter: brightness(1); cursor: pointer;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr:nth-child(2n) > * { background: var(--color-k-050);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr:hover { transform: scale(1.015);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr:hover > * { background: var(--color-w-015); color: var(--color-w);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr:active { transform: scale(1); transform: scale(1.01); filter: brightness(.65);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr > *:first-child { border-radius: 4px 0 0 4px;
}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr > *:last-child { border-radius: 0 4px 4px 0;
}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr > td:nth-child(1) { width: 6%;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr > td:nth-child(2) { width: 42%;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr > td:nth-child(3) { width: 44%;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr > td:nth-child(4) { width: 8%;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > tbody > tr > td:nth-child(2) { font-weight: 500;
}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > tbody > tr > td:nth-child(3) { font-weight: 300;
}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr.merge { width: 100%; color: var(--color-w-065);
pointer-events: none;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr.merge > * { padding: var(--mrgn) 0 calc(var(--mrgn-half) * 1.5); border-radius: 4px; font-size: 1.25em; text-indent: 6%;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr td:first-child, #concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr td:last-child { text-align: center;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr > * { padding: var(--mrgn-half) 0; transition: inherit;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table thead, #concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table tbody {}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table tbody tr td:first-child, #concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table tbody tr td:last-child { font-weight: 400; letter-spacing: -.025em;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr.selected {}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr.selected > td { background: var(--color-point); color: var(--color-w);}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr.selected > td:nth-child(1) { position: relative; color: transparent;}
#concert.fullsection.full5 .full_sub .full_con ul.v_con.two_con li .music_list table > * > tr.selected > td:nth-child(1):before { position: absolute; top: 50%; left: 50%; content: '\f04b'; margin-right: var(--mrgn-half); transform: translate(-50%, -50%); color: var(--color-w); font-family: 'Font Awesome 6 Pro'; font-size: 1.25em; font-weight: 900;}


#campaign.fullsection.full6 .mococo_01 { position: absolute; content: ''; width: 4%; height: auto; top: 245px; left: 278px; pointer-events: none;}
#campaign.fullsection.full6 .mococo_02 { position: absolute; content: ''; width: 4%; height: auto; top: 465px; left: 577px; transform: rotate(32deg); pointer-events: none;}
#campaign.fullsection.full6 .mococo_03 { position: absolute; content: ''; top: 300px; left: 780px; pointer-events: none;}
#campaign.fullsection.full6 .mococo_04 { position: absolute; content: ''; top: calc(50% + 200px); left: calc(50% + 610px); transform: scaleX(-1); pointer-events: none;}
#campaign.fullsection.full6 .full_con ul.v_con.two_con li {}
#campaign.fullsection.full6 .full_con ul.v_con.two_con li > h6 { top:600px;}
#campaign.fullsection.full6 .full_con ul.v_con.two_con li .title_con{}
#campaign.fullsection.full6 .full_con ul.v_con.two_con li > iframe { margin-top: -75px;}

#fullpage .pagination b { color: var(--color-point); font-size:2.5em; vertical-align: baseline;}
#fullpage .pagination span { vertical-align: baseline;}