/*@font-face{font-family:Inter;src:url(./fonts/inter400.eot);src:url(./fonts/inter400.eot?#iefix) format("embedded-opentype"),url(./fonts/inter400.woff2) format("woff2"),url(./fonts/inter400.svg) format("svg"),url(./fonts/inter400.ttf) format("truetype"),url(./fonts/inter400.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*/
/*@font-face{font-family:Inter;src:url(./fonts/inter600.eot);src:url(./fonts/inter600.eot?#iefix) format("embedded-opentype"),url(./fonts/inter600.woff2) format("woff2"),url(./fonts/inter600.svg) format("svg"),url(./fonts/inter600.ttf) format("truetype"),url(./fonts/inter600.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}*/
/*@font-face{font-family:Inter;src:url(./fonts/inter700.eot);src:url(../fonts/inter700.eot?#iefix) format("embedded-opentype"),url(./fonts/inter700.woff2) format("woff2"),url(./fonts/inter700.svg) format("svg"),url(./fonts/inter700.ttf) format("truetype"),url(./fonts/inter700.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}*/
@font-face{
    font-family:'NotoSerifKR-Regular';
    src:url(./fonts/NotoSerifKR-Regular.otf);
    font-weight:400;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'NotoSerifKR-Bold';
    src:url(./fonts/NotoSerifKR-Bold.otf);
    font-weight:600;
    font-style:normal;
    font-display:swap;
}
:root {
    --bs-font-sans-serif: 'NotoSerifKR-Regular'!important;
}
*,::after,::before {box-sizing: border-box}
html, body { padding: 0; margin: 0; font-family: 'NotoSerifKR-Regular', sans-serif !important; -webkit-tap-highlight-color: transparent; background: var(--wcms-background-primary);}
html {overflow-y: scroll;}
body {min-height: 100dvh;margin: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; text-align: left; overflow: hidden;display: flex;flex-direction: column;}
h1, h2, h3, h4, h5, h6 {margin-top: 0; margin-bottom: .5rem;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: .5rem; font-family: inherit; font-weight: 700; line-height: 1.2; color: inherit;}
p {margin-top: 0; margin-bottom: 1rem;}
a {text-decoration: none; outline: none; color: var(--wcms-color-links);}
a:hover {text-decoration: none; color: var(--wcms-color-links-hover);}
button, input, optgroup, select, textarea {margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; outline: none;}
.container-fluid {max-width: 1410px; margin: 0 auto; padding-right: 15px; padding-left: 15px;}
.container-fluid.not-padded {padding-right: 0; padding-left: 0;}
.nowrap {white-space: nowrap;}
.inl {display: inline-block; vertical-align: top;}
.relative {position: relative;}
.r90 {transform: rotate(90deg);}
.r180 {transform: rotate(180deg);}
.r270 {transform: rotate(270deg);}
.pb150 {padding-bottom: 150px;}
.mt15 {margin-top: 15px;}
.mt30 {margin-top: 30px;}
.w100 {width: 100% !important;}
.no-decoration {text-decoration: none !important;}
.clear-both {clear: both;}

/* HEADER */
.h-up {padding: 7px 0; font-size: 0.8em; background: var(--wcms-background-ultralight); color: var(--wcms-color-light);}
.h-up a {color: var(--wcms-color-light);}
.h-up-addr {margin-right: 24px;}
.h-up-worktime {float: right; margin-left: 24px;}
.h-up-support {float: right;}
.h-up-icon {width: 16px; height: 16px; margin-right: 7px; margin-top: 1px; text-align: center;}
.h-up-icon svg {max-width: 16px; max-height: 16px;}
.h-mid {padding: 12px 0; background: var(--wcms-background-primary); border-bottom: 1px solid var(--wcms-background-ultralight);}
.h-mid-l {padding: 4px 0;}
.h-mid-l-logos img {max-height: 50px; margin-top: 0px; margin-right: 17px;}
.h-mid-l-t {font-size: 0.8em; line-height: 20px; padding-left: 17px; border-left: 1px solid var(--wcms-background-ultralight); color: var(--wcms-color-light);}
.h-mid-phone-wrap {float: right; font-size: 0.8em; border-radius: 4px; background: var(--wcms-background-primary); border: 1px solid var(--wcms-color-ultralight); margin-left: 50px;}
.h-mid-phone-wrap.has-phone-list:hover {border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.h-mid-phone {padding: 4px 18px; font-weight: bold; line-height: 19px; cursor: pointer; transition: 0.2s background;}
.h-mid-phone:hover {background: var(--wcms-background-ultralight);}
.h-mid-phone .h-mid-phone-icon {width: 18px; height: 18px; float: left; margin-top: 10px; text-align: center; color: var(--wcms-color-light);}
.h-mid-phone .h-mid-phone-icon svg {max-width: 18px; max-height: 18px;}
.h-mid-phone a {color: var(--wcms-color-primary);}
.h-mid-phone-inner {padding-left: 32px;}
.h-mid-phone-inner-caption {font-size: 0.9em; font-weight: normal; color: var(--wcms-color-light);}
.h-mid-phone-list {display: none; position: absolute; z-index: 1; left: -1px; right: -1px; background: var(--wcms-background-primary); border: 1px solid var(--wcms-color-ultralight);}
.h-mid-phone-wrap.has-phone-list:hover .h-mid-phone-list {display: initial;}
.h-mid-phone-list-item {padding: 4px 18px; transition: 0.2s background;}
.h-mid-phone-list-item:hover {background: var(--wcms-background-ultralight);}
.h-mid-phone-list-item a {color: var(--wcms-color-primary);}
.h-mid-phone-list-item-phone {font-weight: bold;}
.h-mid-phone-list-item-desc {font-size: 0.9em; color: var(--wcms-color-light);}
.h-mid-soc-links {float: right; padding-top: 4px; margin-left: 50px;}
.h-mid-soc-links a {margin-right: 10px;}
.h-mid-soc-links a:last-child {margin-right: 0;}
.h-mid-cb {float: right;}
.h-mid-cb-b	{color: var(--wcms-color-links); font-size: 0.9em; line-height: 20px; border-bottom: 1px dashed var(--wcms-color-links); margin-top: 12px;}
.h-low {background: var(--wcms-background-primary); border-bottom: 1px solid var(--wcms-background-ultralight);}
.h-low-overlay {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: var(--wcms-background-contrast); opacity: 0.7; z-index: 0;}
.h-menu {margin: 0; padding: 0;}
.h-menu > li {padding: 24px 15px;}
.h-menu > li:first-child {padding-left: 0;}
.h-data.fixed .h-menu {border-top-left-radius: 0; border-top-right-radius: 0;}
.h-menu li {display: inline-block; vertical-align: top;}
.h-menu li a {display: block; padding: 0 15px; padding-left: 0; font-size: 0.9em; color: var(--wcms-color-primary);text-transform: uppercase;font-weight: bold;}
.h-dropdown-inner-i-cnt {margin-top: 11px;}
.h-menu .h-menu-root-a {padding: 0; line-height: 20px; display: inline-block;}
.h-menu .h-menu-root-a-arrow {float: right;}
.h-menu .h-menu-root-a-arrow svg {width: 10px; height: 10px; margin-top: 7px; margin-left: 4px;}
.h-menu-sep {width: 1px; height: 15px; background: white; margin-top: 23px; opacity: 0.1;}
.h-dropdown {position: absolute; z-index: 10; left: 0; right: 0; top: 72px; border-top: 1px solid var(--wcms-color-ultralight); z-index: 11; list-style: none; padding: 0; margin: 0; display: none;}
.h-dropdown-inner-wrap {padding: 27px 0;opacity: 1;transition: opacity .3s;text-align: left; box-shadow: 0 3px 6px var(--wcms-color-shadow); overflow: auto;background: var(--wcms-background-primary);}
.h-dropdown-inner {display: grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap: 27px 0;}
.h-dropdown-inner-i {margin-bottom: 0;}
.h-dropdown-inner-i-cpt a {padding: 12px 0;}
.h-dropdown-icon {width: 26px; height: 26px; float: left; margin-top: -3px; position: absolute; left: -37px;}
.h-menu li .h-dropdown-inner-i-cnt a {padding: 4px 15px; padding-left: 0; text-transform: none; font-weight: normal; color: var(--wcms-color-light) !important;}
.h-menu li:hover .h-dropdown {display: block;}
.h-mid-search {float: right; margin-top: 17px;}
.h-mid-search-toggle {height: 38px; padding: 0 12px; border: none; border-radius: 5px; color: var(--wcms-color-secondary); background: var(--wcms-color-links);}
.h-mid-search-toggle svg {width: 16px; height: 16px; margin-top: 4px;}
.h-mid-search-form {position: absolute; top: 0; right: 0; padding: 7px; padding-left: 12px; padding-right: 47px; border-radius: 5px; background: var(--wcms-color-ultralight);}
.h-mid-search-form input[type="text"] {width: 200px; line-height: 20px; font-size: 0.9em; background: none; border: none;}
.h-mid-search-form button[type="submit"] {position: absolute; top: 0; bottom: 0; right: 0; padding: 0 12px; border: none; border-radius: 5px; color: var(--wcms-color-secondary); background: var(--wcms-color-links);}
.h-mid-search-form button[type="submit"]:hover {background: var(--wcms-color-links-hover);}
.h-mid-search-form button[type="submit"] svg {width: 16px; height: 16px; margin-top: 4px;}
.h-mid-search-overlay {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: var(--wcms-background-contrast); opacity: 0.7; z-index: 11;}
.h-mid-m-ctrls {display: none; margin-left: 15px; float: right;}
.h-mid-m-ctrl-menu {background: var(--wcms-background-primary); border: 1px solid var(--wcms-color-ultralight); height: 48px; width: 48px; padding: 14px; border-radius: 5px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.h-mid-m-ctrl-menu-l {width: 100%; height: 2px; border-radius: 1px; background: var(--wcms-background-secondary); transition: transform .3s, background .2ms;}
.h-mid-m-ctrl-menu.menu-deployed .h-mid-m-ctrl-menu-l:first-child {position: absolute; top: 22px; left: 14px; right: 0; transform: rotate(45deg); width: 18px;}
.h-mid-m-ctrl-menu.menu-deployed .h-mid-m-ctrl-menu-l:nth-child(2) {display: none;}
.h-mid-m-ctrl-menu.menu-deployed .h-mid-m-ctrl-menu-l:last-child {position: absolute; bottom: 22px; left: 14px; right: 0; transform: rotate(-45deg); width: 18px;}
.h-mid-m-ctrl {margin-right: 20px;}
.h-mid-m-ctrl:last-child {margin-right: 0px;}
.h-low.fixed {position: fixed; top: 0; left: 0; right: 0; z-index: 10; box-shadow: 0 3px 6px var(--wcms-color-shadow);}
.h-low-slbv {float: right; margin-top: 17px; margin-left: 15px;}
.h-low-slbv-inner {border: 1px solid var(--wcms-color-ultralight); height: 38px; padding: 0 12px; border-radius: 5px; color: var(--wcms-color-light); background: var(--wcms-background-primary);}
.h-low-slbv-inner svg {width: 16px; height: 16px; margin-top: 9px;}
.h-low-f {display: none;}
.h-low-f-contacts {margin-bottom: 20px;}
.h-low-f-contact {font-weight: bold; font-size: 0.9em; margin-top: 15px; width: 50%;}
.h-low-f-contact-icon {width: 18px; height: 18px; float: left; margin-top: 3px; text-align: center; color: var(--wcms-color-light);}
.h-low-f-contact-icon svg {max-width: 18px; max-height: 18px;}
.h-low-f-contact-inner {padding-left: 30px; color: var(--wcms-color-primary); line-height: 24px;}
.h-low-f-contact-inner-value {text-decoration: underline;}
.h-low-f-contact-inner-caption {font-weight: normal;}
.h-low-f-soc {margin-top: 20px; margin-bottom: 20px;}
.h-low-f-soc-links a {margin-right: 10px;}
.h-low-f-soc-c {font-weight: bold; font-size: 0.9em; margin-bottom: 10px;}
.h-low-f-cb {margin-top: 20px;}

.h-slbv {padding: 20px 0; font-size: initial; border-bottom: 1px solid var(--wcms-color-primary); color: var(--wcms-color-primary);}
.h-slbv-link {line-height: 50px; width: 50px; margin-right: 20px; text-align: center; border-radius: 5px; border: 1px solid var(--wcms-color-primary); background: 1px solid var(--wcms-background-primary); color: var(--wcms-color-primary);}
.h-slbv-link:last-child {margin-right: 0px;}
.h-slbv-link svg {width: 16px; height: 16px; display: inline-block; vertical-align: top; margin-top: 17px;}
.h-slbv-off {float: right;}
.h-slbv-colors, .h-slbv-sizes {line-height: 50px;}
.h-slbv-colors {margin-right: 20px;}
.h-slbv-colors span, .h-slbv-sizes span {padding-right: 20px; display: inline-block; width: 100px;}

@media (max-width: 1200px) {
	.h-mid-search-form {display: none;}
	.h-mid-search.deployed .h-mid-search-form {display: initial; z-index: 12;}
	.h-mid-search.deployed .h-mid-search-overlay {display: initial;}
}
@media (max-width: 992px) {
	.h-up {display: none;}
	.h-s {height: 73px !important;}
	.h-mid {position: fixed; top: 0; left: 0; right: 0; background: var(--wcms-background-primary); z-index: 12; box-shadow: 0 3px 6px var(--wcms-color-shadow);}
	.h-mid-phone-wrap.has-phone-list:hover {border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
	.h-mid-phone-wrap.has-phone-list:hover .h-mid-phone-list {display: none;}
	.h-mid-m-ctrls {display: initial;}
	.h-mid-cb {display: none;}
	.h-mid-soc-links {display: none;}
	.h-mid-search {float: none; margin-top: 0; padding-top: 15px;}
	.h-mid-search-toggle {display: none;}
	.h-mid-search-form {display: initial; position: relative; display: block;}
	.h-low, .h-low.fixed {position: fixed; top: 73px; right: 0; left: 0; overflow: auto; height: 0px; border-bottom: none; z-index: 11; box-shadow: 0 3px 6px var(--wcms-color-shadow);}
	.h-low.mobile-deployed {height: auto;}
	.h-low-content {position: relative;}
	.h-low.mobile-deployed .h-low-content {padding-bottom: 20px; background: var(--wcms-background-primary);}
	.h-low.mobile-deployed .h-low-overlay {display: block;}
	.h-dropdown {position: initial; display: initial; border: none;}
	.h-dropdown-inner-wrap {display: none; padding: 0; margin-bottom: 15px; max-height: initial !important; box-shadow: none;}
	.h-menu > li.opened .h-dropdown-inner-wrap {display: initial;}
	.h-dropdown-inner {grid-template-columns: repeat(3, minmax(0, 1fr));}
	.h-dropdown-inner.container-fluid {padding: 0;}
	.h-dropdown-inner-i {margin-bottom: 0;}
	.h-menu > li {display: block; padding: 0px;}
	.h-menu li a {padding: 16px 0;}
	.h-menu .h-menu-root-a {padding: 16px 0; border-bottom: 1px solid var(--wcms-color-ultralight); display: block;}
	.h-menu .h-menu-root-a-arrow {display: inline-block; vertical-align: top; padding-left: 15px;padding-bottom: 10px;}
	.h-menu .h-menu-root-a-arrow svg {margin-top: 20px; margin-right: 7px; width: 15px; height: 15px; transform: rotate(270deg);}
	.h-menu li.opened .h-menu-root-a-arrow svg {transform: rotate(0deg);}
	.h-menu li:hover .h-dropdown-overlay {display: none;}
	.h-low-f {display: initial;}
	body.slbv .h-s {height: 0 !important;}
	body.slbv .h-slbv {margin-top: 73px;}
}
@media (max-width: 768px) {
	.h-mid-phone-wrap {display: none;}
	.h-dropdown-inner {grid-template-columns: repeat(1, minmax(0, 1fr));}
	.h-slbv-off, .h-slbv-colors {float: none; width: 100%; margin-bottom: 20px;}
}
@media (max-width: 576px) {
	.h-mid-l-t {display: none;}
	.h-low-f-contact {width: 100%;}
}

/* FOOTER */
.footer {padding-top: 48px; margin-top: auto; background: var(--wcms-background-primary); border-top: 1px solid var(--wcms-color-ultralight);}
.f-up {padding-bottom: 48px;}
.f-up-inner {display: grid; grid-template-columns: minmax(225px, 1fr) 3fr; grid-row-gap: 40px;}
.f-r {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: 24px 10px;grid-auto-rows: min-content;}
.f-title {font-weight: bold; text-transform: uppercase; letter-spacing: 0.05em; color: var(--wcms-color-light); opacity: 0.7;}
.f-l{padding-right: 10px}
.f-i, .f-l{display: flex;flex-direction: column;grid-gap: 24px}
.f-i ul {padding: 0; margin: 0; list-style: none;}
.f-i ul li {margin-bottom: 10px;}
.f-i ul li:last-child {margin-bottom: 0px;}
.f-i ul li a {color: var(--wcms-color-primary); font-weight: 500; font-size: 0.9em; display: block;}
.f-i ul li a:hover {text-decoration: underline;}
.f-worktime{color: var(--wcms-color-primary); font-weight: 500; font-size: 0.9em;}
.f-tel {display: block; font-weight: bold; color: var(--wcms-color-primary);}
.f-tel-caption {color: var(--wcms-color-light); font-weight: normal; font-size: 0.8em;}
.f-cnt-i {display: flex; flex-direction: column; grid-gap: 15px;}
.f-cnt-i-addr-email, .f-cnt-i-soc {font-size: 0.9em;}
.f-cnt-i-tel {grid-gap: 8px;}
.f-cnt{display: flex;flex-direction: column;grid-gap: 24px}
.f-a-i{display: flex;align-items: center;grid-gap: 8px;}
.f-a-i svg{width: 16px;min-width: 16px;height: auto;fill: var(--wcms-color-links);}
.f-a-i svg path{fill: var(--wcms-color-links);}
.f-a-mail{color: var(--wcms-color-primary);}
.f-a-mail svg{margin-top: 2px}
.f-cnt-soc{display: flex;flex-wrap: wrap;grid-gap: 15px}
.f-cnt-soc a img{display: block}
.f-cnt-soc a{display: flex; flex-direction: column; grid-gap: 8px; align-items: center;}
.f-mid {padding: 48px 0; border-top: 1px solid var(--wcms-color-ultralight);}
.f-c, .f-b{grid-column-start: 1;grid-column-end: 3}
.f-c{width: 100%;display: flex; flex-wrap: wrap; justify-content: center; grid-row-gap: 24px;}
.f-prt-i {width: calc(25% - 20px); padding: 0 10px; font-size: 0.9em;}
.f-prt-i a{display: flex;flex-direction: column;grid-gap: 15px;align-items: center;color: var(--wcms-color-primary);text-align: center}
.f-b {text-align: center;font-size: 0.7em;}
.f-low {padding: 7px 0; border-top: 1px solid var(--wcms-color-ultralight);}
.f-low-pd a {font-size: 0.9em; color: var(--wcms-color-light); margin-right: 10px; white-space: nowrap;}
.f-low-pd a:hover {text-decoration: underline;}
.f-low-ex {font-size: 0.9em; margin-top: 10px;}
.f-low-ex p {margin-bottom: 3px;}
.f-cookie {position: fixed; left: 0; right: 0; bottom: 20px;}
.f-cookie-cnt {padding: 9px 15px; margin-right: 65px; font-size: 0.8em; border-radius: 5px; background: var(--wcms-background-primary); color: var(--wcms-color-primary); box-shadow: 0 3px 10px var(--wcms-color-shadow);}
@media (max-width: 992px) {
	.f-r {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.f-prt-i {width: calc(33% - 20px);}
}
@media (max-width: 768px) {
	.f-up-inner {grid-template-columns: 1fr;}
	.f-c, .f-del, .f-b {grid-column-end: 1;}
	.f-r{grid-template-columns: 1fr;}
	.f-i, .f-l{grid-gap: 12px;text-align: center}
	.f-prt-i {width: calc(50% - 20px);}
	.f-a-i{justify-content: center;}
	.f-cnt-soc{justify-content: center;}
}
@media (max-width: 576px) {
	.f-prt-i {width: 100%;font-size: 12px}
	.f-i ul li a {font-size: 0.8em;}
	.f-a-i {font-size: 0.85em;}
	.f-a-i svg {min-width: 15px;width: 15px;}
	.footer {padding-top: 30px;}
	.f-up-inner {grid-row-gap: 30px;}
}

/* CONTENT */
.content {font-size: 0.95em;}
.sidebar {float: left; width: 250px; padding-bottom: 100px;}
.sidebar-block {border: 1px solid var(--wcms-color-ultralight); border-radius: 5px; overflow: hidden;}
.page-content.padded {margin-left: 265px; margin-right: -15px;}
.mcpt {height: 73px; box-shadow: 0 3px 6px var(--wcms-color-shadow); position: fixed; right: 0; left: 0; top: 0; z-index: 3; display: none;}
.mcpt-close {width: 40px; height: 16px; float: right; margin-top: 28px;}
.mcpt-close svg {max-width: 18px; max-height: 18px;}
.mcpt-text {line-height: 73px; font-size: 18px; padding-left: 15px;}
.sbc-show, .ff-show {display: none; margin-bottom: 15px; text-align: center;}
.sbc-list {margin: 0; list-style: none; padding: 0 5px; overflow-y: auto; max-height: 700px; border-radius: 5px;}
.sbc-list ul {padding-left: 12px; list-style: none;}
.sbc-list li a {transition: 0.2s color; padding: 15px 5px; padding-bottom: 0px; display: block; color: var(--wcms-color-primary);}
.sbc-list li a:hover {color: var(--wcms-color-links-hover);}
.sbc-list li.selected > a {font-weight: bold;}
.sbc-list li ul li a {font-size: 0.9em;}
.sbc-name {display: inline-block; vertical-align: middle;}
.sbc-count {text-align: right; display: inline-block; vertical-align: middle; width: 15%; font-size: 14px;}
.sbc-border {height: 1px; margin-top: 14px; background: var(--wcms-background-ultralight);}
.sbc-list > li:last-child > a .sbc-border {opacity: 0;}
@media (max-width: 992px) {
	.sidebar {float: none; width: 100%; padding-bottom: 0;}
	.page-content.padded {margin-left: 0;}
	.ff.mobile-visible, .sbc.mobile-visible {display: block; margin-top: 0; position: fixed; z-index: 12; margin-bottom: 0 !important;}
	.ff, .sbc {position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: white; z-index: 10; margin-top: 0; padding: 15px; padding-top: 85px; overflow-y: auto; display: none;}
	.sbc {padding-top: 73px;}
	.sbc-list {padding: 0; max-height: initial; overflow: auto;}
	.mcpt, .sbc-show, .ff-show {display: block;}
	.sbc.mobile-visible .c-nav-form-wrap {padding: 0; padding-top: 10px;}
}

/* FORMS */
.wa-form input[type="text"], .wa-form input[type="numeric"], .wa-form textarea, .wa-form select {padding: 7px; font-size: 0.9em; width: 100%; border: 1px solid; border-radius: 3px; border-color: var(--wcms-color-ultralight); min-height: 40px; background: var(--wcms-background-ultralight);}
.wa-form textarea {min-height: 100px;}
.wa-form .checkbox-icon-wrap {border-color: var(--wcms-color-light) !important;}
.wa-form .wa-field {margin-bottom: 10px;}
.wa-form .wa-field .wa-name {font-size: 0.9em; padding: 4px 0;}
.wa-form .wa-field .wa-value .hint {font-size: 0.9em; color: var(--wcms-color-light);}
.wa-form .wa-field .wa-value .hint:empty {display: none}
.wa-form .wa-field .wa-value .checkbox-label {font-size: 0.9em; margin-bottom: 10px;}
.wa-form .wa-field .wa-value .checkbox-label:last-child {margin-bottom: 0;}
.wa-form .wa-field:has(label.checkbox-label) input[type="checkbox"] {width: 0; height: 0; opacity: 0;}
.wa-form .wa-field:has(label.checkbox-label) label {display: flex;}
.wa-form .wa-field:has(label.checkbox-label) .checkbox-icon {width: 16px; height: 16px; margin-top: 2px; margin-left: 3px; display: none; color: var(--wcms-color-links);}
.wa-form .wa-field:has(label.checkbox-label) input + span.checkbox-icon-wrap {position: relative; overflow: hidden; display: inline-block; vertical-align: top; min-width: 21px; height: 21px; border-radius: 2px; cursor: pointer; box-sizing: border-box; margin-right: 5px; background: var(--wcms-color-ultralight);}
.wa-form .wa-field:has(label.checkbox-label) input:checked + span.checkbox-icon-wrap .checkbox-icon {display: block;}
.wa-form .wcms-field-error input[type="text"], .wa-form .wcms-field-error textarea, .wa-form .wcms-field-error select {border-color: var(--wcms-color-warning);}
.wa-form .wcms-field-error .hint {color: var(--wcms-color-warning);}
.wa-form .form-message {padding: 10px; border-radius: 5px; background: var(--wcms-background-ultralight); margin-bottom: 10px;}
.wa-form button {border-radius: 5px; color: var(--wcms-color-secondary); background: var(--wcms-color-links); outline: none; border: none; width: 100%; padding: 12px 0; cursor: pointer}
.wa-form button:hover {background: var(--wcms-color-links-hover);}

/* POPUP */
.pp {max-width: 730px;width: 100%; border-radius: 3px;background-color: var(--wcms-background-primary)}
.pp-cpt {padding: 10px 15px; border-bottom: 1px solid lightgray; margin-bottom: 15px; font-size: 1.1em; font-weight: bold;}
.pp-cnt {padding: 0 15px;}
.pp-close {float: right; position: absolute; top: 12px; right: 14px; cursor: pointer;}
.pp-close svg {width: 18px; height: 18px;}
.pp-cpt h2 {font-size: 1.2em; margin-bottom: 0; margin-right: 60px;}
@media (max-width: 768px) {
	.sys-popup {display: none; position: fixed !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: 100% !important;}
	.pp {border-radius: 0; position: absolute; top: 0; left: 0; bottom: 0; padding: 0px; width: 100%; overflow: auto;}
	.pp-cpt h2 {text-align: left; font-size: 1em;}
	.pp-cnt {padding: 15px;}
}

/* PAGINATION */
.pagination {margin-top: 30px; margin: 0; padding: 0; list-style: none;}
.pagination li {display: inline-block;}
.pagination li a {display: inline-block; line-height: 30px; margin-right: 10px; width: 30px; background: var(--wcms-background-ultralight); text-align: center; border-radius: 15px; transition: 0.2s all;}
.pagination li:last-child {margin-right: 0px;}
.pagination li.selected a, .pagination li a:hover {background: var(--wcms-color-links); color: var(--wcms-background-primary);}

/* BLOGS AND POSTS */
.p-credentials {margin-top: 15px; font-size: 0.9em; color: var(--wcms-color-light);}
.p-credentials-count {padding-left: 10px;}

/* LINEUPS AND EVENTS */
.c-nav-form-wrap {padding: 10px; padding-top: 0;}
.c-nav-form-cpt {font-weight: bold; margin-bottom: 10px; font-size: 1.2em;}
.c-nav-form-f {margin-bottom: 15px;}
.c-nav-form-f:last-child {margin-bottom: 0px;}
.c-nav-form-reset {text-align: center; margin-top: 10px; font-size: 0.9em;}
.c-ln {margin: 0 -15px;}
.c-ln-i {margin-bottom: 15px;}
.c-ln-i:last-child {margin-bottom: 0;}
.c-ln-i.single-event {width: 33.3%;}
.c-ln-i.dual-event {width: 66.7%;}
.c-ln-i.single-event .sys-thumb {width: 100%;}
.c-ln-i.dual-event .sys-thumb {width: 50%;}
.c-ln-date {font-size: 1.4em; font-weight: bold; padding: 0 15px;}
.e-sb-img {width: 100%; max-width: 100%; height: auto;}
.e-sb-i {padding: 10px;}
.e-sb-i-cpt {font-weight: bold; margin-bottom: 10px;}
.e-sb-i-cnt {font-size: 0.9em;}
.e-sb-btn {margin-top: 10px;}
.e-sb-btn .sys-btn {border-radius: 0;}

/* SEARCH */
.s-form {display: block; position: relative; white-space: nowrap; margin-bottom: 20px;}
.s-form input[type="text"] {border-radius: 3px; width: 100%; height: 40px; padding: 0 7px; letter-spacing: .3px; outline: 0; font-weight: normal; padding-right: 80px; border: 1px solid; color: var(--wcms-color-primary); background: var(--wcms-background-ultralight); border-color: var(--wcms-color-ultralight);}
.s-form input[type="submit"], .s-form button[type="submit"] {margin-top: 9px; height: 18px; width: 18px; background: none; border: none; display: inline-block; vertical-align: top; position: relative; right: 32px; outline: none; cursor: pointer; color: var(--wcms-color-primary);}
.s-types {margin-bottom: 10px;}
.s-types ul {padding: 0; margin: 0; list-style: none;}
.s-types ul li {display: inline-block; vertical-align: top; margin-bottom: 10px; margin-right: 15px;}
.s-types ul li:last-child {margin-right: 0;}
.s-res {padding: 15px; border-radius: 7px; overflow: hidden; margin-bottom: 15px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); background: var(--wcms-background-primary);}
.s-res:last-child {margin-bottom: 0;}
.s-res-cpt {font-weight: bold; font-size: 1.1em; margin-bottom: 15px;}
.s-res-cpt a {color: var(--wcms-color-primary);}
.s-res-dt {margin-top: 15px; font-size: 0.9em;}
.s-res-more {margin-top: 15px; font-weight: bold;}
.s-res-pg-wrap {margin-top: 20px;}

/* SLBV */
body.slbv-fontsize-125 {font-size: 1.25em;}
body.slbv-fontsize-150 {font-size: 1.5em;}



/* new */
:root {
    --purple: #730ddd;
    --dark-purple: #4b1160;
    --blue: #6093BA;
    --bage: #fff9ee;
    --brown: #b69739;
}


.size-08x {font-size: 0.8rem !important;}
.size-1x {font-size: 1rem !important;}
.size-12x {font-size: 1.2rem !important;}
.size-15x {font-size: 1.5rem !important;}
.size-2x {font-size: 2rem !important;}
.size-3x {font-size: 3rem !important;}
.size-4x {font-size: 4rem !important;}


.text-purple {color: var(--purple);}
.text-dark-purple {color: var(--dark-purple) !important;}
.text-blue {color: var(--blue);}
.text-brown {color: var(--brown);}

.a-dark-purple {color: black; text-decoration: none;}
.a-dark-purple:hover {color: var(--purple);}

.a-purple,
.f-cookie-cnt-d a {color: var(--purple); text-decoration: none;}
.a-purple:hover,
.f-cookie-cnt-d a:hover{color: var(--dark-purple);}


.btn-brown { 
		background-color: var(--brown);
		border: 2px solid var(--brown);
		color: #fff;
		padding: 15px 25px;
		border-radius: 25px;
		font-size: 20px;
		line-height: 20px;
		font-weight: 400;
		margin-top: 25px;
		display: inline-block;
		text-decoration: none;
		transition: all 0.3s ease;
	}
.btn-brown:hover { 
		background-color: transparent;
		border: 2px solid var(--brown);
		color: var(--brown);
    	box-shadow: 
  0 0 10px rgba(182, 151, 57, 1),
  0 0 10px rgba(182, 151, 57, 0.9),
  0 0 10px rgba(182, 151, 57, 0.8),
  0 0 10px rgba(182, 151, 57, 0.7),
  0 0 10px rgba(182, 151, 57, 0.6),
  0 0 20px rgba(182, 151, 57, 0.5);
		text-decoration: none;
	}
	



.h-low {
    background: #fff9ee;
    border-bottom: 1px solid #B69739;
}
.h-mid {
    background: #fff9ee;
    border-bottom: 1px solid #B69739;
}
.h-mid-phone-wrap{
    background: #fff9ee;
}
.h-up, .h-up a {
    background: #dfe0df;
    color: #765D13;
}
.footer {
    background: #fff9ee;
    border-top: 1px solid #c5b06c;
}
.f-title {
    color: #b69739;
}
.f-low {
    border-top: 1px solid #c3ab64;
}
a{
    text-decoration: none!important;
}
@media (width>992px) {
    .f-up-inner {
        display: grid;
        grid-template-columns: minmax(225px, 1fr) 2fr;
        grid-row-gap: 40px;
    }
    .f-r {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-gap: 24px 10px;
        grid-auto-rows: min-content;
    }
}
.h-mid-cb-b {
    background: #6093ba;
    border: 2px solid #6093ba;
    color: #fff;
    padding: 8px 20px;
    border-radius: 25px;
    margin-top: 0;
    font-weight: 600;
}
.h-mid-cb-b:hover {
    background: #2A5475;
    border: 2px solid #2A5475;
}
.h-mid-soc-links {
    padding-top: 0;
}

.obr-elem {background: #fff9ee; border-top: 1px solid #B69739; border-bottom: 1px solid #B69739; padding: 20px 10px;}
.obr-elem-blue {background: #EBF6FF; border-top: 1px solid var(--blue); border-bottom: 1px solid var(--blue); padding: 20px 10px;}

.a-main {background: var(--bage); text-decoration: none; border: 1px solid var(--brown); padding: 20px; transition: 0.2s ease-in; border-radius: 20px;}
.a-main:hover {background: var(--brown); color: white !important;}