body {
    --bcl-gray-100: #F2F2F2;
    --bcl-gray-200: #CCCCCC;
    --bcl-gray-300: #AAAAAA;
    --bcl-gray-400: #999999;
    --bcl-gray-500: #666666;
    --bcl-gray-600: #333333;

    --bcl-gray: var(--bcl-gray-400);
    --bcl-black: var(--bcl-gray-600);
    --bcl-blue: #007AC7;
    --bcl-plantalk-green: #006400;
    --bcl-admango-red: #E54800;
    --bcl-admango-blue: #2CB4BE;
    --bcl-moneygrab-yellow: #AE960C;
    --bcl-moneygrab-blue: #3866d6;
    --bcl-hellodoctor-blue: #4F62C1;

    --bcl-plantalk-green-rgb: 0, 100, 0;
    --bcl-admango-red-rgb: 229, 72, 0;
    --bcl-admango-blue-rgb: 44, 180, 190;
    --bcl-moneygrab-yellow-rgb: 174, 150, 12;
    --bcl-moneygrab-blue-rgb: 56, 102, 214;
    --bcl-hellodoctor-blue-rgb: 79, 98, 193;
    --bcl-base-size:20px;

    font-family: 'NanumSquareAc', sans-serif;
    font-size: var(--bcl-base-size) !important;
    color: var(--bcl-black);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*font-smooth: always;*/

}

.opacity-10 {
    opacity: .1 !important;
}

.opacity-20 {
    opacity: .2 !important;
}

.opacity-30 {
    opacity: .3 !important;
}

.opacity-40 {
    opacity: .4 !important;
}

.opacity-50 {
    opacity: .5 !important;
}

.opacity-60 {
    opacity: .6 !important;
}

.opacity-70 {
    opacity: .7 !important;
}

.opacity-80 {
    opacity: .8 !important;
}

.opacity-90 {
    opacity: .9 !important;
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1 !important;
}

.bg-opacity-20 {
    --bs-bg-opacity: 0.2 !important;
}

.bg-opacity-30 {
    --bs-bg-opacity: 0.3 !important;
}

.bg-opacity-40 {
    --bs-bg-opacity: 0.4 !important;
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5 !important;
}

.bg-opacity-60 {
    --bs-bg-opacity: 0.6 !important;
}

.bg-opacity-70 {
    --bs-bg-opacity: 0.7 !important;
}

.bg-opacity-80 {
    --bs-bg-opacity: 0.8 !important;
}

.opacity-90 {
    --bs-bg-opacity: 0.9 !important;
}

small.text-sm:has(small) {
    font-size: 12px !important;
}

div#navigation {
    z-index: 9999;
}

div#navigation.active {
    background-color: var(--bcl-blue);
}
.text-bcl-black {
    color: var(--bcl-black) !important;
}
.text-bcl-blue {
    color: var(--bcl-blue) !important;
}
.text-bcl-gray {
    color: var(--bcl-gray-400) !important;
}

.text-bcl-gray-100 {
    color: var(--bcl-gray-100) !important;
}

.text-bcl-gray-200 {
    color: var(--bcl-gray-200) !important;
}

.text-bcl-gray-300 {
    color: var(--bcl-gray-300) !important;
}

.text-bcl-gray-400 {
    color: var(--bcl-gray-400) !important;
}

.text-bcl-gray-500 {
    color: var(--bcl-gray-500) !important;
}

.text-bcl-gray-600 {
    color: var(--bcl-gray-600) !important;
}

.text-plantalk-green {
    color: var(--bcl-plantalk-green) !important;
}

.text-admango-red {
    color: var(--bcl-admango-red) !important;
}

.text-admango-blue {
    color: var(--bcl-admango-blue) !important;
}

.text-moneygrab-yellow {
    color: var(--bcl-moneygrab-yellow) !important;
}

.text-moneygrab-blue {
    color: var(--bcl-moneygrab-blue) !important;
}

.text-hellodoctor-blue {
    color: var(--bcl-hellodoctor-blue) !important;
}




.border-plantalk-green {
    border-color: var(--bcl-plantalk-green) !important;
}

.border-admango-red {
    border-color: var(--bcl-admango-red) !important;
}

.border-admango-blue {
    border-color: var(--bcl-admango-blue) !important;
}

.border-moneygrab-yellow {
    border-color: var(--bcl-moneygrab-yellow) !important;
}

.border-moneygrab-blue {
    border-color: var(--bcl-moneygrab-blue) !important;
}

.border-hellodoctor-blue {
    border-color: var(--bcl-hellodoctor-blue) !important;
}




.bg-bcl-blue {
    background-color: var(--bcl-blue) !important;
}

.bg-bcl-gray {
    background-color: var(--bcl-gray-100) !important;
}

.bg-plantalk-green {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bcl-plantalk-green-rgb), var(--bs-bg-opacity)) !important;
}

.bg-admango-red {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bcl-admango-red-rgb), var(--bs-bg-opacity)) !important;
}

.bg-admango-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bcl-admango-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-moneygrab-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bcl-moneygrab-blue-rgb), var(--bs-bg-opacity)) !important;
}

.bg-moneygrab-yellow {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bcl-moneygrab-yellow-rgb), var(--bs-bg-opacity)) !important;
}

.bg-hellodoctor-blue {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bcl-hellodoctor-blue-rgb), var(--bs-bg-opacity)) !important;
}

input::placeholder, input::-webkit-input-placeholder, textarea::placeholder, textarea::-webkit-input-placeholder {
    color: var(--bcl-gray-300)
}

button.btn-white, input[type=button].btn-white, a.btn-white {
    /*border-color:var(--bcl-gray-500);*/
    background-color: var(--bs-white) !important;
}

button.btn-white:hover, input[type=button].btn-white:hover, a.btn-white:hover {
    background-color: var(--bcl-blue) !important;
    color: var(--bs-white);
}

.plantalk-history-fs{
    font-size:20px;
}

.fs-16 {
    font-size: 16px !important;
    line-height: calc(16px * 1.3) !important;
}

.fs-20 {
    font-size: 20px !important;
    line-height: calc(20px * 1.3) !important;
}

.fs-24 {
    font-size: 24px !important;
    line-height: calc(24px * 1.3) !important;
}

.fs-28 {
    font-size: 28px !important;
    line-height: calc(28px * 1.3) !important;
}

.fs-32 {
    font-size: 32px !important;
    line-height: calc(32px * 1.3) !important;
}

.fs-36 {
    font-size: 36px !important;
    line-height: calc(36px * 1.3) !important;
}

.fs-48 {
    font-size: 48px !important;
    line-height: calc(48px * 1.3) !important;
}

.fs-72 {
    font-size: 72px !important;
    line-height: calc(72px * 1.3) !important;
}

h6 {
    font-size: 20px !important;
    line-height: calc(20px * 1.3) !important;
    font-weight: 900;
}

h5 {
    font-size: 24px !important;
    line-height: calc(24px * 1.3) !important;
    font-weight: 900;
}

h4 {
    font-size: 28px !important;
    line-height: calc(28px * 1.3) !important;
    font-weight: 900;
}

h3 {
    font-size: 32px !important;
    line-height: calc(32px * 1.3) !important;
    font-weight: 900;
}

h2 {
    font-size: 36px !important;
    line-height: calc(36px * 1.3) !important;
    font-weight: 900;
}

h1 {
    font-size: 48px !important;
    line-height: calc(48px * 1.3) !important;
    font-weight: 900;
}




.fw-900 {
    font-weight: 900 !important;
}

/*    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;*/


.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: var(--bcl-gray-200);
}

.carousel .carousel-indicators > *.active {
    background-color: var(--bcl-blue);
}

.icon-xs {
    font-size: 20px;
}

.icon-xm {
    font-size: 24px;
}

.icon-md {
    font-size: 28px;
}

.icon-lg {
    font-size: 32px;
}

.icon-xl {
    font-size: 36px;
}

.icon-xxl {
    font-size: 40px;
}

.icon-3xl {
    font-size: 48px;
}

.plantalk-review-card, .plantalk-review {
    height: 450px;
}
.plantalk-review-content {
    height: 80%;
}
.plantalk-product {
    height:20%;
}
.plantalk-review{
    z-index: 999;
}

.plantalk-review-card .plantalk-review {
    /*background: linear-gradient(180deg, rgba(0,0,0,.3) 6%, rgba(0,0,0,0) 20%, rgba(0,0,0,0) 57%, rgba(0,0,0,.8) 100%);*/
    background: rgba(0, 0, 0, .4);
}

.plantalk-review-content {
    height:210px;
}
.plantalk-review-body {
    height: 100px;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    /*margin-top: .6em;*/
    margin-bottom: .5em;
}

.plantalk-review-title {
    margin-bottom: .3em;
    height: 3em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}


.plantalk-review-image {
    max-height: 450px;
}

.plantalk-news-card img {
    height: 180px;
}

.bcl-point-icon {
    width: 72px;
    height: 72px;
}

.bcl-service-icon {
    width: 50px;
    height: 50px;
}
.bcl-service-logo {
    max-height: 87px;
}
.bcl-service-card {
    height:250px;
}
.bcl-service-logo {
    /*height: 45%;*/
}
.bcl-service-logo img {
    max-width:233px;
    max-height:76px;
}
#topSlide {
    background:url('/images/2237_v2.jpg');
    background-position-y:-110px;
    height:460px;
}
#beneclLogo {
    width:260px;
}

.carousel-control-next, .carousel-control-prev {
    width:10% !important;
}

.carousel-item {
    height:250px;
}

.nav-pills .nav-link.active {
    background-color:white;
    color:var(--bcl-blue) !important;
}
.bcl-rounded-25 {
    border-radius: calc(var(--bcl-base-size) * 0.25);
}

.bcl-rounded-50 {
    border-radius: calc(var(--bcl-base-size) * 0.5);
}
.bcl-rounded-75 {
    border-radius: calc(var(--bcl-base-size) * 0.75);
}
.bcl-rounded-100 {
    border-radius: var(--bcl-base-size);
}
.bcl-cert-img {
    width:calc((100% * 1/7) - 1px);
}
.bcl-cert-img, .bcl-cert-img .p {
    font-size:13px !important;
}
@media (max-width: 768px) {
    #map {
        width:320px;
        height:300px;
    }
    body {
        --bcl-base-size:14px;
        font-size: var(--bcl-base-size) !important;
    }
    #topSlide {
        height:400px;
        padding-top:100px;
        padding-left:25px;
        padding-right:25px;
    }
    #beneclLogo {
        width:130px;
    }
    h6 {
        font-size: 14px !important;
        line-height: calc(16px * 1.3) !important;
        font-weight: 900;
    }

    h5 {
        font-size: 16px !important;
        line-height: calc(14px * 1.3) !important;
        font-weight: 900;
    }

    h4 {
        font-size: 18px !important;
        line-height: calc(18px * 1.3) !important;
        font-weight: 900;
    }

    h3 {
        font-size: 20px !important;
        line-height: calc(20px * 1.3) !important;
        font-weight: 900;
    }

    h2 {
        font-size: 28px !important;
        line-height: calc(28px * 1.3) !important;
        font-weight: 900;
    }

    h1 {
        font-size: 36px !important;
        line-height: calc(36px * 1.3) !important;
        font-weight: 900;
    }

    .plantalk-history-fs{
        font-size:12px;
    }
    .fs-16 {
        font-size: 14px !important;
        line-height: calc(14px * 1.3) !important;
    }

    .fs-20 {
        font-size: 14px !important;
        line-height: calc(14px * 1.3) !important;
    }

    .fs-24 {
        font-size: 15px !important;
        line-height: calc(15px * 1.3) !important;
    }

    .fs-28 {
        font-size: 16px !important;
        line-height: calc(16px * 1.3) !important;
    }

    .fs-32 {
        font-size: 28px !important;
        line-height: calc(28px * 1.3) !important;
    }

    .fs-36 {
        font-size: 20px !important;
        line-height: calc(20px * 1.3) !important;
    }

    .fs-48 {
        font-size: 28px !important;
        line-height: calc(28px * 1.3) !important;
    }

    .fs-72 {
        font-size: 36px !important;
        line-height: calc(36px * 1.3) !important;
    }

    .icon-xs {
        font-size: 14px;
    }

    .icon-xm {
        font-size: 16px;
    }

    .icon-md {
        font-size: 18px;
    }

    .icon-lg {
        font-size: 20px;
    }

    .icon-xl {
        font-size: 24px;
    }

    .icon-xxl {
        font-size: 28px;
    }

    .icon-3xl {
        font-size: 32px;
    }

    .bcl-point-icon {
        width: 42px;
        height: 42px;
    }
    .bcl-service-icon {
        width: 32px;
        height: 32px;
    }
    .bcl-service-card {
        height:200px;
    }

    .plantalk-review-card, .plantalk-review {
        height: 170px;
    }
    .plantalk-review-body {
        height:60px;
    }
    .plantalk-review-content {
        height:126px;
    }
    .plantalk-news-card img {
        height: 84px;
    }
    .link-offset-1rem {
        text-underline-offset: 0.5rem !important;
    }
    .link-offset-2rem {
        text-underline-offset: 1rem !important;
    }
    .card-body {
        font-size:14px !important;
    }
}

@media(min-width:768px) {
    #map {
        width:450px;
        height:280px;
    }
    .carousel-item {
        height:260px;
    }
    .bcl-rounded-lg-25 {
        border-radius: calc(var(--bcl-base-size) * 0.25) !important;
    }
    .bcl-rounded-lg-50 {
        border-radius: calc(var(--bcl-base-size) * 0.5) !important;
    }
    .bcl-rounded-lg-75 {
        border-radius: calc(var(--bcl-base-size) * 0.75) !important;
    }
    .bcl-rounded-lg-100 {
        border-radius: var(--bcl-base-size) !important;
    }
    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important;
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important;
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important;
    }

    .my-lg-5 {
        margin-top: 2rem !important;
        margin-bottom: 2rem !important;
    }

    .my-lg-6 {
        margin-top: 2.5rem !important;
        margin-bottom: 2.5rem !important;
    }

    .my-lg-7 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }


    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important;
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }

    .py-lg-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important;
    }

    .py-lg-6 {
        padding-top: 2.5rem !important;
        padding-bottom: 2.5rem !important;
    }

    .py-lg-7 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }

    .pt-lg-1 {
        padding-top: .25rem !important;
    }

    .pt-lg-2 {
        padding-top: .5rem !important;
    }

    .pt-lg-3 {
        padding-top: 1rem !important;
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important;
    }

    .pt-lg-5 {
        padding-top: 2rem !important;
    }

    .pt-lg-6 {
        padding-top: 2.5rem !important;
    }

    .pt-lg-7 {
        padding-top: 3rem !important;
    }

    .mt-lg-1 {
        margin-top: .25rem !important;
    }

    .mt-lg-2 {
        margin-top: .5rem !important;
    }

    .mt-lg-3 {
        margin-top: 1rem !important;
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important;
    }

    .mt-lg-5 {
        margin-top: 2rem !important;
    }

    .mt-lg-6 {
        margin-top: 2.5rem !important;
    }

    .mt-lg-7 {
        margin-top: 3rem !important;
    }

    .link-offset-1rem {
        text-underline-offset: 1rem !important;
    }
    .link-offset-2rem {
        text-underline-offset: 2rem !important;
    }
    .nav-pills .nav-link {
        border-radius: 2.5rem;
    }
    .nav-pills .nav-link.active {
        background-color:white;
        color:var(--bcl-blue) !important;
        border-radius: 2.5rem;
    }
}

@media(min-width:1200px) {
    .carousel-item {
        height:240px;
    }
}
@media(min-width:1400px) {
    .carousel-item {
        height:220px;
    }
}

.accordion-button {
    padding:0;
}

.accordion-item {
    border:none;
}
.accordion-button:not(.collapsed) {
    background-color: white;
    box-shadow:none;
}