/* ----------------------------------------------------------
Base
---------------------------------------------------------- */
a {
    text-decoration: none;
    color: inherit;
}
img {
    display: block;
    max-width: 100%;
}
.hide {
    display: none !important;
}
.mo {
    display: none !important;
}
.pc {
    display: block;
}

#fog, #fog2 {
    display: none;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    padding-bottom: 100%;
}

.link {
  position:absolute;
  opacity:0.5;
  background-color: transparent; /* transparent red */
  background-repeat:no-repeat;
  background-position: center;
  cursor:pointer;
  width:100px;
  height:100px;
  left:50%;
  top:100px;
}

:root {
    --color-ink: #0f172a;
    --color-ink-soft: #1e293b;
    --color-body: #334155;
    --color-muted: #64748b;
    --color-line: #cbd5e1;
    --color-bg: #f8fafc;
    --color-accent-main: #357f35;
    --color-accent-sub: #ff2e6b;
    --color-kmfesta-01: #497d3e;
    --color-kmfesta-02: #e5eaf0;
}

.button {
    background-color: var(--color-primary);
    font-size: var(--font-size-base);
    padding: var(--spacing-lg);
}

.wrap_section {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.wrap_section.shuttle {
    background-color: #71b165;
    z-index: 0;
    padding-top: 150px;
}

.section {
    display: flex;
    max-width: 1600px;
    width: 100%;
    height: 1000px;
    padding-top: 100px;
    overflow: hidden;
}

.sub .section {
    padding-top:0
}
.sub .section_shuttlebus,
.sub .section_kmfmap,
.sub .section_timetable {
    height: auto;
    justify-content: center;
    margin-bottom: 180px;
}
.sub .section_shuttlebus {
    justify-content: center;
    margin-bottom: 180px;
}

.btn {
    padding: 13px 55px;
    border: 0;
    border-radius: 12px;
    font-size: 24px;
    line-height: 1;
}
.btn.type1 {
    color: #fff;
    background-color: var(--color-ink);
}
.btn.type2 {
    color: #fff;
    border: 1px solid var(--color-kmfesta-01);
    background-color: var(--color-kmfesta-01);
}
.btn.type1:hover,
.btn.type2:hover {
    color: #fff;
}
.btn.type3 {
    color: var(--color-ink);
    border: 1px solid var(--color-ink);
    background-color: #fff;
}
.btn.type3:hover {
    color: var(--color-ink);
}


/* bottom */
#s20260508f639e956d83c4,
#s2026050823e747966850f,
#s20260508bf91cc06d9b85,
#s20260510b1d8787d4fddc,
#s202605106bc0b86f75e56,
#s20260510581aabd4e585d,
#s20260510c03e746b2c28d,
#s20260510e5965e2acca28,
#s202605107398c2314308c,
#s20260510e150328ff0082,
#s202605104676406b84f08,
#s20260510f89e34b4ce8ff,
#s202605210c3ef9728c03f,
#s2026052613830a0c5883b {
    display: none;
    position: fixed;
    z-index:0;
    bottom:0;
    width:100%;
    max-width: 1920px;
    height: auto;
    left:50%;
    transform:translateX(-50%);
}
.section_bottom {
    height: 425px;
    background-image:
        url("https://2026koreamemorialfestaevent.com/img/bg_common01_left.png"),
        url("https://2026koreamemorialfestaevent.com/img/bg_common01_right.png");
    background-repeat: 
        no-repeat, 
        no-repeat;
    background-position: 
        left bottom,
        right bottom;
    background-size: 
        350px 425px,
        489px 339px;
}
.btn_go_top {
    position: fixed;
    width: 80px;
    height: 80px;
    bottom: 100px;
    right: 70px;
    cursor: pointer;
    z-index: 100;
}



/* header & GNB */
#s202505289d8e294d44708 .inline-col-group-left,
#s202605084aa08552c84a0 .inline-col-group-left {
    padding-left:40px;
}
.desktop._main_menu li:last-child > a > span._txt_m202605070c5495fa022b3 {
    color: #fff;
    background-color: var(--color-kmfesta-01);
    padding: 8px 35px;
    border-radius: 10px;
}



/* 메인 비쥬얼 */
#s20260507f3927185b73cd {
    height: 1000px;
}
.section_bg {
    max-width: 1920px;
    margin:0 auto;
    background-size: contain;
    background-position: center top;
}
.section_hero_mo .btn {
    display: none;
}



/* 플로팅 네비 */
#s20260507ba5f58668d5f0 {
    position: absolute;
    top:816px;
    left:50%;
    transform: translateX(-50%);

}
.section_f_navi .zone_f_navi {
    display:flex;
    justify-content: center;
    align-items: center;
    background-color:rgba(255, 255, 255, 0.7);
    /* width:1280px; */
    height: 156px;
    border-radius:10px;
    padding: 0 40px;
}
.section_f_navi .zone_f_navi a.item {
    display:flex;
    align-items: center;
    font-size: 35px;
    height: 63px;
    font-weight: bold;
    color: var(--color-ink);
}
.section_f_navi .zone_f_navi a.item.tickets {
    color: #fff;
    background-color: var(--color-kmfesta-01);
    padding: 16px 35px;
    border-radius: 10px;
}
.section_f_navi .zone_f_navi a.item::after {
    content:"";
    display:inline-block;
    background-color:#b7c5bc;
    width:2px;
    height: 63px;
    margin: 0 40px;
}
.section_f_navi .zone_f_navi a.item:last-child::after {
    content:none;
}





/* main - about kmf01 & section base */
#w20260507bdf9b848b096c {
}

.section .zone_left {
    width: 927px;
}
.section .zone_right {
    display: flex;
    align-items: flex-start;
}
.section .area_contents {
    font-size: 25px;
}
.section .area_contents .box_btn:nth-child(n+2) {
    margin-top:14px;
    margin-bottom: 30px;
}
.section .area_contents .category {
    display: inline-block;
    position: relative;
    font-size: 35px;
    color: var(--color-accent-sub);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 28px;
}
.section .area_contents .category::after {
    content: "";
    position: absolute;
    background-color: var(--color-accent-sub);
    right: -72px;
    width: 64px;
    height: 4px;
    top: 16px;
}
.section .area_contents .title {
    color: var(--color-ink);
    font-size: 100px;
    font-weight: 900;
    line-height: 1.1;
    margin-bottom: 28px;
}
.section .area_contents .title .type1 {
    display: block;
    font-size: 50px;
    margin-bottom: 25px;
}
.section .area_contents .detail {
    margin-bottom: 28px;
}
.section .area_contents .emp {
    color: var(--color-accent-sub);
    font-weight: 800;
}
.section .area_contents .emp2 {
    color: var(--color-kmfesta-02);
    font-weight: 800;
}


/* main - about kmf02 */
#w20260507ab21421275b3f {
}
.section_main02 {
    padding-top: 160px;
}
.section_main02 .zone_left {
    width: 746px;
}
.section_main02 .zone_right {
    width: 854px;
}
.section_main02 .zone_right .area_map {
    width: 854px;
    height: 630px;
}
.section_main02 .zone_right #map {
    width: 100%;
    height:100%;
}
.section_main02 .box_addr_pin {
    display: flex;
    gap: 18px;
}
.section_main02 .area_contents .detail {
    margin-bottom: 58px;
}


/* main - tickets */
#s20260507c25dc9d273c0d {
}
.section_main03 {
    padding-top: 50px;
}
.section_main03 .zone_left {
    width: 880px;
}
.section_main03 .zone_right {
    width: 720px;
}
.section_main03 .area_contents .detail {
    margin-bottom: 58px;
}




/* main - line up */
#s20260507075a8e8ad8def {
}
.section_main04 {
    padding-top: 100px;
}
.section_main04 .zone_contents {
    width: 100%;
}
.section_main04 .area_contents {
    margin-bottom: 40px;
}
.section_main04 .area_contents .title .type1 {
    font-size: 50px;
}

.section_main04 .area_line_up .marquee_box {
    overflow: hidden;
    width: 100%;
}
.section_main04 .area_line_up .marquee_box .lineup_track {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    gap: 16px;
    width: max-content;
    will-change: transform;
}
.section_main04 .area_line_up .marquee_box .lineup_track.is-running {
    animation: lineup_marquee 40s linear infinite;
}
.section_main04 .area_line_up .marquee_box:hover .lineup_track {
    animation-play-state: paused;
}
.section_main04 .area_line_up .marquee_box .item {
    width: 386px;
    height: 245px;
}
.section_main04 .area_line_up .marquee_box .item.placeholder {
    visibility: hidden;
}
@keyframes lineup_marquee {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(calc(var(--marquee-distance, 0px) * -1), 0, 0); }
}




/* main - news */
#w20260507643f8531bc467 .main05.news .section {
    height: unset;
}
#w20260508878799af482a9 {
    max-width: 1600px;
    margin:0 auto;
    padding: 20px 0 255px;
}
#w20260508878799af482a9 .type_grid.grid_03 .card {
    border: 0;
}
#w20260508878799af482a9 .type_grid.grid_03 .title {
    font-size: 31px;
    font-weight: 800;
}
#w20260508878799af482a9 .type_grid.grid_03 .text {
    color: var(--color-ink);
    font-size: 22px;
}
#w20260508878799af482a9 .type_grid.grid_03 .show_body {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#w20260508878799af482a9 .card_wrapper {
    display: none;
    border:0;
}
#w20260508878799af482a9 .type_grid.grid_03 .card-body {
    display: flex;
    flex-direction: column;
    max-width: 514px;
    width: 100%;
    height: 280px;
    color: var(--color-ink);
    background-color: var(--color-kmfesta-02);
    border-radius: 10px;
    padding: 50px 35px;
}
#w20260508878799af482a9 .type_grid.grid_03 .card-body .go_view_detail {
    margin-top: auto;
    color: var(--color-ink);
    font-size: 22px;
}


/* footer */
#doz_footer .footer-section {
    display: flex;
    align-items: center;
    background-color: #121212;
    color: #545454;
    font-size: 15px;
    padding:0 60px;
    max-width: 1920px;
    height: 108px;
    margin:0 auto;
}
#doz_footer .footer-section .inside {
    width: 100%;
}
.section_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section_footer .zone_logo {
    margin-right: 20px;
}
.section_footer .zone_logo img {
    margin:0;
    max-width: unset;
}
.section_footer .zone_info {
    width: 1100px;
    padding-top: 12px;
}
.section_footer .zone_info .area_info.line1 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 5px;
}
.section_footer .zone_info .item {
    margin-right: 10px;
}
.section_footer .zone_info .item.title {
    font-weight: 600;
    color: #545454;
}
.section_footer .zone_footer_menu {
    flex: 1;
    font-size: 27px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.section_footer .zone_footer_menu .area_title {
    font-weight: 700;
}
.section_footer .zone_footer_menu .area_menu {
    display: flex;
    gap: 22px;
}
#doz_footer .footer-section a {
    color: #fff !important;
    font-size: 23px;
}
#doz_footer .section_footer .zone_info .area_link {
    color: #fff;
}
#doz_footer .section_footer .zone_info .area_link a {
    font-size: 13px;
    margin-right: unset;
}







/* sub - visual */
.wrap_sub_visual {
    display: flex;
    align-items: center;
    padding:0 60px;
    height: 153px;
    background-image: url("https://2026koreamemorialfestaevent.com/img/sub_top_visual.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.section_sub_visual {
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: space-between;
}
.section_sub_visual .area_path {
    color: #000;
    font-size: 25px;
}
.section_sub_visual .area_visual_title {
    font-size: 60px;
    font-weight: 800;
    line-height: 1;
}
.section_sub_visual .zone_right {
    display: flex;
    align-items: center;
}
.section_sub_visual .area_text {
    font-size: 23px;
    text-align: right;
}




/* sub tab */
.wrap_section {
    display: flex;
    max-width: 1920px;
    width: 100%;
}
.wrap_section .section_tab {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    height: auto;
    gap: 15px;
    padding: 50px 0;
}
.wrap_section .section_tab .item {
    color: var(--color-ink);
    background-color: var(--color-kmfesta-02);
    line-height: 1;
    width: 224px;
    border-radius: 10px;
    padding: 15px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}
.wrap_section .section_tab .item.active {
    color: #fff;
    background-color: var(--color-kmfesta-01);
}




/* sub - about - common */
[class^=section_about0] {
    height: 1000px;
}


/* sub - about - about03 - 3value */
.area_value {
    margin-top: 148px;
    display: flex;
}
.area_value .item {
    display: flex;
    line-height: 1;
}
.area_value .item .item_body {
    width: 412px;
    display: flex;
    flex-wrap: wrap;
}
.area_value .item:not(:last-child)::after {
    content:"";
    display: inline-block;
    background-color: var(--color-ink);
    width:2px;
    height: 220px;
    margin: auto 80px 0;
}
.area_value .item .category {
    display: inline-block;
    position: relative;
    font-size: 32px;
    color: var(--color-accent-sub);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 48px;
}
.area_value .item .title {
    font-size: 49px;
    font-weight: 600;
    margin-bottom: 22px;
}
.area_value .item .title .emp {
    font-size: 78px;
    font-weight: 800;
}
.area_value .item .box_text {
    display: flex;
    align-items: center;
    background-color: var(--color-kmfesta-02);
    line-height: 1.2;
    width: 100%;
    height: 140px;
    font-size: 23px;
    border-radius: 10px;
    padding:15px 30px;
    letter-spacing:-0.5px;
}



/* sub - about - about04 - brand */
.area_brand [class^=box_] {
    display: flex;
    flex-wrap: wrap;
    gap: 13px 32px;
}
.area_brand .box_top {
    margin-bottom: 25px;
}
.area_brand .item {
    position: relative;
    display: flex;
    border: 2px solid var(--color-kmfesta-02);
    padding: 12px 15px;
    width: 512px;
    background-color: #fff;
}
.area_brand .box_top .item {
    background-color: var(--color-kmfesta-02);
    padding: 15px 80px;
    width: 100%;
}
.area_brand .info {
    display: flex;
    flex-wrap: wrap;
    margin-left: 45px;
}
.area_brand .box_bottom .info {
    flex-direction: column;
}
.area_brand .info .info_top {
    display: flex;
    align-items: center;
}
.area_brand .box_top .info {
    margin-left: 85px;
    margin-top: 20px;
}
.area_brand .info .category {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--color-accent-sub);
    font-size: 12px;
    border-radius: 10px;
    height: 19px;
    padding: 4px 18px;
    font-weight: 600;
    width: 82px;
}
.area_brand .box_top .category {
    font-size: 18px;
    padding: 4px 34px;
    height: 38px;
    margin-right: 10px;
    width: auto;
}
.area_brand .info .c_name {
    font-size: 28px;
    font-weight: 800;
}
.area_brand .box_top .info .c_name {
    font-size: 54px;
    line-height: 1;
}
.area_brand .info .c_description {
    font-size: 18px;
}
.area_brand .box_top .info .c_description {
    font-size: 27px;
    width: 100%;
}
.area_brand .view_detail {
    position: absolute;
    right: 21px;
    bottom: 10px;
    font-size: 15px;
}
.area_brand .box_top .view_detail {
    font-size: 22px;
    right:40px;
    bottom:34px;
}





/* sub - about(directions) - map */
#w202605100ae849fde0bd8 #map {
    width: 100%;
    height: 800px;
}
.sub.directions .section {
    padding-top: 50px;
}
.sub.directions .section_map {
    height: auto;
}
.sub.directions .zone_contents {
    width: 100%;
}
.sub.directions .area_traffic_info {
    display: flex;
    flex-wrap: wrap;
    gap: 34px;
}
.sub.directions .item {
    width: 100%;
    border:2px solid var(--color-kmfesta-02);
    background-color: #fff;
    padding: 24px 50px;
    display:flex;
    align-items:center;
}
.sub.directions .item .box_left {
    display: flex;
    align-items: center;
}
.sub.directions .item .box_left::after {
    content:"";
    display: inline-block;
    background-color: var(--color-kmfesta-02);
    width:2px;
    height: 220px;
    margin: 0 95px 0 75px;
}
.sub.directions .item .icon {
    margin-right: 60px;
}
.sub.directions .item .text {
    font-size: 30px;
    margin-bottom: 22px;
    line-height: 1.3;
}
.sub.directions .item .text .emp {
    font-size: 47px;
    font-weight: 800;
}
.sub.directions .item .bus_no {
    color:#fff;
    line-height: 1;
    font-weight: 600;
    display: inline-block;
    padding:6px 23px;
    border-radius: 20px;
    margin-right: 10px;
    background-color: var(--color-accent-sub);
}
.sub.directions .item .bus_no.type2 {
    background-color: var(--color-kmfesta-01);
}
.sub.directions .item .text.type2 {
    font-size: 19px;
    background-color: var(--color-kmfesta-02);
    display: inline-block;
    margin-bottom: 5px;
    padding: 3px 6px;
    border-radius: 8px;
}


/* sub - about(shuttle_bus) */
.sub.shuttle .zone_contents .area_info img {
    width: 100%;
}






/* sub - program - kmf map */
.sub.program .zone_contents {
    width: 100%;
}
.sub.program .area_title {
    font-size: 30px;
    margin-bottom: 15px;
}
.sub.program .area_map {
    margin-bottom: 18px;
}
.sub.program .area_o_zone {
    display: flex;
    gap: 28px;
}
.sub.program .area_o_zone .item {
    width: 514px;
    border:2px solid var(--color-kmfesta-02);
    background-color: #fff;
    padding: 18px 27px;
    font-size: 22px;
}
.sub.program .area_o_zone .item .category {
    color:#fff;
    line-height: 1;
    font-weight: 600;
    display: inline-block;
    font-size: 19px;
    padding:8px 19px;
    border-radius: 20px;
    background-color: var(--color-accent-sub);
    margin-bottom: 5px;
}
.sub.program .area_o_zone .item .text {
    letter-spacing: -0.5px;
}





/* sub - program - line_up */
.sub.program .section_lineup {
    height: auto;
    padding-bottom: 100px;
}
.sub.program .zone_contents {
    width: 100%;
}
.sub.program .area_lineup {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}
.sub.program .area_lineup .item {
    width: 514px;
    height: 376px;
    border:2px solid var(--color-kmfesta-02);
    background-color: #fff;
    padding: 18px;
    font-size: 18px;
}
.sub.program .area_lineup .item .thumb img {
    width: 100%;
}
.sub.program .area_lineup .item .info {
    margin-top: 8px;
}




/* sub - archive */
#s20260508561d205a952ca,
#s202605105e2f4fde7e939 {
    max-width: 1600px;
    width: 100%;
    position: relative;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
}






/* sub - notice */
#s202605082fa3f9402ea13,
#s2026050820b60cfcd194f,
#s20260521414bb9e2376c5 {
    max-width: 1600px;
    width: 100%;
    position: relative;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
    padding-bottom: 260px;
}

.acd_row {
    border:2px solid var(--color-kmfesta-02);
    margin-bottom: 15px;
    background-color: #fff;
    padding:0 40px;
    cursor: pointer;
}
.acd_row:first-child {
    border-top: 2px solid var(--color-kmfesta-02);
}
.bt-plus:before {
    font-weight: 800;
}
#s202605082fa3f9402ea13 .acd_body,
#s2026050820b60cfcd194f .acd_body,
#s20260521414bb9e2376c5 .acd_body {
    padding: 22px 10px 40px;
}

.li_footer._list_bottom {
    display: none;
}
.empty_list .btn-block-center {
    display: none;
}





.popup {
    display: none;
    position: absolute;
    width: 690px;
    height: 998px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    z-index: 50;
    top: -120px;
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    padding: 33px 0;
}
.popup .popup_ifr {
    width: 94%;
    height: 94%;
}
.link.popup_close {
  position: absolute;
  background-image: url(/img/popup_btn_close.png);
  width: 50px;
  height: 50px;
  top: 10px;
  right: 10px;
  left: unset;
  z-index: 1;
  background-color: #fff;
  opacity: 1;
}








/* start @media max-width: 1920px */
@media only screen and (max-width: 1920px) {

.section {
    display: flex;
    max-width: 90%;
    width: 90%;
    height: auto;
    justify-content: center;
}

.sub .section_about,
.sub .section_directions,
.sub .section_kmfmap,
.sub .section_timetable,
.sub .section_lineup
{
    height: 750px;
    justify-content: flex-start;
}

.sub .section_kmfmap,
.sub .section_timetable {
    height: auto;
}
.btn {
    padding: 10px 35px;
    border-radius: 10px;
    font-size: 18px;
}


/* bottom */
#s20260508f639e956d83c4,
#s2026050823e747966850f,
#s20260508bf91cc06d9b85 {
    height: 300px;
}
.section_bottom {
    height: 300px;
    background-size: 
        245px 298px,
        342px 237px;
}
.btn_go_top {
    width: 50px;
    height: 50px;
    bottom: 60px;
    right: 40px;
}



/* header & GNB */
#w20250528da30bfc3af1a9 .viewport-nav > li.dropdown > .notranslate a,
#w20250528da30bfc3af1a9 .viewport-nav > li.dropdown > a {
    font-size: 22px;
    padding: 0 18px;
}
.desktop._main_menu li:last-child > a > span._txt_m202605070c5495fa022b3 {
    padding: 5px 18px;
    border-radius: 7px;
}
#w2026050843471787f7cb2 .viewport-nav > li.dropdown > .notranslate a, #w2026050843471787f7cb2 .viewport-nav > li.dropdown > a {
    font-size: 22px;
    padding: 0 18px;
}





/* 플로팅 네비 */
.section_f_navi .zone_f_navi {
    width:auto;
    padding:0 25px;
    height: 100px;
}
.section_f_navi .zone_f_navi a.item {
    font-size: 25px;
    height: 50px;
}
.section_f_navi .zone_f_navi a.item.tickets {
    padding: 12px 20px;
}
.section_f_navi .zone_f_navi a.item::after {
    height: 40px;
    margin: 0 20px;
}


/* main - about kmf01 & section base */
.section .zone_left {
    width: auto;
    padding-right: 30px;
}
.section .area_contents {
    font-size: 20px;
}
.section .area_contents .category {
    font-size: 24px;
    margin-bottom: 8px;
}
.section .area_contents .category::after {
    right: -48px;
    width: 40px;
    height: 3px;
    top: 10px;
}
.section .area_contents .title {
    font-size: 70px;
    margin-bottom: 20px;
}
.section .area_contents .title .type1 {
    font-size: 35px;
    margin-bottom: 15px;
}
.section .area_contents .detail {
    margin-bottom: 20px;
}



/* main - about kmf02 */
.section_main02 {
    padding-top: 100px;
}
.section_main02 .zone_right {
    width: auto;
    justify-content: center;
}
.section_main02 .zone_right .area_map {
    width: 56vw;
    height: 38vw;
}
.section_main02 .box_addr_pin {
    gap: 15px;
}
.section_main02 .area_contents .detail {
    margin-bottom: 50px;
}


/* main - tickets */
.section_main03 {
    padding-top: 100px;
}
.section_main03 .zone_right {
    width: auto;
}
.section_main03 .area_contents .detail {
    margin-bottom: 50px;
}




/* main - line up */
.section_main04 {
    padding-top: 100px;
}
.section_main04 .area_contents {
    margin-bottom: 40px;
}

.section_main04 .area_line_up .marquee_box {
    overflow: hidden;
    width: 100%;
}
.section_main04 .area_line_up .marquee_box .lineup_track {
    display: grid;
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    gap: 16px;
    width: max-content;
    will-change: transform;
}
.section_main04 .area_line_up .marquee_box .lineup_track.is-running {
    animation: lineup_marquee 40s linear infinite;
}
.section_main04 .area_line_up .marquee_box:hover .lineup_track {
    animation-play-state: paused;
}
.section_main04 .area_line_up .marquee_box .item {
    width: 386px;
    height: 245px;
}
.section_main04 .area_line_up .marquee_box .item.placeholder {
    visibility: hidden;
}
@keyframes lineup_marquee {
    from { transform: translate3d(0, 0, 0); }
    to   { transform: translate3d(calc(var(--marquee-distance, 0px) * -1), 0, 0); }
}




/* main - news */
#s20260507b8b1e3ee2600d {
    z-index: 10;
}
#w20260507643f8531bc467 .main05.news .section {
    height: unset;
    justify-content: flex-start;
}
#w20260508878799af482a9 {
    max-width: 90%;
    margin:0 auto;
    padding: 20px 0 200px;
}
#newest_w20260508878799af482a9 {
    overflow-x:auto;
}
#w20260508878799af482a9 .type_grid.grid_03 .card {
    border: 0;
}
#w20260508878799af482a9 .type_grid.grid_03 .title {
    font-size: 26px;
}
#w20260508878799af482a9 .type_grid.grid_03 .text {
    color: var(--color-ink);
    font-size: 18px;
}
#w20260508878799af482a9 .type_grid.grid_03 .card-body {
    max-width: 420px;
    width: 100%;
    height: 230px;
    border-radius: 10px;
    padding: 40px 25px;
}
#w20260508878799af482a9 .type_grid.grid_03 .card-body .go_view_detail {
    font-size: 18px;
}




/* sub - about - about03 - 3value */
.area_value {
    margin-top: 90px;
}
.area_value .item .item_body {
    width: 280px;
}
.area_value .item:not(:last-child)::after {
    content:"";
    display: inline-block;
    background-color: var(--color-ink);
    width:2px;
    height: 160px;
    margin: auto 30px 0;
}
.area_value .item .category {
    font-size: 26px;
    margin-bottom: 30px;
}
.area_value .item .title {
    font-size: 38px;
    margin-bottom: 18px;
}
.area_value .item .title .emp {
    font-size: 50px;
    width: 100%;
    display: inline-block;
}
.area_value .item .box_text {
    height: 150px;
    font-size: 18px;
    border-radius: 10px;
    padding:13px 20px;
    letter-spacing:-0.5px;
}



/* sub - about - about04 - brand */
.area_brand [class^=box_] {
    gap: 12px 25px;
}
.area_brand .box_top {
    margin-bottom: 20px;
}
.area_brand .item {
    padding: 10px 13px;
    width: 300px;
    background-color: #fff;
}
.area_brand .box_top .item {
    background-color: var(--color-kmfesta-02);
    padding: 12px 60px;
}
.area_brand .info {
    margin-left: 35px;
}
.area_brand .box_top .info {
    margin-left: 65px;
    margin-top: 14px;
}
.area_brand .info .category {
    font-size: 10px;
    border-radius: 10px;
    height: 16px;
    padding: 3px 10px;
    width: 62px;
}
.area_brand .box_top .category {
    font-size: 15px;
    padding: 3px 20px;
    height: 30px;
    margin-right: 8px;
    width: auto;
}
.area_brand .info .c_name {
    font-size: 22px;
}
.area_brand .box_top .info .c_name {
    font-size: 42px;
}
.area_brand .info .c_description {
    font-size: 14px;
    line-height: 1.2;
}
.area_brand .box_top .info .c_description {
    font-size: 22px;
}
.area_brand .view_detail {
    right: 18px;
    bottom: 8px;
    font-size: 13px;
}
.area_brand .box_top .view_detail {
    font-size: 18px;
    right:32px;
    bottom:26px;
}




/* sub - about(directions) - map */
#w202605100ae849fde0bd8 #map {
    height: 500px;
}
.sub.directions .section {
    padding-top: 30px;
}
.sub.directions .area_traffic_info {
    gap: 26px;
}
.sub.directions .item {
    padding: 20px 42px;
}
.sub.directions .item .box_left::after {
    width: 2px;
    height: 160px;
    margin: 0 50px 0 30px;
}
.sub.directions .item .icon {
    margin-right: 45px;
}
.sub.directions .item .text {
    font-size: 24px;
    margin-bottom: 18px;
}
.sub.directions .item .text .emp {
    font-size: 40px;
}
.sub.directions .item .bus_no {
    padding:4px 18px;
    border-radius: 16px;
    margin-right: 10px;
}
.sub.directions .item .text.type2 {
    font-size: 16px;
    margin-bottom: 4px;
    padding: 2px 5px;
    border-radius: 6px;
}




/* sub - program - kmf map */
.sub.program .area_title {
    font-size: 24px;
    margin-bottom: 12px;
}
.sub.program .area_map {
    margin-bottom: 14px;
}
.sub.program .area_map img {
    width: 100%;
}
.sub.program .area_o_zone {
    gap: 20px;
    justify-content: center;
}
.sub.program .area_o_zone .item {
    width: auto;
    padding: 15px 22px;
    font-size: 18px;
}
.sub.program .area_o_zone .item .category {
    font-size: 16px;
    padding:6px 15px;
    border-radius: 20px;
    margin-bottom: 5px;
}





/* sub - program - line_up */
.sub.program .section_lineup {
    padding-bottom: 80px;
}
.sub.program .area_lineup {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.sub.program .area_lineup .item {
    width: 300px;
    height: 230px;
    padding: 15px;
    font-size: 16px;
}
.sub.program .area_lineup .item .artist_name {
    font-size: 26px;
}




/* sub - archive */
#s20260508561d205a952ca,
#s202605105e2f4fde7e939 {
    max-width: 992px;
}






/* sub - notice */
#s202605082fa3f9402ea13,
#s2026050820b60cfcd194f,
#s20260521414bb9e2376c5 {
    max-width: 992px;
    padding-bottom: 180px;
}

.acd_row {
    margin-bottom: 12px;
    padding:0 30px;
}
#s202605082fa3f9402ea13 .acd_body,
#s2026050820b60cfcd194f .acd_body,
#s20260521414bb9e2376c5 .acd_body {
    padding: 18px 8px 30px;
}







.section_footer {
    justify-content: flex-start;
}
.section_footer .zone_footer_menu {
    display: none;
}


}
/* end @media max-width: 1920px */













/* start @media max-width: 991px */
@media only screen and (max-width: 991px) {

.pc {
    display: none !important;
}
.mo {
    display: block !important;
}

#mobile_carousel_menu {
    display: none;
}
.doz_sys .inside {
    padding-left: 0;
    padding-right: 0;
}

#logo_w202505134183274e772b2 {
    justify-content: center;
}
#logo_w202505134183274e772b2 .img_box {
    width: 50%;
}

#mobile_carousel_menu {
    display:none;
}

.section {
    width: 100%;
    flex-direction: column;
}
.section .zone_left {
    padding-right: 0;
}


.section_main02 .zone_right .area_map {
    width: 100vw;
    height: 56vw;
}


.section_main03 .area_poster {
    width: 60%;
    margin: 0 auto;
}




/* footer */
#doz_footer .footer-section {
    font-size: 15px;
    padding:0 5%;
    width: 100%;
    height: 355px;
    align-items: flex-start;
}
#doz_footer .footer-section .custom-text {
    margin-top: 40px !important;
}

.section_footer.mo {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
    font-size: 15px;
}
.section_footer .zone_logo {
    margin-right: 0;
    display: flex;
    align-items: flex-end;
}
.section_footer .zone_logo .area_logo {
    margin-right: 20px;
}
.section_footer .zone_logo .area_slogan {
    line-height: 1;
}
.section_footer .zone_info {
    width: 100%;
    padding-top: 20px;
}
.section_footer .zone_info .area_info.line1 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
}
#doz_footer .footer-section a {
    font-size: 20px;
}
.section_footer .zone_info .item {
    margin-right: 10px;
}
.section_footer .zone_info .item:last-child {
    margin-right: 0;
}
.section_footer .zone_info .item.title {
    font-weight: 600;
    color: #545454;
    display: inline-block;
    width: 110px;
}
.section_footer .zone_info .area_info.line2 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 5px;
}
.section_footer .zone_info .footer_div_line {
    width: 100%;
    height: 1px;
    background:#545454;
    margin:22px 0;
}
.section_footer .zone_info .area_info.line3 {
    text-align: center;
}

.section_footer .zone_footer_link {
    color: #fff;
    width: 100%;
}
.section_footer .zone_footer_link .area_link {
    text-align: center;
    padding: 7px 0;
}
#doz_footer .footer-section .zone_footer_link a {
    font-size: 15px;
    font-weight: 600;
}

}
/* end @media max-width: 991px */







/* start @media max-width: 766px */
@media only screen and (max-width: 766px) {

#s20260507f3927185b73cd {
    display: none;
}
#s20260507ba5f58668d5f0 {
    display: none;
}


/* mobile main hero */
#w20260512e594dfe932df6 {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    background-image: url("https://2026koreamemorialfestaevent.com/img/bg_main01_mo.jpg");
    height: 163vw;
}
.section_hero_mo {
    padding-top: 100vw;
    max-width: 100%;
}
.section_hero_mo .btn {
    width: 44.67vw;
    height: 9.07vw;
    font-size: 4.27vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin:0 auto;
}


.sub .section_about,
.sub .section_directions,
.sub .section_kmfmap,
.sub .section_timetable,
.sub .section_lineup
{
    height: auto;
    justify-content: flex-start;
    padding-bottom: 12vw;
}



.btn {
    padding: 2vw 5vw;
    border-radius: 1.5vw;
    font-size: 3.6vw;
}


/* bottom — 모바일: 푸터 위에 자연스럽게 배치 (fixed 해제, 플랫폼 inline 스타일 대비 !important) */
#s20260508f639e956d83c4,
#s2026050823e747966850f,
#s20260508bf91cc06d9b85,
#s20260510b1d8787d4fddc,
#s202605106bc0b86f75e56,
#s20260510581aabd4e585d,
#s20260510c03e746b2c28d,
#s20260510e5965e2acca28,
#s202605107398c2314308c,
#s2026052613830a0c5883b {
    display: block !important;
    position: relative !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    transform: none !important;
    max-width: none !important;
}
#s20260510e150328ff0082,
#s202605104676406b84f08,
#s20260510f89e34b4ce8ff {
    display: block;
    position: relative;
}
#s20260508f639e956d83c4,
#s2026050823e747966850f,
#s20260508bf91cc06d9b85 {
    height: 39.16vw;
}
#s2026052613830a0c5883b {
    background-color: #71b165;
}
.section_bottom {
    height: 39.16vw;
    background-size: 
        31.98vw 38.90vw,
        44.65vw 30.94vw;
}
.btn_go_top {
    width: 10vw;
    height: 10vw;
    bottom: 7.83vw;
    right: 5.22vw;
}



/* header & GNB */
#w20250528da30bfc3af1a9 .viewport-nav > li.dropdown > .notranslate a,
#w20250528da30bfc3af1a9 .viewport-nav > li.dropdown > a {
    font-size: 2.87vw;
    padding: 0 2.35vw;
}
.desktop._main_menu li:last-child > a > span._txt_m202605070c5495fa022b3 {
    padding: 0.65vw 2.35vw;
    border-radius: 0.91vw;
}
#w2026050843471787f7cb2 .viewport-nav > li.dropdown > .notranslate a, #w2026050843471787f7cb2 .viewport-nav > li.dropdown > a {
    font-size: 2.87vw;
    padding: 0 2.35vw;
}



/* main - about kmf01 & section base */
.section_main01 {
    padding-top: 13.05vw;
}
.section .zone_left {
    padding-right: 3.92vw;
}
.section .area_contents {
    font-size: 3.4vw;
}
.section .area_contents .box_btn:nth-child(n+2) {
    margin-top: 1.83vw;
    margin-bottom: 3.92vw;
}
.section .area_contents .category {
    font-size: 6vw;
    margin-bottom: 4vw;
}
.section .area_contents .category::after {
    right: -9vw;
    width: 7vw;
    height: 0.5vw;
    top: 2.7vw;
}
.section .area_contents .title {
    font-size: 10.4vw;
    margin-bottom: 3.5vw;
}
.section .area_contents .title .type1 {
    font-size: 7vw;
    margin-bottom: 1.96vw;
}
.section .area_contents .detail {
    margin-bottom: 2.61vw;
}



/* main - about kmf02 */
.section_main02 {
    padding-top: 13.05vw;
}
.section_main02 .box_addr_pin {
    gap: 1.96vw;
}
.section_main02 .box_addr_pin .icon {
    width: 8.4vw;
}
.section_main02 .area_contents .detail {
    margin-bottom: 6.53vw;
}


/* main - tickets */
.section_main03 {
    padding-top: 13.05vw;
}
.section_main03 .area_contents .detail {
    margin-bottom: 6.53vw;
}




/* main - line up */
.section_main04 {
    padding-top: 13.05vw;
}
.section_main04 .area_contents {
    margin-bottom: 5.22vw;
}

.section_main04 .area_line_up .marquee_box .lineup_track {
    gap: 2.09vw;
}
.section_main04 .area_line_up .marquee_box .item {
    width: 50.39vw;
    height: 31.98vw;
}




/* main - news */
#w20260508878799af482a9 {
    padding: 2.61vw 0 26.11vw;
}
#w20260508878799af482a9 .type_grid.grid_03 .title {
    font-size: 3.39vw;
}
#w20260508878799af482a9 .type_grid.grid_03 .text {
    font-size: 2.35vw;
}
#w20260508878799af482a9 .type_grid.grid_03 .card-body {
    max-width: 54.83vw;
    height: 30.03vw;
    border-radius: 1.31vw;
    padding: 5.22vw 3.26vw;
}
#w20260508878799af482a9 .type_grid.grid_03 .card-body .go_view_detail {
    font-size: 2.35vw;
}




/* sub - visual */
.wrap_sub_visual {
    padding:0 3.26vw;
    height: 32.64vw;
    background-image: url("https://2026koreamemorialfestaevent.com/img/sub_top_visual_mo.jpg");
}
.section_sub_visual {
    justify-content: unset;
    flex-direction: column;
}
.section_sub_visual .area_path {
    font-size: 3.26vw;
}
.section_sub_visual .area_visual_title {
    font-size: 7.83vw;
    line-height: 1.4;
}
.section_sub_visual .area_text {
    font-size: 3.13vw;
    text-align: left;
}


/* sub tab */
.wrap_section {
    width: 100%;
}
.wrap_section.shuttle {
    padding-top: 10vw;
}
.wrap_section .section_tab {
    align-items: center;
    justify-content: center;
    flex-direction: row;
    height: auto;
    gap: 1.96vw;
    padding: 5.22vw 0 12vw;
}
.wrap_section.shuttle_bus .section_tab {
    padding: 5.22vw 0;
}
.wrap_section .section_tab .item {
    width: 20.24vw;
    border-radius: 1.31vw;
    padding: 1.6vw;
    font-size: 2.3vw;
}




/* sub - about - about03 - 3value */
.area_value {
    margin-top: 7vw;
    overflow-x:auto;
    gap: 3vw;
    padding-bottom: 5vw;
}
.area_value .item {
    padding: 3.5vw 2vw;
    border:1px solid #ced8e3;
    border-radius:3vw;
}
.area_value .item .item_body {
    width: 45vw;
}
.area_value .item:not(:last-child)::after {
    content: none;
}
.area_value .item .category {
    font-size: 3.92vw;
    margin-bottom: 1.8vw;
}
.area_value .item .title {
    font-size: 4.57vw;
    margin-bottom: 2.35vw;
}
.area_value .item .title .emp {
    font-size: 9.14vw;
    width: auto;
}
.area_value .item .box_text {
    height: 25vw;
    font-size: 3vw;
    padding:1.70vw 2.61vw;
    letter-spacing:0;
    border-radius:0;
    line-height: 1.4;
}



/* sub - about - about04 - brand */
.area_brand [class^=box_] {
    gap: 1.57vw 3.26vw;
}
.area_brand .box_top {
    margin-bottom: 2.61vw;
}
.area_brand .box_bottom {
    overflow-x: auto;
    padding-bottom: 3vw;
    flex-wrap: nowrap;
}
.area_brand .item {
    padding: 2vw;
    width: auto;
}
.area_brand .box_top .item {
    padding: 1.96vw 1.31vw;
}
.area_brand .box_bottom .item {
    flex-direction: column;
    border: 1px solid var(--color-kmfesta-02);
    border-radius:2vw;
}
.area_brand .item .thumb {
    width: 46.61vw;
    height: 34.73vw;
}
.area_brand .box_top .item .thumb {
    width: 40vw;
    height: 50vw;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.area_brand .box_top .item .thumb img {
    width: 85%;
}
.area_brand .box_bottom .item .thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.area_brand .info {
    margin-left: 0;
}
.area_brand .box_top .info {
    margin-left: 3vw;
    margin-top: 0;
    width: 43vw;
    height: 42vw;
}
.area_brand .info .info_top {
    flex-direction: column;
}
.area_brand .info .category {
    font-size: 2.61vw;
    border-radius: 3vw;
    height: 4.57vw;
    padding: 0.65vw 1.96vw;
    width: 15.67vw;
    margin: 2vw 0;
}
.area_brand .box_top .category {
    font-size: 3.13vw;
    padding: 0.78vw 3.92vw;
    height: 5.87vw;
    margin: 2vw auto 2vw 0;
    width: auto;
}
.area_brand .info .c_name {
    font-size: 5.22vw;
    margin-bottom: 2vw;
}
.area_brand .box_top .info .c_name {
    font-size: 6.53vw;
}
.area_brand .info .c_description {
    font-size: 3.13vw;
    line-height: 1.2;
}
.area_brand .box_top .info .c_description {
    font-size: 3.13vw;
    line-height: 1.4;
}
.area_brand .box_bottom .info .c_description {
    height: 17vw;
}
.area_brand .view_detail {
    right: unset;
    bottom: unset;
    font-size: 3.5vw;
    font-weight: 500;
    height: 5vw;
}
.area_brand .box_top .view_detail {
    right: 18.5vw;
    bottom: 3vw;
    font-size: 3.5vw;
    font-weight: 500;
    height: 5vw;
}
.area_brand .box_bottom .view_detail {
    left: 2vw;
    bottom: 3vw;
    font-size: 3.5vw;
    font-weight: 500;
    height: 5vw;
}




/* sub - about(directions) - map */
#w202605100ae849fde0bd8 #map {
    height: 56vw;
}
.sub.directions .section {
    padding-top: 3.92vw;
}
.sub.directions .area_traffic_info {
    gap: 3.39vw;
}
.sub.directions .item {
    padding: 4vw 3vw;
    flex-direction: column;
    align-items: flex-start;
    border: 1px solid var(--color-kmfesta-02);
}
.sub.directions .item .box_left {
    margin-bottom: 3vw;
}
.sub.directions .item .box_left::after {
    content:none;
}
.sub.directions .item .icon {
    margin-right: 3vw;
    width: 13vw;
}
.sub.directions .item .text {
    font-size: 3.5vw;
    margin-bottom: 2.35vw;
}
.sub.directions .item .text .emp {
    font-size: 5.22vw;
}
.sub.directions .item .bus_no {
    padding: 1vw 3.5vw;
    border-radius: 3vw;
    margin-right: 1.3vw;
}
.sub.directions .item .text.type2 {
    font-size: 2.8vw;
    margin-bottom: 1vw;
    padding: 1vw 1.5vw;
    border-radius: 0.78vw;
    word-break: keep-all;
}




/* sub - about(shuttle_bus) */
.sub .section_shuttlebus,
.sub .section_kmfmap,
.sub .section_timetable {
    margin-bottom: 0vw;
}




/* sub - program - kmf map */
.sub.program .area_title {
    display: none;
    font-size: 3.13vw;
    margin-bottom: 1.57vw;
}
.sub.program .area_map {
    margin-bottom: 4vw;
}
.sub.program .area_o_zone {
    gap: 2.61vw;
    flex-direction: column;
}
.sub.program .area_o_zone .item {
    width: 100%;
    padding: 1.96vw 2.87vw;
    font-size: 3.6vw;
    border:1px solid var(--color-kmfesta-02);
    word-break: keep-all;
}
.sub.program .area_o_zone .item .category {
    font-size: 3vw;
    padding:1vw 2vw;
    border-radius: 3vw;
    margin-bottom: 2vw;
}





/* sub - program - line_up */
.sub.program .section_lineup {
    padding-bottom: 10.44vw;
}
.sub.program .area_lineup {
    gap: 2.8vw;
}
.sub.program .area_lineup .item {
    width: 43vw;
    height: 34.5vw;
    padding: 2vw;
    font-size: 2.7vw;
}
.sub.program .area_lineup .item .artist_name {
    font-size: 3.39vw;
}




/* sub - archive */
#s20260508561d205a952ca,
#s202605105e2f4fde7e939 {
    max-width: 100%;
    width: 90%;
}





/* sub - notice */
#s202605082fa3f9402ea13,
#s2026050820b60cfcd194f,
#s20260521414bb9e2376c5 {
    max-width: 100%;
    width: 90%;
    padding-bottom: 30vw;
}

.acd_row {
    background-color: #fff;
    margin-bottom: 1.57vw;
    padding:0 3.92vw;
}
#s202605082fa3f9402ea13 .acd_body,
#s2026050820b60cfcd194f .acd_body,
#s20260521414bb9e2376c5 .acd_body {
    padding: 2.35vw 1.04vw 3.92vw;
}





/* footer */
#doz_footer .footer-section {
    font-size: 2.00vw;
    height: 47.33vw;
}
#doz_footer .footer-section .custom-text {
    margin-top: 5.33vw !important;
}

.section_footer.mo {
    font-size: 2.00vw;
}
.section_footer .zone_logo .area_logo {
    margin-right: 2.67vw;
    width: 9.07vw;
}
.section_footer .zone_logo .area_logo img {
    width: 100%;
}
.section_footer .zone_info {
    padding-top: 2.67vw;
}
.section_footer .zone_info .area_info.line1 {
    font-size: 2.67vw;
    margin-bottom: 1.33vw;
}
#doz_footer .footer-section a {
    font-size: 2.67vw;
}
.section_footer .zone_info .item {
    margin-right: 1.33vw;
}
.section_footer .zone_info .item.title {
    width: 14.67vw;
}
.section_footer .zone_info .area_info.line2 {
    font-size: 2.67vw;
    margin-bottom: 0.67vw;
}
.section_footer .zone_info .footer_div_line {
    height: 0.13vw;
    margin:2.93vw 0;
}

.section_footer .zone_footer_link .area_link {
    padding: 0.93vw 0;
}
#doz_footer .footer-section .zone_footer_link a {
    font-size: 2.00vw;
}



}
/* end @media max-width: 766px */


/* start @media max-width: 690px */
@media only screen and (max-width: 690px) {
.popup {
    width:90vw;
    height: 150vw;
    top:15.94vw;
    border-radius: 2vw;
}
.link.popup_close {
    width: 5.25vw;
    height: 5.25vw;
    top: 3vw;
    right: 3vw;
    background-size: 100%;
}
}
/* end @media max-width: 690px */