@charset "utf-8";
.col_mob { display: none; }
@media (max-width:991px) {
    .col_web { display: none; }
    .col_mob { display: column-group; }
}

.event { background: #e3eaf8; }
    .event .box h2 { padding: 0 0 40px 0; font-size: 2em; text-align: center; font-weight: 800; color: #ff725a; }
    .event .box ul { display: flex; flex-wrap: wrap; gap: 20px; }    
    .event .box li { position: relative; border: 1px solid #ff725a; }
    .event .box li div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 20px; color: var(--white);
                         display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; text-align: center; }
    .event .box li div strong { font-size: 2em; line-height: 1.2em; }
    .event .box li div span { font-size: 1.2em; }

    .event .box01 li { width: calc(50% - 10px); }

    .event .box02 { padding: 70px 0 0 0; }
    .event .box02 li { width: calc(33.3% - 13px); }
    @media (max-width:991px) {
        .event .box ul { display: flex; flex-wrap: wrap; gap: 10px; }
        .event .box01 li { width: 100%; }
        .event .box02 li { width: calc(50% - 5px); }
        .event .box li div { padding: 0 10px; }
        .event .box li div strong { font-size: 1.7em; }
        .event .box li div span { font-size: 1.1em; }
    }

/* 공통
.event .tt { display: flex; justify-content: space-between; align-items: center; margin: 0 0 100px 0; padding: 0 0 30px 0; color: #283278; border-bottom: 1px solid #283278; }
    .event .tt > div { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; }
    .event .tt > div::before,
    .event .tt > div::after { display: none; }
    .event .tt h2 { font-size: 2.88em; font-weight: 700; }
@media (max-width:991px) {
    .event .tt { margin: 0 0 30px 0; padding: 0 0 15px 0; }
    .event .tt > div { align-items: flex-start; flex-direction: column; gap: 10px; }
}

오픈전
.event .box h3 { padding: 0 0 20px 0; font-weight: 700; color: #283278; border-bottom: 1px solid #283278; }
@media (max-width:991px) {
    .event .box h3 { padding: 0 0 10px 0; }
}

.event .box02 dl { display: flex; flex-wrap: wrap; align-items: center; gap: 50px; padding: 30px 0 0 0; }
    .event .box02 dt { width: 55%; }
    .event .box02 dd { width: calc(45% - 50px); }
    .event .box02 h2 { padding: 0 0 10px 0; font-size: 2em; }
    @media (max-width:991px) {
        .event .box02 dl { gap: 20px; padding: 15px 0 0 0; }
        .event .box02 dt,
        .event .box02 dd { width: 100%; }
        .event .box02 h2 { font-size: 1.5em; }
    }

.event .box03 ul { display: flex; flex-wrap: wrap; align-items: center; align-items: flex-start; gap: 50px; padding: 30px 0 0 0; }
    .event .box03 li { width: calc(50% - 25px); }
    .event .box03 h2 { font-size: 2em; padding: 20px 0 10px 0; }
@media (max-width:991px) {
    .event .box03 ul { gap: 10px; padding: 15px 0 0 0; }
    .event .box03 li { width: calc(50% - 5px); }
    .event .box03 h2 { padding: 10px 0 5px 0; font-size: 1.3em; }
}

임시
.img_box ul { display: flex; flex-direction: column; gap: 20px; color: var(--white); }
    .img_box li { position: relative; }
    .img_box div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; }
    .img_box div strong { border-bottom: 1px solid var(--white); }

.box01 { padding: 10px 0 0 0; text-align: center; }

탭 메뉴
.tab_box ul { display: flex; flex-wrap: wrap; justify-content: center; }
    .tab_box ul li { display: flex; align-items: center; justify-content: center; width: 25%; text-align: center; border: 1px solid var(--BK-E5); }
    .tab_box li span { display: block; padding: 10px 0; }
    .tab_box a { display: block; width: 100%;}
    .tab_box ul li a:hover,
    .tab_box .on { color: var(--white); background: var(--RD-FF); }
    .tab_box p { padding: 20px 0 0 0; text-align: center; }

테이블 타입
.tb_box { padding: 5% 0 0 0; }
    .tb_box h3 { padding: 0 0 40px 0; text-align: center; font-weight: 800; color: var(--PU-28); }
    .tb_box h5 { padding: 0 0 20px 0; text-align: center; font-weight: 800; }

    .tb_box .tt02 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5px; padding: 0 0 40px 0; }
    .tb_box .tt02 p { font-weight: 800; color: var(--PU-28); }

    .tb_box span { display: inline-block; }
    .tb_box table { border-top: 2px solid var(--BL-46); }
    .tb_box .co01 { color: var(--BL-46); }
    .tb_box a { font-weight: 800; color: var(--BL-46); }
    .tb_box td,
    .tb_box th { padding: 10px; font-weight: 400; border-bottom: 1px solid var(--BK-E5); }
    .tb_box th { text-align: center; background-color: var(--BK-F0); }
    .tb_box th.bg { font-weight: 800; background: var(--GR-DB); }
    .tb_box td { padding: 10px; font-weight: 400; }


.tb_box .tb01 { text-align: center; }

하단 버튼
.btn_box { padding: 5% 0; text-align: center; }
    .btn_box a { display: inline-block; width: 50%; padding: 30px 10px; font-size: 1.5em; font-weight: 800;  }
    .btn_box a + a { margin-top: 20px; }
    .btn_box a:hover { opacity: 0.9; }
    .col_mob{display: none;}

@media (max-width:991px) {
    .col_mob {display: table-column-group;}
    .tab_box ul li { width: 50%; }
    .tb_box h3 { padding: 0 0 20px 0; }
    .tb_box .tt02 { padding: 0 0 20px 0; }
    .btn_box a { width: 80%; padding: 20px 10px; }
}

.event .bg01 { color: #466ed2; background: #d2e2f4 !important; } */