@charset "utf-8";

#bv_product_menu_wrap {position: relative;padding: 0 60px;}
#bv_product_wrap {display: flex;justify-content: center;align-items: center;flex-direction: column;width: 100%;max-width: 1399px;margin: 0 auto;}
#bv_product_wrap .bv_product_title {font-family: 'Noto Sans KR';font-weight: 600;color: #2c2c2c;font-size: 36px;line-height: 1.5em;margin: 70px 0 30px;text-align: center;}
#bv_product_wrap .bv_product_nav {margin: 30px 0;}
#bv_product_wrap .bv_product_nav .bv_product_menu {display: flex;max-width: 1300px;}
#bv_product_wrap .bv_product_nav .bv_product_menu li {width:auto;margin-right: 0px!important;}

#bv_product_wrap .bv_product_nav .bv_product_menu li a {display: block;width: 135px;border: 1px solid #ddd}
.bv_product_menu .swiper-slide.active a {border: 3px solid #0159fb!important;}
#bv_product_wrap .bv_product_nav .bv_product_menu li a figure {position: relative;}
#bv_product_wrap .bv_product_nav .bv_product_menu li a figure img {width: 100%;height: 100%;background: #fff;}
#bv_product_wrap .bv_product_nav .bv_product_menu li a figure figcaption {text-align: center;padding: 10px;font-size: 15px;text-transform: uppercase;font-weight: bold;}

.swiper-container {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;}

#bv_product_wrap .bv_product_list {display: flex;flex-wrap: wrap;gap: 30px;width: 100%;margin-top: 50px}
#bv_product_wrap .bv_product_list .bv_product_item {width:25%;margin-bottom: 50px;border: 1px solid #dfdfdf;border-radius: 10px;overflow: hidden;}
#bv_product_wrap .bv_product_list .empty_li {flex: 1;text-align: center;font-size: 20px;line-height: 30;}
#bv_product_wrap .bv_product_list .bv_product_item .bv_product_thumb {width: 100%;height: auto;display: block;object-fit: cover;}
#bv_product_wrap .bv_product_list .bv_product_item .bv_product_thumb img {aspect-ratio: 16 / 9;width: 100%;height: auto;}
#bv_product_wrap .bv_product_list .bv_product_item .bv_product_info {padding: 10px 20px 20px 20px}
#bv_product_wrap .bv_product_list .bv_product_item .bv_product_info h3 {font-size: 18px;line-height: 1.4em;color: #2c2c2c;padding: 10px 0}
#bv_product_wrap .bv_product_list .bv_product_item .bv_product_info p {font-size: 14px;line-height: 1.4em;color: #333;height: 1.4em;overflow: hidden;word-break: break-all;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 17px;}
#bv_product_wrap .bv_product_list .bv_product_item .bv_product_info dl {display: flex;margin-bottom: 10px;font-size: 14px;line-height: 1.4em;}
#bv_product_wrap .bv_product_list .bv_product_item .bv_product_info dl dt {width: 60px;margin-right: 10px;font-size: 16px}
#bv_product_wrap .bv_product_list .bv_product_item .bv_product_info dl dd {flex: 1 1 auto;width: 1%;white-space: nowrap;min-width: 0;font-size:15px;font-weight: 500;color: #fc5f01;}
#bv_product_wrap .bv_product_list .bv_product_item .bv_product_link {display: block;background: #0159fb;border-radius: 0 0 15px 15px;text-align: center;font-size: 15px;line-height: 55px;color: #fff;font-weight: 500;}

.blocker {z-index: 10;}
.modal {padding: 0!important;box-shadow: none!important;background: transparent!important;}
.modal-content {background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 10px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.modal-header {background-color: #0159fb;color: #fff;padding: 1rem 1.5rem;border-bottom: 1px solid #dee2e6;border-top-left-radius: 10px;border-top-right-radius: 10px;display: flex;justify-content: center;align-items: center;}
.modal-title {font-size: 1.25rem;font-weight: 500;margin-bottom: 0;}

.modal-body {padding: 1.5rem;}
.modal-form {margin-bottom: 1rem;}
.modal-form .label {display: block;margin-bottom: 0.25rem;font-weight: bold;color: #495057;}
.modal-form .frm_input {width: 100%;padding: 0.5rem 0.75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;border: 1px solid #ced4da;border-radius: 0.25rem;transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.modal-form .frm_input:focus {border-color: #80bdff;outline: 0;box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.modal-form .modal_tit {font-size: 1rem;color: #495057;font-weight: 500;margin-bottom: 0.5rem;}
.modal-form .privacy_btn {font-size: 16px;color: #0159fb;margin-left: 5px;}
.modal-form input[type="checkbox"] {width: 15px;height: 15px;margin-right: 5px;}
.modal-form input[type="radio"] {width: 15px;height: 15px;margin-right: 3px;}
.modal-form .modal_label {padding-right: 5px;vertical-align: top;}
.modal-form .privacy_label {font-size: 16px;vertical-align: top;}
.modal-footer {border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.modal-footer .base_btn {font-size: 18px;padding: 20px 0;border-radius: 0.25rem;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
.modal-footer .btn-primary {color: #fff;background-color: #0159fb;border-color: #0159fb;width: 100%;}
.modal-footer .btn-primary:hover {background-color: #004dc9;border-color: #004ac3;}


.swiper-button-prev:after, .swiper-button-next:after {content: ''!important;}

.swiper-button-prev {top: 145px;border-radius: 2.5rem;width: 2.5rem;height: 2.5rem;background-repeat: no-repeat;background-size: 100% auto;background-position: center;box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .2);cursor: pointer;position: absolute;-ms-transform: translate(0, -50%);transform: translate(0, -50%);z-index: 1;left: 10px;background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSByPSIyMCIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMjAgMjApIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkiLz4KPHBhdGggZD0iTTIyIDE0TDE2IDIwTDIyIDI2IiBzdHJva2U9IiM5OTk5OTkiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4K);}
.swiper-button-next {top: 145px;border-radius: 2.5rem;width: 2.5rem;height: 2.5rem;background-repeat: no-repeat;background-size: 100% auto;background-position: center;box-shadow: 0 4px 14px 0 rgba(0, 0, 0, .2);cursor: pointer;position: absolute;-ms-transform: translate(0, -50%);transform: translate(0, -50%);z-index: 1;right: 10px;background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDAiIHZpZXdCb3g9IjAgMCA0MCA0MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOSIvPgo8cGF0aCBkPSJNMTggMTRMMjQgMjBMMTggMjYiIHN0cm9rZT0iIzk5OTk5OSIgc3Ryb2tlLXdpZHRoPSIyIi8+Cjwvc3ZnPgo=);}


/* 노트북 & 테블릿 가로 (해상도 1024px ~ 1279px)*/
@media all and (min-width:1024px) and (max-width:1279px) {
    #bv_product_wrap {max-width: 95%}
    #bv_product_wrap .bv_product_title {font-size: 30px;}

    #bv_product_menu_wrap {position: relative;padding: 0 60px;width: 900px;overflow: hidden;}

    #bv_product_wrap .bv_product_nav .bv_product_menu {max-width: 100%}
    #bv_product_wrap .bv_product_nav .bv_product_menu li {width: auto!important;}
    #bv_product_wrap .bv_product_nav .bv_product_menu li a {width: 85px;height: 150px;margin-right: -1px}
    #bv_product_wrap .bv_product_list {gap: 19px;}
    #bv_product_wrap .bv_product_nav .bv_product_menu li a figure figcaption {font-size: 14px}
    #bv_product_wrap .bv_product_list .bv_product_item {width: 25%;margin-bottom: 20px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info {padding: 10px 10px 20px 10px;height: 180px;}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_thumb img {height: 170px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info h3 {height: 50px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info dl dt {font-size: 18px;width: 80px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info dl dd {font-size: 16px}

    .swiper-button-prev {top: 130px;left: 10px;}
    .swiper-button-next {top: 130px;right: 10px;}



}

/* 테블릿 가로 (해상도 768px ~ 1023px)*/
@media all and (min-width:768px) and (max-width:1023px) {
    #bv_product_wrap {max-width: 95%}
    #bv_product_wrap .bv_product_title {font-size: 30px;}

    #bv_product_menu_wrap {position: relative;padding: 0 60px;width: 700px;overflow: hidden;}

    #bv_product_wrap .bv_product_nav .bv_product_menu {max-width: 100%}
    #bv_product_wrap .bv_product_nav .bv_product_menu li {width: auto!important;}
    #bv_product_wrap .bv_product_nav .bv_product_menu li a {width: 85px;height: 150px;margin-right: -1px}
    #bv_product_wrap .bv_product_list {gap: 10px;}
    #bv_product_wrap .bv_product_nav .bv_product_menu li a figure figcaption {font-size: 14px}
    #bv_product_wrap .bv_product_list .bv_product_item {width: 32%;margin-bottom: 20px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info {padding: 10px 10px 20px 10px;height: 180px;}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_thumb img {height: 170px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info h3 {height: 50px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info dl dt {font-size: 18px;width: 80px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info dl dd {font-size: 16px}

    .swiper-button-prev {top: 130px;left: 10px;}
    .swiper-button-next {top: 130px;right: 10px;}


}

/* 모바일 가로 & 테블릿 세로 (해상도 480px ~ 767px)*/
@media all and (min-width:480px) and (max-width:767px) {

    #bv_product_wrap {max-width: 95%}
    #bv_product_wrap .bv_product_title {font-size: 30px;}

    #bv_product_menu_wrap {position: relative;padding: 0 60px;width: 600px;overflow: hidden;}

    #bv_product_wrap .bv_product_nav .bv_product_menu {max-width: 100%}
    #bv_product_wrap .bv_product_nav .bv_product_menu li {width: auto!important;}
    #bv_product_wrap .bv_product_nav .bv_product_menu li a {width: 85px;height: 150px;margin-right: -1px}
    #bv_product_wrap .bv_product_list {gap: 7px;}
    #bv_product_wrap .bv_product_list .bv_product_item {width: 49%;margin-bottom: 20px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info {padding: 10px 10px 20px 10px;height: 180px;}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_thumb img {height: 170px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info h3 {height: 50px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info dl dt {font-size: 16px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info dl dd {font-size: 16px}

    .swiper-button-prev {top: 130px;left: 10px;}
    .swiper-button-next {top: 130px;right: 10px;}

}

/* 모바일 세로 (해상도 ~ 479px)*/
@media all and (max-width:479px) {

    #bv_product_wrap {max-width: 95%}
    #bv_product_wrap .bv_product_title {font-size: 30px;}

    #bv_product_menu_wrap {position: relative;padding: 0 60px;width: 375px;overflow: hidden;}

    #bv_product_wrap .bv_product_nav .bv_product_menu {max-width: 100%}
    #bv_product_wrap .bv_product_nav .bv_product_menu li {width: auto!important;}
    #bv_product_wrap .bv_product_nav .bv_product_menu li a {width: 85px;height: 145px;margin-right: -1px}
    #bv_product_wrap .bv_product_list {gap: 7px;}
    #bv_product_wrap .bv_product_list .bv_product_item {width: 49%;margin-bottom: 20px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info {padding: 10px 10px 20px 10px;height: 180px;}
    #bv_product_wrap .bv_product_nav .bv_product_menu li a figure figcaption {font-size: 14px;height: 60px;}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_thumb img {height: 170px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info h3 {height: 70px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info dl dt {font-size: 14px}
    #bv_product_wrap .bv_product_list .bv_product_item .bv_product_info dl dd {font-size: 14px}

    .swiper-button-prev {top: 125px;left: 10px;}
    .swiper-button-next {top: 125px;right: 10px;}



}