@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&display=swap');

#header {
    padding-left: 3.125rem;
    padding-right: 3.125rem;
}
#header .logo_lap {
    position: relative;
    display: inline-block;
}
#header .logo_lap img {
    display: block;
    transition: opacity .3s;
}
#header .logo_lap .logo_hover {
    position: absolute;
    inset: 0;
    opacity: 0;
}
#header:hover .logo .logo_default,
#header._fixed .logo .logo_default,
.login_wrap #header .logo .logo_default {
    opacity: 0;
}
#header:hover .logo .logo_hover,
#header._fixed .logo .logo_hover,
.login_wrap #header .logo .logo_hover {
    opacity: 1;
}
#header #gnb {
    padding-top: 0;
    transition: padding 0s;
}
#header .g_nav {
    padding-right: 0;
}
#header .g_nav .depth_1 {
    justify-content: flex-end;
}
#header .g_nav .depth_1 > li {
    min-height: 5.5rem;
}
#header .g_nav .depth_1 > li > a.not {
    cursor: default;
}
#header .g_nav .depth_1 > li.on > a.not {
    color: #222 !important;
}
.allMenu_mo_wrap ul > li {
    position: relative;
    border-bottom: 1px solid #dddddd;
}
.allMenu_mo_wrap ul > li > a {
    display: block;
    line-height: 1.5;
    font-weight: 500;
    padding-left: 2.50182rem;
    padding-right: 2.50182rem;
    padding-top: 2.50182rem;
    padding-bottom: 2.50182rem;
    font-size: 1.87636rem;
    position: relative;
}
.allMenu_mo_wrap .amm_logo > a {
    width: 20rem;
}

#header .logo img {height: 2.4375rem;}

/*main*/
.main {
    position: relative;
    height: 62rem;
    background: url('../images/main_bg.jpg?v=0.2') no-repeat center left;
    background-size: cover;
}
.main_desc {
    position: absolute;
    left: 9.375rem;
    top: 18rem;
    z-index: 1;
    max-width: 659px;
    font-family: "Montserrat", sans-serif;
    line-height: 1;
}

/* See you in 2027 */
.main_teaser {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.48px;
}

/* KCR 2027 + 날짜 */
.main_event {
    margin-top: 1.25rem;
}

.main_title {
    font-size: 6.25rem;
    font-weight: 600;
    letter-spacing: -1.5px;
    color: #EF7A00;
}

.main_date {
    display: inline-block;
    margin-top: .625rem;
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.48px;
}

.main_day {
    font-size: 1rem;
    font-weight: 600;
    vertical-align: top;
    letter-spacing: -0.24px;
}

/* New Venue + 장소 */
.main_venue {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 34px;
}

.main_venue_badge {
    display: inline-block;
    padding: .625rem;
    font-size: 1rem;
    font-weight: 600;
    background: #26397D;
    letter-spacing: -0.24px;
}

.main_venue_name {
    margin: 0;
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: -0.6px;
}

/* Important Dates 박스 */
.main_dates {
    display: inline-block;
    margin-top: 3.125rem;
    padding: 1.25rem;
    background: rgba(0, 0, 0, .7);
}

.main_dates_title {
    margin-bottom: .9375rem;
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: -0.3px;
}

.main_dates_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main_dates_list li {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5;
    color: #fff;
    letter-spacing: -0.27px;
}
@media screen and (max-width: 1280px) {
    .main_desc {top: 14rem;}
}
@media screen and (max-width:800px) {
    :root {font-size: 11px;}
    body.__sub #header .right_menu .all_menu_btn .bugger, body.__sub #header .right_menu .all_menu_btn .bugger::before, body.__sub #header .right_menu .all_menu_btn .bugger::after {
    background-color: #fff;
    }
    #header .logo img {
        height: 3.0625rem;
    }
    .main {
        height: 100vh;
        background-image: url('../images/main_bg_m.jpg?v=0.2');
    }
    .main_desc {top: 20.625rem; left: 2.5rem;}
    .main_teaser {font-size: 2.5rem; letter-spacing: -0.6px;}
    .main_event {margin-top: 1.25rem;}
    .main_title {font-size: 7.5rem; letter-spacing: -1.8px;}
    .main_date {margin-top: .625rem; font-size: 2.5rem; letter-spacing: -0.6px;}
    .main_day {font-size: 1.25rem; letter-spacing: -0.3px;}
    .main_venue {flex-direction: column; align-items: flex-start; gap: 1.25rem; margin-top: 1.25rem;}
    .main_venue_badge {font-size: 1.25rem; letter-spacing: -0.3px;}
    .main_venue_name {font-size: 3rem; letter-spacing: -0.72px;}
    .main_dates {margin-top: 2.5rem;}
    .main_dates_title {font-size: 1.5rem; letter-spacing: -0.36px;}
    .main_dates_list li {font-size: 1.375rem; line-height: 1.8; letter-spacing: -0.33px;}
}
@media screen and (max-width: 500px) {
    :root {font-size: 2vw;}
}