/* <uniquifier>: Use a unique and descriptive class name*/
/* <weight>: Use a value from 100 to 900 */

:root,
[data-bs-theme=light] {
    --bs-blue: #16b1ff;
    --bs-orange: #fcb03f;
    --bs-yellow: #ffb400;
    --bs-green: #7dd03f;
    --bs-black: #000;
    --bs-white: #fff;

    --bs-blue-dark: #0f91d2;

    --bg-blue: var(--bs-blue);
    --bg-orange: var(--bs-orange);
    --bg-yellow: var(--bs-yellow);
    --bg-green: var(--bs-green);
    --bg-white: var(--bs-white);
    --bg-black: var(--bs-black);

    --bg-blue-light: #d7f1fe;

    --bs-blue-rgb: 22, 177, 255;
    --bs-orange-rgb: 252, 176, 63;
    --bs-yellow-rgb: 255, 180, 0;
    --bs-green-rgb: 125, 208, 63;
    --bs-black-rgb: 0, 0, 0;
    --bs-white-rgb: 255, 255, 255;

    --bs-blue-dark-rgb: 15, 145, 210;
}

.noto-sans-kr-100 {font-family: "Noto Sans KR", sans-serif;font-optical-sizing: auto;font-weight: 100;font-style: normal;}
.noto-sans-kr-200 {font-family: "Noto Sans KR", sans-serif;font-optical-sizing: auto;font-weight: 200;font-style: normal;}
.noto-sans-kr-300 {font-family: "Noto Sans KR", sans-serif;font-optical-sizing: auto;font-weight: 300;font-style: normal;}
.noto-sans-kr-400 {font-family: "Noto Sans KR", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
.noto-sans-kr-500 {font-family: "Noto Sans KR", sans-serif;font-optical-sizing: auto;font-weight: 500;font-style: normal;}
.noto-sans-kr-600 {font-family: "Noto Sans KR", sans-serif;font-optical-sizing: auto;font-weight: 600;font-style: normal;}
.noto-sans-kr-700 {font-family: "Noto Sans KR", sans-serif;font-optical-sizing: auto;font-weight: 700;font-style: normal;}
.noto-sans-kr-800 {font-family: "Noto Sans KR", sans-serif;font-optical-sizing: auto;font-weight: 800;font-style: normal;}
.noto-sans-kr-900 {font-family: "Noto Sans KR", sans-serif;font-optical-sizing: auto;font-weight: 900;font-style: normal;}
#landingReviews{background-color: rgba(232, 223, 218, 1) !important;}
*{font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.5px;}

#template-customizer{display: none;}

#body_wrap{padding-top: 7rem;}
.app-brand-link #top_logo{ width: 150px; height: 40px;}
#landingFeatures .landing-features{padding-top:0;}
/*
.section-py {padding: 0 !important;}

.bg-body{background: none !important; background-color: white;}
*/
.landing-footer{margin-top: 5rem;}


#maincopy1, #maincopy3{background-color: #f4f4f4;}



#login_naver_btn{background-color: #1ec800 !important;}
#request_kakao_btn{background-color: #FFCD01 !important;}


#category_icon{
}
#category_icon a{
    display: inline-block;
    width: 85px;
    height: 85px;
}
#category_icon a .img-wrapper{
    background: #F4F4F4;
}
#category_icon a .img-wrapper img{
    max-width: 65px;
    max-height: 65px;
}
#category_icon a .category_name {
    background: #8ECEC9;
    color: #4C4C4C;
    text-align: center;
    font-weight: bold;
}

#category_icon a .active .img-wrapper { background: #fcb03f;}
/*
#goods_list .goods_item .goods_defaulfee{col}
*/


#main_footer{background-color: #a9a9a9;}
.footer_sns_icons{width: 30px;}

#detail_mypg{padding-top: 2rem;}



.landing-reviews .swiper-reviews-carousel .client-logo{height: auto;}


section#subtop_review{background: url(../img/subtop/review.jpg) no-repeat 50% 50%;}
section#subtop_faq{background: url(../img/subtop/faq.jpg) no-repeat 50% 50%;}
section#subtop_cscenter{background: url(../img/subtop/cscenter.jpg) no-repeat 50% 50%;}
section#subtop_mypg{background: url(../img/subtop/cscenter.jpg) no-repeat 50% 50%;}

#rental_detail_product_htmlcontents_div img{width: auto !important; height: auto !important; max-width: 100%;}


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

.bg-label-blue{ color: var(--bs-blue) !important; background-color: var(--bg-blue-light) !important;}

.text-black { color: var(--bs-black) !important;}
.text-white { color: var(--bs-white) !important;}
.text-blue { color: var(--bs-blue) !important;}
.text-orange { color: var(--bs-orange) !important;}
.text-yellow { color: var(--bs-yellow) !important;}
.text-green { color: var(--bs-green) !important;}

.btn-blue{ color: var(--bs-white); background-color: var(--bg-blue); border-color: var(--bs-blue);}
.btn-orange{ color: var(--bs-white); background-color: var(--bg-orange); border-color: var(--bs-orange);}
.btn-yellow{ color: var(--bs-white); background-color: var(--bg-yellow); border-color: var(--bs-yellow);}
.btn-green{ color: var(--bs-white); background-color: var(--bg-green); border-color: var(--bs-green);}

.btn-blue:hover{ color: var(--bs-white) !important; background-color: var(--bs-blue-dark) !important; border-color: var(--bs-blue-dark) !important;}
.btn-orange:hover{ color: var(--bs-white) !important; background-color: #7e4ee6 !important; border-color: #7e4ee6 !important;}
.btn-yellow:hover{ color: var(--bs-white) !important; background-color: #7e4ee6 !important; border-color: #7e4ee6 !important;}
.btn-green:hover{ color: var(--bs-white) !important; background-color: #7e4ee6 !important; border-color: #7e4ee6 !important;}

.btn-check:focus + .btn-blue, .btn-blue:focus, .btn-blue.focus{ color: var(--bs-white); background-color: var(--bs-blue-dark); border-color: var(--bs-blue-dark);}
.btn-check:focus + .btn-orange, .btn-orange:focus, .btn-orange.focus{ color: var(--bs-white); background-color: #7e4ee6; border-color: #7e4ee6;}
.btn-check:focus + .btn-yellow, .btn-yellow:focus, .btn-yellow.focus{ color: var(--bs-white); background-color: #7e4ee6; border-color: #7e4ee6;}
.btn-check:focus + .btn-green, .btn-green:focus, .btn-green.focus{ color: var(--bs-white); background-color: #7e4ee6; border-color: #7e4ee6;}

.btn-blue:disabled, .btn-blue.disabled{ background: var(--bs-blue) !important; border-color: var(--bs-blue) !important;}
.btn-orange:disabled, .btn-orange.disabled{ background: var(--bs-orange) !important; border-color: var(--bs-orange) !important;}
.btn-yellow:disabled, .btn-yellow.disabled{ background: var(--bs-yellow) !important; border-color: var(--bs-yellow) !important;}
.btn-green:disabled, .btn-green.disabled{ background: var(--bs-green) !important; border-color: var(--bs-green) !important;}

.btn-check:checked + .btn-blue, .btn-check:active + .btn-blue, .btn-blue:active, .btn-blue.active, .btn-blue.show.dropdown-toggle,
.show > .btn-blue.dropdown-toggle {
    color: #fff !important;
    background-color: #7e4ee6 !important;
    border-color: #7e4ee6 !important;
}
.btn-check:checked + .btn-orange, .btn-check:active + .btn-orange, .btn-orange:active, .btn-orange.active, .btn-orange.show.dropdown-toggle,
.show > .btn-orange.dropdown-toggle {
    color: var(--bs-white) !important;
    background-color: #7e4ee6 !important;
    border-color: #7e4ee6 !important;
}
.btn-check:checked + .btn-yellow, .btn-check:active + .btn-blue, .btn-yellow:active, .btn-yellow.active, .btn-yellow.show.dropdown-toggle,
.show > .btn-yellow.dropdown-toggle {
    color: var(--bs-white) !important;
    background-color: #7e4ee6 !important;
    border-color: #7e4ee6 !important;
}
.btn-check:checked + .btn-green, .btn-check:active + .btn-green, .btn-green:active, .btn-green.active, .btn-green.show.dropdown-toggle,
.show > .btn-green.dropdown-toggle {
    color: var(--bs-white) !important;
    background-color: #7e4ee6 !important;
    border-color: #7e4ee6 !important;
}

.btn-blue.disabled, .btn-blue:disabled{
    color: var(--bs-white) !important;
    background-color: var(--bs-blue) !important;
    border-color: var(--bs-blue) !important;
}
.btn-orange.disabled, .btn-orange:disabled{
    color: var(--bs-white) !important;
    background-color: var(--bs-orange) !important;
    border-color: var(--bs-orange) !important;
}
.btn-yellow.disabled, .btn-yellow:disabled{
    color: var(--bs-white) !important;
    background-color: var(--bs-yellow) !important;
    border-color: var(--bs-yellow) !important;
}
.btn-green.disabled, .btn-green:disabled{
    color: var(--bs-white) !important;
    background-color: var(--bs-green) !important;
    border-color: var(--bs-green) !important;
}

.btn-group .btn-blue, .input-group .btn-blue{ border-right: 1px solid var(--bs-blue-dark); border-left: 1px solid var(--bs-blue-dark);}
.btn-group .btn-orange, .input-group .btn-orange{ border-right: 1px solid #7e4ee6; border-left: 1px solid #7e4ee6;}
.btn-group .btn-yellow, .input-group .btn-yellow{ border-right: 1px solid #7e4ee6; border-left: 1px solid #7e4ee6;}
.btn-group .btn-green, .input-group .btn-green{ border-right: 1px solid #7e4ee6; border-left: 1px solid #7e4ee6;}

.btn-group-vertical .btn-blue{ border-top: 1px solid var(--bs-blue-dark); border-bottom: 1px solid var(--bs-blue-dark);}
.btn-group-vertical .btn-orange{ border-top: 1px solid #7e4ee6; border-bottom: 1px solid #7e4ee6;}
.btn-group-vertical .btn-yellow{ border-top: 1px solid #7e4ee6; border-bottom: 1px solid #7e4ee6;}
.btn-group-vertical .btn-green{ border-top: 1px solid #7e4ee6; border-bottom: 1px solid #7e4ee6;}

.btn-outline-blue, .btn-outline-blue.fc-prev-button, .btn-outline-blue.fc-next-button{ color: var(--bs-blue); border-color: var(--bs-blue); background: transparent;}
.btn-outline-orange, .btn-outline-orange.fc-prev-button, .btn-outline-orange.fc-next-button{ color: var(--bs-orange); border-color: var(--bs-orange); background: transparent;}
.btn-outline-yellow, .btn-outline-yellow.fc-prev-button, .btn-outline-yellow.fc-next-button{ color: var(--bs-yellow); border-color: var(--bs-yellow); background: transparent;}
.btn-outline-green, .btn-outline-green.fc-prev-button, .btn-outline-green.fc-next-button{ color: var(--bs-green); border-color: var(--bs-green); background: transparent;}

.btn-outline-blue.waves-effect .waves-ripple, .btn-outline-blue.fc-prev-button.waves-effect .waves-ripple, .btn-outline-blue.fc-next-button.waves-effect .waves-ripple {
    background: radial-gradient(rgba(22, 177, 255, 0.2) 0, rgba(22, 177, 255, 0.3) 40%, rgba(22, 177, 255, 0.4) 50%, rgba(22, 177, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-orange.waves-effect .waves-ripple, .btn-outline-orange.fc-prev-button.waves-effect .waves-ripple, .btn-outline-orange.fc-next-button.waves-effect .waves-ripple {
    background: radial-gradient(rgba(252, 176, 63, 0.2) 0, rgba(252, 176, 63, 0.3) 40%, rgba(252, 176, 63, 0.4) 50%, rgba(252, 176, 63, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-yellow.waves-effect .waves-ripple, .btn-outline-yellow.fc-prev-button.waves-effect .waves-ripple, .btn-outline-yellow.fc-next-button.waves-effect .waves-ripple {
    background: radial-gradient(rgba(255, 180, 0, 0.2) 0, rgba(255, 180, 0, 0.3) 40%, rgba(255, 180, 0, 0.4) 50%, rgba(255, 180, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-green.waves-effect .waves-ripple, .btn-outline-green.fc-prev-button.waves-effect .waves-ripple, .btn-outline-green.fc-next-button.waves-effect .waves-ripple {
    background: radial-gradient(rgba(125, 208, 63, 0.2) 0, rgba(125, 208, 63, 0.3) 40%, rgba(125, 208, 63, 0.4) 50%, rgba(125, 208, 63, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.btn-outline-blue:hover, .btn-outline-blue.fc-prev-button:hover, .btn-outline-blue.fc-next-button:hover{
    color: var(--bs-blue) !important;
    background-color: #f6f2ff !important;
    border-color: var(--bs-blue) !important;
}
.btn-outline-orange:hover, .btn-outline-orange.fc-prev-button:hover, .btn-outline-orange.fc-next-button:hover{
    color: var(--bs-orange) !important;
    background-color: #f6f2ff !important;
    border-color: var(--bs-orange) !important;
}
.btn-outline-yellow:hover, .btn-outline-yellow.fc-prev-button:hover, .btn-outline-yellow.fc-next-button:hover{
    color: var(--bs-yellow) !important;
    background-color: #f6f2ff !important;
    border-color: var(--bs-yellow) !important;
}
.btn-outline-green:hover, .btn-outline-green.fc-prev-button:hover, .btn-outline-green.fc-next-button:hover{
    color: var(--bs-green) !important;
    background-color: #f6f2ff !important;
    border-color: var(--bs-green) !important;
}

.btn-check:focus + .btn-outline-blue, .btn-outline-blue:focus, .btn-check:focus + .btn-outline-blue.fc-prev-button, .btn-outline-blue.fc-prev-button:focus, .btn-check:focus + .btn-outline-blue.fc-next-button, .btn-outline-blue.fc-next-button:focus {
    color: var(--bs-blue);
    background-color: #f6f2ff;
    border-color: var(--bs-blue);
}
.btn-check:focus + .btn-outline-orange, .btn-outline-orange:focus, .btn-check:focus + .btn-outline-orange.fc-prev-button, .btn-outline-orange.fc-prev-button:focus, .btn-check:focus + .btn-outline-orange.fc-next-button, .btn-outline-orange.fc-next-button:focus {
    color: var(--bs-orange);
    background-color: #f6f2ff;
    border-color: var(--bs-orange);
}
.btn-check:focus + .btn-outline-yellow, .btn-outline-yellow:focus, .btn-check:focus + .btn-outline-yellow.fc-prev-button, .btn-outline-yellow.fc-prev-button:focus, .btn-check:focus + .btn-outline-yellow.fc-next-button, .btn-outline-yellow.fc-next-button:focus {
    color: var(--bs-yellow);
    background-color: #f6f2ff;
    border-color: var(--bs-yellow);
}
.btn-check:focus + .btn-outline-green, .btn-outline-green-primary:focus, .btn-check:focus + .btn-outline-green.fc-prev-button, .btn-outline-green.fc-prev-button:focus, .btn-check:focus + .btn-outline-green.fc-next-button, .btn-outline-green.fc-next-button:focus {
    color: var(--bs-green);
    background-color: #f6f2ff;
    border-color: var(--bs-green);
}

.btn-outline-blue:disabled, .btn-outline-blue.disabled, .btn-outline-blue.fc-prev-button:disabled, .btn-outline-blue.fc-prev-button.disabled, .btn-outline-blue.fc-next-button:disabled, .btn-outline-blue.fc-next-button.disabled {
    color: var(--bs-blue);
    border-color: var(--bs-blue);
}
.btn-outline-orange:disabled, .btn-outline-orange.disabled, .btn-outline-orange.fc-prev-button:disabled, .btn-outline-orange.fc-prev-button.disabled, .btn-outline-orange.fc-next-button:disabled, .btn-outline-orange.fc-next-button.disabled {
    color: var(--bs-orange);
    border-color: var(--bs-orange);
}
.btn-outline-yellow:disabled, .btn-outline-yellow.disabled, .btn-outline-yellow.fc-prev-button:disabled, .btn-outline-yellow.fc-prev-button.disabled, .btn-outline-yellow.fc-next-button:disabled, .btn-outline-yellow.fc-next-button.disabled {
    color: var(--bs-yellow);
    border-color: var(--bs-yellow);
}
.btn-outline-green:disabled, .btn-outline-green.disabled, .btn-outline-green.fc-prev-button:disabled, .btn-outline-green.fc-prev-button.disabled, .btn-outline-green.fc-next-button:disabled, .btn-outline-green.fc-next-button.disabled {
    color: var(--bs-green);
    border-color: var(--bs-green);
}

.btn-check:checked + .btn-outline-blue, .btn-check:active + .btn-outline-blue, .btn-outline-blue:active, .btn-outline-blue.active,
.btn-outline-blue.dropdown-toggle.show, .btn-check:checked + .btn-outline-blue.fc-prev-button,
.btn-check:active + .btn-outline-blue.fc-prev-button, .btn-outline-blue.fc-prev-button:active, .btn-outline-blue.fc-prev-button.active,
.btn-outline-blue.fc-prev-button.dropdown-toggle.show, .btn-check:checked + .btn-outline-blue.fc-next-button,
.btn-check:active + .btn-outline-blue.fc-next-button, .btn-outline-blue.fc-next-button:active, .btn-outline-blue.fc-next-button.active,
.btn-outline-blue.fc-next-button.dropdown-toggle.show {
    color: var(--bs-blue) !important;
    background-color: #f6f2ff !important;
    border-color: var(--bs-blue) !important;
}
.btn-check:checked + .btn-outline-orange, .btn-check:active + .btn-outline-orange, .btn-outline-orange:active, .btn-outline-orange.active,
.btn-outline-orange.dropdown-toggle.show, .btn-check:checked + .btn-outline-orange.fc-prev-button,
.btn-check:active + .btn-outline-orange.fc-prev-button, .btn-outline-orange.fc-prev-button:active, .btn-outline-orange.fc-prev-button.active,
.btn-outline-orange.fc-prev-button.dropdown-toggle.show, .btn-check:checked + .btn-outline-orange.fc-next-button,
.btn-check:active + .btn-outline-orange.fc-next-button, .btn-outline-orange.fc-next-button:active, .btn-outline-orange.fc-next-button.active,
.btn-outline-orange.fc-next-button.dropdown-toggle.show {
    color: var(--bs-orange) !important;
    background-color: #f6f2ff !important;
    border-color: var(--bs-orange) !important;
}
.btn-check:checked + .btn-outline-yellow, .btn-check:active + .btn-outline-yellow, .btn-outline-yellow:active, .btn-outline-yellow.active,
.btn-outline-yellow.dropdown-toggle.show, .btn-check:checked + .btn-outline-yellow.fc-prev-button,
.btn-check:active + .btn-outline-yellow.fc-prev-button, .btn-outline-yellow.fc-prev-button:active, .btn-outline-yellow.fc-prev-button.active,
.btn-outline-yellow-blue.fc-prev-button.dropdown-toggle.show, .btn-check:checked + .btn-outline-yellow.fc-next-button,
.btn-check:active + .btn-outline-yellow.fc-next-button, .btn-outline-yellow.fc-next-button:active, .btn-outline-yellow.fc-next-button.active,
.btn-outline-yellow.fc-next-button.dropdown-toggle.show {
    color: var(--bs-yellow) !important;
    background-color: #f6f2ff !important;
    border-color: var(--bs-yellow) !important;
}
.btn-check:checked + .btn-outline-green, .btn-check:active + .btn-outline-green, .btn-outline-green:active, .btn-outline-green.active,
.btn-outline-green-blue.dropdown-toggle.show, .btn-check:checked + .btn-outline-green.fc-prev-button,
.btn-check:active + .btn-outline-green.fc-prev-button, .btn-outline-green.fc-prev-button:active, .btn-outline-green-blue.fc-prev-button.active,
.btn-outline-green.fc-prev-button.dropdown-toggle.show, .btn-check:checked + .btn-outline-green.fc-next-button,
.btn-check:active + .btn-outline-green.fc-next-button, .btn-outline-green.fc-next-button:active, .btn-outline-green.fc-next-button.active,
.btn-outline-green.fc-next-button.dropdown-toggle.show {
    color: var(--bs-green) !important;
    background-color: #f6f2ff !important;
    border-color: var(--bs-green) !important;
}

.btn-outline-blue.disabled, .btn-outline-blue:disabled, .btn-outline-blue.fc-prev-button.disabled,
.btn-outline-blue.fc-prev-button:disabled, .btn-outline-blue.fc-next-button.disabled, .btn-outline-blue.fc-next-button:disabled {
    color: var(--bs-blue) !important;
    background-color: transparent !important;
}
.btn-outline-orange.disabled, .btn-outline-orange:disabled, .btn-outline-orange.fc-prev-button.disabled,
.btn-outline-orange.fc-prev-button:disabled, .btn-outline-orange.fc-next-button.disabled, .btn-outline-orange.fc-next-button:disabled {
    color: var(--bs-orange) !important;
    background-color: transparent !important;
}
.btn-outline-yellow.disabled, .btn-outline-yellow:disabled, .btn-outline-yellow.fc-prev-button.disabled,
.btn-outline-yellow.fc-prev-button:disabled, .btn-outline-yellow.fc-next-button.disabled, .btn-outline-yellow.fc-next-button:disabled {
    color: var(--bs-yellow) !important;
    background-color: transparent !important;
}
.btn-outline-green.disabled, .btn-outline-green:disabled, .btn-outline-green.fc-prev-button.disabled,
.btn-outline-green.fc-prev-button:disabled, .btn-outline-green.fc-next-button.disabled, .btn-outline-green.fc-next-button:disabled {
    color: var(--bs-green) !important;
    background-color: transparent !important;
}

.btn-outline-blue .badge{ background: var(--bs-blue); border-color: var(--bs-blue); color: #fff;}
.btn-outline-orange .badge{ background: var(--bs-orange); border-color: var(--bs-orange); color: #fff;}
.btn-outline-yellow .badge{ background: var(--bs-yellow); border-color: var(--bs-yellow); color: #fff;}
.btn-outline-green .badge{ background: var(--bs-green); border-color: var(--bs-green); color: #fff;}

.btn-outline-blue:hover .badge, .btn-outline-blue:focus:hover .badge, .btn-outline-blue:active .badge, .btn-outline-blue.active .badge,
.show > .btn-outline-blue.dropdown-toggle .badge{
    background: var(--bs-blue);
    border-color: var(--bs-blue);
    color: #fff;
}
.btn-outline-orange:hover .badge, .btn-outline-orange:focus:hover .badge, .btn-outline-orange:active .badge, .btn-outline-orange.active .badge,
.show > .btn-outline-orange.dropdown-toggle .badge{
    background: var(--bs-orange);
    border-color: var(--bs-orange);
    color: #fff;
}
.btn-outline-yellow:hover .badge, .btn-outline-yellow:focus:hover .badge, .btn-outline-yellow:active .badge, .btn-outline-yellow.active .badge,
.show > .btn-outline-yellow.dropdown-toggle .badge{
    background: var(--bs-yellow);
    border-color: var(--bs-yellow);
    color: #fff;
}
.btn-outline-green:hover .badge, .btn-outline-green:focus:hover .badge, .btn-outline-green:active .badge, .btn-outline-green.active .badge,
.show > .btn-outline-green.dropdown-toggle .badge{
    background: var(--bs-green);
    border-color: var(--bs-green);
    color: #fff;
}


.form-check-blue .form-check-input:checked{ background-color: var(--bs-blue); border-color: var(--bs-blue);}
.form-check-orange .form-check-input:checked{ background-color: var(--bs-orange); border-color: var(--bs-orange);}
.form-check-yellow .form-check-input:checked{ background-color: var(--bs-yellow); border-color: var(--bs-yellow);}
.form-check-green .form-check-input:checked{ background-color: var(--bs-green); border-color: var(--bs-green);}

#main-menu li .active{ color: var(--bs-orange) !important; font-weight: 700 !important;}

.form-control:focus,
.form-select:focus {
    border-color: var(--bs-blue) !important;
}
.form-floating-outline .form-control:focus,
.form-floating-outline .form-select:focus {
    border-color: var(--bs-blue) !important;
}

.input-group:not(.input-group-floating):focus-within .form-control,
.input-group:not(.input-group-floating):focus-within .input-group-text {
    border-color: var(--bs-blue);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:focus:not(:placeholder-shown) ~ label,
.form-floating > .form-select:focus ~ label,
.form-floating > .form-select:focus:not(:placeholder-shown) ~ label {
    color: var(--bs-blue);
}

.form-floating-focused {
    background-color: var(--bs-blue);
}

.form-floating-outline :not(select):focus + label,
.form-floating-outline :not(select):focus + span:not(.flatpickr-day) {
    color: var(--bs-blue);
}

.nav-blue{ --bs-nav-link-hover-color: var(--bs-blue);}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus{
    background-color: var(--bs-blue);
    color: var(--bs-white);
}
.nav-tabs-blue{ --bs-nav-tabs-link-active-color: var(--bs-blue); --bs-nav-tabs-link-active-border-color: var(--bs-blue);}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus{ color: var(--bs-blue);}
.nav-tabs .nav-link.waves-effect .waves-ripple {
    background: radial-gradient(rgba(22, 177, 255, 0.2) 0, rgba(22, 177, 255, 0.3) 40%, rgba(22, 177, 255, 0.4) 50%, rgba(22, 177, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.nav-tabs .tab-slider{ background-color: var(--bs-blue);}
.navbar.landing-navbar .navbar-nav .show > .nav-link, .navbar.landing-navbar .navbar-nav .active > .nav-link, .navbar.landing-navbar .navbar-nav .nav-link.show,
.navbar.landing-navbar .navbar-nav .nav-link.active, .navbar.landing-navbar .navbar-nav .nav-link:hover {
    color: var(--bs-blue) !important;
}

.nav-green{ --bs-nav-link-hover-color: var(--bs-green);}
.nav-pills .nav-link-green.active .nav-pills .nav-link-green:hover, .nav-pills .nav-link-green:focus,
.nav-pills .nav-link-green.active, .nav-pills .nav-link-green.active:hover, .nav-pills .nav-link-green.active:focus{
    background-color: var(--bs-green);
    color: var(--bs-white);
}
.nav-tabs-green{ --bs-nav-tabs-link-active-color: var(--bs-green); --bs-nav-tabs-link-active-border-color: var(--bs-green);}
.nav-tabs .nav-link-green:hover, .nav-tabs .nav-link-green:focus,
.nav-tabs .nav-link-green.active, .nav-tabs .nav-link-green.active:hover, .nav-tabs .nav-link-green.active:focus{
    color: var(--bs-green);
}
.nav-tabs.nav-tabs-green .nav-link-green.waves-effect .waves-ripple {
    background: radial-gradient(rgba(125, 208, 63, 0.2) 0, rgba(125, 208, 63, 0.3) 40%, rgba(125, 208, 63, 0.4) 50%, rgba(125, 208, 63, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.nav-tabs .tab-slider-green{ background-color: var(--bs-green);}
.navbar.landing-navbar .navbar-nav .show > .nav-link-green, .navbar.landing-navbar .navbar-nav .active > .nav-link-green,
.navbar.landing-navbar .navbar-nav .nav-link-green.show, .navbar.landing-navbar .navbar-nav .nav-link-green.active,
.navbar.landing-navbar .navbar-nav .nav-link-green:hover {
    color: var(--bs-green) !important;
}



/*
메인페이지 배너 캐러셀 액티브 디자인 왼쪽, 오른쪽 추가
*/
.landing-reviews .swiper-reviews-carousel .swiper-slide.swiper-slide-prev,
.landing-reviews .swiper-reviews-carousel .swiper-slide.swiper-slide-next{
  opacity: 1;
  padding: 0;
}


#flatpickr_date1, #flatpickr_date2{
    background-image: url('/img/arrow-down-s-line.png');
    background-repeat: no-repeat;
    background-size: 23px;
    background-position: center right;
    background-origin: content-box;
}