/* Concept Color */

.bg-color {background-color: #ed9c45;}
.bg-sub-color {background-color: #f7f2ec;}
.bg-point-color {background-color: #fcfbf9;}

.color-main {color: #e9861c;}
.color-gray {color: #42423e;}

/* Concept Button */

.btn-prev-next {
    display: flex !important;
    justify-content: center;
}

.btn-gray {
    padding: 0.3rem 1.3rem;
    background-color: #999;
    border: none;
    border-radius: 0.25rem;
    font-size: 0.95rem;
    color: #fff !important;
    cursor: pointer;
}

.btn-gray:hover, .btn-main:hover {
    background-color: #333;
}

.btn-main {
    padding: 0.3rem 1.3rem;
    background-color: #269ad2;
    border: none;
    border-radius: 0.25rem;
    font-size: 0.95rem;
    color: #fff !important;
    cursor: pointer;
}

.btn-black {
    padding: 0.3rem 1.3rem;
    background: #333;
    border: none;
    border-radius: 0.25rem;
    font-size: 1.1rem;
    color: #fff !important;
    cursor: pointer;
}

.btn-black:hover {
    background-color: #ed9c45;
}

/* Text */

.text-area {
    line-height: 1.7rem;
}

.text-area h5 {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
    font-weight: bold;
    line-height: 1.7rem;
}

.text-box {
    padding-bottom: 1.8rem;
}

.text-box h6 {
    color: #333;
    font-weight: bold;
    line-height: 1.7rem;
}

.text-box .text-content {
    padding-top: 0.6rem;
    color: #666;
}

.text-box-in {
    padding-left: 0.95rem;
}

/* ## Main ## ******************************************************************************************************/

/* ## Nav ## */

.nav-wrap {
    padding: 0.8rem 0;
    background-color: #fcfbf9;
}

.main-logo {
    margin-right: 0;
}

.main-logo img {
    width: 80%;
}

/* Off canvas */

.hamburger-wrap {
    width: 80%;
}

.hamburger-head {
    background-color: #f7f2ec;
}

.hamburger-menu {
    width: 2.5rem;
    height: 2.5rem;
    background-color: #ed9c45;
    border: none;
    border-radius: 100%;
    color: #fff;
}

.fa-bars {
    background: url(/images/pages/toggler.png) no-repeat;
}

.hamburger-logo {
    margin-bottom: 0;
}

.hamburger-logo img {
    width: 60%;
}

.hamburger-menu-wrap {
    overflow-y: auto;
    padding: 2rem;
    background-color: #fcfbf9;
}

.hamburger-menu-box {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 0.06rem dashed #ddd8d3;
}

.hamburger-title {
    font-size: 1.1rem;
}

.hamburger-list li {
    padding-top: 0.25rem;
}

.hamburger-list li::before {
    content: '-';
    color: #82817a;
    font-weight: 100;
}

.hamburger-list a {
    font-size: 0.95rem;
    color: #686762;
}

/* ## Carousel ## */

#carousel {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 497px;
    background: url(/images/pages/main-slide-m.jpg) no-repeat center bottom;
    background-size: cover;
}

.carousel-title-wrap {
    padding-top: 3.8rem;
    text-align: center;
}

.carousel-title {
    display: block;
    font-size: 2rem;
}

.carousel-subtitle {
    display: block;
    margin-top: 1rem;
    color: #e9861c;
    font-size: 2rem;
    font-weight: bold;
}

.carousel-info {
    padding: 1.5rem;
    text-align: center;
}

.carousel-text {
    color: #686762;
    font-size: 0.95rem;
    font-weight: 100;
}

.carousel-btn {
    padding: 0.5rem 1.5rem;
    background-color: #fff;
    border-radius: 5rem;
    box-shadow: 3px 4px 5px #00000015;
}

.carousel-btn a {
    color: #686762;
    font-size: 0.8rem;
    font-weight: 100;
}

/* ## section1 ## */

.section1 {
    padding: 2.5rem 0;
}

.iconmenu-title-wrap {
    margin-bottom: 2rem;
    text-align: center;
}

.iconmenu-title {
    padding-right: 0.5rem;
    color: #e9861c;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: -0.06rem;
}

.iconmenu-subtitle {
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: -0.06rem;
}

.iconmenu-list li {
    text-align: center;
    padding-bottom: 1rem;
}

.iconmenu-list li:nth-child(n+3) {
    padding-bottom: 0;
}

.iconmenu-img01 {
    padding: 3rem 0;
    background-image: url(/images/pages/iconmenu01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px;
    background-color: #fcfbf9;
    border-radius: 0.5rem;
}

.iconmenu-img02 {
    padding: 3rem 0;
    background-image: url(/images/pages/iconmenu02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px;
    background-color: #fcfbf9;
    border-radius: 0.5rem;
}

.iconmenu-img03 {
    padding: 3rem 0;
    background-image: url(/images/pages/iconmenu03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    background-color: #fcfbf9;
    border-radius: 0.5rem;
}

.iconmenu-img04 {
    padding: 3rem 0;
    background-image: url(/images/pages/iconmenu04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px;
    background-color: #fcfbf9;
    border-radius: 0.5rem;
}

.iconmenu-img05 {
    padding: 3rem 0;
    background-image: url(/images/pages/iconmenu05.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 35px;
    background-color: #fcfbf9;
    border-radius: 0.5rem;
}

.iconmenu-img06 {
    padding: 3rem 0;
    background-image: url(/images/pages/iconmenu06.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px;
    background-color: #fcfbf9;
    border-radius: 0.5rem;
}

.iconmenu-text {
    display: block;
    padding-top: 1rem;
    font-size: 0.9rem;
}

/* ## Section2 ## */

.section2 {
    padding: 2.5rem 0;
    background-color: #f7f2ec;
}

.main_program-left {
    text-align: center;
}

.main_program-title {
    padding-bottom: 0.2rem;
    border-bottom: 2px solid #686762;
    font-size: 0.85em;
}

.main_program-subtitle {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
}

.main_program-text {
    display: block;
    padding-top: 0.5rem;
    color: #686762;
    font-size: 0.9rem;
    font-weight: 100;
}

.main_program-subtitle-wrap {
    padding: 1rem 0;
}

.main_program-menu {
    justify-content: center;
    padding: 0.75rem 0;
}

.main_program-menu li {
    display: inline-block;
    margin: 0.25rem;
}

.main_program-menu button {
    padding: 0.5rem 1.5rem;
    background-color: #fcfbf9 !important;
    color: #ed9c45 !important;
    border: 2px solid #ed9c45 !important;
    border-radius: 5rem !important;
}

.main_program-menu .active {
    background-color: #ed9c45 !important;
    color: #fff !important;
    border: 2px solid #ed9c45 !important;
}

.main_program-purpose {
    padding: 1rem 0;
    background-color: #fcfbf9;
    border-radius: 1rem;
}

.main_program-purpose-title {
    display: block;

    color: #ed9c45;
}

.main_program-purpose-text {
    display: block;
    padding: 0.5rem 1rem;
}

.main_program-more {
    display: none;
}

.main_program-img {
    overflow: hidden;
    margin-top: 1rem;
    border-radius: 1rem;
}

.main_program-img01 {
    display: block;
    min-height: 260px;
    background-image: url(/images/pages/main_img01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.main_program-img02 {
    display: block;
    min-height: 260px;
    background-image: url(/images/pages/main_img01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.main_program-img03 {
    display: block;
    min-height: 260px;
    background-image: url(/images/pages/main_img01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.main_program-img04 {
    display: block;
    min-height: 260px;
    background-image: url(/images/pages/main_img01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.main_program-img05 {
    display: block;
    min-height: 260px;
    background-image: url(/images/pages/main_img01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* ## Section3 ## */

.section3 {
    padding: 2.5rem 0 1rem 0;
}

.main_gallery-wrap {
    text-align: center;
}

.main_gallery-img {
    overflow: hidden;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    height: 300px;

}

.main_gallery-img .img-item {
    width: 100%;
    background-size: cover;
    background-position: center;
    height: inherit;
}

.img-item:hover {
    transition: all 0.2s ease-in-out;
    transform: scale(1.03);
    filter: brightness(110%);
}

.main_gallery-title {
    font-size: 1.5rem;
    font-weight: bold;
}

.main_gallery-text {
    padding-top: 0.5rem;
    color: #686762;
    font-size: 0.9rem;
    font-weight: 100;
}

.main_gallery-more {
    display: inline-block;
    margin: 1rem 0;
    border-bottom: 3px solid #cac9be;
}

.main_gallery-more a {
    font-size: 0.8rem;
    font-weight: 100;
}

.main_gallery-list {
    padding-top: 1rem;
}

.main_gallery-list .card {
    padding: 0 1.5rem 2rem 1.5rem;
    border: unset;
    text-align: center;
}

.main_gallery-list .card a {
    border-radius: 1rem;
    box-shadow: 3px 4px 5px #00000015;
}

.main_gallery-info {
    padding: 1.5rem;
    background-color: #fcfbf9;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.main_gallery-tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    font-weight: bold;
}

.main_gallery-stit {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    color: #82817a;
    font-size: 0.85rem;
    font-weight: 100;
    line-height: 1.2rem;
}

/* ## Section4 ## */

.section4 {
    padding: 2.5rem 0 1.5rem 0;
    background-color: #ed9c45;
}

.main_newsletter-wrap {
    text-align: center;
}

.main_newsletter-title {
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
}

.main_newsletter-text {
    padding-top: 0.5rem;
    color: #fcfbf9;
    font-size: 0.9rem;
    font-weight: 100;
    line-height: 1.2rem;
}

.main_newsletter-more {
    display: inline-block;
    margin: 1rem 0;
    padding: 0.5rem 1.5rem;
    background-color: #fff;
    border-radius: 5rem;
    box-shadow: 3px 4px 5px #00000015;
}

.main_newsletter-more a {
    color: #686762;
    font-size: 0.8rem;
    font-weight: 100;
}

.main_newsletter-list .card {
    margin-bottom: unset;
    background-color: unset;
    border: unset;
    border-radius: unset;
}

.main_newsletter-list .card a {
    padding: 1rem 2rem;
}

.main_newsletter-img {
    box-shadow: 3px 4px 5px #00000015;
}

.main_newsletter-img img {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

.main_newsletter-date {
    padding: 1rem 0 0 0;
    color: #fff;
    text-align: center;
}

.main_newsletter-date .card-title {
    margin-bottom: unset;
    font-size: 1rem;
}

/* ## Section5 ## */

.section5 {
    background: linear-gradient(#fcfbf9 50%, #f7f2ec 50%);
}

.main_notice {
    padding: 2.5rem 1rem;
    background-color: #fcfbf9;
}

.main_collection {
    padding: 2.5rem 1rem;
    background-color: #f7f2ec;
}

.main_notice-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 1rem;
}

.main_notice-title {
    font-size: 1.5rem;
    font-weight: bold;
}

.main_notice-more a {
    color: #686762;
    font-size: 0.8rem;
    font-weight: 100;
}

.main_notice-list {
    border-top: 2px solid #bfbbb5;
    border-radius: unset;
}

.main_notice-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem;
    background-color: unset;
    color: unset;
    border: unset;
    border-bottom: 1px solid #e1e1dd;
}

.main_notice-content {
    width: 80%;
}

.main_notice-tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
    font-weight: bold;
}

.main_notice-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #686762;
    font-size: 0.9rem;
    font-weight: 100;
}

.main_notice-date {
    color: #a6a29d;
    font-size: 0.8rem;
    font-weight: 100;
}

.main_notice-plus img {
    width: 100%;
}

/* ## Footer ## */

#footer {
    padding: 2.5rem 0;
    background-color: #42423e;
}

.copy-logo img {
    width: 35%;
}

.copy-text {
    padding: 1rem 0;
    color: #bfbbb5;
    font-size: 0.9rem;
    font-weight: 100;
    line-height: 1.5rem;
    letter-spacing: 0.025rem;
}

.copy-line {
    padding: 0 0.5rem;
    color: #82817a;
    font-size: 0.8rem;
    font-weight: 100;
}

.copy-right {
    color: #82817a;
    font-size: 0.8rem;
    font-weight: 100;
    letter-spacing: 0.025rem;
}

.sitemap {
    display: none;
}

/* ## Sub ## ******************************************************************************************************/

/* ## Sub Bar ## */

.sub-bar {
    min-height: 12.5rem;
    background-image: url(/images/pages/sub-bar-m_img.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.sub-bar-wrap {
    padding-top: 1.8rem;
    text-align: center;
}

.sub-bar-wrap h3 {
    margin-bottom: 0;
    color: #42423e;
    font-weight: bold;
}

.sub-bar-wrap p {
    margin-bottom: 0;
}

/* ## Container ## */

.sub-container {
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #dbdbdb;
    box-shadow: 0px 0px 15px 0px #00000010;
}

.sub-container-wrap {
    flex-wrap: nowrap;
}

/* ## Side Bar ## */

.side-bar {
    display: none;
}

/* ## Content ## */

.content {
    min-height: 40rem;
    padding: 2rem 0;
}

.title-wrap {
    padding-bottom: 0.5rem;
}

.title-wrap p {
    margin-top: 0.5rem;
    padding: 1rem;
    background-color: #fcfbf9;
    color: #676762;
    font-weight: 100;
}

.title-wrap strong {
    color: #42423e;
}

.title {
    font-size: 1.1rem;
}

.title::before {
    content: '●';
    padding-right: 0.5rem;
    color: #ed9c45;
    font-size: 0.5rem;
    vertical-align: middle;
}

.title2 {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
}

.title3 {
    color: #bfbbb5;
}

.text-bg {
    background-color: #f7f2ec;
    color: #42423e;
    font-weight: normal;
}

.table-wrap table {
    width: 100%;
    border-top: 1px solid #f7f2ec;
}

.table-wrap th {
    text-align: center;
    padding: 0.5rem 1rem;
    background-color: #fcfbf9;
    color: #686762;
    border-right: 1px solid #f7f2ec;
    border-bottom: 1px solid #f7f2ec;
    border-left: 1px solid #f7f2ec;
    font-size: 0.9rem;
    font-weight: normal;
}

.table-wrap td {
    padding: 0.5rem 1rem;
    border-right: 1px solid #f7f2ec;
    border-bottom: 1px solid #f7f2ec;
    font-size: 0.9rem;
}

/* ## 사회복지법인 희망모아 hopemoa ## */

.member-wrap {
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding-top: 2rem;
    border-top: 1px dashed #f7f2ec;
    border-bottom: 1px dashed #f7f2ec;
}

.condition-list li {
    color: #686762;
    font-size: 0.9rem;
    font-weight: 100;
}

/* ## 연혁 history ## */

.history {
    padding-top: 0.5rem;
}

.history ul {
    justify-content: space-around;
    border-bottom: 1px solid #686862;
}

.history li {
    position: relative;
}

.history li::after {
    content: '●';
    color: #686862;
    position: absolute;
    top: 30px;
    left: 30%;
}

.history li .active {
    color: #e9861c !important;
}

.history button {
    margin-bottom: 0 !important;
    padding: 0.5rem 0;
    color: #82817a;
    background: unset !important;
    border: none !important;
    border-top-left-radius: unset !important;
    border-top-right-radius: unset !important;
    font-size: 1rem;
}

.history-img {
    padding: 1rem 0;
}

.history-img img {
    width: 100%;
    border-radius: 1rem;
}

.history-wrap {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.history-title {
    padding: 1.5rem 0;
    text-align: center;
}

.history-table table {
    width: 100%;
    border-bottom: 1px solid #e1e1dd;
}

.history-table tr {
    position: relative;
}

.history-table th {
    padding: 1rem;
    border-top: 1px solid #e1e1dd;
    font-size: 1rem;
}

.history-table td {
    padding: 1rem;
    color: #686862;
    border-top: 1px solid #e1e1dd;
}

.history-table td:last-child {
    position: absolute;
    bottom: -30%;
    right: -5%;
    color: #bfbbb5;
    border: 0;
    font-size: 0.8rem;
}

/* ## 인사말 greeting ## */

.greeting-img {
    text-align: center;
}

.greeting-img img {
    width: 100%;
    border-radius: 1rem;
}

.greeting-wrap {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.greeting-title {
    padding-bottom: 2rem;
    text-align: center;
}

.greeting-title span {
    font-size: 1.5rem;
    line-height: 2.3rem;
}

.greeting-title br {
    display: none;
}

.greeting-text p {
    color: #686762;
    font-weight: 100;
}

.greeting-info {
    text-align: right;
}

.greeting-center {
    display: block;
    color: #686762;
    font-size: 0.85rem;
}

.greeting-name {
    font-size: 0.9rem;
}

.greeting-name strong {
    font-size: 1rem;
}

/* ## 미션과 비전 mission ## */

.mission-wrap {
    padding-bottom: 3rem;
    border-bottom: 1px dashed #f7f2ec;
}

.mission-title {
    padding: 1rem 0;
    text-align: center;
}

.mission-tit {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
}

.mission-etit {
    display: block;
    color: #bfbbb5;
}

.mission-stit {
    display: block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    color: #686762;
    font-size: 0.9rem;
    font-weight: 100;
}

.mission-stit strong {
    color: #42423e;
}

.mission-text {
    text-align: center;
}

.mission-text span {
    display: inline-block;
    padding: 0.5rem 1rem;
    border: 2px solid #f7f2ec;
    border-radius: 5rem;
    color: #686762;
    font-size: 0.9rem;
    font-weight: 100;
}

.mission-text strong {
    color: #42423e;
}

.vision-wrap {
    padding-top: 2rem;
    padding-bottom: 3rem;
    border-bottom: 1px dashed #f7f2ec;
}

.vision-box1 {
    padding: 2rem;
    background-color: #fcfbf9;
    text-align: center;
}

.vision-box2 {
    padding: 2rem;
    background-color: #f9ecdd;
    text-align: center;
}

.vision-img01 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    background-image: url(/images/pages/mission_01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.vision-img02 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    background-image: url(/images/pages/mission_02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.vision-img03 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    background-image: url(/images/pages/mission_03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.vision-img04 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    background-image: url(/images/pages/mission_04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.vision-img05 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    background-image: url(/images/pages/mission_05.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.vision-img06 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    background-image: url(/images/pages/mission_06.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.vision-img07 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    background-image: url(/images/pages/mission_07.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.vision-img08 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    background-image: url(/images/pages/mission_01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.vision-num {
    display: block;
    padding-top: 0.5rem;
    color: #bfbbb5;
    font-size: 0.9rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
}

.vision-text {
    display: block;
}

.vision-text br {
    display: none;
}

.key_value-box {
    text-align: center;
}

.key_value {
    padding-bottom: 1rem;
}

.key_value-wrap {
    padding-top: 2rem;
}

.key_value-area {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    padding-top: 0.25rem;
    background-color: #daead6;
    border-radius: 50%;
}

.key_value-area2 {
    margin: 0 auto;
    width: 6.5rem;
    height: 6.5rem;
    padding-top: 2.5rem;
    background-color: #daead6;
    border-radius: 50%;
}

.key_value-title {
    font-size: 1.2rem;
    font-weight: bold;
}

.key_value-text {
    display: block;
    padding-top: 0.5rem;
}

.mission-goal {
    padding: 1rem 0;
}

.mission-list {
    text-align: center;
}

.mission-list ul {
    display: inline-block;
    text-align: left;
    padding: 1rem;
    border: 2px solid #f7f2ec;
    border-radius: 1rem;
}

.mission-list li {
    padding-bottom: 1rem;
    color: #686762;
    font-size: 0.9rem;
}

.mission-list li:last-child {
    padding-bottom: 0;
}

.mission-number {
    margin-right: 0.5rem;
    padding: 0.5rem 0.75rem;
    background-color: #f9ecdd;
    border-radius: 5rem;
    color: #42423e;
    font-size: 0.9rem;
    letter-spacing: 0.1rem;
}

/* ## 센터현황 condition ## */

.condition-table {
    padding-bottom: 2rem;
}

.condition-table th {
    width: 26%;
}

/* ## 조직도 member ## */

.member {
    display: none;
}

.member-m {
    text-align: center;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.member-m img {
    width: 100%;
}

/* ## 오시는 길 map ## */

.map-info {
    padding: 2rem;
    background-color: #f7f2ec;
}

.map-info .title2 {
    line-height: 1.4;
}

.map-info .title2 br {
    display: none;
}

.map-info table {
    display: block;
    padding-top: 1rem;
}

.map-info th {
    text-align: center;
}

.map-info img {
    max-height: 0.8rem;
}

.map-info td {
    padding-top: 0.3rem;
    font-size: 0.9rem;
}

.map-tit {
    min-width: 2.7rem;
    padding-left: 0.3rem;
    color: #686762;
}

.map-txt {
    padding-left: 1rem;
    font-weight: 100;
}

.map-img {
    min-height: 20rem;
    padding: 0;
}

.map-img img {
    width: 100%;
}

/* ##  이용절차 use ## */

.use-info th {
    width: 26%;
}

.use-txt {
    color: #686762;
    font-size: 0.8rem;
}

.use-list {
    padding-top: 3rem;
}

.use-list li {
    padding-bottom: 2rem;
}

.use-list li:last-child {
    padding-bottom: 0;
}

.use-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    float: left;
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center;
    border-radius: 50%;
}

.use-icon1 {
    background-color: #ed9c45;
    background-image: url(/images/pages/use_01.png);
}

.use-icon2 {
    background-color: #686762;
    background-image: url(/images/pages/use_02.png);
}

.use-icon3 {
    background-color: #ed9c45;
    background-image: url(/images/pages/use_03.png);
}

.use-icon4 {
    background-color: #686762;
    background-image: url(/images/pages/use_04.png);
}

.use-icon5 {
    background-color: #ed9c45;
    background-image: url(/images/pages/use_05.png);
}

.use-icon6 {
    background-color: #686762;
    background-image: url(/images/pages/use_06.png);
}

.use-icon7 {
    background-color: #ed9c45;
    background-image: url(/images/pages/use_07.png);
}

.use-icon8 {
    background-color: #686762;
    background-image: url(/images/pages/use_08.png);
}

.use-icon9 {
    background-color: #ed9c45;
    background-image: url(/images/pages/use_09.png);
}

.use-icon10 {
    background-color: #686762;
    background-image: url(/images/pages/use_10.png);
}

.use-wrap {
    display: flex;
    padding-left: 1rem;
}

.use-num {
    padding-right: 0.5rem;
    color: #bfbbb5;
    font-size: 0.85rem;
}

.use-tit {
    display: block;
}

.use-text {
    color: #686762;
    font-size: 0.9rem;
    font-weight: 100;
}

.use-text2 {
    color: #82817a;
    font-size: 0.8rem;
}

/* ##  시설안내 facility ## */

.facility-wrap {
    padding-top: 0.5rem;
    margin: auto;
}

.facility-list {
    padding-bottom: 1rem;
    
}

.facility-list .card {
    border: 0;
    border-radius: 0;
}

.facility-img {
    border-radius: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background-size: cover;
    background-position: center;
    height: 200px;
}

.facility-info {
    padding: 0.5rem 0 0 0;
    text-align: center;
}

/* ## 프로그램소개 program ## */

.program-wrap ul {
    margin-bottom: 2rem;
}

.program-wrap li {
    margin: 0.25rem;
}

.program-wrap .nav-link {
    padding: 0.5rem 1.5rem;
    color: #ed9c45 !important;
    border: 2px solid #ed9c45 !important;
    border-radius: 5rem !important;
}

.program-wrap .nav-link.active {
    background-color: #ed9c45 !important;
    color: #fff !important;
    border: 2px solid #ed9c45 !important;
}

.program-purpose {
    margin-bottom: 2rem;
    padding: 0.5rem 1rem;
    background-color: #fcfbf9;
    border-radius: 0.5rem;
}

.program-purpose-title {
    padding-right: 0.5rem;
    color: #ed9c45;
}

.program-purpose-text {
    font-size: 0.85rem;
    line-height: 1.6;
}

.program-box {
    padding-bottom: 1.5rem;
}

.program-box .card {
    text-align: center;
    border: 1px solid #e1e1dd;
    border-radius: 1rem;
}

.program-title {
    font-size: 1rem;
}

.program-text {
    color: #686762;
    font-size: 0.85rem;
    font-weight: 100;
    line-height: 1.2rem;
}

.program-img img {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

/* ##  후원안내 sponsor ## */

.sponsor-wrap1 {
    text-align: center;
    padding-bottom: 2rem;
    border-bottom: 1px dashed #f7f2ec;
}

.sponsor-copy {
    font-size: 1.5rem;
    line-height: 2.3rem;
}

.sponsor-txt {
    padding: 1rem 0;
    color: #686762;
    font-weight: 100;
}

.sponsor-txt br {
    display: none;
}

.sponsor-img ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.sponsor-img img {
    width: 100%;
}

.sponsor-img-info {
    margin-bottom: 0;
    padding-top: 1rem;
    color: #82817a;
    font-size: 0.85rem;
    font-weight: 100;
    line-height: 1.6;
}

.sponsor-wrap2 {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 2rem;
    border-bottom: 1px dashed #f7f2ec;
}

.sponsor-title {
    padding: 1rem 0;
    text-align: center;
}

.sponsor-wrap {
    padding-top: 2rem;
    padding-bottom: 3rem;
    border-bottom: 1px dashed #f7f2ec;
}

.sponsor-list1 {
    padding: 2rem;
    background-color: #fcfbf9;
    text-align: center;
}

.sponsor-list2 {
    padding: 2rem;
    background-color: #f9ecdd;
    text-align: center;
}

.sponsor-img01 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    background-image: url(/images/pages/sponsor_01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.sponsor-img02 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    background-image: url(/images/pages/sponsor_02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.sponsor-img03 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    background-image: url(/images/pages/sponsor_03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.sponsor-img04 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    background-image: url(/images/pages/sponsor_04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px;
    background-color: #fff;
    border-radius: 50%;
}

.sponsor-tit {
    display: block;
    padding-top: 0.75rem;
    padding-bottom: 0.25rem;
    font-size: 1rem;
    font-weight: bold;
}

.sponsor-info {
    display: block;
    color: #686762;
    font-size: 0.85rem;
    font-weight: 100;
    line-height: 1.4rem;
}

.sponsor-info strong {
    color: #42423e;
}

.sponsor-wrap3 {
    padding-top: 1rem;
    text-align: center;
}

.sponsor-bank {
    display: inline-block;
    text-align: center;
}

.sponsor-bank li {
    padding: 0.5rem 1rem;
    border: 2px solid #f7f2ec;
    border-radius: 5rem;
    color: #686762;
    font-size: 0.85rem;
}

.sponsor-bank li:first-child {
    margin-bottom: 0.6rem;
}

.sponsor-account {
    padding-left: 0.5rem;
    color: #42423e;
    font-size: 0.95rem;
    font-weight: bold;
    vertical-align: middle;
}

.sponsor-account::after {
    content: '|';
    padding: 0 0.5rem;
    color: #e1e1dd;
    font-size: 0.8rem;
    font-weight: 100;
    vertical-align: middle;
}

.sponsor-name {
    padding-left: 0.5rem;
    color: #e9861c;
    font-size: 1rem;
}

/* ##  자원봉사안내 volunteer ## */

.volunteer-wrap {
    text-align: center;
    padding-bottom: 3rem;
    border-bottom: 1px dashed #f7f2ec;
}

.volunteer-title {
    padding: 1rem 0;
    text-align: center;
}

.volunteer-box {
    text-align: center;
}

.volunteer {
    padding-bottom: 1rem;
}

.volunteer-area1 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    padding-top: 0.25rem;
    background-color: #ed9c45;
    border-radius: 50%;
}

.volunteer-area2 {
    margin: 0 auto;
    width: 7rem;
    height: 7rem;
    padding-top: 0.25rem;
    background-color: #ed9c45;
    border-radius: 50%;
}

.volunteer-img {
    margin: 0 auto;
    width: 6.5rem;
    height: 6.5rem;
    padding-top: 2.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ed9c45;
    border-radius: 50%;
}

.volunteer-img01 {
    background-image: url(/images/pages/volunteer_01.png);
}

.volunteer-img02 {
    background-image: url(/images/pages/volunteer_02.png);
}

.volunteer-img03 {
    background-image: url(/images/pages/volunteer_03.png);
}

.volunteer-img04 {
    background-image: url(/images/pages/volunteer_04.png);
}

.volunteer-text {
    display: block;
    padding-top: 0.5rem;
}

.volunteer-info {
    padding-top: 3rem;
}

/* ## 소식지 newsletter ## */

.newsletter {
    padding: 0 2rem 2rem 2rem;
}

.newsletter:last-child {
    padding-bottom: 0;
}

.newsletter .card {
    border: unset;
    text-align: center;
}

.newsletter .card a {
    border-radius: 1rem;
    box-shadow: 3px 4px 5px #00000015;
}

.newsletter-img {
    height: 20rem;
    overflow: hidden;
    cursor: pointer;
}

.newsletter-image {
    width: 100%;
    height: inherit;
    background-image: url(/images/pages/main_img08.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
}

.newsletter-info {
    padding: 1.5rem;
    background-color: #fcfbf9;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.newsletter-tit {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 1rem;
}

.newsletter-btn {
    padding: 0.2rem 0.5rem;
    background-color: #ed9c45;
    color: #fff;
    border: 0;
    border-radius: 5rem;
    font-size: 0.7rem;
}























/* ## Login ## */

.login-msg {
    margin-bottom: 1.8rem;
    text-align: center;
    color: #29aad5;
}

.login-wrap {
    overflow: hidden;
    margin: 0 auto;
    padding: 2.5rem 0;
    background-color: #fafafa;
}

.login-box {
    margin-bottom: 1.8rem;
    padding-bottom: 2.5rem;
    text-align: center;
    border-bottom: 0.1rem solid #dbdbdb;
}

.login-box li, .login-help li {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 0.5rem;
}

.login-box li:last-child, .login-help li:last-child {
    padding-bottom: 0;
}

.login-input {
    width: 100%;
    padding: 0.5rem 0.6rem;
    border-radius: 0.25rem;
    border: 0.1rem solid #dbdbdb;
    box-sizing: border-box;
    font-size: 0.9rem;
    font-family: none;
}

.login-btn {
    width: 100%;
    padding: 0.5rem;
    border: none;
    border-radius: 0.25rem;
    background: url(/images/pages/login-btn.png) no-repeat 32% center #269ad2;
    color: #fff;
    font-size: 1.1rem;
}

.login-help {
    text-align: center;
}

.login-help-msg::before {
    content: "●";
    padding-right: 0.35rem;
    vertical-align: 0.15rem;
    color: #29aad5;
    font-size: 0.6rem;
}

.login-help-btn {
    display: inline-block;
    margin-top: 0.3rem;
    padding: 0.3rem 3.8rem 0.3rem 1.3rem;
    background: url(/images/pages/login-help-btn.png) no-repeat right center #269ad2;
    border-radius: 0.25rem;
    color: #fff !important;
}

.login-inquiry {
    margin-top: 1.8rem;
    text-align: center;
}

.login-inquiry span {
    font-size: 1.1rem;
    color: #269ad2;
}

/* ## Find Password ## */

.findpassword-msg {
    margin-bottom: 1.8rem;
    text-align: center;
}

.findpassword-wrap {
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 1.8rem;
    padding: 2.5rem 0;
    background-color: #fafafa;
}

.findpassword-box {
    margin-bottom: 1.8rem;
    padding-bottom: 2.5rem;
    border-bottom: 0.1rem solid #dbdbdb;
    text-align: center;
}

.findpassword-box li {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 0.5rem;
    text-align: left;
}

.findpassword-help li {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 0.5rem;
    text-align: left;
}

.findpassword-box li:last-child, .findpassword-help li:last-child {
    padding-bottom: 0;
}

.findpassword-help li::before {
    content: "●";
    padding-right: 0.35rem;
    vertical-align: 0.15rem;
    color: #29aad5;
    font-size: 0.6rem;
}

.findpassword-input {
    width: 100%;
    padding: 0.5rem 0.6rem;
    border-radius: 0.25rem;
    border: 0.1rem solid #dbdbdb;
    box-sizing: border-box;
    font-size: 0.9rem;
    font-family: none;
}

.findpassword-btn {
    width: 100%;
    padding: 0.5rem;
    background-color: #269ad2;
    border: none;
    border-radius: 0.25rem;
    color: #fff;
    font-size: 1.1rem;
}

.findpassword-text {
    display: block;
    padding-top: 0.3rem;
    color: #666;
    font-size: 0.8rem;
}

/* ## Policy ## */

.policy-agree-title {
    font-size: 1rem;
    font-weight: bold;
}

.policy-agree-title::before {
    content: "●";
    padding-right: 0.35rem;
    vertical-align: 0.15rem;
    color: #29aad5;
    font-size: 0.6rem;
}

.policy-agree-box {
    height: 15.6rem;
    overflow-y: scroll;
    margin-top: 0.6rem;
    padding: 1.3rem;
    resize: none;
    border: 0.1rem solid #dbdbdb;
    color: #333;
}

.policy-agree-check {
    margin: 0.6rem 0 1.8rem 0;
}

/* ## Register ## */

.register-msg {
    margin-bottom: 1.8rem;
    text-align: center;
}

.register-wrap {
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 1.8rem;
    padding: 2.5rem 0;
    background-color: #fafafa;
}

.register-box {
    margin-bottom: 1.8rem;
    padding-bottom: 2.5rem;
    border-bottom: 0.1rem solid #dbdbdb;
    text-align: center;
}

.register-box li {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 0.95rem;
    text-align: left;
}

.register-help li {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 0.95rem;
    text-align: left;
}

.register-box li:last-child, .register-help li:last-child {
    padding-bottom: 0;
}

.register-help li::before {
    content: "●";
    padding-right: 0.35rem;
    vertical-align: 0.15rem;
    color: #29aad5;
    font-size: 0.6rem;
}

.register-label {
    display: block;
    padding-bottom: 0.6rem;
}

.register-input {
    padding: 0.5rem 0.6rem;
    border-radius: 0.25rem;
    border: 0.1rem solid #dbdbdb;
    box-sizing: border-box;
    font-size: 0.9rem;
    font-family: none;
}

.register-input-phone {
    display: inline-block;
    width: 29%;
}

.register-input-certify {
    display: inline-block;
    width: 70%;
    margin-right: 0.6rem;
}

.certify-box {
    padding: 0.15rem 0.35rem;
    background: #eb8023;
    color: #fff;
    font-weight: bold;
}


.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}