:root,[data-bs-theme="light"] {
    --bs-body-font-family: 'Pretendard';
    --bs-primary-rgb: 255, 130, 12;
    --bs-primary: #FF820C;
}
.dropdown-menu{
    --bs-dropdown-link-active-bg:#FF820C
}
.fs-1375{
    font-size: 1.375rem;
}
.fs-55{
    font-size: 1.125rem;
}
.fs-875{
    font-size: 0.875rem;
}
.fs-7{
    font-size: 0.75rem
}
.btn.no-hover{
    --bs-btn-hover-bg: var(--bs-btn-bg);
    --bs-btn-hover-color: var(--bs-btn-color);
    --bs-btn-hover-border-color: var(--bs-btn-border-color);
}
.btn-primary{
    --bs-btn-color: #fff;
    --bs-btn-bg: #FF820C;
    --bs-btn-border-color: #FF820C;
    --bs-btn-hover-color: #FF820C;
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: #FF820C;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #FF820C;
    --bs-btn-active-bg: #fff;
    --bs-btn-active-border-color: #FF820C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #FF820C;
    --bs-btn-disabled-border-color: #FF820C;
}
.form-check-input:checked {
    background-color: #FF820C;
    border-color: #FF820C;
}
.btn-gray{
    --bs-btn-color: #fff;
    --bs-btn-bg: #bebebe;
    --bs-btn-border-color: #bebebe;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d3d4d5;
    --bs-btn-hover-border-color: #c6c7c8;
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #c6c7c8;
    --bs-btn-active-border-color: #babbbc;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #bebebe;
    --bs-btn-disabled-border-color: #bebebe;
}
.btn-outline-gray{
    --bs-btn-color: #3b3b3b;
    --bs-btn-border-color: #bebebe;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bebebe;
    --bs-btn-hover-border-color: #bebebe;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #bebebe;
    --bs-btn-active-border-color: #bebebe;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #bebebe;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #bebebe;
    --bs-gradient: none;
}
.btn-outline-primary {
    --bs-btn-bg: #fff;
    --bs-btn-color: #FF820C;
    --bs-btn-border-color: #FF820C;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #FF820C;
    --bs-btn-hover-border-color: #FF820C;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #FF820C;
    --bs-btn-active-border-color: #FF820C;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #FF820C;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #FF820C;
    --bs-gradient: none;
}
.bg-gray{
    background-color: #f8f8f8;
}
.navbar-toggler {
    border-radius: var(--bs-border-radius-sm);
}
@media (min-width: 768px) {
    /* .navbar .navbar-nav {
        display: inline-block;
        float: none;
        vertical-align: top;
    }

    .navbar .navbar-collapse {
        text-align: center;
    } */
}

.btn-lg{
    --bs-btn-padding-y: 0.75rem;
    width:180px;
    height:50px;
    font-size:1rem;
}
.form-control{border-radius:4px;font-size:0.875rem;}
.form-control-lg{font-size:0.875rem;padding:0.875rem 1.25rem }
a{text-decoration: none;color:inherit}
html{font-family: 'Pretendard';}
.btn{border-radius:4px}
nav{padding: 20px 0 !important;border-bottom:1px solid #0000000D;vertical-align: middle;}
ul.navbar-nav{align-items: center;}
ul.navbar-nav .nav-item > a:not(.btn){margin-right:30px;text-decoration: none;vertical-align: bottom;color:#3b3b3b;}
ul.navbar-nav .nav-item > a:not(.btn):hover{color:#FF820C;font-weight: 700;}
ul.navbar-nav .nav-item > .logo{margin-right:40px;}
ul.navbar-nav .nav-item.member{margin-left:auto}
ul.navbar-nav .nav-item.member > a:first-child{margin-right:20px;}
ul.navbar-nav .nav-item > .dropdown-menu{
    border: 0;
    box-shadow: 0 5px 5px -3px #00000033, 0 8px 10px 1px #00000026, 0 3px 14px 2px #0000001F;
}
section#banner{position:relative; text-align: center;color:#fff}
section#banner > .image, .banner > .image{position:relative;text-align: center;}
section#banner > .image::after, .banner > .image:not(.no-bg-overlay)::after{position:absolute;top:0;left:0;content:'';display: block;width:100%;height:100%;background-color:#11070080}
section#banner.main{/*background: url('/images/main_banner.png') top center no-repeat;*/box-shadow: inset 0 0 0 2000px #11070080; height:447px}
section#banner.main > #main-carousel{max-height:447px;overflow:hidden}
section#banner.main > #main-carousel .carousel-item-start{max-height:100%; width:auto !important;}
.carousel-indicators [data-bs-target]{border-radius:50%;width:10px;height:10px;opacity:.8}
.carousel-indicators .active{background-color:#FF820C}
section#banner.guide{background: url('/images/guide_banner.png') top center no-repeat;box-shadow: inset 0 0 0 2000px #00000080; height:230px}
section#banner.volunteer{background: url('/images/volunteer_banner.png') top center no-repeat;box-shadow: inset 0 0 0 2000px #00000080; height:230px}
section#banner.assembly{background: url('/images/assembly_banner.png') top center no-repeat;box-shadow: inset 0 0 0 2000px #00000080; height:230px}
section#banner.mypage{background: url('/images/mypage_banner.png') top center no-repeat #F7F7F7; height:230px}
section#banner.mypage p:first-child{color:#FF820C}
section#banner.mypage p{color:#808080}
.banner.volunteer{background: url('/images/main_banner_volunteer.png') top center no-repeat #FFF9F2; color: #000; text-align: left;margin:3.125rem 0;}
.carousel-caption{text-align: left;bottom:unset;top:0}
section#banner > .banner-content{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}

#side-nav > .title{ border-bottom:2px solid #FF820C; font-size:1.375rem; padding-bottom:1.1875rem;margin:0;font-weight: 700;}
#side-nav > ul{list-style: none;padding:0;}
#side-nav > ul > li.nav-item{padding:0.75rem;font-weight:500;font-size:1.125rem;color:#3B3B3B;position:relative; background: url('/images/chevron_right.svg') right 1.25rem center no-repeat;}
#side-nav > ul > li.n111av-item::after{display: block; content:''; position: absolute;}
#side-nav > ul > li.nav-item:hover, #side-nav > ul > li.nav-item.active{background-color:#FFF8F2; color:#FF820C !important;font-weight: 700; background-image:url('/images/chevron_right_active.svg')}
#side-nav > ul > li.nav-item:not(:first-child){border-top:1px solid #0000000D}


section#content .content > .title{ border-bottom:2px solid #FF820C; font-size:1.25rem; padding-bottom:1.3125rem;margin:0;font-weight: 700;}
#login-form{margin-top:140px;margin-bottom:120px}
#login-form .login-title{font-size:1.375rem;font-weight:bold;margin-bottom:50px}
#login-form label, #signup-form label{margin-bottom:7px}

#signup-form .signup-title{font-size:1.375rem;font-weight:bold;margin-bottom:20px;padding-bottom:20px;border-bottom:2px solid #FF820C}

.assembly-card.card{border-radius:1rem;overflow:hidden;border-color:#00000019}
.assembly-card.card > .card-header{height:4.0625rem; line-height: 4.0625rem;background-color: #fff;font-size:1.375rem;font-weight:bold;margin:0;padding:0;box-sizing:border-box;overflow:hidden;border-color:#00000019}
.assembly-card.card > .card-header > .no{background-color: var(--bs-primary); padding: 1.2rem;color:#fff; max-width:3.875rem;margin-right:1.25rem;}
.assembly-card.card > .card-body{background-color: #F8F8F8;font-size: 1rem;padding:1.3125rem 1.875rem}
.assembly-card.card > .card-body > .card{background-color:#f0f0f0;border-radius:1rem;border:0}

.bbs-out.bbs-out-border{border-radius: 16px;padding:30px;border:1px solid #0000001A}
.bbs-out > .title{background: url('/images/ico_more.svg') right 0.6rem no-repeat}
.bbs-out.notice-list{border-color:#0000001A}
.bbs-out.notice-list > ul{border-top:2px solid #FF820C;list-style:none}

.bbs-out.assembly-notice-list{background: #FF820C;color: #fff}
.bbs-out.assembly-notice-list > ul{border-top:2px solid #fff}

.bbs-out > ul{padding:0;margin:0;list-style:none}
.bbs-out > ul > li{padding:0.9375rem 1rem;}
/* .btn-volunteer-apply,.btn-volunteer-report,.btn-volunteer-certificate */
.btn-volunteer{border:1px solid #0000000D; border-radius: 8px; background: url('/images/ico_volunteer_apply.png') right 0.625rem center no-repeat;color:#3b3b3b;font-weight:600;position: relative; height:100px;width:100%; text-align: left;padding-left:1.25rem;padding-top:1.5625rem}
.btn-volunteer-report{background-image: url('/images/ico_volunteer_report.png')}
.btn-volunteer-certificate{background-image: url('/images/ico_volunteer_certificate.png')}
/* .volunteer-btn-wrap > div:first-child  a{margin-right:0.625rem}
.volunteer-btn-wrap > div:last-child > a{margin-left:0.625rem}
.volunteer-btn-wrap > div:not(:first-child):not(:last-child) > a{margin:0 0.3125rem} */
.btn-volunteer::after{content:'바로가기';display:block;position: absolute;font-size:0.875rem;font-weight:400;background:url('/images/chevron_right.svg') left 10rem center no-repeat}
.btn-volunteer:hover{color:#fff;background-color:#FF820C;border-color:#FF820C}
.bbs-out.notice-list > ul > li{border-top:1px solid #0000000D}
.bbs-out.notice-list > ul > li:hover{background-color: #FFF8F2;}
.bbs-out.assembly-notice-list > .title{background-image:url('/images/ico_more_white.svg')}
.bbs-out.assembly-notice-list > ul > li{border-top:1px solid #FFFFFF80}
.bbs-out.assembly-notice-list > ul > li:hover{background-color: #FFFFFF33;}

.bbs-out > ul > li > .title{font-weight: 500;max-width:75%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.bbs-out > ul > li > .date{margin-left:auto;font-size:0.875rem}

.bbs-out.notice-list > ul > li > .date{color:#808080}
.bbs-out.assembly-notice-list > ul > li > .date{color:#FFFFFFCC}

.bbs-out > .title{font-weight:bold;font-size:1.35rem;padding-bottom:1.25rem;}

.winner-list{list-style:none;}
.winner-list .winner-img { border-radius:1rem; width:205px; height:203px}
.banner-lgp { border-radius:1rem;background:url('/images/bg_lgp_btn.svg') bottom right no-repeat;background-color:#FFF9F2;height:100%;padding:3.125rem;}
.banner-lgp > span{color:#3B3B3B}
section#content{padding:80px 0}
section#content .container{padding: 0}
section#content .banner{padding: 80px 0}
span.confirmed{color:#49C506}
span.not-confirmed{color:#C50606}
#map{border-radius: 8px}
.contact-info > p > img {width:1.375rem;margin-right:0.5625rem}
.board-content .article-title{font-size:1.125rem;font-weight:700;color:#3B3B3B}
.board-content .article-info{font-size:0.875rem;color:#808080;line-height:1.65rem;}
.board-content .article-info > span:not(:first-child){margin-left:0.625rem}
.board-content .article-info > span.views > img{vertical-align: inherit;}
.volunteer-info-wrap > div {margin-bottom:1.25rem}
.volunteer-info-wrap button{font-size:1.125rem;font-weight:700;text-align: left;height:auto;padding:1.1rem;background: url('/images/chevron_down.svg') right 1.25rem center no-repeat}
.volunteer-info-wrap button[aria-expanded='true']{ background-color: #FF820C; color:#fff;border-color:#FF820C;background-image: url('/images/chevron_up.svg');box-shadow: 0px 5px 15px 10px #f1f8fe;}
.volunteer-info > p{color:#3b3b3b;font-size:1rem;margin:1.125rem}

footer{background-color: #272727;padding:26px 0;color:#fff; font-size: 0.875rem}
footer > .container{padding:0}
footer > .container > .logo{margin-right:70px}
footer .contact{margin-bottom:50px;margin-top:20px; color:#FFFFFFCC}
footer .copyright{color:#FFFFFFCC}

.table.table-gdlw tr > *{padding:0.75rem 0;border-bottom-color:#0000000D}
.table.table-gdlw th{background-color: #F7F7F7;color:#383838;font-weight: 600;font-size:1rem; text-align: center;}
.table.table-gdlw tr > td{color:#383838}
.table.table-gdlw tr > td:not(:nth-child(2)) { text-align: center;}
.table.table-gdlw tr.notice > td {font-weight:600; color:#FF820C}
.table tr > td.td-subject{max-width:200px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap}

.change-password,.delete-account{
    display: none;
    width:100vw;
    height:100vh;
    position:fixed;
    top:0;left:0;
    z-index:99999;
}
.change-password.show,.delete-account.show{
    display: flex;
    align-items: center;
}
.change-password::before,.delete-account::before{
    display: block;
    content:'';
    top:0;left:0;
    width:100%;
    height:100%;
    background:#00000099;
}
.pagination{text-align:center; margin:0 auto;}
.change-password > div,.delete-account > div{left:0;right:0;margin:auto;position:absolute}
@media (max-width: 991px) {
    .fs-sm-1375{font-size: 1.375rem;}
    .fs-sm-55{font-size: 1.125rem;}
    .fs-sm-875{font-size: 0.875rem;}
    .fs-sm-7{font-size:0.75rem}
    .fs-sm-6{font-size:1rem!important}
    .fs-sm-5{font-size:1.25rem!important}
    .fs-sm-4{font-size:calc(1.275rem + .3vw)!important}
    .fs-sm-3{font-size:calc(1.3rem + .6vw)!important}
    .fs-sm-2{font-size:calc(1.325rem + .9vw)!important}
    .fs-sm-1{font-size:calc(1.375rem + 1.5vw)!important}
    html{font-size:14px !important}
    .nav-item:not(.member){padding:0.75rem}
    .nav-item.member{margin:0;margin-top:1.25rem}
    .nav-item.member > a:first-child{margin:0}
    section#content{padding:10px 0}
    section#banner{height:200px !important; font-size: 10px;}
    section#banner.main > #main-carousel{height: 200px;}
    section#banner.guide{background-position:70% center !important}
    .btn-lg-responsive{
        --bs-btn-padding-y: 0.75rem;
        width:137px !important;
        height:50px;
        font-size:1rem;
    }
    .table tr > td.td-subject{max-width:100px !important}
    #content > .container{padding: 0 10px !important}
    .carousel-inner{font-size: 12px !important}
    .carousel-inner > .carousel-item > img{width: auto !important; max-height:200px; height:100%;}
    .carousel-caption{left:5%; right: 5%;}
    .bbs-out > ul > li > .title{max-width:70%;}
    footer > div.container{display:block !important; padding:0 2em}
    footer > div.container > div.logo{display:block;margin-bottom:2em}
    footer > div.container > div:not(.logo){line-height:200%}
}