@charset "UTF-8";

/************* [ Text ] **************/
.sub-y-tilte {
    font-size: 3.8rem;
    font-family: "Road Rage", sans-serif;
    text-align: center;
    color: #ffff00;
    margin-bottom: 1.8rem;
}

/* 반응형 */
@media (max-width: 768px) {
    .sub-y-tilte {
        font-size: 1.8rem;
    }

}

/* 한글 */
.sub-k-tilte {
    font-size: 3rem;
    font-family: "Do Hyeon", sans-serif;
    text-align: center;
    color: #ffff00;
    margin-bottom: 1.8rem;
    font-weight: normal;
}

/* 반응형 */
@media (max-width: 768px) {
    .sub-k-tilte {
        font-size: 1.4rem;
    }

}

/* 소 타이틀 */

.glitch-broken {
    position: relative;
    font-size: 6rem;
    text-transform: uppercase;
    font-family: "Anton", sans-serif;
    font-weight: 400;
    color: white;
    line-height: 1.1;
    text-shadow:
        2px 0 red,
        -2px 0 cyan,
        4px 4px #111;

    /* 약간 찧긴 느낌의 랜덤 왜곡 효과 */
    display: inline-block;
    letter-spacing: 6px;
}

.glitch-broken::before,
.glitch-broken::after {
    content: attr(data-text);
    position: absolute;
    left: 0;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
    color: #fff;
}

/* 위쪽 찢긴 레이어 */
.glitch-broken::before {
    top: 0;
    clip-path: polygon(0 0, 100% 0, 100% 45%, 0 45%);
    transform: translate(-2px, -2px);
    color: red;
    opacity: 0.8;
}

/* 아래쪽 찢긴 레이어 */
.glitch-broken::after {
    bottom: 0;
    clip-path: polygon(0 55%, 100% 55%, 100% 100%, 0 100%);
    transform: translate(2px, 2px);
    color: cyan;
    opacity: 0.8;
}

.glitch-line-bar {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, red, white, cyan);
    transform: rotate(-2deg);
    z-index: 5;
    opacity: 0.9;
    mix-blend-mode: screen;
}

@media (max-width: 768px) {
    .glitch-broken {
        font-size: 2.5rem;
    }

}


/************ [ 제품정보 ] ************/
.product-box {
    width: min(90vw, 900px);
    margin: 10vw auto 10vw;

}

.image-text-section {

    background: transparent;
    color: #fff;

}

.content-grid {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 40px;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
}

.image-box {
    width: 200px;
}

.image-box img {
    width: 100%;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.text-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.main-title {
    font-size: 2.2rem;
    color: #ffff00;
    font-family: "Anton", sans-serif;
}

.sub-title {
    font-size: 1.2rem;
    color: #fff;
    font-family: "Noto Sans", sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.4;
}

.cta-button {
    padding: 14px 28px;
    border: 1px solid #ff1a31;
    background: rgba(255, 26, 49, 0.3);
    color: #fff;
    text-decoration: none;
    transition: transform 0.3s ease, background 0.3s;
    max-width: fit-content;
    font-family: "Koulen", sans-serif;
    font-size: 1.4rem;
}

.cta-button:hover {
    transform: scale(1.05);
    background: #ff1a31;
}

/* 반응형 */
@media (max-width: 768px) {
    .content-grid {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
        /* 그리드 아이템 수평 정렬 */
    }

    .text-box {
        align-items: center;
        /* 텍스트와 버튼도 중앙 정렬 */
    }

    .main-title {
        font-size: 1.4rem;
    }

    .sub-title {
        font-size: 0.8rem;
    }

    .cta-button {
        margin: 0 auto;
        /* 버튼도 중앙 정렬 */
        font-size: 1rem;
        padding: 10px 24px;
    }
}

/************ [ 효과 ] ************/

/* 구분선 */
.section-divider {
    height: 2px;
    background: linear-gradient(to right, #333, #666, #333);
    border: none;
    margin: 60px auto;
}

/* 애니메이션 공통 */
[data-animate] {
    opacity: 0;
    transition: all 0.9s ease;
}

[data-animate].show {
    opacity: 1;
}

/* 애니메이션 방향별 */
[data-animate="left"] {
    transform: translateX(-60px);
}

[data-animate="left"].show {
    transform: translateX(0);
}

[data-animate="up"] {
    transform: translateY(40px);
}

[data-animate="up"].show {
    transform: translateY(0);
}

[data-animate="right"] {
    transform: translateX(60px);
}

[data-animate="right"].show {
    transform: translateX(0);
}

/************ [ RULES ] ************/
.game-hero-section {
    padding: 130px 20px 80px 20px;
    color: #fff;
}

.game-hero-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;
    gap: 60px;
    max-width: 1200px;
    margin: 0 auto;
}

.game-hero-image {
    text-align: center;
}

.game-hero-image img {
    max-width: 100%;
    height: auto;
    object-fit: cover;
}

.game-hero-title-box {
    text-align: center;
}

/* 반응형 */
@media (max-width: 768px) {
    .game-hero-section {
        padding: 80px 20px;
    }

    .game-hero-grid {
        grid-template-columns: 1fr;
        padding: 0;
        gap: 30px;
    }

    .game-hero-title-box {
        text-align: center;
        order: -1;
        /* 타이틀이 위로 */
    }

    .game-hero-image {
        order: 1;
    }

}

.gray-full-box {
    background-color: #111;
    padding: 20px 0;
}

@media (max-width: 768px) {
    .gray-full-box {
        margin-bottom: 30px;
    }
}

.img-text-section {
    display: flex;
    gap: 2rem;
    align-items: center;
    justify-content: flex-start;
    width: 990px;
    margin: auto;
}

@media (max-width: 820px) {
    .img-text-section {
        width: 790px;
        gap: 0.5rem;
    }

}

.y-box {
    width: 200px;
}

.y-box img {
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: 1rem;
    object-fit: cover;
}

.color-label {
    padding: 12px 0;
    border-radius: 20px;
    font-family: "Anton", sans-serif;
    color: #fff;
    font-size: 1.5rem;
    min-width: 120px;
    text-align: center;
}

.tt-box {
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
}

.color-label em {
    color: #ffff00;
    font-style: normal
}

.color-label.blue {
    background: #2d76fe;
}

.color-label.red {
    background: #a40000;
}

.color-label.purple {
    background: #601986;
}

.y-text {
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold
}

/* 반응형 */


@media (max-width: 912px) {

    .img-text-section {
        width: 800px
    }

    .color-label {
        font-size: 0.9rem;
        min-width: 70px;
    }
}

@media (max-width: 820px) {
    .color-label {
        font-size: 1rem;
        min-width: 80px;
    }

    .y-text {
        font-size: 1.1rem
    }

    .y-box {
        width: 180px;
    }
}

@media (max-width: 768px) {
    .img-text-section {
        width: 88%;
        display: flex;
        grid-template-columns: 1fr;
        flex-wrap: wrap;
        gap: 0.8rem;
        justify-content: center;
    }

    .y-text {
        width: 100%;
        font-size: 1rem;
        margin-bottom: 1rem;
        line-height: 1.4;
        text-align: center;
    }

    .color-label {
        padding: 8px 0;
        min-width: 80px;
        font-size: 1.1rem;
    }
}


/**************** 룰 이미지 **************/


/************* [ SCHEDULE ] **************/

.bg-fit {
    text-align: center;
    background: url(../images/main-logo-br.png) no-repeat 50% 50% fixed;
    background-size: cover;
}

.dae-title {
    position: relative;
}

.black-box {
    position: relative;
    margin: 0 auto 0;
    width: 1200px;
    padding-top: 160px;
    box-sizing: border-box;

}


@media (max-width: 768px) {
    .black-box {
        padding-top: 80px;
        margin: 0 auto 20px;
        max-width: 90%;
    }
}

@media (max-width: 1024px) {
    .black-box {
        width: 800px;
    }
}



.sche-title {
    font-size: 2.6rem;
    font-family: "Do Hyeon", sans-serif;
    color: #fff;
    font-weight: normal;
    margin: 40px auto 30px;
}

.info-mini {
    font-size: 1rem;
    color: #ffff00;
    font-family: "Noto Sans", sans-serif;

}

@media (max-width: 768px) {
    .bg-fit {
        background: none;
    }

    .sche-title {
        font-size: 1.7rem;
        margin: 30px auto 20px;
    }

    .info-mini {
        font-size: 0.8rem
    }
}

/* 카드형 */
.tournament-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* 기본 3장 */
    gap: 2rem;
    padding-top: 3rem;
    padding-bottom: 2rem;
}

@media (max-width: 768px) {
    .tournament-grid {
        grid-template-columns: repeat(3, 1fr);
        padding-top: 2rem;
        gap: 0.5rem;
        padding-bottom: 1rem;
    }

}

@media (max-width: 430px) {
    .tournament-grid {
        grid-template-columns: repeat(2, 1fr);
        padding-top: 2rem;
        gap: 0.5rem;
        padding-bottom: 0;
    }

}

.tournament-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.6rem;
    padding: 2rem;
    border: 2px solid #444;
    background: #000;
    transition: transform 0.3s ease;
}

.tournament-header img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.tournament-header:hover {
    opacity: 0.7;
    transform: translateY(-10px);
    border-top: 1px solid #e31b23;
    border-left: 1px solid #e31b23;
    border-right: 1px solid #2d76fe;
    border-bottom: 1px solid #2d76fe;
    cursor: pointer;
}

.event-name {
    color: #ffff00;
    font-size: 1.6rem;
    font-family: "Do Hyeon", sans-serif;
}

.event-name.long2 {
    font-size: 1.3rem;
    line-height: 1.3rem;
}

.location {
    font-size: 1.2rem;
    color: #fff;
    margin: 0.6rem 0 0.4rem;
    font-family: "Noto Sans", sans-serif;
    font-weight: bold;

}

.date {
    font-size: 1rem;
    color: #fff;
    margin-bottom: 0.8rem;
    font-family: "Noto Sans", sans-serif;
    font-weight: bold;
}

.lavel-box {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    box-sizing: border-box;
    margin-bottom: 1rem;
}

.lavel-box li.lank {
    max-width: 9.375vw;

}

.lavel-box li.lank div {
    height: 88px;
    display: flex;
    align-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}


.lavel-box li.lank img {
    margin-bottom: 5px;
}


.tournament-details {
    display: grid;
    justify-items: center;

}

@media (max-width: 1024px) {
    .event-name {
        font-size: 1.3rem;
        line-height: 1.3rem;
    }

    .event-name.long {
        font-size: 1.1rem;
        line-height: 1.3rem;
    }

    .event-name.long2 {
        font-size: 0.9rem;
        line-height: 1.3rem;
    }

}



@media (max-width: 820px) {
    .event-name {
        font-size: 1.15rem;
        line-height: 1rem;
    }

    .event-name.long {
        font-size: 1rem;
        line-height: 1rem;
    }

    .event-name.long2 {
        font-size: 0.9rem;
        line-height: 1rem;
    }
}

@media (max-width: 768px) {

    .tournament-header:hover {
        transform: translateY(0);
    }

    .tournament-header {
        padding: 1rem;
        margin-bottom: 1rem;
    }

    .tournament-card {
        padding: 0;
    }

    .event-name {
        font-size: 0.9rem;
        font-family: "Koulen", sans-serif;
        line-height: 0.9rem;
    }

    .event-name.long {
        font-size: 0.7rem;
        line-height: 0.9rem;
    }

    .event-name.long2 {
        font-size: 0.5rem;
        line-height: 0.9rem;
    }

    .location,
    .date {
        font-size: 0.7rem;
        vertical-align: bottom;
    }

    .lavel-box {
        margin-bottom: 1rem;
    }

    .lavel-box li.lank {
        max-width: 15vw;
    }

    .lavel-box li.lank div {
        height: 40px;
    }

}


@media (max-width: 412px) {
    .event-name {
        font-size: 3.3333333333vw;
        line-height: 1rem;
    }

    .event-name.long {
        font-size: 2.6530612245vw;
        line-height: 1rem;
    }

}


@media (max-width: 390px) {
    .event-name {
        font-size: 3.3333333333vw;
        line-height: 1rem;
    }

    .event-name.long {
        font-size: 2.6530612245vw;
        line-height: 1rem;
    }

}

@media (max-width: 344px) {
    .event-name.long {
        font-size: 2.6530612245vw;
    }
}


/* lank */
.platinum_plus {
    color: #111;
    background: linear-gradient(to top, #dea4f7, #fff);
    font-family: "Anton", sans-serif;
    font-size: 1rem;
    padding: 5px 6px;
    width: 90%;
    max-width: 82px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 4px;
}

.platinum {
    color: #111;
    background: #dea4f7;
    font-family: "Anton", sans-serif;
    font-size: 1rem;
    padding: 5px 6px;
    width: 90%;
    max-width: 82px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 4px;
}

.platinum.new {
    position: relative;
}

.platinum.new::before {
    position: absolute;
    top: -15px;
    right: -15px;
    background: red;
    color: #fff;
    font-size: 9px;
    content: "NEW";
    width: 26px;
    height: 26px;
    border-radius: 50%;
    line-height: 26px;
    font-family: "Noto Sans", sans-serif;
    font-weight: 600;
    text-align: center;
}

.gold_plus {
    color: #111;
    background: linear-gradient(to top, #dc9618, #fff);
    font-family: "Anton", sans-serif;
    font-size: 1rem;
    padding: 5px 6px;
    width: 90%;
    max-width: 82px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 4px;
}

.gold {
    color: #111;
    background: #dc9618;
    font-family: "Anton", sans-serif;
    font-size: 1rem;
    padding: 5px 6px;
    width: 90%;
    max-width: 82px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 4px;
}

.silver {
    color: #111;
    background: #bebebe;
    font-family: "Anton", sans-serif;
    font-size: 1rem;
    padding: 5px 6px;
    width: 90%;
    max-width: 82px;
    box-sizing: border-box;
    display: inline-block;
    border-radius: 4px;
}

@media (max-width: 768px) {

    .platinum_plus,
    .platinum,
    .gold_plus,
    .gold,
    .silver {
        font-size: 0.6rem;
        padding: 2px 3px;
        width: 42px;
    }

    .platinum.new::after {
        font-size: 9px;
        width: 23px;
        height: 23px;
        line-height: 23px;
    }
}

/* more */
.txt-com {
    color: #fff;
    padding: 0 0 5rem;
    text-align: center;
    font-size: 1.4rem;
    font-family: "Anton", sans-serif;
    font-style: italic;
}

.txt-com span {
    border: 1px dashed #999;
    display: inline-block;
    padding: 1rem 2rem
}

@media (max-width: 768px) {
    .txt-com {
        font-size: 3.3333333333vw;
        padding: 0
    }

    .txt-com span {
        padding: 0.5rem 1rem;
    }
}

/************* [ PLAYER ] **************/

.pla-box {
    position: relative;
    margin: 0 auto 4vw;
    width: 1200px;
    padding-top: 160px;
    box-sizing: border-box;
    text-align: center;

}


@media (max-width: 768px) {
    .pla-box {
        padding-top: 80px;
        margin: 0 auto 4vw;
        max-width: 90%;
    }
}

@media (max-width: 1024px) {
    .pla-box {
        width: 800px;
    }
}

/************* [ PLAYER CARD ] **************/
.card-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    padding: 1rem;
    max-width: 1200px;
    /* 최대 너비 제한 */
    margin: 0 auto 2rem;
    justify-content: center;
}

.player {
    display: flex;
    align-items: center;
    justify-content: center;
}

.player img {
    width: 100%;
    height: auto;
    display: block;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

/*.player  img:hover {
    transform: scale(1.03);
}*/

/* 태블릿 (2장) */
@media (max-width: 1024px) {
    .card-grid {
        grid-template-columns: repeat(2, 1fr);
        margin: 0 auto 1rem;
    }
}

/* 모바일 (1장) */
@media (max-width: 600px) {
    .card-grid {
        grid-template-columns: 1fr;
        margin: 0 auto 1rem;
    }
}

/* 로고 */
.play-logo {
    height: 5.2083333333vw;
    width: auto;
    text-align: center;
}

.play-logo2 {
    height: 8.2083333333vw;
    width: auto;
    text-align: center;
}

.play-logo img {
    width: auto;
    height: 100%;
    object-fit: cover;
}

.play-logo2 img {
    width: auto;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 980px) {
    .play-logo {
        height: 8.1428571429vw;
    }

    .play-logo2 {
        height: 9.1428571429vw;
    }


}

.align-ctr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 3rem;
}


/*** 트레일러 ***/
.title-block-top {
    margin: 6.8vw auto 2vw;
}

#awt2025_pv {
    margin: 0 auto 4.1666666667vw;
    width: 100%;
    max-width: 640px;
}

@media (max-width: 980px) {
    #awt2025_pv {
        margin: 0 auto 6.1224489796vw;
        max-width: 90%;
    }
}

@media (max-width: 480px) {
    #awt2025_pv {
        margin: 0 auto 12.5vw;
        max-width: 90%;
    }
}

#awt2025_pv .video {
    box-sizing: border-box;
    position: relative;
    padding-bottom: 56.25%;
}

#awt2025_pv .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 썸네일 */
/* PC 기본 스타일 */
.thumbnail-wrapper {
    display: flex;
    justify-content: center;
    /* 가운데 정렬 */
    padding: 10rem 0 2rem;
}

.thumbnail-container {
    width: 560px;
    height: 315px;
    overflow: hidden;
    border-radius: 8px;
    transition: transform 0.3s ease;
}

.thumbnail-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

/* Hover 확대 효과 */
.thumbnail-container:hover img {
    transform: scale(1.05);
}

/* 태블릿 이하 */
@media (max-width: 1024px) {

    .thumbnail-wrapper {
        padding: 5rem 0 2rem;
    }

    .thumbnail-container {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
        margin: 0 1rem;
        /* 좌우 여백 */
    }
}

/*** 다운로드 ***/
.card-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.card-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
    justify-content: center;
}

.card {
    background: rgb(17, 17, 17);
    padding: 1.5rem;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.card p {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    font-family: "Noto Sans", sans-serif;
    font-weight: bold;
    color: #fff;
}

.download-btn {
    display: inline-block;
    padding: 0.8rem 1.2rem;
    background-color: rgba(255, 26, 49, 0.3);
    color: #fff;
    text-decoration: none;
    transition: background 0.3s ease;
    font-weight: bold;
    font-size: 1.2rem;
    border: 1px solid #ff1a31;
    font-family: "Koulen", sans-serif;
}

.download-btn:hover {
    background-color: #cc002f;
}

@media (max-width: 1024px) {
    .card p {
        font-size: 1.2rem;
    }

    .download-btn {
        font-size: 0.9rem
    }
}

.white {
    background: #fff;
}

/****** online ******/
.sub-sche-title {
    font-size: 3.2vh;
    font-family: "Anton", sans-serif;
    color: #fff;
    margin: 2vh auto 3.2vh;
    padding: 1.2vh 2.8vh;
    border: 3px solid;
    border-image: linear-gradient(135deg, red, cyan);
    border-image-slice: 1;
    display: inline-block;

}


.online-box {
    padding-bottom: 5vh
}

.lank-mg {
    margin: 1vh 0 0
}

/* */
.tournaments {
    margin: 0 auto;
    width: 100%;
    max-width: 64.6354166667vw;
    text-align: left;
}

@media (max-width: 1280px) {
    .tournaments {
        box-sizing: border-box;
        max-width: 96.953125vw;
        padding: 0 2.34375vw;
        max-width: 95%;
    }
}

@media (max-width: 980px) {
    .tournaments {
        max-width: 85%;
    }
}

@media (max-width: 480px) {
    .tournaments {
        max-width: 88%;
    }
}

.tournaments .tournament_list {
    margin-top: 20px;
}

@media (max-width: 980px) {
    .tournaments .tournament_list {
        overflow: scroll;
    }
}

@media (max-width: 1280px) {

    .tournaments .tournament_list.gbvsr,
    .tournaments .tournament_list.ggst {
        box-sizing: border-box;
        padding-left: 3vw;
    }
}

@media (max-width: 980px) {

    .tournaments .tournament_list.gbvsr,
    .tournaments .tournament_list.ggst {
        box-sizing: border-box;
        padding-left: 5vw;
    }
}

@media (max-width: 480px) {

    .tournaments .tournament_list.gbvsr,
    .tournaments .tournament_list.ggst {
        box-sizing: border-box;
        padding-left: 12vw;
    }
}

.tournaments .tournament_list>div {
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1.0416666667vw;

}



@media (max-width: 1280px) {
    .tournaments .tournament_list>div {
        padding: 1vh 1.5625vw;
    }
}

@media (max-width: 980px) {
    .tournaments .tournament_list>div {
        padding: 1.8vh 2.0408163265vw;
        width: 600px;
    }
}

@media (max-width: 480px) {
    .tournaments .tournament_list>div {
        padding: 3.2083333333vw 4.1666666667vw;
    }
}

.tournaments .tournament_list>div.list_ttl.gbvsr {
    background: #2d76fe;

}

.tournaments .tournament_list>div.list_ttl.gbvsr dt,
.tournaments .tournament_list>div.list_ttl.gbvsr dd {
    color: #fff;
    font-weight: bold;
}

.tournaments .tournament_list>div.list_ttl.ggst {
    background: #a40000;

}

.tournaments .tournament_list>div.list_ttl.ggst dt,
.tournaments .tournament_list>div.list_ttl.ggst dd {
    color: #fff;
    font-weight: bold;
}

.tournaments .tournament_list>div:nth-child(n + 2) {
    margin-top: 20px;
}

@media (max-width: 980px) {
    .tournaments .tournament_list>div:nth-child(n + 2) {
        margin-top: 15px;
    }
}

.tournaments .tournament_list>div dt,
.tournaments .tournament_list>div dd {
    color: #fff;
}

.tournaments .tournament_list>div dt {
    font-weight: bold;
    width: 100%;
}

.tournaments .tournament_list>div dt a {
    color: #fff;
    transition: all .3s;
}

.tournaments .tournament_list>div dt a:hover {
    color: yellow;
}

@media (max-width: 980px) {
    .tournaments .tournament_list>div dt a:hover {
        color: #fff;
    }
}

@media (max-width: 980px) {
    .tournaments .tournament_list>div dt a:active {
        color: yellow
    }
}

.tournaments .tournament_list>div dt.gbvsr_t_name {
    max-width: 40%;
    margin-right: 5px;
}

.tournaments .tournament_list>div dt.ggst_t_name {
    max-width: 50%;
    margin-right: 5px;
}

.tournaments .tournament_list>div dd {
    width: 100%;
}

.tournaments .tournament_list>div dd.gbvsr_t_area {
    max-width: 120px;
}

.tournaments .tournament_list>div dd.gbvsr_t_day {
    max-width: 200px;
    text-align: center;
}

.tournaments .tournament_list>div dd.ggst_t_area {
    max-width: 200px;
}

.tournaments .tournament_list>div dd.ggst_t_day {
    max-width: 200px;
    text-align: center;
}



/* 온라인 아이콘 */


.tournaments .tournament_list>div.tt_ttl_icon {
    position: relative;
}

.tournaments .tournament_list>div.tt_ttl_icon::before {
    content: "";
    position: absolute;
    height: 3vw;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 50%;
    left: -3vw;
    width: 100%;
    max-width: 3vw;
    margin-top: -1.5vw;
}

@media (max-width: 1280px) {
    .tournaments .tournament_list>div.tt_ttl_icon::before {
        height: 3vw;
        max-width: 3vw;
        left: -3vw;
        margin-top: -1.5vw;
    }
}

@media (max-width: 980px) {
    .tournaments .tournament_list>div.tt_ttl_icon::before {
        height: 5vw;
        max-width: 5vw;
        left: -5vw;
        margin-top: -2.5vw;
    }
}

@media (max-width: 480px) {
    .tournaments .tournament_list>div.tt_ttl_icon::before {
        height: 12vw;
        max-width: 12vw;
        left: -12vw;
        margin-top: -6vw;
    }
}

/* gbvsr logo */
.tournaments .tournament_list>div.tt_ttl_icon.logo1::before {
    background: url("../images/online_logo_1.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo2::before {
    background: url("../images/online_logo_2.png") no-repeat;
    background-size: contain;
}

.tournaments .tournament_list>div.tt_ttl_icon.logo3::before {
    background: url("../images/online_logo_3.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo4::before {
    background: url("../images/online_logo_4.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo5::before {
    background: url("../images/online_logo_5.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo6::before {
    background: url("../images/online_logo_6.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo7::before {
    background: url("../images/online_logo_7.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo8::before {
    background: url("../images/online_logo_8.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo9::before {
    background: url("../images/online_logo_9.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo10::before {
    background: url("../images/online_logo_10.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo11::before {
    background: url("../images/online_logo_11.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo12::before {
    background: url("../images/online_logo_12.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo13::before {
    background: url("../images/online_logo_13.png") no-repeat;
    background-size: contain;

}

/* ggst logo */
.tournaments .tournament_list>div.tt_ttl_icon.logo14::before {
    background: url("../images/online_logo_ggst1.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo15::before {
    background: url("../images/online_logo_ggst2.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo16::before {
    background: url("../images/online_logo_ggst3.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo17::before {
    background: url("../images/online_logo_ggst4.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo18::before {
    background: url("../images/online_logo_ggst5.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo19::before {
    background: url("../images/online_logo_ggst6.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo20::before {
    background: url("../images/online_logo_ggst7.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo21::before {
    background: url("../images/online_logo_ggst8.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo22::before {
    background: url("../images/online_logo_ggst9.png") no-repeat;
    background-size: contain;

}

.tournaments .tournament_list>div.tt_ttl_icon.logo23::before {
    background: url("../images/online_logo_ggst10.png") no-repeat;
    background-size: contain;

}