@charset "utf-8";

.clear{position:relative;clear:both;}
hr:before, hr:after, .clear:before, .clear:after, .bw-wrapper:before, .bw-wrapper:after, .bw-wrap:before, .bw-wrap:after, .bw-wrap-c > *:before, .bw-wrap-c > *:after{content: "";display: table;table-layout: fixed;}
hr:after, .clear:after, .bw-wrapper:after, .bw-wrap:after, .bw-wrap-c > *:after, .bw-wrap-c > *:after{clear: both;}
.bw-wrap, .bw-wrap-c > *{display:block;position:relative;width:100%;}
.bw-wrapper{margin:auto;position:relative;width:1080px;max-width:calc(100% - 40px);}
.bw-wrapper .bw-wrapper{max-width:100%;}
.bw-wrapper.large{width:1440px;}
.bw-wrapper.medium{width:980px;}
.bw-wrapper.small{width:420px;}
.bw-page-wrap{padding:40px 0;}

*:focus, *:active {-webkit-box-shadow:none;box-shadow: none;}
a[disabled], button[disabled], .bw-disabled{opacity:.5;pointer-events:none;}
button{border:none;}
.hidden{display:none!important;}
.hidden_non_imp{display:none;}
ul {list-style-type: none;}
ul li {
  list-style: none;
  padding: 0; /* 기본 패딩 제거 */
  margin: 0; /* 기본 마진 제거 */
}

.bw-lg-1, .bw-lg-2, .bw-lg-3, .bw-lg-4, .bw-lg-5, .bw-lg-6, .bw-lg-7, .bw-lg-8, .bw-lg-9, .bw-lg-10, .bw-lg-11, .bw-lg-12{float:left;position:relative;min-height:1px;}
.bw-lg-1{width: 8.33333333%;}.bw-lg-2{width: 16.66666667%;}.bw-lg-3{width: 25%;}.bw-lg-4{width: 33.33333333%;}.bw-lg-5{width: 41.66666667%;}.bw-lg-6{width: 50%;}.bw-lg-7{width: 58.33333333%;}.bw-lg-8{width: 66.66666667%;}.bw-lg-9{width: 75%;}.bw-lg-10{width: 83.33333333%;}.bw-lg-11{width: 91.66666667%;}.bw-lg-12{width: 100%;}

.bw-flt-l, .bw-flt-l-c > *{float:left!important;}.bw-flt-r, .bw-flt-r-c > *{float:right!important;}.bw-flt-n, .bw-flt-n-c > *{float:none!important;}

.bw-fxd, .bw-fxd-c > *{position:fixed;}.bw-abs, .bw-abs-c > *{position:absolute}.bw-rel, .bw-rel-c > *{position:relative;}
.pos-t{top:0px;}.pos-l{left:0px;}.pos-r{right:0px;}.pos-b{bottom:0px;}
.cen-h{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.cen-w{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
.cen-wh{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
.cen-n{left:0;top:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}

.z-1{z-index:1;}.z-2{z-index:200;}.z-3{z-index:300;}.z-4{z-index:400;}.z-5{z-index:500;}.z-6{z-index:600;}.z-7{z-index:700;}.z-8{z-index:800;}.z-9{z-index:900;}.z-10{z-index:1000;}.z-11{z-index:1100;}.z-12{z-index:1200;}.z-13{z-index:1300;}.z-14{z-index:1400;}.z-15{z-index:1500;}

.accordion, .bw-selectmenu{
  height:0px;min-height:0px;overflow:hidden;
}

.bw-hs{overflow-y:hidden;}
.bw-hs-wrap{overflow-x:auto;}
.bw-hs-wrapper{white-space:nowrap;}

.input.error, .error .input:focus{border-color:var(--color-rd)!important;}
.error-msg{position:absolute;left:10px;margin-top:-2px;background-color:var(--color-rd);display:block;color:#fff;font-size:13px;border-radius:5px;padding:6px 10px;z-index:2;}
.error-msg:before{position:absolute;left:8px;top:-3px;content:'';width:6px;height:6px;background-color:var(--color-rd);
-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

.bw-div{text-align:center;line-height:1;overflow:hidden;text-overflow:ellipsis;position:relative;align-items: center;margin-left:-10px;margin-right:-10px;}
.bw-div, .bw-div:before, .bw-div:after{display:flex;}
.bw-div:before, .bw-div:after{-webkit-flex:1;-moz-flex:1;-ms-flex:1;flex:1;content:"";height:1px;background-color:rgba(0,0,0,.18);margin:auto 10px;}

[class^="bw-grid-"], [class*=" bw-grid-"] {display:-ms-grid;display:grid;grid-gap:20px;}
[class^="bw-grid-"] > *, [class*=" bw-grid-"] > *{position:relative;}

.gap-0{grid-gap: 0px;}
.gap-5{grid-gap: 5px;}
.gap-10{grid-gap: 10px;}
.gap-15{grid-gap: 15px;}
.gap-20{grid-gap: 20px;}
.gap-30{grid-gap: 30px;}
.gap-40{grid-gap: 40px;}
.gap-50{grid-gap: 50px;}
.gap-60{grid-gap: 60px;}
.gap-90{grid-gap: 90px;}
.gap-120{grid-gap: 120px;}

.bw-grid-1, .bw-product-wrap .single-product-cart .bw-grid-2{-ms-grid-columns: (minmax(0, 1fr))[1];grid-template-columns: minmax(0, 1fr);}
.bw-grid-2{-ms-grid-columns: (minmax(0, 1fr))[2];grid-template-columns: repeat(2, minmax(0, 1fr));}
.bw-grid-3{-ms-grid-columns: (minmax(0, 1fr))[3];grid-template-columns: repeat(3, minmax(0, 1fr));}
.bw-grid-4{-ms-grid-columns: (minmax(0, 1fr))[4];grid-template-columns: repeat(4, minmax(0, 1fr));}
.bw-grid-5{-ms-grid-columns: (minmax(0, 1fr))[5];grid-template-columns: repeat(5, minmax(0, 1fr));}
.bw-grid-6{-ms-grid-columns: (minmax(0, 1fr))[6];grid-template-columns: repeat(6, minmax(0, 1fr));}
.bw-grid-7{-ms-grid-columns: (minmax(0, 1fr))[7];grid-template-columns: repeat(7, minmax(0, 1fr));}
.bw-grid-8{-ms-grid-columns: (minmax(0, 1fr))[8];grid-template-columns: repeat(8, minmax(0, 1fr));}

.rot-45{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.rot-90{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.rot-180{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.opt-10{opacity:1;}.opt-9{opacity:.9;}.opt-8{opacity:.8;}.opt-7{opacity:.7;}.opt-6{opacity:.6;}.opt-5{opacity:.5;}.opt-4{opacity:.4;}.opt-3{opacity:.3;}.opt-2{opacity:.2;}.opt-1{opacity:.1;}.opt-0{opacity:.0;}

.bw-flex, [class^="bw-flex-"], [class*=" bw-flex-"], .bw-modal, .bw-load, .page-template-bw-full{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
  /*
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-moz-box-flex: 1;
	-moz-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
  */
}

::-webkit-scrollbar {
  display: none;
  width: 0; /* Chrome, Safari, Opera 브라우저에서 스크롤바를 숨김 */
}
.scroll-n,
.scroll-n-c > * {
  overflow: hidden !important;
}
.scroll-y,
.scroll-y-c > * {
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch !important;
}
.scroll-nx,
.scroll-nx-c > * {
  overflow-x: hidden !important;
}
.scroll-ny,
.scroll-ny-c > * {
  overflow-y: hidden !important;
}

.bw-flex-r, .bw-div > *, .bw-div:before, .bw-div:after{-webkit-flex-direction: row;-moz-flex-direction: row;-ms-flex-direction: row;flex-direction: row;}
.bw-aln-l{text-align:left;}.bw-aln-r{text-align:right;}.bw-aln-c{text-align:center;}
.bw-blk, .bw-blk-c > *{display:block;}.bw-iln, .bw-iln-c > *{display:inline;}.bw-ilb, .bw-ilb-c > *{display:inline-block;}
.click, label, [onclick], [href], [for]{cursor:pointer;}.click-n{pointer-events:none;}

.bw-img, .bw-img-h{background-size: cover; background-position: center center;background-repeat:no-repeat;webkit-print-color-adjust:exact;}
.bw-img-n{background-repeat:no-repeat;}
.bw-img-a{background-attachment:fixed;background-size:100%;background-position: center center;}
.bw-img-c{background-size: contain;background-position: center center;background-repeat:no-repeat;}
.bw-img-x{background-size: contain;background-position: 0px 0px;background-repeat:repeat-x;}
.bw-img-y{background-size: contain;background-position: center center;background-repeat:repeat-y;}
.bw-img-xy{background-repeat:repeat;background-size: initial;background-position: bottom center;}

.ovf{overflow: auto!important;-webkit-overflow-scrolling: touch!important;}
.ovf-n, .ovf-n-c > *{overflow:hidden!important;}
.ovf-y, .ovf-y-c > *{overflow-y: scroll!important;-webkit-overflow-scrolling: touch!important;}
.ovf-nx, .ovf-nx-c > *{overflow-x:hidden!important;}
.ovf-ny, .ovf-ny-c > *{overflow-y:hidden!important;}
.ovf-x, .ovf-x-c > *{overflow-x: auto!important;-webkit-overflow-scrolling: touch!important;}

.gray{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);}
.blur{-webkit-backdrop-filter:blur(90px);-moz-backdrop-filter:blur(90px);-ms-backdrop-filter:blur(90px);-o-backdrop-filter:blur(90px);backdrop-filter:blur(90px);}
.blur-sm{-webkit-backdrop-filter:blur(10px);-moz-backdrop-filter:blur(10px);-ms-backdrop-filter:blur(10px);-o-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}

.bw-modal, .bw-nav, .bw-page, .block, .overlay-bg, .bw-load, .bw-popup{position:fixed;left:0;top:0;width:100%;height:100%;}
.modal-wrapper{position:relative;width:420px;max-width:95%;background-color:#fff;padding:50px 40px 20px;margin:auto;border-radius:10px;text-align:center;
  opacity:0;top:-30px;}
.modal-content, .confirm-content{text-align:center;}
.modal-title{margin-bottom:10px;}
.modal-content{margin-bottom:40px;}
.form-confirm{padding:15px;}
.confirm-content{padding:50px 0;}
.modal-btn a, .confirm-btn a, .confirm-btn button{display:block;}

.bw-modal, .bw-popup, .bw-page, .bw-nav, .bw-load{background-color:rgba(0,0,0,.75);}
.bw-page .overlay-wrapper{
  position:relative;width:480px;max-width:100%;opacity:0;margin-bottom:-50px;background-color:#fff;border-radius:20px;max-height:calc(100% - 60px);overflow-y:auto;
}
.bw-page{
  opacity:0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  align-items: center;
  justify-content: flex-end;
}
.bw-page .overlay-wrapper, .bw-modal .overlay-wrapper{margin-bottom:-100%;border-radius: 30px 30px 0 0;}

.overlay a.close-modal {
  width: 32px; height: 32px;
  line-height: 32px;
  background-color: #F1F3F5;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 16px; right: 16px;
  z-index: 100;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.overlay a.close-modal:hover{
	background-color: #dee2e6;
}

.overlay a.close-modal:before {
  content: '';
  width: 10px;
  height: 10px;
  display: inline-block;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='m6.06 5 3.72-3.72c.29-.29.29-.77 0-1.06s-.77-.29-1.06 0L5 3.94 1.28.22C.99-.07.51-.07.22.22s-.29.77 0 1.06L3.94 5 .22 8.72c-.29.29-.29.77 0 1.06.15.15.34.22.53.22s.38-.07.53-.22L5 6.06l3.72 3.72c.15.15.34.22.53.22s.38-.07.53-.22c.29-.29.29-.77 0-1.06L6.06 5Z' fill='%23343a40'/%3E%3C/svg%3E") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.modal_head .alert{
  width:56px;
  height:56px;
  border:10px solid var(--color-lgn);
  background-color:var(--color-gn);
  color:#fff;
  font-size:24px;
  margin:auto;
  line-height:1;
}

.overlay .modal_head {
  width: 100%;
  padding:50px 30px 30px;
  text-align:center;
}

.overlay .btn-cancel {
  color:var(--color-gr3);
  background-color:var(--color-bg);
}

.overlay .btn-ok {
  color:var(--color-gn);
  background-color:var(--color-lgn);
}

.bw-modal.type-2 .alert{
  border:10px solid var(--color-lrd);
  background-color:var(--color-rd);
}

.bw-modal.type-2 .alert i:before{
  content:var(--icon-x);
}

.bw-modal.type-2 .btn-ok {
  color:var(--color-rd);
  background-color:var(--color-lrd);
}

.type-3 .alert{
  border:10px solid var(--color-lrd);
  background-color:var(--color-rd);
}

.type-3 .alert i:before{
  content:'?';
  font-weight:800;
}

.type-3 .btn-ok {
  color:var(--color-rd);
  background-color:var(--color-lrd);
}

.bw-grid-2 .btn-ok {
  color:#fff;
  background-color:var(--color-gn);
}

.type-3 .bw-grid-2 .btn-ok, .type-2 .bw-grid-2 .btn-ok{
  color:#fff;
  background-color:var(--color-rd);
}

.overlay .modal_head > h2 {
  font-size: 22px;
  font-weight: 700;
}

.bw-modal .title, .bw-page .title{
  font-size:18px;
  font-weight: 700;
  margin-bottom: 10px;
}

.bw-modal .message, .bw-page .message{
  color:var(--color-gr1);
}

.overlay .modal_cont {
  text-align:center;
  position: relative;
  padding: 0 30px 0;
  padding-bottom: calc(30px + constant(safe-area-inset-bottom));
  padding-bottom: calc(30px + env(safe-area-inset-bottom));
  -webkit-overflow-scrolling: touch;
}

.overlay .modal_foot {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    padding-top:40px;
}

.bw-nav .overlay-wrapper{position:relative;height:100%;overflow-y:auto;z-index:2;background-color:#141414;padding:20px;}
.bw-nav .nav-back{position:fixed;z-index:1;top:40px;}
.bw-nav .overlay-wrapper, .bw-nav .bw-fxd{width:calc(100% - 20px);max-width:100%;}
.bw-nav:not(.left) .overlay-wrapper{float:right;right:calc(20px - 100%);}
.bw-nav.left .overlay-wrapper{float:left;left:calc(20px - 100%);}
.bw-nav:not(.left) .overlay-wrapper .bw-fxd, .bw-nav:not(.left) .overlay-wrapper .nav-back{right:calc(20px - 100%);}
.bw-nav.left .overlay-wrapper .bw-fxd, .bw-nav.left .overlay-wrapper .nav-back{left:calc(20px - 100%);}
.bw-nav .nav-back{margin-right:656px;}
.popup-wrapper{width:480px;max-width:95%;margin:auto;top:0;position:relative;}
.popup-wrapper > a{display:block;}
.bw-popup img{max-width:100%;}
.bw-popup .popup-btn{line-height:20px;color:#fff;padding:15px 0;text-align:center;}
.bw-popup .popup-btn > *:not(:last-child){border-right:1px solid rgba(255,255,255,0.7);}
.bw-popup .popup-btn a{width:50%;float:left;line-height:20px;color:#fff;}
.popup-pagination{line-height:3px;height:3px;}
.popup-pagination .swiper-pagination-bullet{height:3px;vertical-align:top;border-radius:1.5px;}

.page-load{padding:60px 0;text-align:center;margin:auto;position:absolute;color:#fff;}
.page-load > .spinner-border{width:60px;height:60px;color:#ccc;}

.overlay-wrap{padding:0 15px;}

/*Z index*/
.header-wrap{z-index:500;}
.block{z-index:1100;}
.bw-nav{z-index:1200;opacity:0;}
.bw-page{z-index:9999;}
.bw-modal{z-index:10000;}
.bw-modal{z-index:10000;}
.bw-popup{z-index:11000;}
#layer-address{z-index:12000;}
.bw-load{z-index:20000;}

.bw-modal, .bw-load{
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

.bw-load > .bw-loader{margin:auto;}
.bw-selectmenu{position:absolute!important;z-index:1000;min-width:100%;}
.bw-selectmenu ul{background-color:#fff;padding:0 20px;border-color:#ddd;border-width:0px 1px 1px 1px;border-style:solid;}
.bw-selectmenu li{cursor:pointer;padding:10px 0px;line-height:19px;}
.bw-selectmenu li:not(:last-child){border-bottom:1px dotted rgba(0,0,0,0.12);}
.element-wrapper{position:relative;}

.rnd-5,
.rnd-5-c > * {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.rnd-t5,
.rnd-t5-c > * {
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.rnd-10,
.rnd-10-c > * {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

.rnd-t10,
.rnd-t10-c > * {
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

.rnd-15,
.rnd-15-c > * {
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  -o-border-radius: 16px;
  border-radius: 16px;
}

.rnd-15-t,
.rnd-15-t-c > * {
  -webkit-border-radius: 16px 16px 0 0;
  -moz-border-radius: 16px 16px 0 0;
  -o-border-radius: 16px 16px 0 0;
  border-radius: 16px 16px 0 0;
}

.rnd-20,
.rnd-20-c > * {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.rnd-30,
.rnd-30-c > * {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}

.rnd-40,
.rnd-40-c > * {
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -o-border-radius: 40px;
  border-radius: 40px;
}

.rnd-90-rt{
  overflow: hidden;
  -webkit-border-radius: 0 90px 0 0;
  -moz-border-radius: 0 90px 0 0;
  -o-border-radius: 0 90px 0 0;
  border-radius: 0 90px 0 0;
}

.ccl,
.ccl-c > * {
  overflow: hidden;
  -webkit-border-radius: 2000px;
  -moz-border-radius: 2000px;
  -o-border-radius: 2000px;
  border-radius: 2000px;
}

.bw-switch, .bw-switch:after{
	-webkit-border-radius: 100px;-moz-border-radius: 100px;-o-border-radius: 100px;border-radius: 100px;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
}
.bw-switch{display:block;position:relative;width:50px;height:26px;background-color:#afafaf;-webkit-border-radius: 100px;-moz-border-radius: 100px;-o-border-radius: 100px;border-radius: 100px;}
.bw-switch:after{content:'';display:block;background-color:#fff;position:absolute;cursor:pointer;left:0;top:0;width:20px;height:20px;margin:3px;
-webkit-box-shadow: 0px 1px 2px rgb(0 0 0 / 25%);box-shadow: 0px 1px 2px rgb(0 0 0 / 25%);}
.bw-switch[data-value="1"]:after{left:24px;}
.bw-switch[data-value="1"]{background-color:var(--color-c1);}

.list-check > li{padding-left:20px;position:relative;}
.list-check > li:before{
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
	content: var(--icon-check);
  position:absolute;
  left:0px;
  color:var(--color-c1);
}

.bw-16v9{padding-top:56.25%}
.bw-4v3{padding-top:75%}
.bw-8v5{padding-top:62.5%}
.bw-1v1{padding-top:100%}


.bw-dropdown {
	position: relative;
}
.bw-dropdown.active {
	z-index: 100;
}
.bw-dropdown-btn {
	padding: 0 34px 0 10px;
	position: relative;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.bw-dropdown-btn.on {
	max-width: 160px;
	color: var(--color-c1);
	font-weight: 500;
}
.bw-dropdown.active .bw-dropdown-btn {
	border-color: var(--color-c1);
	color: var(--color-c1);
}
.bw-dropdown.disabled .bw-dropdown-btn {
	background-color: #F1F3F5 !important;
	color: #ADB5BD !important;
	box-shadow:none !important;
	cursor: default !important;
}
.bw-dropdown-btn:after {
  font-size:12px;
  color:var(--color-gr3);
  display:block;
	font-family: 'icomoon';
	content: var(--icon-chevron-down);
	position: absolute;
	right: 10px; top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	transition: -webkit-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.bw-dropdown.active .bw-dropdown-btn:after, .bw-dropdown-btn.on:after{
  color:var(--color-c1);
}
.bw-dropdown.active .bw-dropdown-btn:after {
	-webkit-transform: rotate(-180deg) translateY(50%);
	-ms-transform: rotate(-180deg) translateY(50%);
	transform: rotate(-180deg) translateY(50%);
}

.bw-dropdown-layer{
  display:none;
  position:absolute;
  z-index:100;
  min-width:180px;
  max-width:240px;
}

.bw-dropdown-list {
  display:none;
	width: 100%;
	min-width: 180px;
	margin-top: 6px;
	border: 1px solid rgb(20 23 26 / 10%);
	background: #fff;
	-webkit-box-shadow: 0px 8px 32px rgb(20 23 26 / 15%);
	box-shadow: 0px 8px 32px rgb(20 23 26 / 15%);
	border-radius: 8px;
  pointer-events:none;
  padding:20px;
  overflow-y:auto;
  max-height:480px;
}
.bw-dropdown-layer .bw-dropdown-list{display:block;pointer-events:all;}

@media print{*{-webkit-print-color-adjust:exact;}}

.bw-loader{
  position:relative;
}

.bw-loader, .bw-loader:before, .bw-loader:after{
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

.bw-loader:before,
.bw-loader:after{
  position: absolute;
  left:0;
  content: '';
  background-color: currentColor;
  opacity:0.9;
  transform: scale(0);
  animation: loader8 1.0s infinite ease-in-out;
}
.bw-loader:after{animation-delay:0.5s;}

@keyframes loader8 {
    0%   {transform: translateX(-100%) scale(0);}
    50%  {transform: translateX(0%)    scale(1);}
    100% {transform: translateX(100%)  scale(0);}
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.spinner-border {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}

.btn-lg .spinner-border{width:40px;height:40px;border-width:4px;}
.btn-md .spinner-border{width:20px;height:20px;border-width:3px;}
.btn-sm .spinner-border, .btn-xs .spinner-border{width:12px;height:12px;border-width:2px;}

.shd,
.shd-c > *{
  -webkit-box-shadow: inset 0 2px 2px rgba(255,255,255,0.08), 0px 8px 32px -4px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0 2px 2px rgba(255,255,255,0.08), 0px 8px 32px -4px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 2px 2px rgba(255,255,255,0.08), 0px 8px 32px -4px rgba(0, 0, 0, 0.12);
}

.shd-nl,
.shd-nl-c > *{
  -webkit-box-shadow: 0px 8px 32px -4px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0px 8px 32px -4px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 8px 32px -4px rgba(0, 0, 0, 0.12);
}

.shd-lg,
.shd-lg-c>*{
  -webkit-box-shadow: 0px 32px 32px -32px rgb(59 55 74 / 80%);
  -moz-box-shadow: 0px 32px 32px -32px rgb(59 55 74 / 80%);
  box-shadow: 0px 32px 32px -32px rgb(59 55 74 / 80%);
}

.shd-t,
.shd-t-c>* {
  -webkit-box-shadow: 0px -8px 12px -4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px -8px 12px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -8px 12px -4px rgba(0, 0, 0, 0.1);
}

.shd-n,
.shd-n-c>* {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.shd-lg,
.shd-lg-c>* {
  -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05),
    0px 12px 32px -15px rgba(55, 55, 76, 0.3);
  -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05),
    0px 12px 32px -15px rgba(55, 55, 76, 0.3);
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.05),
    0px 12px 32px -15px rgba(55, 55, 76, 0.3);
}

spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}