:root{
    --color-brwon : #A57D5D;
}


/* font 
@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    src: url('/fonts/Pretendard-Thin.woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    src: url('/fonts/Pretendard-ExtraLight.woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    src: url('/fonts/Pretendard-Light.woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    src: url('/fonts/Pretendard-Regular.woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    src: url('/fonts/Pretendard-Medium.woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    src: url('/fonts/Pretendard-SemiBold.woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    src: url('/fonts/Pretendard-Bold.woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    src: url('/fonts/Pretendard-ExtraBold.woff2');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    src: url('/fonts/Pretendard-Black.woff2');
}

*/
/* header */

*{
	word-break : keep-all;
}
.header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 60px;
    width: 100%;
    box-sizing: border-box;
    position: fixed;
    left: 0;
    top: 0;
    background-color: #F4F4F4;
    height: 100px;
    z-index: 9;
}

.header .nav_item{
    display: flex;
    align-items: center;
    gap: 45px;
}

.header .nav_item li a{
    color: #292929;
    font-family: 'Pretendard';
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration: none;
letter-spacing: -0.06em;
}

.header .nav_item li a:hover{
    color: #A57D5D;
}

.header .nav_item li .dropdown-content a:hover{
    color: #A57D5D;
}

.header .logo{
    width: 110px;
    height: auto;
}

.header .logo img{
    width: 100%;
    height: 100%;
}

.header .nav_item li a.menu-item.active {
    color: #A57D5D;
    text-decoration: underline;
    text-decoration-thickness: 3px;
    text-underline-offset: 10px;
}

li.dropdown {
    position: relative;
    padding: 40px 0;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(14, 13, 12, 0.80);
    border-radius: 6px;
    min-width: 150px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    padding: 12px 0;
    box-sizing: border-box;
    left: 50%;
    top: 75%;
    transform: translate(-50%, 0);

}

.header .nav_item li.dropdown:hover .dropdown-content {
    display: block;
}

/* Ensure dropdown stays open while hovering over its contents */
.header .nav_item li.dropdown:hover .dropdown-content {
    display: block;
}

li.dropdown.active {
    position: relative;
}

.dropdown-content li {
    padding: 0 15px;
}

.header .nav_item li .dropdown-content a {
    padding: 12px 0;
    text-decoration: none;
    display: block;
    color: #fff;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 600;

    text-align: center;
}

/* .dropdown:hover .dropdown-content {
    display: block;
}
 */



/* mobile navbar */
.mobile-menu-icon {
    display: none;
}

.mobile-hidden {
    position: relative;
    height: 100%;
}
.logo_mobile {
    display: none;
}

.sns_icon_mobile {
    display: none;
}

.close-icon {
    display: none;
}

@media screen and (max-width:1024px) {

    .mobile-menu-icon svg {
        fill: #292929;
        width: 42px;
        height: 42px;
    }

    header {
        padding: 0 0;
    }

    .mobile-menu-icon {
        display: block;
        /* 모바일에서만 햄버거 아이콘 표시 */
        padding: 0;
    }

    .logo_mobile {
        display: block;
        width: 150px;
        height: auto;
    }

    .logo_mobile img {
        width: 100%;
        height: 100%;
    }

    .sns_icon {
        display: none;
    }

    .sns_icon_mobile {
        display: flex;
        flex-direction: row !important;
        left: unset;
        top: unset;
        transform: unset;
    }

    .mobile-hidden {
        width: 280px;
        position: fixed;
        left: -280px;
        /* 초기 위치는 화면 외부 */
        top: 0;
        bottom: 0;
        background-color: #fff;
        transition: left 0.3s;
        z-index: 1000;
    }

    .mobile-hidden ul.nav_item {
        flex-direction: column;
        margin: 50px 0;
        margin-bottom: 26px;
        row-gap: 1rem;
        align-items: flex-start;
        flex-wrap: wrap;
        position: static;
        top: unset;
        left: unset;
        transform: unset;
    }

    .mobile-hidden ul li {
        padding: 0;
    }

    /* 활성화될 때의 위치 */
    .nav-active {
        left: 0;
        padding: 20px;
        box-sizing: border-box;
    }

    .dropdown-content {
        max-height: 100px;
        overflow: hidden;
        transition: max-height 0.3s ease-in-out;
        background-color: transparent;
        padding: 12px 16px;
        box-sizing: border-box;
        width: 100%;
        top: unset;
        left: unset;
        position: relative;
        transform: unset;
        box-shadow:none;
    }

    .dropdown.dropdown-open .dropdown-content {
        max-height: 200px;
    }

    .close-icon {
        display: block;
    }

    .close-icon svg {
        fill: #000;
    }

    .mobile_navbar_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header .nav_item li .dropdown-content a{
        color: #000;
        padding: 5px 0;
        text-align: left;
    }
}


/* main_banner */
.main_banner{
    background-color: #F4F4F4;
    padding: 100px 55px 0;
    box-sizing: border-box;

    width: 100%;
}

.main_banner .main_head{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 50px;
    padding-bottom: 40px;
}

.main_banner .main_head.support_head h1{
    font-size: 6.5vw;
}
.main_banner .main_head h1{
    color: #292929;
    font-family: 'Pretendard';
font-size: 10.5vw;
font-weight: 800;
line-height: 120%; /* 144px */
}

.main_banner .main_head.main_page_head h1 {
    font-size: 10.5vw;
    width: 70%;
}

.main_head_flex {
    width: 30%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 60px;
}

.main_banner .main_head .text-left{
    color: #292929;
    font-family: 'Pretendard';
font-size: 16px;
font-weight: 500;
line-height: 120%;
padding-left: 30px;
}

.main_banner .main_head.main_page_head .text-left{
    text-align: left;
    width: 100%;
}

.main_banner .main_head .text-right{
    color: #292929;
text-align: right;
font-family: 'Pretendard';
font-size: 16px;
font-weight: 500;
line-height: 120%; /* 25.2px */
}
.sub-navication{
    background-color: #F4F4F4;

}
.main_banner_wrap{
    display: flex;


}

.main_banner_wrap li:first-child{
    width: 66.6%;

}

.main_banner_wrap li:last-child{
    width: calc(100% - 66.6%);

}


.main_banner_wrap li .banner_img_wrapp{
    display: flex;
}

.main_banner_wrap li.first_line .banner_img_wrapp{
    height: 440px;
}

.main_banner_wrap li.second_line .banner_img_wrapp{
    height: 360px;
}

.main_banner_wrap li .banner_img_wrapp .banner_img{
    width: 100%;
    height: 100%
}

.main_banner_wrap li .banner_img_wrapp .banner_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.line_brown{
    width: 100%;
    height: 20px;
    background: #A57D5D;
}

.line_red{
    width: 100%;
    height: 20px;
    background: #8F1526;
}


/* performances */


.performances{
    padding: 120px 60px;
    box-sizing: border-box;
    position: relative;
}

.section_title_wrapp{
    display: flex;
    align-items: center;
}

.section_title_wrapp h2{
    color: #292929;
    font-family: 'Pretendard';
font-size: 60px;
font-weight: 800;
line-height: 120%; /* 72px */
letter-spacing: -0.06rem;
}

.section_title_wrapp p{
    color: #797979;
font-family: 'Pretendard';
font-size: 32px;
font-weight: 800;
line-height: 125%;
padding-left: 20px;
}

.performances_slide{text-decoration: none;}

.performances_slide .performances_img{
    width: 100%;
    height: auto;
}

.performances_slide .performances_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.swiper-scrollbar-drag {
    background: var(--color-brwon)!important;
}

.swiper-scrollbar {
    width: 50%!important; /* Adjust width as needed */
    height: 8px;
    background: #D5D5D5!important;
    position: absolute;
    bottom: 10%!important;
    left: 50%!important;
    transform: translateX(-50%)!important; /* Center horizontally */
}

.swiper-scrollbar-drag {
    background: var(--color-brwon)!important;
    width: auto; /* Allow the drag size to be controlled by Swiper */
}

.swiper{
    width: 100%;
    margin-top: 60px;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.performances_info{
    padding: 20px 12px;
    box-sizing: border-box;
}
.performances_info p{ 
    color: #292929;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 700;
    line-height: 130%; /* 23.4px */

}




.swiper-button-next{
    right: 16px!important;
}

.swiper-button-prev{
    left: 16px!important;
}

.swiper-button-next:after, .swiper-button-prev:after{
    font-size: 23px!important;
}

.swiper-button-next, .swiper-button-prev{
    color: rgba(0,0,0,0.7)!important;
}

.bg_gray{
    background: #F1EEEB;
    padding: 120px 60px;
    position: relative;
}



/* notice */
.section_top_header{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}


.more_link{
    display: flex;
    align-items: center;
    text-decoration: none;
}

.more_link p{
    color: #000;
font-family: 'Pretendard';
font-size: 21px;
font-weight: 600;
line-height: 125%;
margin-right: 12px;
margin-top: 0.3px;
}

.more_link svg{
    fill: #000;
}

.notice_content{
    padding: 60px 0;
    display: flex;
    justify-content: flex-end;
}

.notice_left {
    width: 40%;
    height: auto;
    position: absolute;
    bottom: 0;
    left: 0;
}

.notice_left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    
}

.notice_right{
    width: 40%;
}

.notice_content .notice_list{
    display: flex;
    border-top: 1px solid #939393;
    padding: 36px 0;
}

.header_notice{
    width: 30%;
    color: #000;
font-family: 'Pretendard';
font-size: 24px;
font-weight: 700;
flex: 0 0 14%;
}

.notice_content_inner{
    color: #000;
font-family: 'Pretendard';
font-size: 24px;
font-weight: 400;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: break-all;
}

.opacity_top {
    display: flex;
    align-items: center;
}

.opacity_top img{
    width: 280px;
    height: 240px;
}

.opacity_top.space{
    justify-content: space-between;
}

/* press */

.press{
    padding:120px 60px;
}

.bg_light-gray{
    background: #F7F7F7;
}

.press_content{
    padding: 60px 0 0;
    display: flex;
    gap: 20px;
}

.press_content .press_list{
    width: calc(100% / 3);
    text-decoration: none;
}

.list_img{
    width: 100%;
    height: 365px;
}

.list_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.list_container{
    padding: 40px 20px;
    width: 100%;
    box-sizing: border-box;
}

.list_container .list_title{
    color: #000;
    font-family: 'Pretendard';
    font-size: 24px;
    font-weight: 700;
    line-height: 100%; /* 24px */
    letter-spacing: 1.2px;
    margin-bottom: 16px;
}

.list_container .list_descript{
    color: #000;
font-family: 'Pretendard';
font-size: 16px;
font-weight: 400;
line-height: 140%;
letter-spacing: 0.8px;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: keep-all;
}





/* sub common */

.common_nav_list{
    display: flex;
    align-items: center;
    background: #2D2D2D;

}

.common_nav_list li.common_nav-text {
    color: #fff;
    font-family: Pretendard;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.common_nav_list li.common_nav-text a{
    text-decoration: none;
    color: #fff;
    font-family: Pretendard;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
}

.common_nav_list li.common_nav-home{margin-right: 25px;}
.common_nav_list li.common_nav-home svg{
    width: 25px;
    height: 25px;
    fill: #fff;
}

.common_nav_list li.common_nav-home svg path{
    fill: #fff;
}

.common_nav_list li.common_nav-arrow svg{
    width: 25px;
    height: 25px;
    fill: #fff;
}

.common_nav_list{
    display: flex;
    align-items: center;
    padding: 20px 80px ;
}

.black_back{
    background: #111;
}

.sub_top-section{
    padding: 100px 0;
}

.sub_com_logo{
    width: 250px;
    height: auto;
    margin: 0 auto;
}

.sub_com_logo img{
    width: 100%;
    height: 100%;
}

/* about */

.section_layout {
    width: 1280px;
    margin: 0 auto;
}

.about_inner{
    display: flex;
    gap: 150px;
}

.about_title{
    color: #FFF;
font-family: 'Pretendard';
font-size: 32px;
font-weight: 400;
line-height: 140%;

}

.about_title span{
    color: #FFF;
font-family: Pretendard;
font-size: 40px;
font-weight: 700;
line-height: 140%;
padding-left: 35px;
}

.about_left{
    width: 40%;
}

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

.about_right{
    width: 40%;
}

.about_descript_title{
    margin: 30px 0;
    color: #FFF;
font-family: Pretendard;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 140%;
}

.about_info{
    color: #FFF;
    font-family: Pretendard;
    font-size: 34px;
    margin-top: 30px;
    font-weight: 700;
    line-height: 140%;
    word-break: keep-all;
}

.about_descript_content{
    color: #FFF;
font-family: Pretendard;
font-size: 28px;
font-weight: 400;
line-height: 140%; 
}

.about_inner.about_second{
    padding: 150px 0;
    gap: 50px;
    justify-content: space-between;
}

.about_inner.about_second .about_right {
    width: 60%;
}

.about_inner.about_second .about_left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.about_perfomance_info{
    display: flex;
    gap: 95px;
    margin-bottom: 95px;
}

.about_perfomance_info .about03_left{
    width: 40%;
}

.about_perfomance_info .about03_left img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about_perfomance_info .about03_right{
    width: 60%;
    color: #FFF;
font-family: Pretendard;
font-size: 22px;
font-weight: 400;
line-height: 120%;
letter-spacing: 0.44px;
}

.about_perfomance_info .about03_right span{
    color: #FFF;
font-family: Pretendard;
font-size: 25px;
font-weight: 600;
line-height: 120%; /* 30px */
letter-spacing: 0.5px;
}


.about04_inner .about04_banner{
    width: 100%;
    height: 450px;
}

.about04_inner .about04_banner img{
    width: 100%;
    height: 100%;
}

.about04_inner p{
    margin-top: 40px;
    color: #FFF;
font-family: Pretendard;
font-size: 26px;
font-weight: 400;
line-height: 120%; /* 31.2px */
}

.about04_inner p span{
    color: #FFF;
font-family: Pretendard;
font-size: 28px;
font-weight: 600;
line-height: 120%;
}

.about05_inner{
    margin-top: 130px;
    padding-bottom: 50px;
}

.about05_inner h4{
    color: #FFF;
text-align: center;
font-family: Pretendard;
font-size: 48px;
font-weight: 700;
line-height: 140%; /* 67.2px */
margin-bottom: 130px;
}

.history_list{
    display: flex;
    align-items: flex-start;
    gap: 100px;
    padding-bottom: 100px;
}

.history_list h1{
    color: #939393;
text-align: center;
font-family: Pretendard;
font-size: 64px;
font-weight: 900;
line-height: 140%; /* 89.6px */
width: 40%;
display: flex;
flex-direction: column;
}

.history_list h1 span{
    text-align: right;
    display: block;
}

.history_descript{
    width: 60%;
    color: #FFF;
font-family: Pretendard;
font-size: 22px;
font-weight: 400;
line-height: 120%; /* 26.4px */
letter-spacing: 0.44px;
word-break: keep-all;
}

/* playing */

.playing_contain{
    background: #000;
    padding: 80px;
    box-sizing: border-box;
    width: 100%;
}

.playing_inner{
    width: 100%;
    display: flex;
    gap: 20px;
}

.playing_inner .playing_list{
    width: calc(100% / 3);
    text-decoration: none;
}

.post_info_wrapp{
    padding: 12px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.playing_list_post{
    width: 100%;
    height: auto;
}

.playing_list_post img{
    max-width: 761px;
    width: 100%;
    height: 100%;
    aspect-ratio: 1 / 1.3;
}

.main_banner .main_head.deetail_page h1{
font-size: 120px;
max-width: 80%;
}

.main_head.deetail_page {
    justify-content: flex-start;
    align-items: center;
    gap: 45px;
}

.detail_info .info_descript_list li .descript_text{
    color: #292929;
    font-family: Pretendard;
    font-size: 18px;
    font-weight: 500;
    line-height: 125%; /* 22.5px */
}

.detail_info .info_descript_list li .descript_sub{
    color: #F4F4F4;
font-family: Pretendard;
font-size: 18px;
font-weight: 600;
line-height: 125%;
}

.detail_info .info_descript_list{
    margin: 0;
}


.post_info_wrapp h4{
    color: #FFF;
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: 700;
    line-height: 125%; /* 25px */
}

.post_info_wrapp .post_date{
    color: #FFF;
    font-family: 'Pretendard';
    font-size: 16px;
    font-weight: 400;
    line-height: 125%; /* 20px */
}

.post_info_wrapp .post_locate{
    color: rgba(255, 255, 255, 0.60);
    font-family: 'Pretendard';
    font-size: 15px;
    font-weight: 500;
    line-height: 125%; /* 18.75px */
}


.playing_detail_inner{
    width: 900px;

    height: auto;
    margin: 120px auto;
}


.playing_detail_inner img{
    width: 100%;
    height: 100%;
}



/* 지난공연 */

.last_past{
    background: #000;
    padding: 80px 0;
}
.last_past_inner{
    width: 1166px;
    margin: 0 auto;
}

.last_past_list{
    display: flex;
    padding: 40px 0;
    align-items: flex-start;
    gap: 60px;
    border-bottom: 1px solid #A57D5D;
}

.last_past_list:last-child{
    border-bottom: none;
}

.post_list-img{
    width: 40%;
}

.post_list-img img{
    width: 100%;
    height: auto;
}

.past_list-info{
    width: 60%;
}

.past_list-info .info_title-top{
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.past_list-info .info_title-top .info-title{
    color: #FFF;
    font-family: 'Pretendard';
font-size: 56px;
font-weight: 700;
line-height: 110%; /* 61.6px */
}

.past_list-info .info_title-top .info_ko_title{
    color: #FFF;
    font-family: Pretendard;
    font-size: 32px;
    font-weight: 600;
    line-height: 110%; /* 35.2px */
}

.info_descript_list{
    margin: 60px 0 80px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.info_descript_list li {
    display: flex;
    align-items: center;
    gap: 16px;
}

.info_descript_list li .descript_sub{
    border-radius: 4px;
    background: #901627;
    padding: 4px 12px;
    color: #FFF;
    font-family: 'Pretendard';
font-size: 20px;
font-weight: 600;
line-height: 125%; /* 25px */
display: flex;
align-items: center;
justify-content: center;
word-break: keep-all;
}


.info_descript_list li.wrap_flex{
    align-items: flex-start;
}
.info_descript_list li .descript_text{
    color: #FFF;
    font-family: 'Pretendard';
font-size: 20px;
font-weight: 500;
line-height: 125%; /* 25px */
}

.detail_link{
    width: 180px;
    height: 60px;
    border-radius: 8px;
background: #B71230;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
font-family: Pretendard;
font-size: 24px;
font-weight: 700;
line-height: 135%;
text-decoration: none;
}




/* 후원회 소개 */

.supporters_wrapper{
    background: #000;
    padding: 120px 80px;
}

.supporters_inner h3{
    color: #FFF;
    font-family: 'Pretendard';
    font-size: 40px;
    font-weight: 800;
    line-height: 135%; 
    margin-bottom: 100px;
}

.supporters_list{
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 80px;
}

.supporters_list .suppoters_title{
    color: #FFF;
font-family: Pretendard;
font-size: 26px;
font-weight: 800;
line-height: 135%;
width: 15%;
}

.suppoerters_table{
    width: 85%;
}

.suppoerters_table table{
    width: 100%;
}

.membership-table thead{
    background: #E9DDD1;
}

.membership-table thead th {
    padding: 16px 20px;
    color: #000;
    font-family: Pretendard;
    font-size: 21px;
    font-weight: 800;
    line-height: 135%; /* 28.35px */
    text-align: left;
}

.membership-table tbody tr{
    border-top: 1px solid rgba(255, 255, 255, 0.60);
}

.membership-table tbody tr td{
    color: #FFF;
font-family: 'Pretendard';
font-size: 21px;
font-weight: 500;
line-height: 135%;
padding: 16px 20px;
}

.membership-table tbody tr td:last-child{
    vertical-align: middle;
}

.club_solare{
    width: 100%;
    border-radius: 8px;
    background: #B71230;
    padding: 40px;
    box-sizing: border-box;
}

.club_solare h4{
    color: #FFF;
    font-family: Pretendard;
    font-size: 32px;
    font-weight: 800;
    line-height: 135%; /* 43.2px */
    margin-bottom: 20px;
}

.club_solare p{
    color: #FFF;
font-family: Pretendard;
font-size: 21px;
font-weight: 500;
line-height: 135%; /* 28.35px */
margin-bottom: 60px;
}

.club_info{
    background: #000;
    padding: 20px 40px;
    color: #FFF;
font-family: Pretendard;
font-size: 21px;

font-weight: 700;
line-height: 135%; /* 28.35px */
}

.support_method_wrapp{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.support_method_wrapp li.method_round{
    border-radius: 200px;
border: 2px solid #FFF;
width: 15vw;
height: 15vw;
display: flex;
align-items: center;
justify-content: center;
color: #FFF;
text-align: center;
font-family: Pretendard;
font-size: 1.5vw;
font-weight: 800;
line-height: 135%; /* 32.4px */
}


.file_download{
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    width: 300px;
    height: 72px;
    border-radius: 8px;
background: #B71230;
text-decoration: none;
margin-bottom: 20px;
margin-top: 40px;
}

.file_download p{
    color: #FFF;
font-family: Pretendard;
font-size: 24px;
font-weight: 700;
line-height: 135%; 
}

.file_download svg{
    width: 24px;
    height: auto;
}

.payment_descript_span{
    color: #FFF;
font-family: Pretendard;
font-size: 21px;
font-weight: 600;
line-height: 135%;
}

.payment_number span{
    margin-left: 1rem;
}

.payment_number,
.payment_number a{
    width: 600px;
    padding: 20px 40px;
    display: flex;
    align-items: center;
    border-radius: 8px;
background: #B71230;
color: #FFF;
font-family: Pretendard;
font-size: 24px;
font-weight: 700;
line-height: 135%; 
margin-bottom: 20px;
box-sizing: border-box;
}

.paymnet_number-info{
    color: #FFF;
font-family: Pretendard;
font-size: 21px;
font-weight: 600;
line-height: 135%;
}

.support_sign{
    border-radius: 8px;
background: #A57D5D;
width: 500px;
padding: 20px 40px;
box-sizing: border-box;
display: flex;
align-items: center;
flex-direction: column;
color: #FFF;
font-family: Pretendard;
font-size: 24px;
font-weight: 700;
line-height: 135%; /* 32.4px */
}

.support_sign a{
    color: #fff;
}


/* 보도자료 */
.press_wrapper{
    background: #000;
    padding: 120px 80px;
    box-sizing: border-box;
}

.press_inner{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

.press_inner .press_list{
    width: 32%;
    text-decoration: none;
}

.press_inner .press_list .press_img{
    width: 100%;
    height: 350px;
    margin-bottom: 15px;
}

.press_inner .press_list .press_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.press_info{
    padding: 40px 20px;
    box-sizing: border-box;
}

.press_title_new{
    color: #FFF;
font-family: Pretendard;
font-size: 24px;
font-weight: 700;
line-height: 100%; /* 24px */
letter-spacing: 1.2px;
}

.press_content_new{
color: #FFF;
font-family: Pretendard;
font-size: 16px;
font-weight: 400;
line-height: 140%; /* 22.4px */
letter-spacing: 0.8px;
overflow: hidden;
white-space: normal;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
word-break: keep-all; 
margin-top: 16px;
}

.board_page_nav {
    display: flex;
    align-items: center;
    gap:20px;
    justify-content: center;
    cursor: pointer;
    padding: 100px 0;
}

.board_page_nav .page_number ul{
    display: flex;
    align-items: center;
    
    gap: 4px;
}

.board_page_nav .page_number ul li{
    border: 1px solid #FFF;
    opacity: 0.3;
    width: 40px;
    height: 40px;
    color: #FFF;
font-family: Pretendard;
font-size: 16px;
font-weight: 400;
line-height: 140%; /* 22.4px */
letter-spacing: 0.8px;
display: flex;
align-items: center;
justify-content: center;
}

.board_page_nav .page_number ul li.active{
    opacity: 1;
}


/* footer */

footer{
    background: #242424;
}

.footer_inner{
    padding: 60px 80px;
    box-sizing: border-box;
    width: 100%;
}

.footer_inner{
    display: flex;
    gap: 100px;
    align-items: flex-start;
}

.footer_inner .company_name{
    color: #A57D5D;
font-family: Pretendard;
font-size: 24px;
font-weight: 700;
line-height: 140%;
letter-spacing: 1.6px;
}

.footer_inner .company_adress{
    color: #B8B8B8;
font-family: Pretendard;
font-size: 16px;
font-weight: 600;
line-height: 140%; /* 33.6px */
letter-spacing: 1.2px;
margin: 32px 0;
}

.footer_inner .company_number a{
    color: #B8B8B8;
}

.footer_inner .company_number{
    color: #B8B8B8;
font-family: Pretendard;
font-size: 16px;
font-weight: 600;
line-height: 140%;
letter-spacing: 1.2px;
margin-bottom: 0;
text-decoration: none;
display: block;
}

.footer_inner .company_number:last-child{

margin-bottom: 32px;

}

.footer_inner .copy_text{
    color: #B8B8B8;
font-family: Pretendard;
font-size: 16px;
font-weight: 600;
line-height: 140%; /* 33.6px */
letter-spacing: 1.2px;
}

.footer_logo{
    width: 250px;
    height: auto;
}

.footer_logo img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.index_main .mo_block{
    display: none;
}


.board_section{
    background-color: #000;
}

.board_section .board_inner{
    width: 80%;
    margin: 0 auto;
    padding: 120px 0;
}

.board_inner ul li:nth-child(1){
    width: 10%;
    text-align: left;
}

.board_inner ul li:nth-child(2){
    width: 70%;
}

.board_inner ul li:nth-child(3){
    width: 20%;
    text-align: left;
}

.board_head{
    background: #E9DDD1;
    display: flex;
    align-items: center;
}


.board_head li{
    color: #000;
text-align: center;
font-family: Pretendard;
font-size: 21px;
font-weight: 800;
line-height: 135%; /* 28.35px */
padding: 16px 20px;
box-sizing: border-box;
}
.board_list_head ul{
    border-bottom: 1px solid #fff;
    display: flex;
    align-items: center       ;
}

.board_list_head ul li{
    padding: 16px 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    word-break: break-all;
color: #FFF;
font-family: Pretendard;
font-size: 21px;
font-weight: 500;
line-height: 135%; /* 28.35px */
}

.board_list_head ul:last-child{
    border-bottom: none;
}

.button_write{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 40px;
}

.button_write button{
    border-radius: 8px;
background: #B71230;
width: 130px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: none;
border: none;
color: #FFF;
font-family: Pretendard;
font-size: 20px;
font-weight: 700;
line-height: 135%; /* 27px */
cursor: pointer;
}
/* 조직도 */

.organization_wrapper{
    background-color: #000;
    padding: 120px 0;
}

.organization_inner{
    max-width: 80%;
    margin: 0 auto;
    
}

.organization_img.pc{
    width: 100%;
    height: auto;
}

.organization_img.pc img{
    width: 100%;
    height: auto;
}

.organization_img.mo{
    display: none;
}


.membership_table.mo{
    display: none;
}



/* board */

.boardwrite_inner{
    background: #000;
    padding: 80px 0;
}

.boardwrite_inner .board_wrapper{
    width: 1200px;
    margin: 0 auto;
}


.write_input_inner {
    margin-bottom: 20px;
}

.write_input_inner p {
    color: #FFF;
    font-family: 'Pretendard';
    font-size: 23px;
    font-weight: 600;
    line-height: 141%;
    letter-spacing: 1.15px;
    margin-bottom: 10px;
}

.write_input_inner input[type="text"] {
    border-radius: 3px;
    border: 1px solid #a57d5d;
    background: #111;
    width: 100%;
    height: 60px;
    padding: 12px 16px;
    color: #fff;
    font-family: 'Pretendard';
    box-sizing: border-box;
    outline: none;
}

.board_write-wrapper {
    max-width: 900px;
    margin: 0 auto;
}



.write_textarea {
    border-radius: 3px;
    border: 1px solid #a57d5d;
    background: #111;
    width: 100%;
    height: 520px;
    padding: 12px 16px;
    color: #fff;
    font-family: 'Pretendard';
    outline: none;
    box-sizing: border-box;
}

.file_input {
    border-radius: 3px;
    border: 1px solid #a57d5d;
    background: #111;
    width: 100%;
    height: 60px;
    padding: 12px 16px;
    color: #fff;
    font-family: 'Pretendard';
    box-sizing: border-box;
}

.page_write_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-top: 100px;
}

.page_write_btn a {
    color: #FFF;
    font-family: 'Pretendard';
    font-size: 24px;
    font-weight: 500;
    line-height: 145%;
    letter-spacing: 1.2px;
    text-decoration: none;
    background: #8F1526;
    width: 120px;
    height: 46px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page_write_btn a.list_btn{
    background: #797979;
}

.history_content_img {
    margin: 1rem auto;
    width: 250px;
    height: auto;
}

.history_content {
    margin-bottom: 50px;
}

.history_content_img img{
    width: 100%;
    height: 100%;
}
.history_content p {
    color: #fff;
    text-align: center;
    font-size: 23px;
    font-weight: 600;
    padding-bottom: 1rem;
}

.board_write {
    padding: 50px 0;
    border-top: 1px solid #a57d5d;
    border-bottom: 1px solid #a57d5d;
}

.board_detail_content {
    width: 1400px;
    margin: 0 auto 50px;

    border-top: 2px solid #a57d5d;;
    border-bottom: 2px solid #a57d5d;;
}

.board_title_content {
    padding: 30px 50px;
    border-bottom: 1px solid #a57d5d;;
}

.board_title_content h2 {
    color: #FFF;
    font-family: 'Pretendard';
    font-size: 24px;
    font-weight: 600;
    line-height: 145%;
}

.board_title_content p {
    color: #969696;
    font-family: 'Pretendard';
    font-size: 18px;
    font-weight: 500;
    line-height: 145%;
    /* 26.1px */
}

.board_text_content {
    color: #FFF;
    font-family: 'Pretendard';
    font-size: 20px;
    font-weight: 500;
    line-height: 145%;
    /* 29px */
    height: 580px;
    padding: 60px 50px;
}

.page_detail_nav_list .page_number {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 84px;
    margin-bottom: 150px;
}

.page_detail_nav_list .page_number li a {
    color: #FFF;
    font-family: 'Pretendard';
    font-size: 24px;
    font-weight: 500;
    line-height: 145%;
    letter-spacing: 1.2px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}



.page_detail_nav_list .page_number li svg {
    fill: #fff;
    width: 16px;
    height: 16px;
}




/*BACK TO POSITION*/
.back-to-position {
    opacity: 0;
    transition: 1.3s;
}

.back-to-position.to-right {
    transform: translateX(-20px);
}

.back-to-position.to-left {
    transform: translateX(20px);
}

.back-to-position.to-up {
    transform: translateY(20px);
}

.show .back-to-position {
    opacity: 1;
    transform: translateX(0);
}

.show .back-to-position.delay-0 {
    transition-delay: 0s;
}

.show .back-to-position.delay-1 {
    transition-delay: .3s;
}

.show .back-to-position.delay-2 {
    transition-delay: .6s;
}

.show .back-to-position.delay-3 {
    transition-delay: .9s;
}

.show .back-to-position.delay-4 {
    transition-delay: 1.2s;
}


.show .back-to-position.delay-5 {
    transition-delay: 1.5s;
}


.show .back-to-position.delay-6 {
    transition-delay: 1.8s;
}


.show .back-to-position.delay-7 {
    transition-delay: 2.1s;
}

.main_slide.swiper{margin-top: 0;}


.main_slide.swiper{
    width: 100%;
    height: calc(100vh - 100px);
    position: relative;

}

.main_slide .swiper-slide{
    padding: 100px;
    box-sizing: border-box;
}
.main_slide .swiper-slide:nth-child(1){
    width: 100%;
    height: 100%;
    background: url('/image/main01.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;    
}

.main_slide .swiper-slide:nth-child(2){
    width: 100%;
    height: 100%;
    background: url('/image/main02.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;    
}

.main_slide .swiper-slide:nth-child(3){
    width: 100%;
    height: 100%;
    background: url('/image/main03.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;    
}

.slide_content h3{
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 1rem;
    color: #fff;
    font-family: 'Pretendard';
}
.slide_content h2{
    font-size: 60px;
    font-weight: 700;
    margin-bottom: 3rem;
    color: #fff;
    font-family: 'Pretendard';
}

.slide_content p{
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    font-family: 'Pretendard';
    margin-bottom: 0;
}

.slide_content p.date_slide{
    font-size: 26px;
    font-weight: 600;
    color: #fff;
    font-family: 'Pretendard';
    margin-bottom: 1rem;
}

.slide_content button{
    border: 2px solid #fff;
    background:transparent;
    font-family: 'Pretendard';
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    width: 200px;
    height: 60px;
    border-radius: 50px;
    cursor: pointer;
    margin-top: 3.2rem;
    font-weight: 600;
}

.slide_content button:hover{
    background: #fff;
    color: #000;
}

.slide_content{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    
}


.main_slide .swiper-pagination-bullet {
    width: 150px;
    height: 5px;
    display: inline-block;
    border-radius: 0;
    background: transparent;
    opacity: 1;
    border: 1px solid #ccc;
}

.main_slide .swiper-pagination-bullet-active{
    background-color: var(--color-brwon);
    border: none;
}


.main_slide .swiper-horizontal>.swiper-pagination-bullets, .main_slide  .swiper-pagination-bullets.swiper-pagination-horizontal, .main_slide .swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10%;
    top: unset;
    left: 0;
    width: 100%
}

button#playPauseButton {
    border: none;
    background: none;
    position: absolute;
    right: 10%;
    bottom: 7%;
    z-index: 99;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.play-pause-button img {
    width: 100%;
    height: 100%;
    filter: invert(100%) sepia(100%) saturate(13%) hue-rotate(237deg) brightness(104%) contrast(104%);
}
/* tablet */

@media (min-width:1201px) and (max-width:1550px) {
    .playing_list_post{
        width: 100%;
        height: 550px;
    }
    
    .playing_list_post img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

}



@media (min-width:769px) and (max-width:1200px) {
    .playing_list_post{
        width: 100%;
        height: 450px;
    }
    
    .playing_list_post img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .common_nav_list {
        display: flex;
        align-items: center;
        padding: 20px 80px;
    }

    .press_inner .press_list .press_img {
        width: 100%;
        height: 200px;
    }

    .press_content_new{
        font-size: 13px;
        margin-top: 12px;
    }
    
    .press_title_new{
        font-size: 17px;
    }
    .press_wrapper {
        background: #000;
        padding: 60px 40px;
        box-sizing: border-box;
    }

    .press_info {
        padding: 20px 10px;
        box-sizing: border-box;
    }

    .press_inner .press_list{width: 100%;}



    .press_inner{
        display: grid;
        width: 100%;
        grid-template-columns: repeat(3, 1fr);
        column-gap: 12px;
    }
}

/* mobile */

@media screen and (max-width:768px){
    .main_slide.swiper{margin-left: 0!important;}
    .main_slide .swiper-slide{height: 500px;}

    .main_slide .swiper-pagination-bullet {
        width: 50px;
        height: 5px;
        border: 1px solid #ccc;
    }

    .main_banner .main_head.main_page_head h1{
        font-size: 52px;
        width: 100%;
        font-weight: 600;
    }

    .main_banner{
        padding: 100px 20px 0;
    }

    .main_banner .main_head{
        flex-direction: column;
        width: 100%;
        padding-bottom: 20px;
        align-items: flex-start;
        padding-top: 30px;
    }

    .main_head_flex{
        width: 100%;
        gap: 20px;
        justify-content: space-between;
        margin-top: 30px;
        /* margin-bottom: 30px; */
    }

    .main_banner .main_head .text-left{
        padding-left: 0;
    }

    .index_main .pc_block{
        display: none;
    }

    .index_main .mo_block{
        display: block;
    }

    .main_banner_wrap li:first-child{
        width: 100%;
    }

    .banner_img {
        width: 100%;
        height: 250px;
    }

    .banner_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .line_brown {
        width: 100%;
        height: 4px;
        background: #A57D5D;
    }

    .line_red {
        width: 100%;
        height: 4px;
        background: #8F1526;
    }

    .main_banner_wrap li:last-child {
        width: 100%;
    }

    .section_title_wrapp{
        flex-direction: column;
        gap: 8px;
    }
    .section_title_wrapp h2{
        font-size: 28px;
        text-align: center;
    }

    .section_title_wrapp p{
        font-size: 18px;
        padding-left: 0;
    }

    .notice_content{
        flex-direction: column;
        padding: 48px 0 0;
    }

    .notice_left {
        display: none;
    }

    .notice_right {
        width: 100%;
    }

    .press_content{
        flex-direction: column;
    }

    .press_content .press_list {
        width: 100%;
    }

    .footer_inner{
        flex-direction: column;
        padding: 30px 20px;
        gap: 40px;
    }

    .footer_logo {
        width: 160px;
        height: auto;
    }

    .swiper {
        width: 100%;
        margin-top: 45px;
        margin-left: 20px!important;
    }

    .performances {
        padding: 60px 20px 80px;
        box-sizing: border-box;
        position: relative;
    }

    .header{
        padding: 24px 20px;
    }

    .header .logo {
        width: 120px;
        height: auto;
    }

    .swiper-button-next, .swiper-button-prev{
        /* background: rgba(255, 255, 255, 0.5); */
    }

    .swiper-button-prev {
        left: 17px !important;
    }

    .swiper-button-next {
        right: 32px !important;
    }

    .performances_slide .performances_img img{
        box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15);
    }

    .swiper-scrollbar{
        bottom: 8% !important;
        z-index: 1!important;
    }

    .bg_gray {
        background: #F1EEEB;
        padding: 60px 20px;
    }

    .section_top_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: column;
    }

    .more_link{
    margin-top: 32px;
    }

    .more_link p{
        font-size: 15px;
    }


    .press {
        padding: 60px 20px;
    }

    .press_content{
        padding:45px 0 ;
    }

    .header_notice{
        font-size: 15px;
        flex: 0 0 20%;
    }

    .notice_content_inner{
        font-size: 15px;
    }

    .list_container {
        padding: 24px 12px;
        width: 100%;
        box-sizing: border-box;
    }

    .list_img {
        width: 100%;
        height: 215px;
    }

    .list_container .list_title{
        font-size: 18px;
        margin-bottom: 16px;
    }

    .list_container .list_descript{
        font-size: 15px;
    }

    .footer_inner .company_name{
        font-size: 18px;
    }

    .footer_inner .company_adress{
        font-size: 13px;
    }

    .footer_inner .company_number{
        font-size: 13px;
    }

    .footer_inner .copy_text{
        font-size: 13px;
    }


    .main_banner .main_head h1{
        font-size: 2.5rem;
    }

    .sub-navication .main_banner_wrap li:first-child {
        width: 70%;
    }

    .sub-navication .main_banner_wrap li:last-child {
        width: 30%;
    }

    
    .common_nav_list {
        display: flex;
        align-items: center;
        padding: 20px 20px;
    }

    .common_nav_list li.common_nav-text {
        font-size: 18px;
    }

    li.common_nav-arrow {
        margin: 0 0.5rem;
    }

    .common_nav_list li.common_nav-arrow svg {
        width: 18px;
        height: 18px;
        fill: #fff;
    }

    .sub_top-section {
        padding: 50px 0;
    }

    .sub_com_logo {
        width: 180px;
        height: auto;
        margin: 0 auto;
    }

    .section_layout {
        width: 100%;
        margin: 0 auto;
        padding: 0 30px;
        box-sizing: border-box;
    }

    .about_inner {
        display: flex;
        gap: 30px;
        flex-direction: column;
    }

    .about_left {
        width: 100%;
    }

    .about_right {
        width: 100%;
    }

    .about_title {
        font-size: 18px;
    }

    .about_title span {
        font-size: 30px;
        padding-left: 25px;
    }

    .about_info {
        font-size: 24px;
        margin-top: 30px;
        word-break: keep-all;
    }

    .about_descript_title {
        margin: 30px 0;
        font-size: 24px;
    }

    .about_descript_content {
        font-size: 20px;
        word-break: keep-all;
    }

    .about_inner.about_second {
        padding: 50px 0 100px;
        gap: 50px;
        justify-content: space-between;
        flex-direction: column;
    }

    .about_inner.about_second .about_right {
        width: 100%;
    }

    .about_left {
        width: 100%;
    }

    .about_perfomance_info {
        display: flex;
        gap: 40px;
        margin-bottom: 100px;
        flex-direction: column;
    }

    .about_perfomance_info .about03_left {
        width: 100%;
    }

    .about_perfomance_info .about03_right {
        width: 100%;
        font-size: 19px;
        word-break: keep-all;
    }

    .about_perfomance_info .about03_right span {
        font-size: 20px;
    }

    .about04_inner .about04_banner {
        width: 100%;
        height: auto;
    }

    .about04_inner .about04_banner img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .about04_inner p {
        margin-top: 40px;
        font-size: 19px;
        word-break: keep-all;
        line-height: 1.3;
    }

    .about04_inner p span {
        font-size: 21px;
    }

    .about05_inner {
        margin-top: 100px;
        padding-bottom: 50px;
    }

    .about05_inner h4 {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .history_list {
        display: flex;
        align-items: flex-start;
        gap: 20px;
        padding-bottom: 50px;
        flex-direction: column;
    }

    .history_list h1 {
        color: #939393;
        text-align: center;
        font-family: Pretendard;
        font-size: 43px;
        width: 100%;
        display: flex;
        flex-direction: row;
    }

    .history_descript {
        width: 100%;
        font-size: 19px;
        word-break: keep-all;
        line-height: 150%;
    }

    .organization_inner{
        width: 100%;
        padding: 0 45px;
        box-sizing: border-box;
    }

    .organization_img.mo{
        display: block;
        width: 100%;
        height: auto;
    }
    
    .organization_img.mo img{
        width: 100%;
        height: auto;
    }
    
    .organization_img.pc{
        display: none;
    }

    .playing_contain{
        padding: 60px 20px;
    }

    .playing_inner{
        flex-direction: column;
    }

    .playing_inner .playing_list {
        width: 100%;
        text-decoration: none;
    }

    .playing_list_post {
        width: 100%;
        height: auto;
    }

    .post_info_wrapp{
        padding: 8px;
        margin-top: 8px;
        gap: 3px;
    }

    .mo-info-wrapp{
        flex-direction: column-reverse;
    }

    .main_banner .main_head.deetail_page h1 {
        font-size: 30px;
    }

    .main_head.deetail_page {
        padding-top: 30px;
        gap: 25px;
    }

    .detail_info .info_descript_list li .descript_sub {
        color: #F4F4F4;
        font-family: Pretendard;
        font-size: 12px;
        font-weight: 600;
        line-height: 125%;
    }

    .detail_info .info_descript_list li .descript_text{
        font-size: 14px;
    }

    .detail_info .info_descript_list {
        margin: 0;
        gap: 10px;
    }

    .playing_detail_inner {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .last_past {
        padding: 40px 0;
    }

    .last_past_inner {
        width: 100%;
        margin: 0;
        padding: 0 30px;
        box-sizing: border-box;
    }

    .last_past_list {
        display: flex;
        padding: 40px 0;
        align-items: flex-start;
        gap: 20px;
        border-bottom: 1px solid #A57D5D;
        flex-direction: column;
    }

    .post_list-img {
        width: 100%;
    }

    .past_list-info {
        width: 100%;
    }

    .past_list-info .info_title-top .info-title{
        font-size: 20px;
    }

    .past_list-info .info_title-top .info_ko_title{
        font-size: 18px;
    }

    .info_descript_list {
        margin: 24px 0 40px;
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .info_descript_list li .descript_text{
        font-size: 15px;
    }

    .info_descript_list li .descript_sub{
        font-size: 20px;
    }

    .detail_link{
        width: 100%;
    }

    .main_banner  .main_head.support_head h1{
        font-size: 30px;
    }

    .supporters_wrapper {
        padding: 60px 20px;
    }

    .supporters_list {
        display: flex;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 60px;
        flex-direction: column;
    }

    .supporters_list .suppoters_title {
        color: #FFF;
        font-family: Pretendard;
        font-size: 18px;
        font-weight: 800;
        line-height: 135%;
        width: 100%;
        margin-bottom: 24px;
    }

    .suppoerters_table {
        width: 100%;
    }

    .support_method_wrapp {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        gap: 20px;
    }

    .support_method_wrapp li.method_round {
        width: 160px;
        height: 160px;
        font-size: 18px;
    }

    .arrow svg{
        transform: rotate(90deg);
    }

    .file_download{
        width: 100%;
    }

    .file_download p{
        font-size: 18px;
    }

    .file_download svg {
        width: 16px;
        height: auto;
    }

    .payment_descript_span{
        font-size: 15px;
    }

    .payment_number {
        width: 100%;
        font-size: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .payment_number span{
        display: block;
    }

    .paymnet_number-info{
        word-break: keep-all;
            font-size: 15px;
    }

    .support_sign{
        width: 100%;
        font-size: 15px;
        text-align: center;
        justify-content: center;
    }

    .membership_table.mo{
        display: block;
    }

    .suppoerters_table table{
        display: none;
    }

    .table_header {
        width: 100%;
        background: #E9DDD1;
        padding: 8px 12px;
        box-sizing: border-box;
        color: #000;
        font-family: Pretendard;
        font-size: 18px;
        font-weight: 800;
        line-height: 135%;
    }

    .table_body li {
        padding: 8px 12px;
        box-sizing: border-box;
        color: #FFF;
        font-family: Pretendard;
        font-size: 15px;
        font-weight: 500;
        line-height: 135%;
    }
    
    .table_body li:last-child{
        border-top: 1px solid rgba(255, 255, 255, 0.60);
    }

    ul.table_body {
        margin-bottom: 20px;
    }

    .club_solare {
        width: 100%;
        border-radius: 8px;
        background: #B71230;
        padding: 24px;
        box-sizing: border-box;
    }

    .club_solare h4{
        font-size: 18px;
    }

    .club_solare p{
        font-size: 15px;
        margin-bottom: 40px;
        word-break: keep-all;
    }

    .club_info {
        background: #000;
        padding: 12px 20px;
        color: #FFF;
        font-family: Pretendard;
        font-size: 16px;
        font-weight: 700;
        line-height: 135%;
    }

    .supporters_inner h3 {
        font-size: 16px;
        margin-bottom: 60px;
    }

    .press_wrapper {
        background: #000;
        padding: 60px 20px;
        box-sizing: border-box;
    }

    .press_inner .press_list{
        width: 100%;
        
    }

    .press_title_new{
        font-size: 18px;
    }
    
    .press_content_new{
        font-size: 15px;
        margin-top: 10px;
    }

    .press_info {
        padding: 24px 8px;
        box-sizing: border-box;
    }

    .board_section .board_inner {
        width: 100%;
        margin: 0;
        padding: 60px 20px;
        box-sizing: border-box;
    }

    .board_head li:first-child,
    .board_list_head li:first-child{
        display: none;
    }

    .board_list_head ul li {
        padding: 16px 12px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
        color: #FFF;
        font-family: Pretendard;
        font-size: 16px;
        font-weight: 500;
        line-height: 135%;
    }

    .board_head li {
        color: #000;
        text-align: left;
        font-family: Pretendard;
        font-size: 21px;
        font-weight: 800;
        line-height: 135%;
        padding: 20px 12px;
        box-sizing: border-box;
    }

    .board_inner ul li:nth-child(3) {
        width: 30%;
        text-align: left;
        padding: 0;
    }

    .button_write button{
        width: 100px;
        height: 46px;
        font-size: 16px;
    }

    .boardwrite_inner .board_wrapper {
        width: 100%;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .board_write-wrapper {
        max-width: 100%;
        margin: 0 auto;
    }

    .history_content_img{
        width: 120px;
    }

    .page_detail_nav_list .page_number {
        gap: 1.2rem;
    }

    .page_detail_nav_list .page_number li a {
        font-size: 5vw;
        gap: 5px;
    }

    .board_text_content {
        padding: 0.8rem 1rem;
        font-size: 3.7vw;
    }

    .board_title_content h2 {
        font-size: 4vw;
    }

    .board_title_content {
        padding: 0.8rem 1rem;
    }

    .board_detail_content{
        width: 100%;
    }

    .notice_content .notice_list{
        padding: 20px 0;
    }

    .main_slide .swiper-slide {
        padding: 20px;
        box-sizing: border-box;
    }

    .slide_content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        height: 100%;
    }

    .slide_content h3 {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 0.5rem;
        color: #fff;
        font-family: 'Pretendard';
    }

    .slide_content h2 {
        font-size: 30px;
        font-weight: 700;
        margin-bottom: 2rem;
        color: #fff;
        font-family: 'Pretendard';
    }

    .slide_content p.date_slide {
        font-size: 17px;
        font-weight: 600;
        color: #fff;
        font-family: 'Pretendard';
        margin-bottom: 0.5rem;
    }

    .slide_content p {
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 0;
    }

    .slide_content button {
        color: #fff;
        font-size: 15px;
        width: 147px;
        height: 44px;
        border-radius: 50px;
        cursor: pointer;
        margin-top: 2.2rem;
        font-weight: 600;
    }
}

button.btn.writhe-btn {
    border-radius: 8px;
    background: white;
    color: #000;
    font-size: 19px;
    font-weight: 600;
    font-family: 'Pretendard';
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    box-shadow: none;
    cursor: pointer;
    padding: 0.8rem 1.2rem;
    margin-bottom: 100px;
}



/* logo slide */

.section_logo {
    padding: 80px 0;
    height: 100%;
    /* background: #0E0D0C; */
    position: relative;
}


.section_logo .logo_list {
    height: 80px;
    width: 200px;
    margin-right: 40px;
}

.section_logo .logo_list:last-child {
    margin-right: 0;
}

.section_logo .logo_list img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* .logo_overlay {
    z-index: 2;
    background: linear-gradient(90deg, rgba(14, 13, 12, 1) 0%, rgba(14, 13, 12, 0) 15%, rgba(14, 13, 12, 0.008841036414565795) 84%, rgba(14, 13, 12, 1) 100%);
    display: block;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
} */

.membership-table tbody tr td span.member {
    margin-right: 20px;
    font-weight: 200;
    font-family: 'Pretendard';
}

.membership-table tbody tr td span.postion {
    font-weight: 800;
    font-family: 'Pretendard';
}

.membership-table tbody tr td span.member strong{     font-family: 'Pretendard';   font-weight: 500;}


.membership_table .membership_table_list .table_body span.member {
    margin-right: 10px;
    font-weight: 200;
    font-family: 'Pretendard';
}

.membership_table .membership_table_list .table_body span.postion {
    font-weight: 800;
    font-family: 'Pretendard';
}

.membership_table .membership_table_list .table_body span.member strong{     font-family: 'Pretendard';   font-weight: 500;}


@media screen and (max-width:768px){
    .section_logo{
        padding: 40px 0;
    }

    .section_logo .logo_list{margin-right: 0; margin: 0 15px;}
}