@charset "utf-8";
:root {
    --bandBanner-height-pc: 0px; 
    --bandBanner-height-mobile: 0px;

    --cleditor-h: 0px;
}
.clroot {
    /* clnav-psearch */
    --psearch-fname: Noto Sans KR;
    --psearch-fsize: 20px;
    --psearch-fweight: 400;
    --psearch-fstyle: normal;
    --psearch-letterspacing: 0em;
    --psearch-lineheight: 140%;
    --psearch-color: #fff;
    --psearch-color-placeholder: #82888d;
    --psearch-bgcolor: rgba(0, 0, 0, 0.88);
    --psearch-line-onoff: 1;
    --psearch-line-width: 2px;
    --psearch-line-final-width: calc(var(--psearch-line-onoff) * var(--psearch-line-width));
    --psearch-line-style: solid;
    --psearch-line-color: #d9d9d9;

    --basemobile-minh: 70px;

    /* clnav-sidemobile */
    --sidemobile-w: 320px;
    --sidemobile-minh: 140;
    --sidemobile-fname: Noto Sans KR;
    --sidemobile-fsize: 16px;
    --sidemobile-fweight: 400;
    --sidemobile-fstyle: normal;
    --sidemobile-letterspacing: 0em;
    --sidemobile-lineheight: 140%;
    --sidemobile-color: #888;
    --sidemobile-color-active: #222;
    --sidemobile-bgcolor: #fff;
    --sidemobile-line-onoff: 1;
    --sidemobile-line-width: 1px;
    --sidemobile-line-final-width: calc(var(--sidemobile-line-onoff) * var(--sidemobile-line-width));
    --sidemobile-line-style: solid;
    --sidemobile-line-color: #eee;
    --sidemobile-icon: #222;
    --sidemobile-point: var(--site-theme-color);

    /* clnav-sidemap */
    --sidemap-w: 320px;
    --sidemap-fname: Noto Sans KR;
    --sidemap-fsize: 16px;
    --sidemap-fweight: 400;
    --sidemap-fstyle: normal;
    --sidemap-letterspacing: -0.06em;
    --sidemap-lineheight: 140%;
    --sidemap-color: #fff;
    --sidemap-bgcolor: var(--site-theme-color);
}
html._scroll { height: auto; }
html._scroll body { overflow: visible; overflow-x: hidden; }
html._scroll .dsgn-body { 
    position: relative;
    overflow: visible;
}
html._scroll body.clnav-overlap-ON .dsgn-body { margin-top: calc(-1 * var(--clnav-toparea-h)); }

html._scroll .el-menu { z-index: 26; }
html._scroll .cl-nav { z-index: 27; }
html > body > .el-menu._ready { visibility: hidden!important; z-index: -1!important; }


header {
    --container-w: 100%;

    --layout-space-row: 0px; 
    --layout-space-col: 0px;

    --toggle-color: #000000;
    --toggle-bgcolor: transparent;

    --brand-padding-row: 0px;
    --brand-padding-col: 0px;
    --brand-img-maxh: 300px;
    --brand-fname: Lato;
    --brand-fsize: 18px;
    --brand-fweight: 400;
    --brand-fstyle: normal;
    --brand-letterspacing: 0em;
    --brand-lineheight: 140%;
    --brand-textdecoration : none;
    --brand-color: #000000;
    --brand-text-maxh: 30vh;

    --fixnav-icon-maxh: 28px;
    --fixnav-icon-minh: 16px;
    --fixnav-space-row: 0px;
    --fixnav-space-col: 15px;
    --fixnav-padding-row: 0px;
    --fixnav-padding-col: 0px;
    --fixnav-fname: Noto Sans KR;
    --fixnav-fsize: 12px;
    --fixnav-fweight: 300;
    --fixnav-fstyle: normal;
    --fixnav-letterspacing: 0em;
    --fixnav-lineheight: 140%;
    --fixnav-color: #65696d;
    --fixnav-color-active: #65696d;
    --fixnav-point: #ee445f;

    --nav-w: auto;
    --nav-maxw: unset;
    --nav-minh: 140;
    --nav-space-row: 0px;
    --nav-space-col: 0px;
    --nav-padding-row: 5px;
    --nav-padding-col: 0px;
    --nav-fname: Noto Sans KR;
    --nav-fsize: 14px;
    --nav-fweight: 400;
    --nav-letterspacing: 0em;
    --nav-lineheight: 140%;
    --nav-fstyle: normal;
    --nav-textdecoration: none;
    --nav-textalign: left;
    --nav-color: #65696d;
    --nav-color-active: #000000;

    --subnav-w: auto;
    --subnav-maxw: unset;
    --subnav-minh: 140;
    --subnav-maxh: 40vh;
    --subnav-position-x: 0px;
    --subnav-position-y: 0px;
    --subnav-list-padding-row: 0px;
    --subnav-list-padding-col: 0px;
    --subnav-list-bgcolor: transparent;
    --subnav-list-bgblur: 0px;
    --subnav-list-bgimg: none;
    --subnav-list-bgimg-size: cover;
    --subnav-list-bgimg-position: center center;
    --subnav-list-bgimg-repeat: no-repeat;
    --subnav-list-line-onoff: 0;
    --subnav-list-line-width: 1px;
    --subnav-list-line-final-width: calc(var(--subnav-list-line-onoff) * var(--subnav-list-line-width));
    --subnav-list-line-style: solid;
    --subnav-list-line-color: #000;
    --subnav-list-border-radius: 0px;
    --subnav-space-row: 0px;
    --subnav-space-col: 0px;
    --subnav-padding-row-edge: 0px;
    --subnav-padding-row: 0px;
    --subnav-padding-col: 0px;
    --subnav-padding-col-edge: 0px;
    --subnav-fname: Noto Sans KR;
    --subnav-fsize: 13px;
    --subnav-fweight: 400;
    --subnav-letterspacing: 0em;
    --subnav-lineheight: 140%;
    --subnav-fstyle: normal;
    --subnav-textdecoration: none;
    --subnav-textalign: center;
    --subnav-color: #65696d;
    --subnav-color-active: #000000;
    --subnav-bgcolor: transparent;
    --subnav-bgcolor-active: transparent;
    --subnav-shadow-onoff: 0;
    --subnav-shadow-offset-x: 2px;
    --subnav-shadow-offset-y: 2px;
    --subnav-shadow-blur-radius: 4px;
    --subnav-shadow-spread-radius: 0px;
    --subnav-shadow-color: rgba(0, 0, 0, 0.15);
    --subnav-shadow-final: 
        calc(var(--subnav-shadow-onoff) * var(--subnav-shadow-offset-x))
        calc(var(--subnav-shadow-onoff) * var(--subnav-shadow-offset-y))
        calc(var(--subnav-shadow-onoff) * var(--subnav-shadow-blur-radius))
        calc(var(--subnav-shadow-onoff) * var(--subnav-shadow-spread-radius))
        var(--subnav-shadow-color);

    --fixsubnav-position-x: 0px;
    --fixsubnav-position-y: 8px;
    --fixsubnav-list-padding-row: 3px;
    --fixsubnav-list-padding-col: 0px;
    --fixsubnav-list-bgcolor: #fff;
    --fixsubnav-list-border-radius: 0px;
    --fixsubnav-list-line-onoff: 0;
    --fixsubnav-list-line-width: 1px;
    --fixsubnav-list-final-width: calc(var(--fixsubnav-list-line-onoff) * var(--fixsubnav-list-line-width));
    --fixsubnav-list-line-style: solid;
    --fixsubnav-list-line-color: #696c71;
    --fixsubnav-padding-row-edge: 5px;
    --fixsubnav-padding-row: 5px;
    --fixsubnav-padding-col: 15px;
    --fixsubnav-fname: Noto Sans KR;
    --fixsubnav-fsize: 12px;
    --fixsubnav-color: #696c71;
    --fixsubnav-shadow-onoff: 1;
    --fixsubnav-shadow-offset-x: 0px;
    --fixsubnav-shadow-offset-y: 2px;
    --fixsubnav-shadow-blur-radius: 5px;
    --fixsubnav-shadow-spread-radius: 0px;
    --fixsubnav-shadow-color: rgba(0, 0, 0, 0.15);
    --fixsubnav-shadow-final: 
        calc(var(--fixsubnav-shadow-onoff) * var(--fixsubnav-shadow-offset-x))
        calc(var(--fixsubnav-shadow-onoff) * var(--fixsubnav-shadow-offset-y))
        calc(var(--fixsubnav-shadow-onoff) * var(--fixsubnav-shadow-blur-radius))
        calc(var(--fixsubnav-shadow-onoff) * var(--fixsubnav-shadow-spread-radius))
        var(--fixsubnav-shadow-color);

    --clnav-line-onoff: 0;
    --clnav-line-width: 1px;
    --clnav-line-final-width: calc(var(--clnav-line-onoff) * var(--clnav-line-width));
    --clnav-line-style: solid;
    --clnav-line-color: #e6e6e6;
    --clnav-tline-onoff: 0;
    --clnav-tline-width: 1px;
    --clnav-tline-final-width: calc(var(--clnav-tline-onoff) * var(--clnav-tline-width));
    --clnav-tline-style: solid;
    --clnav-tline-color: #e6e6e6;
    --clnav-bline-onoff: 0;
    --clnav-bline-width: 1px;
    --clnav-bline-final-width: calc(var(--clnav-bline-onoff) * var(--clnav-bline-width));
    --clnav-bline-style: solid;
    --clnav-bline-color: #e6e6e6;

    --fullwidth-space: 45px;
    --fullwidth-space-m: 15px;
    --block-padding-top: 0px;
    --block-padding-bottom: 0px;
    --block-padding-left: 0px;
    --block-padding-right: 0px;
    --block-bgcolor: #fff;
    --block-bgblur: 0px;
    --block-bgimg: none;
    --block-bgimg-size: cover;
    --block-bgimg-position: center center;
    --block-bgimg-repeat: no-repeat;
    --block-shadow-onoff: 0;
    --block-shadow-offset-x: 0px;
    --block-shadow-offset-y: 2px;
    --block-shadow-blur-radius: 4px;
    --block-shadow-spread-radius: 0px;
    --block-shadow-color: rgba(0, 0, 0, 0.08);
    --block-shadow-final: 
        calc(var(--block-shadow-onoff) * var(--block-shadow-offset-x))
        calc(var(--block-shadow-onoff) * var(--block-shadow-offset-y))
        calc(var(--block-shadow-onoff) * var(--block-shadow-blur-radius))
        calc(var(--block-shadow-onoff) * var(--block-shadow-spread-radius))
        var(--block-shadow-color);

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

    padding: var(--block-padding-top) var(--block-padding-right) var(--block-padding-bottom) var(--block-padding-left);
    -webkit-box-shadow: var(--block-shadow-final);
    box-shadow: var(--block-shadow-final);
    background-color: transparent;
    /* background-image: url(https://storage.googleapis.com/i.addblock.net/sample/transparent_0.png); */
    background-image: none;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    line-height: 120%;

    -webkit-transition: color 0.2s ease, fill 0.2s ease;
    -moz-transition: color 0.2s ease, fill 0.2s ease;
    -ms-transition: color 0.2s ease, fill 0.2s ease;
    -o-transition: color 0.2s ease, fill 0.2s ease;
    transition: color 0.2s ease, fill 0.2s ease;
}

.cl-menu {
    position: sticky;
    top: var(--cleditor-h);
    left: 0px; 
    right: 0px; 
    width: 100%;
    padding: 0px;
}


.cl-nav [class^="clnav-overlay-"],
.cl-nav [class^="clnav-overlay-"]::after {
    content:  ' ';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
[class^="clnav-overlay-"] { 
    --overlay-bgcolor: transparent;
    --overlay-bgblur: 0px;
    --overlay-bgimg: none;
    --overlay-bgimg-size: cover;
    --overlay-bgimg-position: center center;
    --overlay-bgimg-repeat: no-repeat;
    background-color: var(--overlay-bgcolor);
    background-image: var(--overlay-bgimg);
    background-size: var(--overlay-bgimg-size);
    background-position: var(--overlay-bgimg-position);
    background-repeat: var(--overlay-bgimg-repeat);
    z-index: 0;
}
[class^="clnav-overlay-"]::after {
    -webkit-backdrop-filter: var(--overlay-bgblur);
    backdrop-filter: var(--overlay-bgblur);
    z-index: 1;
}
.cl-nav [class^="clnav-overlay-block"],
.cl-nav [class^="clnav-overlay-main"] {
    --overlay-bgblur: blur(var(--block-bgblur));
    --overlay-bgcolor: var(--block-bgcolor);
    --overlay-bgimg: var(--block-bgimg);
    --overlay-bgimg-size: var(--block-bgimg-size);
    --overlay-bgimg-position: var(--block-bgimg-position);
    --overlay-bgimg-repeat: var(--block-bgimg-repeat);
}
.cl-nav [class^="clnav-overlay-subnav"] {
    --overlay-bgblur: blur(var(--subnav-list-bgblur));
    --overlay-bgcolor: var(--subnav-list-bgcolor);
    --overlay-bgimg: var(--subnav-list-bgimg, none);
    --overlay-bgimg-size: var(--subnav-list-bgimg-size, cover);
    --overlay-bgimg-position: var(--subnav-list-bgimg-position, center center);
    --overlay-bgimg-repeat: var(--subnav-list-bgimg-repeat, no-repeat);
}
.cl-nav [class^="clnav-overlay-mega"] {
    --overlay-bgblur: blur(var(--meganav-bgblur));
    --overlay-bgcolor: var(--meganav-bgcolor);
    --overlay-bgimg: var(--meganav-bgimg);
    --overlay-bgimg-size: var(--meganav-bgimg-size);
    --overlay-bgimg-position: var(--meganav-bgimg-position);
    --overlay-bgimg-repeat: var(--meganav-bgimg-repeat);
}

/* 이미지만 full 되면, 컬러만 적용시 상단/펼침 중간에 구분영역이 보여서 pass */
/* body[data-clnav-layout="meganav"]:not([data-clnav-toggle$="ON"]) .clnav-overlay-block {
    z-index: 1;
    --overlay-bgcolor: transparent;
}
body[data-clnav-layout="meganav"]:not([data-clnav-toggle$="ON"]) .clnav-overlay-main {
    --overlay-bgimg: none;
}
body[data-clnav-layout="meganav"]:not([data-clnav-toggle$="ON"]) .clnav-overlay-mega { z-index: 2; }
body[data-clnav-layout="meganav"]:not([data-clnav-toggle$="ON"]) .clnav-overlay-main::after,
body[data-clnav-layout="meganav"]:not([data-clnav-toggle$="ON"]) .clnav-overlay-mega::after {
    --overlay-bgblur: none;
} */
body[data-clnav-layout="meganav"] .clnav-overlay-block,
body:not([data-clnav-layout="meganav"]) .clnav-overlay-main,
body:not([data-clnav-layout="meganav"]) [class^="clnav-overlay-mega"]
body[data-clnav-layout="meganav"][data-clnav-toggle$="ON"] .clnav-overlay-mega,
body[data-clnav-layout="meganav"][data-clnav-orientation="horizontal"] .clnav-overlay-meganav {
    opacity: 0;
}


.cl-nav {
    position: relative;
}
.cl-nav a:hover,
.cl-nav a:focus { text-decoration: none; }
#element-display .cl-nav a,
.preview-element .cl-nav a { pointer-events: auto; }

/* subnav, fixnav effect */
.cl-nav .cl-nav-section.mega,
.cl-nav .dropdown {
    --dropdown-display: block;
    --dropdown-x: 0%;
    --dropdown-y: 0px;
    --dropdown-maxw: unset;
    --dropdown-maxh: unset;
}
.cl-nav[data-layout="meganav"] .cl-nav-section.mega { --dropdown-display: flow-root; --dropdown-maxh: 1000px; }
.cl-nav[data-behavior] .dropdown.cl-fixnav-item { --dropdown-maxw: 120px; --dropdown-maxh: 140px; }
.cl-nav[data-behavior*="dropdown"] .dropdown.cl-nav-item { --dropdown-maxw: var(--subnav-w); --dropdown-maxh: var(--subnav-maxh); }
.openElConfig body[data-bcmodal-preview="clnavsub"].cl-nav[data-behavior*="dropdown"] .dropdown.cl-nav-item { --subnav-maxh: 320px; }
.cl-nav[data-behavior*="dropdown"] .dropdown:hover { --dropdown-y: 0px; }
.cl-nav .dropdown.cl-fixnav-item,
.cl-nav[data-behavior="dropdown"] .dropdown.cl-nav-item { --dropdown-x: -50%; }

.cl-nav .cl-nav-section.mega,
.cl-nav .dropdown-menu {
    display: var(--dropdown-display);
    opacity: 0;
    visibility: hidden;
    overflow: visible;
    max-height: 0px;
    -webkit-transform: 
        translateX(var(--dropdown-x, 0)) translateY(var(--dropdown-y, 0));
    transform: 
        translateX(var(--dropdown-x, 0)) translateY(var(--dropdown-y, 0));
}

body[data-clnav-layout="meganav"]:is([data-clnav-mega="open"], [data-bcmodal-preview="clnavsub"]) .cl-nav .cl-nav-section.mega,
.openElConfig body:is([data-bcmodal-preview="clnavfix"], [data-bcmodal-preview="clnavsub"]) .cl-nav .dropdown-menu._bcmodalPreviewTarget,
.cl-nav .dropdown:hover .dropdown-menu {
    opacity: 1;
    visibility: visible;
    max-height: unset;
    z-index: 1031;
}
.cl-nav .dropdown:hover .dropdown-menu.cl-fixsubnav-wrap { z-index: 1032; }


.cl-nav[data-subnav-effect="none"] .cl-nav-section.mega,
.cl-nav[data-subnav-effect="none"] .dropdown-menu.cl-subnav-wrap,
.cl-nav[data-fixnav-effect="none"] .dropdown-menu.cl-fixsubnav-wrap {
    transition: none;
}

.cl-nav[data-subnav-effect="fade"] .cl-nav-section.mega,
.cl-nav[data-subnav-effect="fade"] .dropdown-menu.cl-subnav-wrap,
.cl-nav[data-fixnav-effect="fade"] .dropdown-menu.cl-fixsubnav-wrap {
    transition:
        opacity var(--dropdown-duration, 0.3s) var(--dropdown-ease, ease-out),
        transform var(--dropdown-duration, 0.3s) var(--dropdown-ease, ease-out);
}

body[data-clnav-layout="meganav"]:is([data-clnav-mega="open"], [data-bcmodal-preview="clnavsub"]) .cl-nav[data-subnav-effect="slide"] .cl-nav-section.mega,
.cl-nav[data-subnav-effect="slide"] .dropdown .dropdown-menu > [class*="clnav-overlay-"],
.cl-nav[data-subnav-effect="slide"] .dropdown-menu.cl-subnav-wrap,
.cl-nav[data-fixnav-effect="slide"] .dropdown-menu.cl-fixsubnav-wrap {
    --dropdown-y: -8px;
    pointer-events: none;
    transition: 
        opacity 0.15s ease-out,
        transform 0.2s ease,
        visibility 0s linear 0.2s;
}
body[data-clnav-layout="meganav"]:is([data-clnav-mega="open"], [data-bcmodal-preview="clnavsub"]) .cl-nav[data-subnav-effect="slide"] .cl-nav-section.mega,
.openElConfig body[data-bcmodal-preview="clnavsub"] .cl-nav[data-subnav-effect="slide"] .dropdown-menu.cl-subnav-wrap._bcmodalPreviewTarget,
.openElConfig body[data-bcmodal-preview="clnavfix"] .cl-nav[data-fixnav-effect="slide"] .dropdown-menu.cl-fixsubnav-wrap._bcmodalPreviewTarget,
.cl-nav[data-subnav-effect="slide"] .dropdown:hover .dropdown-menu > [class*="clnav-overlay-"],
.cl-nav[data-subnav-effect="slide"] .dropdown:hover .dropdown-menu.cl-subnav-wrap,
.cl-nav[data-fixnav-effect="slide"] .dropdown:hover .dropdown-menu.cl-fixsubnav-wrap {
    --dropdown-y: 0px;
    pointer-events: auto;
    transition: 
        opacity 0.25s ease,
        transform 0.35s ease-out,
        visibility 0s linear 0s;
}

.cl-nav[data-subnav-effect="slide"][data-behavior="dropdown-right"] .dropdown-menu.cl-subnav-wrap {
    --dropdown-x: -8px;
}
.openElConfig body[data-bcmodal-preview="clnavsub"] .cl-nav[data-subnav-effect="expand"][data-behavior="dropdown-right"] .dropdown-menu.cl-subnav-wrap._bcmodalPreviewTarget,
.cl-nav[data-subnav-effect="slide"][data-behavior="dropdown-right"] .dropdown:hover .dropdown-menu.cl-subnav-wrap {
    --dropdown-x: 0%;
}


body[data-clnav-layout="meganav"]:is([data-clnav-mega="open"], [data-bcmodal-preview="clnavsub"]) .cl-nav[data-subnav-effect="expand"] .cl-nav-section.mega,
.cl-nav[data-subnav-effect="expand"]:is([data-behavior="dropdown"], [data-behavior="dropdown-inline"]) .dropdown-menu.cl-subnav-wrap,
.cl-nav[data-fixnav-effect="expand"] .dropdown-menu.cl-fixsubnav-wrap {
    pointer-events: none;
    max-height: 0;
    transition: 
        opacity 0.15s ease,
        max-height 0.2s ease;
}
body[data-clnav-layout="meganav"]:is([data-clnav-mega="open"], [data-bcmodal-preview="clnavsub"]) .cl-nav[data-subnav-effect="expand"] .cl-nav-section.mega,
.openElConfig body[data-bcmodal-preview="clnavsub"] .cl-nav[data-subnav-effect="expand"]:is([data-behavior="dropdown"], [data-behavior="dropdown-inline"]) .dropdown-menu.cl-subnav-wrap._bcmodalPreviewTarget,
.openElConfig body[data-bcmodal-preview="clnavfix"] .cl-nav[data-fixnav-effect="expand"] .dropdown-menu.cl-fixsubnav-wrap._bcmodalPreviewTarget,
.cl-nav[data-subnav-effect="expand"]:is([data-behavior="dropdown"], [data-behavior="dropdown-inline"]) .dropdown:hover .dropdown-menu.cl-subnav-wrap,
.cl-nav[data-fixnav-effect="expand"] .dropdown:hover .dropdown-menu.cl-fixsubnav-wrap {
    pointer-events: auto;
    max-height: var(--dropdown-maxh);
    opacity: 1;
    transition: 
        opacity 0.25s ease,
        max-height 0.35s ease-out;
}

.cl-nav[data-subnav-effect="expand"][data-behavior="dropdown-right"] .dropdown-menu.cl-subnav-wrap {
    pointer-events: none;
    max-width: 0;
    transition: 
        opacity 0.15s ease,
        max-width 0.2s ease;
}
.openElConfig body[data-bcmodal-preview="clnavsub"] .cl-nav[data-subnav-effect="expand"][data-behavior="dropdown-right"] .dropdown-menu.cl-subnav-wrap._bcmodalPreviewTarget,
.cl-nav[data-subnav-effect="expand"][data-behavior="dropdown-right"] .dropdown:hover .dropdown-menu.cl-subnav-wrap {
    pointer-events: auto;
    max-width: var(--dropdown-maxw);
    opacity: 1;
    transition: 
        opacity 0.25s ease
        max-width 0.35s ease-out;
}



.cl-nav .cl-nav-section {
    position: relative;
}
.cl-nav .cl-nav-option[data-layout-off*="brand"][data-layout-off*="fix"][data-layout-off*="nav"] ~ .cl-nav-section.main {
    min-height: 30px;
}

.cl-nav .cl-nav-section .container { 
    position: relative;
    display: grid;
    align-items: center; 
    width: var(--container-w);
    max-width: 100%; 
    margin: 0px auto;
    padding: 0px;
    gap: 0px;
}
.cl-nav .cl-nav-section .container::before,
.cl-nav .cl-nav-section .container::after { display: none; }


.cl-nav .cl-nav-toggle { 
    grid-area: toggle;
    position: relative; 
    margin: 0px; 
    width: var(--basemobile-minh, 70px);
    height: auto; 
    aspect-ratio: 1 / 1; 
    cursor: pointer; 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    background-color: var(--toggle-bgcolor); 
}
.cl-nav .cl-nav-toggle svg { 
    z-index: 1; 
    fill: var(--toggle-color); 
    width: calc(var(--nav-fsize) + 20px); 
    aspect-ratio: 1 / 1; 
}

.cl-nav .cl-nav-brand { 
    grid-area: brand;
    min-width: 0px;
    max-width: 100%;
    padding: var(--brand-padding-row) var(--brand-padding-col);
    position: relative; 
    display: flex; 
    flex-direction: row; 
    align-items: center; 
    overflow: hidden;
}
.cl-nav .cl-nav-section.main .cl-nav-brand.off {
    min-width: 0 !important;
    min-height: 0 !important;
    width: 0 !important; 
    height: 0 !important; 
    margin: 0 !important; 
    padding: 0 !important; 
    opacity: 0 !important; 
    pointer-events: none !important; 
}
.cl-nav .cl-nav-brand-text {
    max-width: 100%;
    max-height: var(--brand-text-maxh);
    display: inline-flex;
    font-family: var(--brand-fname);
    font-size: var(--brand-fsize);
    font-weight: var(--brand-fweight);
    font-style: var(--brand-fstyle);
    letter-spacing: var(--brand-letterspacing);
    line-height: var(--brand-lineheight);
    text-decoration: var(--brand-textdecoration);
    color: var(--brand-color); 
}

.cl-nav .cl-nav-brand-image {
    display: inline-flex;
    height: auto; 
    max-width: 100%; 
    max-height: var(--brand-img-maxh); 
    margin: unset;
    -webkit-transition: .05s ease-in;
    -moz-transition: .05s ease-in;
    -ms-transition: .05s ease-in;
    -o-transition: .05s ease-in;
    transition: .05s ease-in;
}
.el-menu._ready .cl-nav .cl-nav-brand-image,
.cl-nav .cl-nav-brand-image.hide,
.cl-nav .cl-nav-brand-image.off,
.clnav-state-default .cl-nav-brand-image:not(.default),
.clnav-state-sticky .cl-nav-brand-image.overlap,
.clnav-state-sticky .cl-nav-brand-image.sticky:not(.off) ~ .cl-nav-brand-image.default,
.clnav-state-overlap .cl-nav-brand-image.sticky,
.clnav-state-overlap .cl-nav-brand-image.overlap:not(.off) ~ .cl-nav-brand-image.default {
    display: none;
}

.cl-nav .cl-mega-fixnav { grid-area: megafix; }
.cl-nav .cl-fixnav-list { grid-area: fix; }
.cl-nav .cl-mega-fixnav,
.cl-nav .cl-fixnav-list {
    position: relative;
    min-width: max-content;
    gap: var(--fixnav-space-row) var(--fixnav-space-col); 
    display: flex; 
    flex-direction: row; 
    flex-wrap: nowrap; 
    align-items: center; 
    white-space: nowrap;
}
.cl-nav .cl-fixnav-list.empty { display: none; }

.cl-nav .cl-fixnav-item {
    position: relative;
    min-height: var(--fixnav-icon-maxh);
    justify-content: center;
    display: flex;
}
.cl-nav .cl-fixnav-item > a { 
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: var(--fixnav-padding-row) var(--fixnav-padding-col); 
    font-family: var(--fixnav-fname); 
    font-size: var(--fixnav-fsize); 
    font-weight: var(--fixnav-fweight); 
    letter-spacing: var(--fixnav-letterspacing); 
    line-height: var(--fixnav-lineheight); 
    color: var(--fixnav-color); 
}
.cl-nav .cl-fixnav-item:hover > a,
.cl-nav .cl-fixnav-item.actvie > a { color: var(--fixnav-color-active); }
.cl-nav .cl-fixnav-item > a > span[class*=cl-fixnav-]:empty:not(.cl-fixnav-cart-active) { 
    display: none; 
    pointer-events: none; 
}
.cl-nav .cl-fixnav-name { text-transform: var(--fixnav-textdecoration, uppercase); }
.cl-nav .cl-fixnav-icon { height: var(--fixnav-icon-maxh); padding: var(--fixnav-icon-maxh-offset, 0px); }
.cl-nav .cl-fixnav-arrow { height: var(--fixnav-icon-minh); padding: var(--fixnav-icon-minh-offset, 0px); }
.cl-nav .cl-fixnav-arrow > .cl-icon { width: 100%; height: 100%; }
.cl-nav .cl-fixnav-icon,
.cl-nav .cl-fixnav-name,
.cl-nav .cl-fixnav-arrow { 
    position: relative; 
    display: inline-block; 
    line-height: 140%; 
}
.cl-nav span:is(.cl-fixnav-icon, .cl-fixnav-arrow) { 
    display: flex; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    line-height: 1; 
    aspect-ratio: 1 / 1;
}
.cl-nav .cl-fixnav-icon.circle > .cl-fixnav-icon-img,
.cl-nav span:is(.cl-fixnav-icon, .cl-fixnav-arrow).circle { 
    -webkit-border-radius: 50%; 
    -moz-border-radius: 50%; 
    border-radius: 50%; 
}
.cl-nav span:is(.cl-fixnav-icon, .cl-fixnav-arrow) svg { 
    fill: var(--fixnav-color); 
    width: 100%; height: 100%;
    line-height: 1em; 
    overflow: visible; 
}
.cl-nav .cl-fixnav-item .cl-fixnav-icon:not(:empty) + .cl-fixnav-name { 
    margin-left: var(--fixnav-name-margin-left, 4px); 
}
.cl-nav .cl-fixnav-item:hover span:is(.cl-fixnav-icon, .cl-fixnav-arrow) svg { 
    fill: var(--fixnav-color-active); 
}
.cl-nav .cl-fixnav-cart-active {
    --fixnav-cart-active: attr(data-cart-active);
    margin-left: var(--fixnav-cart-margin-left, 3px); 
    margin-top: var(--fixnav-cart-margin-top, 0px); 
    margin-bottom: var(--fixnav-cart-margin-bottom, 0px); 
    position: relative; 
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.cl-nav .cl-fixnav-cart-active[data-cart-active="0"] { display: none; }
.cl-nav .cl-fixnav-cart-active::after { 
    position: relative; 
    display: inline-flex; 
    -webkit-box-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    justify-content: center; 
    content: var(--fixnav-cart-active);
    font-size: var(--fixnav-cart-fsize, inherit);
    font-weight: var(--fixnav-cart-fweight, inherit);
    color: var(--fixnav-point);
    text-decoration: var(--fixnav-cart-textdecoration, none);
}

.cl-nav .cl-fixnav-item.lang .cl-fixnav-name { text-transform: uppercase; }
.cl-nav .cl-fixnav-item.lang .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: ''; }
.cl-nav .cl-fixnav-item.lang[data-lang="ko"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_ko_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="en"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_en_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="jp"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_jp_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="zh"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_zh_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="es"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_es_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="fr"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_fr_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="de"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_de_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="ru"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_ru_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="ar"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_ar_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="pt"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_pt_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="hi"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_hi_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="it"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_it_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="vi"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_vi_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="th"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_th_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="mn"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_mn_rec.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="id"] .cl-fixnav-icon:not(.circle) { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_id_rec.png); }

.cl-nav .cl-fixnav-item.lang .cl-fixnav-icon.circle { --fixnav-lang-icon: ''; }
.cl-nav .cl-fixnav-item.lang[data-lang="ko"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_ko_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="en"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_en_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="jp"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_jp_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="zh"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_zh_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="es"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_es_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="fr"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_fr_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="de"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_de_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="ru"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_ru_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="ar"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_ar_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="pt"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_pt_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="hi"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_hi_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="it"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_it_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="vi"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_vi_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="th"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_th_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="mn"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_mn_cir.png); }
.cl-nav .cl-fixnav-item.lang[data-lang="id"] .cl-fixnav-icon.circle { --fixnav-lang-icon: url(//storage.googleapis.com/i.addblock.net/flag/flag_id_cir.png); }

.cl-nav .cl-fixnav-item.lang .cl-fixnav-icon .cl-fixnav-icon-img { 
    height: 100%;
    aspect-ratio: 1.27 / 1;
    background-image: var(--fixnav-lang-icon);
    background-size: cover; 
    background-position: center center;
    background-repeat: no-repeat; 
    border: 1px solid #e3e3e3; 
}
.cl-nav .cl-fixnav-item.lang .cl-fixnav-icon.circle .cl-fixnav-icon-img { aspect-ratio: 1 / 1; }
.cl-nav .cl-fixnav-item.lang .cl-fixnav-arrow:not(:empty) { margin-left: var(--fixnav-arrow-margin-left, 3px); }

.cl-nav .cl-fixnav-item.loginout { position: relative; }
.cl-nav .cl-fixnav-item.sidemap .cl-fixnav-icon { display: inline; }

.cl-nav .cl-fixnav-item:not(:hover) .cl-fixsubnav-wrap:not(._bcmodalPreviewTarget) { display: none; }
.cl-nav .cl-fixsubnav-wrap {
    min-width: max-content;
    margin: 0px;
    padding: var(--fixsubnav-position-y) 0px 0px var(--fixsubnav-position-x);
    background-color: transparent;
    background-clip: border-box;
    float: unset;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    border-radius: 0px;
    overflow: visible;
    left: 50%;
}
.cl-nav .cl-fixsubnav-list {
    display: flex;
    flex-direction: column; 
    flex-wrap: nowrap;
    padding: var(--fixsubnav-list-padding-row) var(--fixsubnav-list-padding-col);
    gap: 0px;
    background-color: var(--fixsubnav-list-bgcolor);
    background-clip: border-box;
    border: var(--fixsubnav-list-final-width) var(--fixsubnav-list-line-style) var(--fixsubnav-list-line-color); 
    -moz-border-radius: var(--fixsubnav-list-border-radius); 
    border-radius: var(--fixsubnav-list-border-radius); 
    -webkit-box-shadow: var(--fixsubnav-shadow-final);
    box-shadow: var(--fixsubnav-shadow-final);
    overflow: hidden;
    overflow-y: auto;
}
.cl-nav .cl-fixsubnav-item { color: var(--fixsubnav-color); }
.cl-nav .cl-fixsubnav-item > a {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: var(--fixsubnav-padding-row) var(--fixsubnav-padding-col);
    font-family: var(--fixsubnav-fname); 
    font-size: var(--fixsubnav-fsize); 
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 140%; 
    text-align: center;
    justify-content: center;
    color: inherit;
    fill: inherit;
}
.cl-nav .cl-fixsubnav-item:nth-of-type(1) > a { padding-top: calc(var(--fixsubnav-padding-row) + var(--fixsubnav-padding-row-edge)); }
.cl-nav .cl-fixsubnav-item:last-of-type > a { padding-bottom: calc(var(--fixsubnav-padding-row) + var(--fixsubnav-padding-row-edge)); }
body.mode-config .cl-nav .cl-fixsubnav-item > a * { pointer-events: none; }
.cl-nav .cl-fixsubnav-item:hover { background-color: var(--fixsubnav-list-bgcolor); }
.cl-nav .cl-fixsubnav-name { text-transform: capitalize; }

.cl-nav .cl-nav-list {
    grid-area: nav;
    position: relative;
    min-width: 0;
    flex: 1 1 0%; 
    display: flex;
    align-items: center; 
    gap: var(--nav-space-row) var(--nav-space-col); 
}
.cl-nav .cl-nav-item {
    position: relative;
}
.cl-nav .cl-nav-item > a {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: var(--nav-maxw);
    min-height: calc(var(--nav-fsize) * (var(--nav-minh) / 100));
    padding: var(--nav-padding-row) var(--nav-padding-col); 
    font-family: var(--nav-fname); 
    font-size: var(--nav-fsize); 
    font-weight: var(--nav-fweight);
    font-style: var(--nav-fstyle);
    letter-spacing: var(--nav-letterspacing);
    line-height: 140%;
    text-align: var(--nav-textalign);
    justify-content: var(--nav-textalign);
    color: var(--nav-color); 
    fill: var(--nav-color);
}
.cl-nav .cl-nav-list .cl-nav-item:is(:hover, .hover, .active, .open) > a { color: var(--nav-color-active); }
.cl-nav .cl-nav-list .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-caret { fill: var(--nav-color-active); }

.cl-nav .cl-nav-name { 
    position: relative; 
    display: inline-block; 
    line-height: var(--nav-lineheight); 
    text-decoration: var(--nav-textdecoration); 
}
.cl-nav .cl-nav-name svg { width: 1em; height: 1em; }
.cl-nav .cl-nav-name + .fa.fa-caret-down { line-height: 1.5; }
.cl-nav .cl-nav-name + .cl-nav-caret { margin-left: 4px; }
.cl-nav .cl-nav-caret { z-index: 1; }
.cl-nav .cl-nav-char { display: inline-block; }

.cl-nav .cl-subnav-wrap {
    position: relative;
    width: 100%;
    min-width: auto;
    margin: 0px;
    padding: var(--subnav-position-y) 0px 0px var(--subnav-position-x);
    background-color: transparent;
    background-clip: border-box;
    float: unset;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.cl-nav .clnav-overlay-subnav {
    margin: var(--subnav-position-y) 0px 0px var(--subnav-position-x);
    -moz-border-radius: var(--subnav-list-border-radius);
    border-radius: var(--subnav-list-border-radius);
    overflow: hidden;
}
.cl-nav .cl-subnav-list {
	--scrollbar-w: 6px;
	--scrollbar-track-color: var(--subnav-list-bgcolor);
	--scrollbar-thumb-color: #d1d3d5;
	/* --scrollbar-thumb-color: color-mix(in srgb, var(--subnav-color) 20%, transparent); */
	--scrollbar-thumb-border-radius: 6px;
    position: relative;
    max-height: var(--subnav-maxh);
    width: var(--subnav-w);
    display: flex;
    flex-direction: column; 
    flex-wrap: nowrap;
    padding: var(--subnav-list-padding-row) var(--subnav-list-padding-col);
    gap: var(--subnav-space-row) var(--subnav-space-col);
    background-color: transparent;
    outline: var(--subnav-list-line-final-width) var(--subnav-list-line-style) var(--subnav-list-line-color);
    -moz-border-radius: var(--subnav-list-border-radius); 
    border-radius: var(--subnav-list-border-radius); 
    -webkit-box-shadow: var(--subnav-shadow-final);
    box-shadow: var(--subnav-shadow-final);
    overflow: hidden;
    overflow-y: auto;
    z-index: 1;
}
.cl-nav .cl-subnav-item {
    padding-left: var(--subnav-padding-col-edge);
    padding-right: var(--subnav-padding-col-edge);
    color: var(--subnav-color); 
    background-color: var(--subnav-bgcolor); 
    -moz-border-radius: var(--subnav-border-radius); 
    border-radius: var(--subnav-border-radius);
    z-index: 1;
}
.cl-nav .cl-subnav-item:hover,
.cl-nav .cl-subnav-item.active {
    color: var(--subnav-color-active); 
    background-color: var(--subnav-bgcolor-active); 
}
.cl-nav .cl-subnav-item > a {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    min-height: calc(var(--subnav-fsize) * (var(--subnav-minh) / 100));
    padding: var(--subnav-padding-row) var(--subnav-padding-col);
    font-family: var(--subnav-fname); 
    font-size: var(--subnav-fsize); 
    font-weight: var(--subnav-fweight); 
    font-style: var(--subnav-fstyle);
    letter-spacing: var(--subnav-letterspacing); 
    line-height: 140%; 
    text-align: var(--subnav-textalign);
    justify-content: var(--subnav-textalign);
    color: inherit;
    fill: inherit;
}
.cl-nav .cl-subnav-item:nth-of-type(1) > a { padding-top: calc(var(--subnav-padding-row) + var(--subnav-padding-row-edge)); }
.cl-nav .cl-subnav-item:last-of-type > a { padding-bottom: calc(var(--subnav-padding-row) + var(--subnav-padding-row-edge)); }
.cl-nav .cl-subnav-name { 
    position: relative; 
    display: inline-block; 
    line-height: var(--subnav-lineheight); 
    text-decoration: var(--subnav-textdecoration); 
}

.cl-nav .container.full-width {
    --container-w: 100%;
    width: auto!important;
    margin-left: var(--fullwidth-space); 
    margin-right: var(--fullwidth-space);
}

@media (min-width: 768px) and (max-width: 991px) {
    .cl-nav { --container-w: 710px; }
}
@media only screen and (min-width: 769px) {
    
    .clroot {
        /* clnav-psearch */
        --psearch-fsize: 36px;
    }

    .cl-nav:not(.cl-sample):not([data-layout-pattern*="toggle"]) .cl-nav-toggle,
    .cl-nav:not(.cl-sample):not([data-layout-pattern*="brand"]) .cl-nav-brand,
    .cl-nav:not(.cl-sample):not([data-layout-pattern*="nav"]) .cl-nav-list,
    .cl-nav:not(.cl-sample):not([data-layout-pattern*="fix"]) .cl-fixnav-list,
    .cl-nav:not(.cl-sample):not([data-layout-pattern*="fix"]) .cl-mega-fixnav,
    .cl-nav .cl-fixnav-list .cl-fixnav-item.m-cart,
    .cl-nav .cl-mega-fixnav .cl-fixnav-item.m-cart { 
        display: none; 
        pointer-events: none; 
    }

    .cl-nav[data-layout] { gap: 0; }

    .cl-nav[data-layout-pattern^="1row/"] .cl-nav-section.main .container { grid-template-rows: auto; }
    .cl-nav[data-layout-pattern^="2row/"] .cl-nav-section.main .container { grid-template-rows: auto auto; }

    /* meganav toggle */
    .cl-nav[data-layout-pattern="1row/3col/toggle-brand-fix"] .cl-nav-section.main .container {
        grid-template-columns: auto 1fr auto;
        grid-template-areas: "toggle brand fix";
    }

    /* topnav layout 1,2,3 */
    .cl-nav[data-layout-pattern="1row/3col/brand_nav--fix"] .cl-nav-section.main .container,
    .cl-nav[data-layout-pattern="1row/3col/brand-nav-fix"] .cl-nav-section.main .container,
    .cl-nav[data-layout-pattern="1row/3col/brand--nav_fix"] .cl-nav-section.main .container {
        grid-template-columns: auto 1fr auto;
        grid-template-areas: "brand nav fix";
    }

    /* topnav layout 4 */
    .cl-nav[data-layout-pattern="1row/4col/brand_nav_fix--"] .cl-nav-section.main .container {
        grid-template-columns: auto auto auto 1fr;
        grid-template-areas: "brand nav fix .";
    }
    .cl-nav[data-layout-pattern="1row/5col/-brand_nav_fix-"] .cl-nav-section.main .container {
        grid-template-columns: 1fr auto auto auto 1fr;
        grid-template-areas: ". brand nav fix .";
    }
    .cl-nav[data-layout-pattern="1row/4col/--brand_nav_fix"] .cl-nav-section.main .container {
        grid-template-columns: 1fr auto auto auto;
        grid-template-areas: ". brand nav fix";
    }

    /* topnav layout 5,6 + meganav layout 1,2 */
    .cl-nav[data-layout-pattern="2row/2col/brand--/nav--fix"] .cl-nav-section.main .container,
    .cl-nav[data-layout-pattern="2row/2col/-brand-/nav--fix"] .cl-nav-section.main .container {
        grid-template-columns: 1fr auto;
        grid-template-areas: "brand brand" "nav fix";
    }

    /* topnav layout 7 */
    .cl-nav[data-layout-pattern="2row/3col/brand--/nav_fix--"] .cl-nav-section.main .container {
        grid-template-columns: auto auto 1fr;
        grid-template-areas: "brand brand brand" "nav fix .";
    }
    
    /* topnav layout 8 */
    .cl-nav[data-layout-pattern="2row/4col/-brand-/-nav_fix-"] .cl-nav-section.main .container {
        grid-template-columns: 1fr auto max-content 1fr;
        grid-template-areas: "brand brand brand brand" ". nav fix .";
    }

    /* topnav layout 9,10,11 */
    .cl-nav[data-layout-pattern="2row/2col/brand--fix/nav--"] .cl-nav-section.main .container,
    .cl-nav[data-layout-pattern="2row/2col/brand--fix/-nav-"] .cl-nav-section.main .container,
    .cl-nav[data-layout-pattern="2row/2col/brand--fix/--nav"] .cl-nav-section.main .container {
        --layout-space-col: 0px;
        grid-template-columns: 1fr auto;
        grid-template-areas: "brand fix" "nav nav";
    }
    /* topnav layout 12,13 */
    .cl-nav[data-layout-pattern="2row/2col/--fix/brand--nav"] .cl-nav-section.main .container,
    .cl-nav[data-layout-pattern="2row/2col/--fix/brand_nav--"] .cl-nav-section.main .container {
        grid-template-columns: auto 1fr;
        grid-template-areas: "fix fix" "brand nav";
    }


    /* meganav layout */
    .cl-nav[data-layout-pattern="2row/4col/-brand-/-nav-fix"] .cl-nav-section.main .container {
        grid-template-columns: 1fr auto auto 1fr;
        grid-template-areas: "brand brand brand brand" ". nav nav fix";
    }
    .cl-nav[data-layout-pattern="2row/3col/--brand/nav--fix"] .cl-nav-section.main .container {
        grid-template-columns: 1fr auto max-content;
        grid-template-areas: "brand brand brand" "nav nav fix";
    }

    .cl-nav .cl-nav-option[data-vertical^="top"] ~ .cl-nav-section .container { align-items: start; }
    .cl-nav .cl-nav-option[data-vertical^="bottom"] ~ .cl-nav-section .container { align-items: end; }

    .cl-nav[data-layout-pattern^="1row"] .cl-nav-section.main .cl-nav-brand,
    .cl-nav[data-layout-pattern^="1row"] .cl-nav-section.main .cl-nav-toggle { margin-right: var(--layout-space-col); }
    .cl-nav[data-layout-pattern^="1row"] .cl-nav-section.main .cl-fixnav-list { margin-left: var(--layout-space-row); }

    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/brand--fix/"] .cl-nav-section.main .cl-nav-brand,
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/brand--fix/"] .cl-nav-section.main .cl-fixnav-list,
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/--fix/"] .cl-nav-section.main .cl-fixnav-list,
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/brand--/"] .cl-nav-section.main .cl-nav-brand,
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/-brand-/"] .cl-nav-section.main .cl-nav-brand,
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/--brand/"] .cl-nav-section.main .cl-nav-brand {
        margin-bottom: var(--layout-space-row);
    }
    
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/brand--fix/"] .cl-nav-option[data-layout-off*="nav"] ~ .cl-nav-section.main .cl-fixnav-list,
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/brand--/"] .cl-nav-option[data-layout-off*="nav"] ~ .cl-nav-section.main .cl-fixnav-list,
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/-brand-/"] .cl-nav-option[data-layout-off*="nav"] ~ .cl-nav-section.main .cl-fixnav-list,
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/--brand/"] .cl-nav-option[data-layout-off*="nav"] ~ .cl-nav-section.main .cl-fixnav-list {
        --layout-space-col: 0;
    }
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/brand--fix/"] .cl-nav-section.main .cl-fixnav-list,
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/brand--/"] .cl-nav-section.main .cl-fixnav-list,
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/-brand-/"] .cl-nav-section.main .cl-fixnav-list,
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/--brand/"] .cl-nav-section.main .cl-fixnav-list {
        margin-left: var(--layout-space-col);
    }
    .cl-nav[data-layout-pattern^="2row/"][data-layout-pattern*="col/--fix/"] .cl-nav-section.main .cl-nav-brand {
        margin-right: var(--layout-space-col);
    }

    .cl-nav .cl-nav-option[data-layout-pattern-brand$="left"] ~ .cl-nav-section.main .cl-nav-brand { justify-content: start; }
    .cl-nav .cl-nav-option[data-layout-pattern-brand$="center"] ~ .cl-nav-section.main .cl-nav-brand { justify-content: center; }
    .cl-nav .cl-nav-option[data-layout-pattern-brand$="right"] ~ .cl-nav-section.main .cl-nav-brand { justify-content: end; }

    .cl-nav .cl-nav-option[data-layout-pattern-fix$="left"] ~ .cl-nav-section.main .cl-fixnav-list { justify-content: start; }
    .cl-nav .cl-nav-option[data-layout-pattern-fix$="center"] ~ .cl-nav-section.main .cl-fixnav-list { justify-content: center; }
    .cl-nav .cl-nav-option[data-layout-pattern-fix$="right"] ~ .cl-nav-section.main .cl-fixnav-list { justify-content: end; }
}
@media only screen and (min-width: 992px) {
    .cl-nav { --container-w: 940px; }
}
@media only screen and (min-width: 1200px) {
    .cl-nav { --container-w: 1140px; }
}
@media only screen and (max-width: 767px) {
    .cl-nav:not([data-layout-pattern-m*="toggle"]) .cl-nav-toggle,
    .cl-nav:not([data-layout-pattern-m*="brand"]) .cl-nav-brand,
    .cl-nav:not([data-layout-pattern-m*="nav"]) .cl-nav-list,
    .cl-nav:not([data-layout-pattern-m*="fix"]) .cl-fixnav-list,
    .cl-nav[data-layout-pattern-m*="fixcart"] .cl-fixnav-list .cl-fixnav-item:not(.m-cart),
    .cl-nav .cl-fixnav-list._bottom { 
        display: none; 
        pointer-events: none; 
    }

    .cl-nav { padding: 0; }
    .cl-nav .cl-nav-section .container {
        width: auto!important;
        margin-left: var(--fullwidth-space-m); 
        margin-right: var(--fullwidth-space-m);
    }

    .cl-nav .cl-nav-section.main .container {
        grid-template-columns: auto 1fr auto;
        align-items: stretch;
        gap: 10px;
    }
    .cl-nav[data-layout-pattern-m^="1row/"] .cl-nav-section.main .container { 
        grid-template-rows: var(--basemobile-minh); 
    }

    /* topnav & sidenav */
    .cl-nav[data-layout-pattern-m="1row/3col/brand--fixcart_toggle"] .cl-nav-section.main .container {
        grid-template-areas: "brand fix toggle";
    }
    /* meganav */
    .cl-nav[data-layout-pattern-m="1row/3col/toggle-brand-fixcart"] .cl-nav-section.main .container {
        grid-template-areas: "toggle brand fix";
    }
    /* topnav + modoo */
    .cl-nav[data-layout-pattern-m="1row/3col/toggle_brand_nav--"] .cl-nav-section.main .container {
        grid-template-areas: "toggle brand nav";
    }

    .cl-nav .cl-nav-option-m[data-vertical^="top"] ~ .cl-nav-section .container { align-items: start; }
    .cl-nav .cl-nav-option-m[data-vertical^="bottom"] ~ .cl-nav-section .container { align-items: end; }

    .cl-nav .cl-nav-toggle {  }
    .cl-nav .cl-nav-brand { margin: 0px; padding: 0; }
    .cl-nav .cl-nav-brand-image { max-height: calc(var(--basemobile-minh) - 10px); height: auto; }
    .cl-nav .cl-nav-option-m[data-layout-pattern-brand$="left"] ~ .cl-nav-section.main .cl-nav-brand { justify-content: start; }
    .cl-nav .cl-nav-option-m[data-layout-pattern-brand$="center"] ~ .cl-nav-section.main .cl-nav-brand { justify-content: center; }
    .cl-nav .cl-nav-option-m[data-layout-pattern-brand$="right"] ~ .cl-nav-section.main .cl-nav-brand { justify-content: end; }

    .cl-nav .cl-fixnav-list { margin: 0px; padding: 0; }
    .cl-nav .cl-nav-option-m[data-layout-pattern-fixcart$="left"] ~ .cl-nav-section.main .cl-fixnav-list { justify-content: start; }
    .cl-nav .cl-nav-option-m[data-layout-pattern-fixcart$="center"] ~ .cl-nav-section.main .cl-fixnav-list { justify-content: center; }
    .cl-nav .cl-nav-option-m[data-layout-pattern-fixcart$="right"] ~ .cl-nav-section.main .cl-fixnav-list { justify-content: end; }
}


/************************************************************************************************************************************************************************************/
/* 
    body[data-clnav-layout="topnav"]
        > .cl-nav[data-layout="topnav"][data-behavior="dropdown"]
        > .cl-nav[data-layout="topnav"][data-behavior="overflow-nowrap"]
*/
[data-layout="topnav"] {
    --layout-space-row: 20px; 
    --layout-space-col: 35px;

    --subnav-padding-row: 8px;
    --subnav-padding-col: 20px;
}
.cl-nav[data-layout="topnav"][data-layout-pattern^="1row"] .cl-nav-brand { max-width: 50vw; }
.cl-nav[data-layout="topnav"] .cl-nav-list { 
    flex-direction: row; 
    flex-wrap: wrap; 
}
.cl-nav[data-layout="topnav"] .cl-nav-option[data-layout-pattern-nav*="left"] ~ .cl-nav-section .cl-nav-list { justify-content: flex-start; }
.cl-nav[data-layout="topnav"] .cl-nav-option[data-layout-pattern-nav*="center"] ~ .cl-nav-section .cl-nav-list { justify-content: center; }
.cl-nav[data-layout="topnav"] .cl-nav-option[data-layout-pattern-nav*="right"] ~ .cl-nav-section .cl-nav-list { justify-content: flex-end; }

.cl-nav[data-layout="topnav"][data-behavior="dropdown"] {
    border-top: var(--clnav-tline-final-width) var(--clnav-tline-style) var(--clnav-tline-color); 
    border-bottom: var(--clnav-bline-final-width) var(--clnav-bline-style) var(--clnav-bline-color); 
}
.cl-nav[data-layout="topnav"][data-behavior="dropdown"] .cl-subnav-wrap {
    position: absolute;
    left: 50%; 
    width: var(--subnav-w);
}

.clnav-nowrap .cl-nav-list-nowrap { 
    grid-area: nav;
    position: relative; 
    display: grid; 
    grid-template-columns: auto 1fr auto; 
    grid-template-rows: auto;
    grid-template-areas: "nowrapbtn1 nowrapbody nowrapbtn2";
    align-items: center; 
    flex-direction: unset; 
    flex-wrap: unset; 
    margin-bottom: 0; 
}
.clnav-nowrap .cl-nav-list-nowrap .cl-nav-list { 
    grid-area: nowrapbody;
    flex-wrap: nowrap; 
}
.clnav-nowrap .clnav-nowrap-target {
    position: relative;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    touch-action: pan-x;
    scrollbar-width: none;

    user-select: none;
    /* touch-action: auto; */
}
.clnav-nowrap .cl-nav-section.sub .cl-subnav-list { width: 100%; min-height: 100%; }
.clnav-nowrap .clnav-nowrap-target .dropdown .cl-subnav-wrap { 
    display: none; 
    pointer-events: none; 
}
.clnav-nowrap .clnav-nowrap-btn {
    position: sticky;
    background-color: var(--nav-bgcolor, transparent);
    z-index: 1;
    line-height: 0;
    cursor: pointer;
}
.clnav-nowrap .clnav-nowrap-btn svg {
    width: var(--nav-fsize); 
    height: var(--nav-fsize);
    fill: var(--nav-color);
}
.clnav-nowrap .clnav-nowrap-btn.prev { 
    grid-area: nowrapbtn1;
    left: 0; 
    margin-right: calc(var(--nav-space-col) / 2); 
}
.clnav-nowrap .clnav-nowrap-btn.prev svg {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.clnav-nowrap .clnav-nowrap-btn.next { 
    grid-area: nowrapbtn2;
    right: 0; 
    margin-left: calc(var(--nav-space-col) / 2); 
}
.clnav-nowrap *:is(.cl-nav-item,.cl-nav-item > a,.cl-nav-name,.cl-subnav-name) { 
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    text-decoration: none;
    padding: 0 1px;
}
.clnav-nowrap .cl-nav-item .dropdown > a { flex-direction: row; }

@media only screen and (min-width: 769px) {
    .cl-nav[data-layout="topnav"][data-behavior="overflow-nowrap"] .cl-nav-section.main { display: grid; grid-template-rows: 80px; }

    .clnav-nowrap .cl-nav-section.sub .cl-subnav-list {
        justify-content: center; 
        flex-wrap: wrap; 
    }
}
@media only screen and (max-width: 768px) {

    .clnav-nowrap .clnav-nowrap-btn { 
        --nav-bgcolor: var(--block-bgcolor); 
        position: absolute; 
        top:0; 
        bottom:0; 
    }
    .clnav-nowrap .clnav-nowrap-btn.prev { 
        left: 0px; 
        background: linear-gradient(to left, transparent, var(--nav-bgcolor)); 
    }
    .clnav-nowrap .clnav-nowrap-btn.next { 
        right: 15px; 
        background: linear-gradient(to right, transparent, var(--nav-bgcolor)); 
        -webkit-transform: translateX(2px); 
        -moz-transform: translateX(2px); 
        -ms-transform: translateX(2px); 
        -o-transform: translateX(2px); 
        transform: translateX(2px); 
    }
    .clnav-nowrap .clnav-nowrap-btn svg { 
        visibility: hidden;
    }

    .clnav-nowrap .clnav-nowrap-target { 
        justify-content: flex-start; 
    }
    .clnav-nowrap .cl-nav-list { 
        margin-left: 0;
        margin-right: 15px; 
    }
    .clnav-nowrap .cl-subnav-wrap { 
        padding-left: 15px; 
        padding-right: 15px; 
    }
    .clnav-nowrap .cl-nav-section.sub .cl-subnav-list { 
        justify-content: flex-start; 
        flex-wrap: nowrap; 
        box-sizing: border-box; 
    }
}


/************************************************************************************************************************************************************************************/
/* 
    body[data-clnav-layout="meganav"]
        > .cl-nav[data-layout="meganav"][data-behavior="overflow-toggle"] 
        > .cl-nav[data-layout="meganav"][data-behavior="toggle-horizontal"] 
        > .cl-nav[data-layout="meganav"][data-behavior="toggle-vertical"] 
*/

[data-layout="meganav"] {
    --layout-space-row: 20px; 
    --layout-space-col: 35px;

    --nav-w: 110px;
    --nav-space-col: 0px;
    --nav-space-row: 0px;
    --nav-padding-col: 0px;

    --subnav-space-col: 0px;
    --subnav-space-row: 0px;
    --subnav-padding-col: 0px;

    --meganav-align: center;
    --meganav-textalign: center;
    --meganav-space-col: 0px;
    --meganav-padding-col: 0px;
    --meganav-margin-top: 20px;
    --meganav-margin-bottom: var(--meganav-margin-top);
    --meganav-margin-start: 0px;
    --meganav-margin-end: 0px;
    --meganav-bgcolor: transparent;
    --meganav-bgblur: 5px;
    --meganav-bgimg: none;
    --meganav-bgimg-size: cover;
    --meganav-bgimg-position: center center;
    --meganav-bgimg-repeat: no-repeat;

    --meganav-tline-onoff: 0;
    --meganav-tline-width: 1px;
    --meganav-tline-final-width: calc(var(--meganav-tline-onoff) * var(--meganav-tline-width));
    --meganav-tline-style: solid;
    --meganav-tline-color: #e6e6e6;

    --meganav-shadow-onoff: 0;
    --meganav-shadow-offset-x: 2px;
    --meganav-shadow-offset-y: 2px;
    --meganav-shadow-blur-radius: 4px;
    --meganav-shadow-spread-radius: 0px;
    --meganav-shadow-color: rgba(0, 0, 0, 0.08);
    --meganav-shadow-final: 
        calc(var(--meganav-shadow-onoff) * var(--meganav-shadow-offset-x))
        calc(var(--meganav-shadow-onoff) * var(--meganav-shadow-offset-y))
        calc(var(--meganav-shadow-onoff) * var(--meganav-shadow-blur-radius))
        calc(var(--meganav-shadow-onoff) * var(--meganav-shadow-spread-radius))
        var(--meganav-shadow-color);

    --block-bgimg-position: center top;

    border-bottom: var(--clnav-bline-final-width) var(--clnav-bline-style) var(--clnav-bline-color); 
}

body[data-clnav-layout="meganav"] .cl-menu { max-height: var(--clnav-toparea-h); }
body[data-clnav-layout="meganav"] .cl-nav { 
    padding-top: 0px; 
    padding-bottom: 0px; 
}

body[data-clnav-layout="meganav"][data-clnav-toggle="overflow"] .cl-nav-section.mega:not(.has-sub) {
    display: none;
    pointer-events: none;
}
body[data-clnav-layout="meganav"] .cl-nav-list { 
    flex-direction: row; 
    flex-wrap: nowrap;
    gap: var(--nav-space-row) var(--meganav-space-col);
}
body[data-clnav-layout="meganav"] .cl-mega-nav {
    grid-area: meganav;
    position: relative;
    min-width: 0;
    max-width: 100%;
    flex-grow: 1;
    display: flex;
    overflow-y: hidden;
}
/* meganav common */
body[data-clnav-layout="meganav"] .cl-mega-col { 
    display: flex; 
    flex-direction: column; 
    gap: 0px;
}
body[data-clnav-layout="meganav"] .cl-nav-item,
body[data-clnav-layout="meganav"] .cl-mega-col {
    width: var(--nav-w);
    max-width: var(--nav-w);
}
body[data-clnav-layout="meganav"] .cl-nav .cl-nav-item > a,
body[data-clnav-layout="meganav"] .cl-nav .cl-mega-row > a {
    text-align: var(--meganav-textalign);
    justify-content: var(--meganav-textalign);
}
body[data-clnav-layout="meganav"] .cl-mega-row { 
    position: relative; 
    line-height: 1; 
}
body[data-clnav-layout="meganav"] .cl-mega-row.has-sub { margin-bottom: var(--meganav-margin-start); }
body[data-clnav-layout="meganav"] .cl-mega-row[data-parent]:last-child { margin-bottom: var(--meganav-margin-end); }
body[data-clnav-layout="meganav"] .cl-mega-row > a {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}
body[data-clnav-layout="meganav"] .cl-nav .cl-nav-item > a { padding: var(--nav-padding-row) var(--meganav-padding-col); }
body[data-clnav-layout="meganav"] .cl-mega-row:not([data-parent]) > a {
    min-height: calc(var(--nav-fsize) * (var(--nav-minh) / 100));
    padding: var(--nav-padding-row) var(--meganav-padding-col);
    font-family: var(--nav-fname); 
    font-size: var(--nav-fsize); 
    font-weight: var(--nav-fweight); 
    font-style: var(--nav-fstyle);
    letter-spacing: var(--nav-letterspacing); 
    line-height: 140%; 
    color: var(--nav-color); 
    background-color: transparent;
}
body[data-clnav-layout="meganav"] .cl-mega-row:not([data-parent]) > a:hover,
body[data-clnav-layout="meganav"] .cl-mega-row:not([data-parent]):is(.active,.open) > a { 
    color: var(--nav-color-active);
}
body[data-clnav-layout="meganav"] .cl-mega-row[data-parent] > a {
    min-height: calc(var(--subnav-fsize) * (var(--subnav-minh) / 100));
    padding: var(--subnav-padding-row) calc(var(--subnav-padding-col) + var(--meganav-padding-col));
    font-family: var(--subnav-fname); 
    font-size: var(--subnav-fsize); 
    font-weight: var(--subnav-fweight); 
    font-style: var(--subnav-fstyle);
    letter-spacing: var(--subnav-letterspacing); 
    line-height: 140%; 
    color: var(--subnav-color); 
    background-color: transparent;
}
body[data-clnav-layout="meganav"] .cl-mega-row[data-parent] > a:hover,
body[data-clnav-layout="meganav"] .cl-mega-row[data-parent].active > a { 
    color: var(--subnav-color-active); 
    background-color: var(--subnav-bgcolor-active); 
}

body[data-clnav-layout="meganav"][data-clnav-toggle="overflow"] .cl-mega-nav {
    flex-direction: row; 
    flex-wrap: wrap; 
    gap: 0px var(--meganav-space-col); 
}
body[data-clnav-layout="meganav"][data-clnav-toggle="overflow"] .cl-nav-item { margin-top: auto; }
body[data-clnav-layout="meganav"][data-clnav-toggle="overflow"] .cl-nav-item,
body[data-clnav-layout="meganav"][data-clnav-toggle="overflow"] .cl-mega-col {
    flex: 1 0 auto;
}
body[data-clnav-layout="meganav"][data-clnav-toggle="overflow"] .cl-mega-row:not([data-parent]) {
    pointer-events: none;
    opacity: 0;
    z-index: -1;
    height: 0;
    margin-top: 0;
}
body[data-clnav-layout="meganav"][data-clnav-toggle="overflow"] .cl-mega-fixnav { 
    visibility: hidden; 
    pointer-events: none; 
}

body[data-clnav-layout="meganav"][data-clnav-toggle="overflowON"] .cl-mega-row > a { 
    padding-left: 35px; 
    padding-right: 35px; 
}

body[data-clnav-layout="meganav"][data-clnav-toggle$="ON"] .cl-mega-nav {
    gap: 0px;
    padding: var(--meganav-margin-top) 0px var(--meganav-margin-bottom) 0px;
    overflow-x: hidden;
    overflow-y: auto;
}

body[data-clnav-layout="meganav"][data-clnav-toggle="ON"][data-clnav-orientation="horizontal"] { 
    padding-bottom: 0px; 
}
body[data-clnav-layout="meganav"][data-clnav-toggle="ON"][data-clnav-orientation="horizontal"] .cl-nav-section.mega .container {
    grid-template-areas: "meganav";
}
body[data-clnav-layout="meganav"][data-clnav-toggle="ON"][data-clnav-orientation="horizontal"] .cl-mega-nav {
    gap: var(--nav-space-row) var(--meganav-space-col);
    position: relative; 
    width: 100%;
    flex-direction: row; 
    flex-wrap: wrap;
    justify-content: var(--meganav-align);
    text-align: var(--meganav-align);
}

body[data-clnav-layout="meganav"][data-clnav-toggle$="ON"][data-clnav-orientation="vertical"] .clnav-overlay-meganav,
body[data-clnav-layout="meganav"][data-clnav-toggle$="ON"][data-clnav-orientation="vertical"] .cl-mega-nav {
    gap: var(--nav-space-row) 0px;
    position: absolute;
    top: var(--clnav-bline-final-width, 0px);
    left: 0px;
    height: calc(100vh - var(--dsgnbody-top, var(--clnav-bottom, var(--clnav-h))));
    width: calc(var(--nav-w) + (var(--meganav-tline-final-width) * 2));
    flex-direction: column;
    flex-wrap: nowrap;
    border: var(--meganav-tline-final-width) var(--meganav-tline-style) var(--meganav-tline-color);
    border-top: none;
    border-bottom: none;
    -webkit-box-shadow: var(--meganav-shadow-final);
    box-shadow: var(--meganav-shadow-final);
}


@media only screen and (min-width: 769px) {

    .cl-nav[data-layout="meganav"] .cl-nav-section.main {
        padding-top: var(--block-padding-top);
        padding-bottom: var(--block-padding-bottom);
    }

    body[data-clnav-layout="meganav"][data-clnav-toggle="ON"][data-clnav-orientation="horizontal"]:is([data-clnav-mega="open"], [data-bcmodal-preview="clnavsub"]) .cl-nav-section.mega {
        border-top: var(--clnav-bline-final-width) var(--clnav-bline-style) var(--clnav-bline-color); 
    }
    body[data-clnav-layout="meganav"][data-clnav-toggle="overflow"][data-clnav-orientation="horizontal"]:is([data-clnav-mega="open"], [data-bcmodal-preview="clnavsub"]) .cl-nav-section.mega {
        border-top: var(--meganav-tline-final-width) var(--meganav-tline-style) var(--meganav-tline-color); 
    }

    .cl-nav[data-layout="meganav"] .cl-nav-section.mega .container { 
        display: grid; 
        grid-template-rows: auto; 
        gap: var(--layout-space-row) var(--layout-space-col); 
    }

    /* meganav layout 1,2 */
    .cl-nav[data-layout="meganav"][data-layout-pattern="2row/2col/brand--/nav--fix"] .cl-nav-section.mega .container,
    .cl-nav[data-layout="meganav"][data-layout-pattern="2row/2col/-brand-/nav--fix"] .cl-nav-section.mega .container {
        grid-template-columns: 1fr auto;
        grid-template-areas: "meganav megafix";
    }
    /* meganav layout 3 */
    .cl-nav[data-layout="meganav"][data-layout-pattern="2row/4col/-brand-/-nav-fix"] .cl-nav-section.mega .container {
        grid-template-columns: 1fr auto auto 1fr;
        grid-template-areas: ". meganav meganav megafix";
    }

    /* meganav layout 4 */
    .cl-nav[data-layout="meganav"][data-layout-pattern="2row/3col/--brand/nav--fix"] .cl-nav-section.mega .container {
        grid-template-columns: 1fr auto max-content;
        grid-template-areas: "meganav meganav megafix";
    }

    body[data-clnav-layout="meganav"][data-clnav-toggle][data-clnav-orientation="horizontal"] .cl-nav {
        max-height: calc(100vh - var(--cleditor-h, 0px));
        overflow-y: var(--clnav-overflow-y, visible);
    }
    html.openElMenuConfig body[data-clnav-layout="meganav"][data-clnav-toggle][data-clnav-orientation="horizontal"] .cl-nav {
        max-height: 60vh;
        overflow-y: var(--clnav-overflow-y, visible);
    }
    body[data-clnav-layout="meganav"][data-clnav-toggle][data-clnav-orientation="horizontal"]:not([data-clnav-mega="open"]):not([data-bcmodal-preview="clnavsub"]) .cl-nav { overflow-y: visible; }
    body[data-clnav-layout="meganav"][data-clnav-toggle][data-clnav-orientation="horizontal"][data-bcmodal-preview="clnavsub"] .cl-nav { 
        /* overflow-y: scroll; */
        margin-right: calc(-1 * var(--scrollbar-w));
    }
    body[data-clnav-layout="meganav"][data-clnav-toggle="overflow"] .cl-mega-col {
        padding-top: var(--meganav-margin-top);
        padding-bottom: var(--meganav-margin-bottom);
    }

    body[data-clnav-layout="meganav"][data-clnav-toggle="overflowON"] .cl-nav:not(.cl-sample) { --nav-w: 350px; }
    body[data-clnav-layout="meganav"][data-clnav-toggle="overflowON"] .cl-nav-section.main .container {
        grid-template-columns: auto 1fr auto;
        grid-template-rows: auto;
        grid-template-areas: "toggle brand fix";
    }
    body[data-clnav-layout="meganav"][data-clnav-toggle="overflowON"] .cl-nav-section.main .cl-nav-toggle { margin: 0px!important; display: flex; pointer-events: auto; }
    body[data-clnav-layout="meganav"][data-clnav-toggle="overflowON"] .cl-nav-section.main .cl-nav-brand { grid-column: auto !important; margin: 0 15px!important; justify-content: center!important; }
    body[data-clnav-layout="meganav"][data-clnav-toggle="overflowON"] .cl-nav-section.main .cl-fixnav-list { margin: 0px!important; justify-content: end; }
    body[data-clnav-layout="meganav"][data-clnav-toggle="overflowON"] .clnav-overlay-meganav,
    body[data-clnav-layout="meganav"][data-clnav-toggle="overflowON"] .cl-mega-nav { --nav-w: 300px; }

    body[data-clnav-layout="meganav"][data-clnav-toggle$="ON"][data-clnav-orientation="vertical"] .cl-nav-section.mega { 
        position: relative; 
        overflow: visible; 
        background-color: transparent; 
    }
    .openElConfig body[data-clnav-toggle$="ON"] .cl-nav[data-layout="meganav"].cl-nav-section.mega { z-index: 1031; }
    body[data-clnav-layout="meganav"][data-clnav-toggle$="ON"][data-clnav-orientation="vertical"] .cl-nav-section.mega .container { grid-template-columns: auto; grid-template-areas: none; }

    body[data-clnav-layout="meganav"] .cl-nav-caret,
    body[data-clnav-layout="meganav"] .cl-subnav-wrap,
    body[data-clnav-layout="meganav"][data-clnav-toggle$="ON"] .cl-nav-section.main .cl-nav-list,
    body[data-clnav-layout="meganav"][data-clnav-toggle$="ON"] .cl-nav-section.mega .cl-mega-fixnav {
        display: none !important;
        pointer-events: none;
    }
}
@media only screen and (max-width: 768px) {
    body[data-clnav-layout="meganav"] .cl-nav-section.mega {
        display: none;
        pointer-events: none;
    }
}


/************************************************************************************************************************************************************************************/
/* 
    body[data-clnav-layout="sidenav"]
        > .cl-nav[data-layout="sidenav"][data-behavior="dropdown-right"]
        > .cl-nav[data-layout="sidenav"][data-behavior="dropdown-inline"]
*/
[data-clnav-layout="sidenav"] {
    --sidenav-w: 260px; 
    --sidenav-dropdown-t: auto;
}
[data-layout="sidenav"] {
    --layout-space-row: 0px; 
    --layout-space-col: 0px;

    --brand-margin-leftright: 30px;
    --brand-margin-bottom: 50px;
    --brand-text-maxh: 30vh;

    --fixnav-margin-leftright: 30px;
    --fixnav-margin-bottom: 20px;

    --nav-space-row: 0px;
    --nav-space-col: 0px;
    --nav-padding-row: 11px;
    --nav-padding-col: 30px;

    --subnav-padding-row: 10px;
    --subnav-padding-col: 40px;
}

html._elviewer body[data-clnav-layout="sidenav"] .elviewwrap { 
    position:relative; 
    height: 100vh; 
    top: 0px;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.cl-nav[data-layout="sidenav"] .cl-nav-list {
    flex-direction: column; 
    min-height: 0; 
    height: 100%; 
    z-index: 10;
    overflow: auto;
}
.cl-nav[data-layout="sidenav"] .cl-nav-list {
	--scrollbar-w: 6px;
	--scrollbar-track-color: var(--block-bgcolor);
	--scrollbar-thumb-color: #d1d3d5;
	/*--scrollbar-thumb-color: color-mix(in srgb, var(--nav-color) 20%, transparent); */
	--scrollbar-thumb-border-radius: 6px;
	--scrollbar-direction: rtl;
	--scrollbar-unicode-bidi: normal;
}

.cl-nav[data-layout="sidenav"] .cl-nav-item { 
    width: 100%; 
}
.cl-nav[data-layout="sidenav"] .cl-nav-item > a {
	--scrollbar-direction: ltr;
	--scrollbar-unicode-bidi: isolate;
    direction: ltr;
    unicode-bidi: isolate;
}

.cl-nav[data-layout="sidenav"] .cl-fixnav-list._bottom .cl-fixsubnav-wrap {
    top: unset;
    left: 50%; 
    bottom: 100%;
}

.cl-nav[data-layout="sidenav"][data-behavior="dropdown-right"] .cl-subnav-wrap { 
    position: fixed;
    top: var(--sidenav-dropdown-t, auto);
    left: var(--sidenav-w);
    width: auto;
}

.cl-nav[data-layout="sidenav"][data-behavior="dropdown-inline"] .cl-subnav-wrap { 
    position: relative; 
    z-index: auto; 
    top: unset;
    left: unset;
    transform: none;
    right: 0;
}
.cl-nav[data-layout="sidenav"][data-behavior="dropdown-inline"] .cl-fixsubnav-item > a, 
.cl-nav[data-layout="sidenav"][data-behavior="dropdown-inline"] .cl-subnav-item > a { 
    white-space: inherit; 
}
.cl-nav[data-layout="sidenav"] .cl-fixnav-list._bottom .cl-fixnav-item.dropdown:hover .cl-fixnav-arrow .cl-icon {
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
    margin-bottom: -1px;
}

@media only screen and (min-width: 769px) {
    body[data-clnav-layout="sidenav"] {
        margin-left: var(--sidenav-w);
        margin-right: 0px;
        width: auto;
    }
    .cl-nav[data-layout="sidenav"] {
        border-right: var(--clnav-bline-final-width) var(--clnav-bline-style) var(--clnav-bline-color); 
    }

    body[data-clnav-layout="sidenav"] .editor-navbar,
    body[data-clnav-layout="sidenav"] .cl-bandBanner {
        width: calc(100% + var(--sidenav-w));
        max-width: calc(100% + var(--sidenav-w));
        -webkit-transform: translateX(calc(-1 * var(--sidenav-w)));
        -moz-transform: translateX(calc(-1 * var(--sidenav-w)));
        -ms-transform: translateX(calc(-1 * var(--sidenav-w)));
        -o-transform: translateX(calc(-1 * var(--sidenav-w)));
        transform: translateX(calc(-1 * var(--sidenav-w)));
    }
    body[data-clnav-layout="sidenav"] .cl-bandBanner { z-index: 27 !important; }

    html._elviewer body[data-clnav-layout="sidenav"] { --bandBanner-height-pc: 0px; margin-top: 0; margin-left: 0; margin-bottom: 0; }
    html._elviewer .cl-nav[data-layout="sidenav"] { width: var(--sidenav-w); }

    body[data-clnav-layout="sidenav"] .cl-menu {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        width: var(--sidenav-w);
        height: auto;
    }
    .cl-nav[data-layout="sidenav"] {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0px!important;
    }
    .cl-nav[data-layout="sidenav"]:not(.cl-sample) .cl-nav-section.main {
        padding-top: var(--block-padding-top);
        padding-bottom: var(--block-padding-bottom);
        height: calc(100% - var(--dsgnbody-top, var(--cleditor-h, 0px)));
    }
    .cl-nav[data-layout="sidenav"] .cl-nav-section.main .container {
        height: 100%;
        grid-template-columns: 1fr;
        grid-template-rows: auto auto 1fr auto;
        grid-template-areas: "brand" "fix" "nav" "fixbottom";
        gap: 0px;
    }

    .cl-nav[data-layout="sidenav"] .cl-nav-section.main .cl-nav-brand:not(.off) { margin: 0px var(--brand-margin-leftright) var(--brand-margin-bottom); }
    .cl-nav[data-layout="sidenav"] .cl-nav-section.main .cl-fixnav-list:not(._bottom) { margin: 0px var(--fixnav-margin-leftright) var(--fixnav-margin-bottom); }
    .cl-nav[data-layout="sidenav"] .cl-nav-section.main .cl-fixnav-list { margin-left: 30px; margin-right: 30px; }
    .cl-nav[data-layout="sidenav"] .cl-nav-option[data-layout-pattern-fixlang^="4-"] ~ .cl-nav-section.main .cl-fixnav-list._bottom { 
        grid-area: fixbottom;
        padding-top: 20px;
    }

    .cl-nav[data-layout="sidenav"] .cl-nav-option[data-layout-pattern-nav$="left"] ~ .cl-nav-section .cl-nav-item > a { justify-content: left; text-align: left; }
    .cl-nav[data-layout="sidenav"] .cl-nav-option[data-layout-pattern-nav$="center"] ~ .cl-nav-section .cl-nav-item > a { justify-content: center; text-align: center; }
    .cl-nav[data-layout="sidenav"] .cl-nav-option[data-layout-pattern-nav$="right"] ~ .cl-nav-section .cl-nav-item > a { justify-content: right; text-align: right; }

    body[data-clnav-layout="sidenav"] .cl-nav-caret[data-position="right"] { position: absolute; right: var(--nav-padding-col); }
}
@media only screen and (max-width: 768px) {
}



/************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************/
.cl-nav .cl-nav-option[data-fixnav-size="medium"] ~ .cl-nav-section { 
    --fixnav-fsize: 14px;
    --fixnav-icon-maxh: 32px;
    --fixnav-icon-minh: 18px;

    --fixsubnav-padding-row-edge: 6px;
    --fixsubnav-padding-row: 6px;
    --fixsubnav-fsize: 14px;
}
.cl-nav .cl-nav-option[data-fixnav-size="large"] ~ .cl-nav-section { 
    --fixnav-fsize: 16px;
    --fixnav-icon-maxh: 36px;
    --fixnav-icon-minh: 20px;

    --fixsubnav-padding-row-edge: 7px;
    --fixsubnav-padding-row: 7px;
    --fixsubnav-fsize: 16px;
}

[data-fixnav-set-style="1"] { --fixnav-space-row: 10px; --fixnav-space-col: 20px; --fixnav-line: #707070; }
[data-fixnav-set-style="1"] .cl-fixnav-item { align-items: center; }
[data-fixnav-set-style="1"] .cl-fixnav-cart-active { font-family: Noto Sans; --fixnav-cart-active: '(' attr(data-cart-active) ')'; }
[data-fixnav-set-style="1"]:is([data-layout="topnav"],[data-layout="meganav"]) .cl-fixnav-list { gap: 0; }
[data-fixnav-set-style="1"]:is([data-layout="topnav"],[data-layout="meganav"]) .cl-fixsubnav-wrap { margin-left: calc(var(--fixnav-space-col) / 2); }
[data-fixnav-set-style="1"]:is([data-layout="topnav"],[data-layout="meganav"]) .cl-fixnav-item:not(.hide) ~ li:before { 
    content: ' '; 
    display: inline-block; 
    position: relative; 
    margin:  0px calc(var(--fixnav-space-col) / 2) -2px; 
    width: 1px; 
    height: var(--fixnav-fsize); 
    border-left: 1px solid var(--fixnav-line); 
}
[data-fixnav-set-style="1"] .cl-nav-option[data-fixnav-size="medium"] ~ .cl-nav-section .cl-fixnav-cart-active { --fixnav-cart-margin-top: -2px; }

[data-fixnav-set-style="2"] { --fixnav-space-row: 10px; --fixnav-space-col: 20px; --fixnav-textdecoration: capitalize; --fixnav-color: #70706F; --fixnav-color-active: #70706F; }
[data-fixnav-set-style="2"] .cl-fixnav-cart-active { --fixnav-cart-margin-left: 5px; --fixnav-cart-textdecoration: underline; }

[data-fixnav-set-style="3"] .cl-fixnav-cart-active::after,
[data-fixnav-set-style="4"] .cl-fixnav-cart-active::after,
[data-fixnav-set-style="5"] .cl-fixnav-cart-active::after,
[data-fixnav-set-style="6"] .cl-fixnav-cart-active::after,
[data-fixnav-set-style="10"] .cl-fixnav-cart-active::after {
    padding: 1px 0.4em 2px;
    line-height: 1em;
    -webkit-border-radius: 1.25em;
    border-radius: 1.25em;
    box-sizing: border-box;
    color: #fff;
    background-color: var(--fixnav-point);
}

[data-fixnav-set-style="3"] { --fixnav-space-row: 10px; --fixnav-space-col: 20px; --fixnav-color: #70706F; --fixnav-color-active: #70706F; --fixnav-cart-margin-bottom: -1px; --fixnav-cart-fsize: 10px; }
[data-fixnav-set-style="3"] .cl-nav-option[data-fixnav-size="medium"] ~ .cl-nav-section .cl-fixnav-cart-active { --fixnav-cart-margin-bottom: 1px; --fixnav-cart-fsize: 13px; }
[data-fixnav-set-style="3"] .cl-nav-option[data-fixnav-size="large"] ~ .cl-nav-section .cl-fixnav-cart-active { --fixnav-cart-margin-bottom: -1px; --fixnav-cart-fsize: 15px; }

[data-fixnav-set-style="4"] .cl-fixnav-cart-active { --fixnav-cart-margin-left: -12px; --fixnav-cart-margin-bottom: -12px; --fixnav-cart-fsize: 10px; }
[data-fixnav-set-style="4"] .cl-nav-option[data-fixnav-size="medium"] ~ .cl-nav-section .cl-fixnav-cart-active { --fixnav-cart-margin-left: -13px; --fixnav-cart-margin-bottom: -13px; --fixnav-cart-fsize: 13px; }
[data-fixnav-set-style="4"] .cl-nav-option[data-fixnav-size="large"] ~ .cl-nav-section .cl-fixnav-cart-active { --fixnav-cart-margin-left: -15px; --fixnav-cart-margin-bottom: -15px; --fixnav-cart-fsize: 15px; }

[data-fixnav-set-style="5"] .cl-fixnav-cart-active { --fixnav-cart-margin-left: -10px; --fixnav-cart-margin-top: -15px; --fixnav-cart-fsize: 10px; }
[data-fixnav-set-style="5"] .cl-nav-option[data-fixnav-size="medium"] ~ .cl-nav-section .cl-fixnav-cart-active { --fixnav-cart-margin-left: -12px; --fixnav-cart-margin-top: -17px; --fixnav-cart-fsize: 13px; }
[data-fixnav-set-style="5"] .cl-nav-option[data-fixnav-size="large"] ~ .cl-nav-section .cl-fixnav-cart-active { --fixnav-cart-margin-left: -15px; --fixnav-cart-margin-top: -20px; --fixnav-cart-fsize: 15px; }

[data-fixnav-set-style="6"] .cl-fixnav-cart-active { --fixnav-cart-margin-left: -9px; --fixnav-cart-margin-top: -22px; --fixnav-cart-fsize: 10px; }
[data-fixnav-set-style="6"] .cl-nav-option[data-fixnav-size="medium"] ~ .cl-nav-section .cl-fixnav-cart-active { --fixnav-cart-margin-left: -10px; --fixnav-cart-margin-top: -23px; --fixnav-cart-fsize: 13px; }
[data-fixnav-set-style="6"] .cl-nav-option[data-fixnav-size="large"] ~ .cl-nav-section .cl-fixnav-cart-active { --fixnav-cart-margin-left: -11px; --fixnav-cart-margin-top: -26px; --fixnav-cart-fsize: 15px; }

[data-fixnav-set-style="7"] { --fixnav-space-col: 8px; }

[data-fixnav-set-style="8"] { --fixnav-space-row: 4px; --fixnav-name-margin-left: 0px; }
[data-fixnav-set-style="8"] .cl-fixnav-cart-active { font-family: Noto Sans; --fixnav-cart-active: '(' attr(data-cart-active) ')'; }
[data-fixnav-set-style="8"] .cl-nav-option[data-fixnav-size="medium"] ~ .cl-nav-section .cl-fixnav-cart-active { --fixnav-cart-margin-top: -2px; }

[data-fixnav-set-style="9"] { --fixnav-cart-margin-left: 0px; }

[data-fixnav-set-style="10"] .cl-fixnav-cart-active { --fixnav-cart-margin-left: -12px; --fixnav-cart-margin-top: -15px; --fixnav-cart-fsize: 10px; }
[data-fixnav-set-style="10"] .cl-nav-option[data-fixnav-size="medium"] ~ .cl-nav-section .cl-fixnav-cart-active { --fixnav-cart-margin-left: -14px; --fixnav-cart-margin-top: -17px; --fixnav-cart-fsize: 13px; }
[data-fixnav-set-style="10"] .cl-nav-option[data-fixnav-size="large"] ~ .cl-nav-section .cl-fixnav-cart-active { --fixnav-cart-margin-left: -15px; --fixnav-cart-margin-top: -18px; --fixnav-cart-fsize: 15px; }


[data-fixnav-lang-style="3"] .cl-fixnav-item.lang > a { 
    min-width: var(--fixnav-icon-maxh); 
    margin: 1px 0px;
    padding: 0px 0.4em 0px 0.7em; 
    border: 1px solid var(--fixnav-color); 
}
[data-fixnav-lang-style="3"] .cl-fixnav-item.lang:hover > a,
[data-fixnav-lang-style="3"] .cl-fixnav-item.lang.active > a { border-color: var(--fixnav-color-active); }
[data-fixnav-lang-style="4"] .cl-fixnav-item.lang > a { 
    min-width: var(--fixnav-icon-maxh); 
    margin: 2px 0px;
    padding: 0px 0.5em 0px 0.7em; 
    border: 1px solid var(--fixnav-color); 
    -moz-border-radius: 1em; 
    border-radius: 1em; 
}
[data-fixnav-lang-style="4"] .cl-fixnav-item.lang:hover > a,
[data-fixnav-lang-style="4"] .cl-fixnav-item.lang.active > a { border-color: var(--fixnav-color-active); }
[data-fixnav-lang-style="6"] .cl-fixnav-item.lang { --fixnav-name-margin-left: 0px; }
[data-fixnav-lang-style="7"] .cl-fixnav-item.lang { --fixnav-icon-maxh-offset: 3px; }
[data-fixnav-lang-style="8"] .cl-fixnav-item.lang { --fixnav-icon-maxh-offset: 2px; }
[data-fixnav-lang-style="9"] .cl-fixnav-item.lang { --fixnav-icon-maxh-offset: 1px; }
[data-fixnav-lang-style="10"] .cl-fixnav-item.lang {--fixnav-cart-margin-left: -1em; --fixnav-cart-margin-top: -0.2em; }
[data-fixnav-lang-style="10"] .cl-fixnav-item.lang > a { 
    aspect-ratio: 1 / 1; 
    min-width: var(--fixnav-icon-maxh); 
    padding: 3px; 
    border: 1px solid var(--fixnav-color); 
    -moz-border-radius: 50%; 
    border-radius: 50%;
}
[data-fixnav-lang-style="11"] .cl-fixnav-item.lang { --fixnav-icon-maxh-offset: 2px; }


@media only screen and (min-width: 769px) {
    body[data-clnav-layout="sidenav"] .cl-nav:is([data-fixnav-set-style="1"],[data-fixnav-set-style="2"],[data-fixnav-set-style="3"],[data-fixnav-set-style="8"]) .cl-fixnav-list { 
        flex-direction: column; 
    }
    body[data-clnav-layout="sidenav"] .cl-nav:is([data-fixnav-set-style="1"],[data-fixnav-set-style="2"],[data-fixnav-set-style="3"],[data-fixnav-set-style="8"]) .cl-nav-option[data-layout-pattern-fix$="left"] ~ .cl-nav-section.main .cl-fixnav-list { 
        align-items: start;
    }
    body[data-clnav-layout="sidenav"] .cl-nav:is([data-fixnav-set-style="1"],[data-fixnav-set-style="2"],[data-fixnav-set-style="3"],[data-fixnav-set-style="8"]) .cl-nav-option[data-layout-pattern-fix$="center"] ~ .cl-nav-section.main .cl-fixnav-list { 
        align-items: center;
    }
    body[data-clnav-layout="sidenav"] .cl-nav:is([data-fixnav-set-style="1"],[data-fixnav-set-style="2"],[data-fixnav-set-style="3"],[data-fixnav-set-style="8"]) .cl-nav-option[data-layout-pattern-fix$="right"] ~ .cl-nav-section.main .cl-fixnav-list { 
        align-items: end;
    }
    body[data-clnav-layout="sidenav"] .cl-nav:is([data-fixnav-set-style="1"],[data-fixnav-set-style="2"],[data-fixnav-set-style="3"],[data-fixnav-set-style="8"]) .cl-fixnav-list:not(._bottom) .cl-fixsubnav-wrap {
        --dropdown-x: 0;
        --dropdown-y: 0;
        left: 100%; top: 0; right: 0; bottom: unset;
        padding: var(--fixsubnav-position-x) 0px 0px var(--fixsubnav-position-y);
    }
}

/************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************/
/*
[data-nav-style="line|dot|marker"] 
*/

.navstyle-sample-item {
	--nav-w: auto;
	--nav-maxw: unset;
	--nav-minh: 140;
	--nav-space-row: 0px;
	--nav-space-col: 30px;
    --nav-padding-row: 5px;
    --nav-padding-col: 0px;
	--nav-fname: Noto Sans KR;
	--nav-fsize: 12px;
	--nav-fweight: 400;
	--nav-letterspacing: 0em;
	--nav-lineheight: 140%;
	--nav-fstyle: normal;
	--nav-textdecoration: none;
	--nav-textalign: center;
}

[data-nav-style] {
    --nav-style-type: none;
    --nav-style-active: #9db4d3;
    /* 
    --nav-style-property: all;
    --nav-style-duration: 0s;
    --nav-style-timing: ease;
    --nav-style-delay: 0s; 
    --nav-style-final: 
        var(--nav-style-property)
        var(--nav-style-duration)
        var(--nav-style-timing)
        var(--nav-style-delay); */
}

[data-nav-style] .cl-mega-nav::before,
[data-nav-style] .cl-mega-nav::after,
[data-nav-style] .cl-mega-col::before,
[data-nav-style] .cl-mega-col::after,
[data-nav-style] .cl-mega-row::before,
[data-nav-style] .cl-mega-row::after,
[data-nav-style] .cl-nav-list::before,
[data-nav-style] .cl-nav-list::after,
[data-nav-style] .cl-nav-item::before,
[data-nav-style] .cl-nav-item::after,
[data-nav-style] .cl-nav-name::before,
[data-nav-style] .cl-nav-name::after {
    pointer-events: none;
}


[data-nav-style="none"] {
    --nav-style-type: none;
    --nav-style-duration: 0.3s;
    --nav-style-timing: cubic-bezier(.4,0,.2,1);
}
[data-nav-style="none"] .cl-mega-row:not([data-parent]) > a,
[data-nav-style="none"] .cl-nav-item > a {
    transition: color var(--nav-style-duration) var(--nav-style-timing);
}

[data-nav-style^="bgcolor"] {
    --nav-style-type: bgcolor;
	--nav-padding-row: 8px;
	--nav-padding-col: 15px;
}
[data-nav-style^="bgcolor"] .cl-mega-row:not([data-parent]) > a,
[data-nav-style^="bgcolor"] .cl-nav-item > a {
    transition: background-color var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style^="bgcolor"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) > a,
[data-nav-style^="bgcolor"] .cl-nav-item:is(:hover, .hover, .active, .open) > a {
    background-color: var(--nav-style-active);
}

/*면 7. https://ailey.org/?ref=siteinspire */
[data-nav-style="bgcolor1"] {
    --nav-style-duration: 0.3s;
    --nav-style-timing: ease
}
[data-nav-style="bgcolor2"] {
    --nav-style-duration: 0.3s;
    --nav-style-timing: ease
}
[data-nav-style="bgcolor2"] .cl-mega-row:not([data-parent]) > a,
[data-nav-style="bgcolor2"] .cl-nav-item > a { border-radius: .5rem; }


[data-nav-style^="fill"] {
    --nav-style-type: fill;
}
/*면 4. https://www.vastspace.com/?ref=siteinspire */
[data-nav-style="fill1"] {
    --nav-padding-row: 8px;
    --nav-padding-col: 15px;
    --nav-style-duration: 0.65s;
    --nav-style-timing: cubic-bezier(0.62, 0.05, 0.01, 0.99);
}
[data-nav-style="fill1"] .cl-mega-row:not([data-parent]) > a::before,
[data-nav-style="fill1"] .cl-nav-item > a::before {
    content: '';
    position: absolute;
    right: 0; bottom: 0; left: 0;

    width: 100%; height: 100%;
    background-color: var(--nav-style-active);

    transform: scaleY(0);
    transform-origin: top;

    transition: transform var(--nav-style-duration) var(--nav-style-timing);
    z-index: 0;
}
[data-nav-style="fill1"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) > a::before,
[data-nav-style="fill1"] .cl-nav-item:is(:hover, .hover, .active, .open) > a::before {
    transform: scaleY(1);
    transform-origin: bottom;
}

/* 면 5. (효과 O / 라인 X) https://www.motherdesign.com/?ref=siteinspire */
[data-nav-style="fill2"] {
    --nav-padding-row: 8px;
    --nav-padding-col: 15px;
    --nav-style-duration: 0.3s;
    --nav-style-timing: cubic-bezier(.4,0,.2,1);
}
[data-nav-style="fill2"] .cl-mega-row:not([data-parent]) > a::before,
[data-nav-style="fill2"] .cl-nav-item > a::before {
    content: '';
    position: absolute;
    right: 0; bottom: 0; left: 0;

    width: 100%; height: 100%;
    background-color: var(--nav-style-active);

    transform: scaleY(0);
    transform-origin: bottom;

    transition: transform var(--nav-style-duration) var(--nav-style-timing);
    z-index: 0;
}
[data-nav-style="fill2"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) > a::before,
[data-nav-style="fill2"] .cl-nav-item:is(:hover, .hover, .active, .open) > a::before {
    transform: scaleY(1);
}


/* 면 6. (라운딩값 5~10px 정도만) https://www.boosters.kr/ */
[data-nav-style="fill3"] {
    --nav-padding-row: 8px;
    --nav-padding-col: 15px;
    --nav-style-property: left;
    --nav-style-duration: 0.35s;
    --nav-style-timing: ease-out;
}
body:is(
    [data-clnav-layout="sidenav"],
    [data-clnav-layout="meganav"][data-clnav-toggle$="ON"][data-clnav-orientation="vertical"]
) [data-nav-style="fill3"] {
    --nav-style-property: top;
}
[data-nav-style="fill3"] .cl-mega-nav::after,
[data-nav-style="fill3"] .cl-nav-list::after {
    content: '';
    position: absolute;
    top: var(--nav-style-y, 0px); left: var(--nav-style-x, 0px);

    width: var(--nav-style-w, 0px); height: var(--nav-style-h, 0px);
    background-color: var(--nav-style-active);
    border-radius: .5rem;
    display: none;

    transition: var(--nav-style-property) var(--nav-style-duration) var(--nav-style-timing);
    z-index: 0;
}
[data-nav-style="fill3"] .cl-mega-row:not([data-parent]),
[data-nav-style="fill3"] .cl-nav-item {
    z-index: 1;
}
[data-nav-style="fill3"] .cl-mega-row:not([data-parent]) > a,
[data-nav-style="fill3"] .cl-mega-row:not([data-parent]):is(.active, .open) > a,
[data-nav-style="fill3"] .cl-nav-item > a,
[data-nav-style="fill3"] .cl-nav-item:is(.active, .open) > a { 
    color: var(--nav-color); 
    fill: var(--nav-color); 

    transition: color var(--nav-style-duration) var(--nav-style-timing) calc(var(--nav-style-duration) / 2);
}
[data-nav-style="fill3"][data-nav-style-focus] .cl-mega-row:not([data-parent]):is(:hover, .hover, .last-hover) > a,
[data-nav-style="fill3"][data-nav-style-focus] .cl-nav-item:is(:hover, .hover, .last-hover) > a { 
    color: var(--nav-color-active); 
    fill: var(--nav-color-active); 
}
[data-nav-style="fill3"][data-nav-style-focus] .cl-mega-nav::after,
[data-nav-style="fill3"][data-nav-style-focus] .cl-nav-list::after {
    opacity: 1;
    display: block;
}

/* 면 8. (브러쉬 고정 / 투명도 10 -> 100%) https://follow.art */
[data-nav-style="_holdoff_fill"] {
    --nav-style-type: fill;
    --nav-style-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 26' width='56' height='26'><path fill='currentColor' d='m22.96 3.01.19-.07c-.17-.19-.15.03-.19.07'/><path fill='currentColor' d='M53.73 9.68s-.23-.02-.26-.06c-.02-.02.06-.13.05-.14-.02-.02-.11.03-.09-.05l.14-.1-.19-.14.19.05c.02-.23-.02-.1-.11-.11-.07 0-.14-.08-.22-.08 0-.11.17 0 .19-.07.04-.15-.24.02-.19-.17.08.05.1.04.19.02.1-.02.26-.09.14-.2-.04-.04-.21-.07-.29-.11-.1-.05-.2-.18-.23-.2-.13-.05-.35-.06-.48-.13-.06-.03 0-.17-.13-.14.01-.09.18-.06.25-.1.04-.02.03-.08.07-.09.08-.02.28.02.3-.1-.4-.07-.72-.42-1.09-.55-.17-.06-.39-.05-.57-.12.04-.39.29-.09.4-.09.03 0 .01-.14.09-.1l.36.14c.02-.09-.04-.12-.11-.15-.13-.07-.36-.15-.51-.18l.09-.09c-.23-.07-.5-.06-.73-.11-.11-.02-.39-.17-.49-.16-.04 0-.09.08-.19.08-.42 0-.91-.05-1.33-.05-.25 0-.46.06-.69 0l.24-.14-.28-.05c-.02-.06.1-.08.13-.08.11 0 .24.04.37.04.18 0 .15-.1.28.05l.69-.1c-.12-.26-.31-.11-.5-.14-.08-.01-.16-.11-.26-.09l.14-.09-.24-.05c.11.03.16-.02.24-.05h-.19v-.05c.05 0 .09-.03.14-.05 0-.01.01-.06-.01-.08-.06-.05-.3.02-.28-.16l-.05.09-.14-.04c.09-.23.39-.02.48-.19-.18-.01-.36-.1-.52-.05.1-.21.04-.11-.11-.14-.03 0-.09-.17-.2-.14l.07.14h-.33l.14.1v.14c-.17-.01-.37-.04-.54-.04-.09 0-.21.11-.27-.05.17-.01.43.03.58-.05.04-.02.16-.21.13-.24-.01-.01-.28 0-.36 0a5 5 0 0 0-.86 0c-.6.04-1.22.11-1.81.12-.12 0-.29-.09-.43-.1-.52-.02-1.16.14-1.67.12-.22 0-.42-.13-.64-.1l.31-.12.07-.07-1.38.09.05-.09c-.4-.1-.8.06-1.19-.1h.29c.03-.19-.29-.06-.38-.1-.02-.07.19-.07.22-.07.08 0 .16.06.24.07.89.09 1.78.04 2.66.02.4-.01.81 0 1.21-.01 0-.08-.27-.03-.1-.12.03-.02.47-.07.55-.07.26-.02.56.05.8.05.74.01 1.44-.07 2.17-.1l-.32-.08c-.75-.08-1.53.03-2.27-.1-.02 0-.01.09-.05.09-.11.02-.63-.03-.89 0-.42.06-.87.14-1.3.18-.92.09-1.72-.07-2.62-.14-.48-.04-.86-.15-1.33-.14-.4 0-.77 0-1.15-.05-.79-.08-1.84-.22-2.61-.13-.05 0-.14.01-.13.08.4.04.85.01 1.23.17.22.09.21.2-.03.17-.03 0-.06-.04-.12-.04-.08 0-.31.09-.32.08-.03-.04.09-.16.02-.19-.17.05-.09.13-.12.19-.01.03-.27-.08-.29-.05-.01.03.01.12 0 .14 0 .02-.12-.04-.17-.04-.4.02-1.06.03-1.46-.03-.05 0-.36-.1-.37-.12v-.09l.19.05-.1-.17.19-.12c-.16.03-.04-.08-.05-.1 0 0-.1 0-.15-.01-.07-.02-.14-.13-.22-.07-.22.16-.29.05-.55.08-.08.01-.14.07-.2.08-.07 0-.22-.07-.26-.03-.02.01.17.14 0 .21l.09.02c-.09.06-.05.18-.05.18-.06.06-.33-.03-.5-.01l.12-.03-.14-.09.38-.05c.01-.1-.16-.02-.19-.05-.02-.03.01-.12 0-.14-.02-.02-.09.1-.17.1-.01 0-.03-.12-.2-.13h-.63l.1-.06c.02-.08-.11-.02-.1-.07.05-.15.22.05.24.02.07-.12.07-.17.26-.09l.03-.1c.08-.02.02.1.07.1.06 0 .13-.05.19-.05.1 0 .19.06.3 0l-.27-.13c-.39.14-.85-.05-1.23-.05-.15 0-.3.15-.26-.1l-.05.1h-.14l.05-.09h-.36l.21.09c-.16-.01-.34.02-.5 0-.16-.01-.3-.1-.43-.1-.17 0-.38.1-.56.05-.04 0-.02-.09-.06-.1-.11 0-.3.01-.42.02-.34.02-.74.01-1.1-.02-.1 0-.18-.12-.31-.05l.19-.24c-.12-.04-.12.12-.15.14 0 0-.09-.04-.15-.03-.25.02-1.06-.02-1.19.04-.04.02-.03.08-.07.09-.15.04-.34 0-.49.05v-.14c-.16-.06-.04.2-.17.14-.06-.03-.14-.17-.19-.19-.02 0 0 .14-.23.1-.03 0-.04-.15-.17-.09l.19.19-.62-.05.14-.09c-.06 0-.13.01-.19 0v.14c-.08.02-.03-.1-.07-.09-.1.02-.19.08-.31.04-.01-.07.14-.08.18-.08.05 0 .18-.03.2-.01 0 0 0-.04-.04-.04-.05-.01-.24 0-.25-.07 0-.1.25-.02.28-.02-.09-.19-.34-.03-.5 0-.05 0-.17.04-.16-.04-.02.02-.14-.05-.09.09h.21c.06 0 .18-.04.17.05-.26.04-.54-.03-.78-.04-.07 0-.15.04-.24.04-.23 0-.7-.19-.95-.15-.04 0-.03.1-.06.1-.08 0-.29-.16-.26.04.29.07.57.07.86 0 0 .07-.17.11-.23.13-.19.05-.68.12-.89.11-.03 0-.02-.09-.06-.1l-.73.1c-.02-.14.03-.08.12-.1.23-.05.6-.04.7-.13 0 0 .35.09.18-.06-.02-.01-.33.03-.4.04-.04 0-.1-.04-.11-.03-.02.02.02.07-.03.09-.13.05.04-.17-.09-.1-.04.02-.05.09-.13.08-.03 0-.19-.02-.18-.08h.25l.23-.14c-.13.03-.28-.04-.4-.03-.29 0-.47.05-.77.02-.12-.01-.2-.02-.24-.13l-.05.1c-.2-.17.17-.1.22-.12.04-.02.07-.09.13-.11.08-.02.16 0 .22 0 .05-.01.04-.12.11-.14.04 0 .25.04.31 0 0 0-.05-.22-.06-.23-.04-.03-.21.02-.23-.1l.38-.05c.01-.07-.14-.07-.19-.07-.49-.04-1.11-.1-1.59-.07-.09 0-.05.08-.13.11a1 1 0 0 1-.51.04c-.02.14.03.08.12.09.22.04.48.02.71.05.05 0 .18.02.17.09-.13-.02-.28.08-.4.05-.04 0-.02-.11-.05-.1-.27.09-.29.07-.57.1-.11.01-.25.09-.34.09s-.19-.15-.31-.14l.09-.09c-.11-.03-.17.07-.26.09-.19.04-.15-.07-.2-.09-.29-.11-.72-.07-.99-.24-.04.17-.13.05-.28.04-.39 0-.8.02-1.19-.04l-.74.09c-.04.22.32.03.33.05.02.02-.07.12 0 .17.09.06.27-.03.29.07h-.74c-.11 0-.22.05-.31.1.09.02.47 0 .5.05.12.18-.14.19-.29.2-.12 0-.19-.05-.26-.05-.12.16-.12.04-.14.05-.13.02-.64.22-.72.31-.04.04-.05.19-.14.12-.01-.01.12-.19 0-.19l-.09.31.09.07c-.13-.01-.24.02-.29.14h.19c.07.11-.19.1-.1.19.01 0 .41-.1.24.05-.03.02-.56 0-.67.05 0 .08.11.05.14.12.02.05-.12-.01-.09.07.19.07.37-.12.43.14h-.24l.19.1c-.17 0-.42-.03-.52.14.16.02.32 0 .48-.05-.05.27-.21.25-.46.28-.09.01-.17 0-.26 0 .17.36.11.09.22.05s.62-.07.49.14c.16-.03.3.05.45.05.08 0 .13-.05.07-.1-.02-.02-.37.12-.43-.09.17-.02.47-.09.63-.05.05.01.04.09.08.12.01 0 .23.03.19.17l-3.28.14c-.01.09.08.02.13.06.02.02 0 .09.03.08.04-.01.08-.07.15-.08.06 0 .22.04.28.02.03 0 0-.12.14-.09.02 0 .02.09.05.1.11.03.67-.03.68 0 0 0-.05.07-.04.09 0 .01.06 0 .08.04.03.06.04.24.05.25.04.04.2-.05.19.05-.15-.04-.31.05-.44.04-.11 0-.25-.08-.36-.1-.29-.05-.52.05-.81-.03l.05.09-.21-.05-.03.1c-.22-.21-.19 0-.21 0-.25-.05-.44-.09-.72-.1-.31 0-.41.04-.68.09-.09.02-.68.07-.68.18.41.24-.14.18-.19.21 0 0-.05.08.05.08.11 0 .22.02.34.02l-.33.14c.21-.04.34.1.52.15-.1.14.04.04.05.14-.16 0-.28-.02-.4.1-.03.03-.03.16-.12.09 0 0 0-.17-.1-.09-.06.05 0 .22 0 .23-.02.02-.11-.03-.09.05h.19l.1.12c-.21.03.02.15.05.12.02-.03-.04-.11.05-.09-.03.3.22.12.24.14 0 0-.03.05-.02.09.07.22.17.11.32.15.06.02.09.09.13.1.1.05.29-.02.38.1-.02.07-.13-.04-.14-.02-.03.07.05.18-.17.19l.12-.19c-.19.05-.26-.01-.21.19l-.36.19.29-.05c.02.08-.14.01-.09.12.02.05.14.09.19.1.05 0 .3.02.35.02.15 0 .2-.15.27.1l-.43.05.19.19-.24-.05c-.02.19.53-.04.38.14-.05.06-.67.11-.79.1-.17-.02-.2-.13-.31-.17-.01 0-.23-.03-.23-.02-.1.09.15.1.09.14-.03.02-.49.11-.56.12-.36.02-.69-.11-1.02-.11-.37 0-.65.17-1.01.18-.21 0-.46-.08-.68-.04l1.31.28c.19-.04.56 0 .75.06.06.02.1.11.15.12.14.02.37-.04.52-.02.1.01.2.05.31.06.05 0 .14-.03.15-.02.05.05.04.07-.05.08-.14.01-.09.05-.05.16l-.52.05c-.02-.09.17 0 .05-.12-.05-.05-.11.1-.14.07-.04-.05.18-.14-.13-.18-.27-.03-.69-.09-.94-.09-.19 0-.6.06-.49.32-.13-.1-.08.05-.12.05s-.1-.05-.14-.05c-.53.01-1.12-.02-1.6.24-.15.08-.3.26-.42.35-.04.03-.1.02-.13.04-.03.03-.01.12-.08.18-.05.04-.2.04-.1.14h.4l-.19.14.29-.05c-.05.17-.17.14-.27.18-.05.02-.09.07-.15.09-.09.03-.22-.03-.14.14 0 0 .05 0 .06.02s-.02.07 0 .09c0 .01.21.12.26.14-.08.05-.1.32-.12.33-.06.06-.14.03-.17.05-.09.06.39.52.52.43-.08.29-.05.14.1.17.07.01.12.06.2.06.07 0 .25-.1.36-.08l-.33.1.19.09-.29.05.05.12-.14.02c0 .11.25.07.29.1.03.21-.05.11-.2.15-.12.03-.24.13-.37.13 0 .11.25.02.29.05v.14c-.03.05-.35.06-.43.05.03.11.08.05.12.05.16 0-.07.11-.07.12-.06.1.01.17-.19.18l.19.02-.09.09h.24c-.1.16 0 .06.11.09.04.01.03.08.04.09.01 0 .2-.05.28.01a.47.47 0 0 1-.48.19c-.02.07.06.03.08.06.04.06.04.15.11.2l-.1.02c.22.3.04.19-.09.31-.04.04-.07.11-.1.16.25-.01.16.11.19.25 0 .04.06.03.07.05.03.06.03.13.09.17.05.03.36.1.43.1.13 0 .26-.11.35.02-.11.05-.25.07-.24.21.16-.18.24-.02.05.07l.14.02-.14.14.29-.09c-.06.15-.24.18-.38.19l.09.09c-.18 0-.42 0-.57.12l.9.02c.02.08-.12.02-.09.07.02.05.18.14-.02.21-.04.02 0-.07-.05-.09s-.26.04-.32.06c-.06.01-.13-.02-.13-.02-.09.09.15.1.09.14-.07.05-.32.06-.38.12-.05.05-.02.14-.08.17-.06.04-.22.04-.3.05 0 .11.28 0 .29.07 0 .09-.34 0-.29.17.1-.01.2-.07.3-.05.03 0 .03.08.07.1.05.03.25 0 .25.07 0 .12-.19.15-.28.17l.24.09c-.15 0-.36.03-.33.21 0 .05.05.09.06.12.01.04-.01.09-.01.09.08.05.16-.08.12.1l.19-.1c.16.14 0 .08 0 .1-.09.18.19.19.28.23.05.02.03.1.06.09.04 0 .1-.07.11-.05.1.1-.12.08-.09.14h.24c.02.08-.07.03-.08.06-.14.2.11.08.12.09.02.01.1.21.2.19L3.4 19c-.01.21 0 .09-.12.1-.05 0-.31.02-.32.03v.14c.02.02.31-.02.38-.03.05 0 .15-.07.14.03-.11.01-.29.09-.4.08-.06 0-.16-.1-.17-.08-.05.05.04.13.12.14.09.02.29-.05.31.05-.2.1-.33.22-.57.14l.14.09-.24.07.24.02c-.11.17.03.06.16.06.05 0 .31.02.32.03.16.13-.28.06-.24.14h.38c.02.08-.1.02-.1.07 0 .15.12.19.14.25.02.03 0 .09 0 .1 0 .02.24-.08.33 0l-.14.14c.16.03.34 0 .29.19l-.19-.05.19.14c-.13.03-.25-.03-.36-.04-.06 0-.13.04-.18.03-.08 0-.23-.17-.27.08-.02.12.11.03.1.12H3.1c-.03.16.11.07.21.09.07.02-.06.1.15.05.03 0 .01.07.06.09.21.08.41-.13.35.19-.17.03-.03-.08-.05-.09-.1-.09-.1.11-.12.09-.19-.22-.22 0-.24 0-.1.02-.22-.11-.26.04.18-.06.18.07.23.09.38.19 1.21.05 1.36.14.06.04-.01.03.13.08.04.01.06.06.07.06.02 0 .04-.21.33-.14.04 0 .03.07.04.08.04.02.72.04 1.04.05-.11 0-.11.14-.25.11l.05-.09h-.29c.08.12.03.11-.12.1-.1 0-.19-.04-.28-.05-.37-.02-.75-.02-1.12-.05-.03.18.08.05.17.06.12.01.23.07.36.04l-.19.14c.1-.09.39.08.43.05.02-.02-.12-.1.02-.1.04 0 0 .06.04.08.02.02.51.06.58.06.11 0 .25-.08.33-.08.05 0 .13.1.21.07l-.45.05c-.16-.01-.29-.05-.45 0l-.1.09c0 .1-.02.09.07.09.14 0 .29 0 .43.02.39.04.69.02 1.1.02.12 0 .35.1.4-.04h-.17c-.08-.06.06-.05.1-.05.08 0 .2.02.27.05.04.02.03.08.07.09.1.02.24-.01.35 0-.02-.13-.31-.03-.33-.05 0 0-.05-.15.07-.14.1 0 .16.06.24.08.03 0 .09-.03.14-.03.02 0 .06.17.25.15.12-.01.11-.26.38-.15l-.02.09c.13.05.08-.08.12-.09.04 0 .16.02.22 0v.05h-.12c-.08.06.06.05.09.05.49-.06 1-.07 1.5-.1l-.19-.05c.12-.23.35 0 .52 0l-.19-.14c.14-.05.23.07.31.1.03 0 .01-.09.05-.1.14-.03.78.04.83 0-.06-.24-.19-.13-.36-.1 0 0-.05-.19-.11-.09 0 .01.02.09-.03.1-.19.04-.41-.04-.56-.04-.13 0-.41.11-.51.04-.27-.18-.31-.04-.57-.06-.08 0-.17-.11-.25-.12-.15-.02-.81.1-.91.02-.02-.01 0-.08-.04-.08-.06 0-.15.07-.23.08-.15 0-.34-.1-.5-.07-.01-.07.08-.06.13-.08.52-.21 1.43-.06 1.99.03.14.02 0-.08.02-.09.05-.05.21.04.24.05 0 0 .05-.03.1-.02.19.03.07.1-.1.07.1.02.16.08.3.05.04 0 .03-.07.04-.08.11-.06.24.02.35.03.52.02.99-.06 1.52-.04 1.58.06 3.09.07 4.67.05 1.54-.02 3.07.1 4.61.05l.55.09c-.32.14-.5-.09-.81-.05l.24.09c-.31 0-.61.07-.92.1-.63.04-1.32-.04-1.91 0-.14 0-.26.09-.43.1-.04 0-.17.01-.1-.05l.17-.05c-.28 0-.56-.01-.83 0-1.23.04-2.44.12-3.66.15-.11 0-.22-.09-.26.04.04 0 .08.02.12.02 2.27.03 4.53.04 6.81.07h1.28c.13 0 .21.1.33.1l-.07-.1h.52c-.07.2.06.1.17.11.41 0 .75.07 1.18-.02.28-.06.1-.02.34.01.26.03.58-.05.86-.05.47 0 .96.06 1.43.04.15 0 .39-.09.53-.08.09 0 .15.08.24.09.15.02.32-.11.5 0l-.14.14.19.05c-.19 0-.4.05-.59.04-.09 0-.19-.09-.29 0l-.04-.09c-.17.22-.16 0-.19 0-.06 0-.22.05-.28.04-.01 0-.06-.15-.23-.08-.1-.22-.05 0-.15.03-.07.02-.52-.04-.67-.03-.1 0-.21.05-.32.06-.11.02-.22-.05-.3.08l-.07-.07.02-.07c-.15-.02-.33.13-.43.14-.09.01-.17-.05-.23-.04-.05 0-.09.07-.2.08-.14.02 0-.08-.02-.1 0 0-.22-.01-.26 0-.05.01 0 .1-.05.1s0-.09-.05-.1c-.08-.02-.39.02-.4 0 0-.01.08-.09.02-.1-.1.03-.14.1-.26.12-.59.12-1.25.03-1.83.03-.06 0-.13.06-.19.05-.03 0-.02-.09-.06-.1-.08-.02-.22.05-.33.05-.33.01-.63-.02-.91-.04-.03 0-.43.08-.61.08-1.18.03-2.44 0-3.62.1-.05 0-.21.02-.21.1.33-.01.66.02.98.03.41.02.82.02 1.23.02h.93l-.32.08c-1.52.04-3.04-.01-4.56.02-.6.01-1.21.05-1.82.08-.32.02-.65-.01-.94 0-.11 0-.22.09-.38.08-.11 0 .04-.07-.24-.06-.44.01-.75-.05-1.22.02-.19.03-.45.05-.63.09-.08.02-.13.09-.24.1-.21.02-.47-.09-.69-.05l.13.08.44.06c-.29.03-.6-.05-.87-.02-.05 0-.09-.1-.08.07.13-.02.24.04.36.05.08 0 .62 0 .67-.01.08-.02.11-.08.18-.09.03 0 .01.09.05.1.2.04.57.02.78 0l-.09.09c.12.03.25-.03.36-.02.04 0 .37.05.39.06.07.03.06.11.09.11.08 0 .23-.07.34-.08.04 0 .11.04.11.03.01-.03-.01-.12 0-.14.02-.03.24.08.3.1.08.04.02.1.25.07.47-.07.97.05 1.43.03.14 0 .36-.1.47-.1.03 0 .02.07.04.08.07.06.3-.01.39 0 1.79.04 3.59.02 5.38.07l.28.05h1.52l.05-.15.05.15h4.38c1.23 0 2.48-.03 3.71-.05.65 0 1.43.11 2-.14.14-.03.01.09.02.09.07.07.8-.07.98-.07.16 0 .34.07.48.07.85.02 1.85-.22 2.71-.19.33.01.14-.02.24-.05s.23.02.32.05l.03-.1c.08-.02.02.1.07.1.12 0 .37-.08.52-.1.06 0 .25.01.26 0 .06-.05 0-.09-.07-.09-.4-.02-.79.07-1.18.05l-.03.1c-.1.02 0-.13-.07-.14h-.17c-.02.08.11.02.09.07-.08.19-.66-.01-.83-.03-.45-.04-.91.03-1.36.05l.33-.09-.4.03-.41-.08c.31-.03.62-.03.93-.05 1.28-.09 2.56-.11 3.84-.25.33-.04.72-.08 1.05-.14.1-.02.15-.06.27-.06.09 0 .07-.06.05-.08-.04-.04-.72 0-.84 0-.08 0-.15-.03-.23-.03s-.19.03-.29.03c-.05 0-.18.03-.17-.05.2.04.41-.05.59-.05.31 0 .43.01.77-.04.03 0 .01.07.04.08.02 0 .12-.02.17 0 .04-.15-.15-.11-.19-.14-.02-.01.06-.09.07-.09s.07.07.14.07c.2.01.5-.1.72-.12.32-.03.71-.01 1.04-.06.04 0 .14-.02.13-.08h-.38c-.02-.08.11-.02.09-.07-.04-.09-.19-.03-.19-.12h.48l-.14.09c.18.08.31.01.46 0 .03 0 .53.01.4-.1-.02-.02-.41.07-.55.05-.1-.01-.13-.06-.2-.08-.05-.02-.14 0-.15-.01-.01 0 .14-.16.09-.24h-.29c-.03.19.11.02.14.05s0 .17-.07.19c-.06.01-.21-.08-.31-.04 0-.1.2-.08.19-.12-.05-.14-.28.09-.38.02-.01-.1.16-.02.19-.05.11-.09-.12-.08-.09-.14l1.81-.21.19-.12c-.06.02-.91.02-.71-.14.06-.05.81.03.97 0 .13-.02.35-.25.5-.24l-.05-.09h.29c.05-.29-.15.03-.14-.19.2-.06.42.04.29-.24v.14l-.28-.09.29-.1-.14-.19.19-.05c-.22.03-.16-.21-.36-.29-.04.18-.09.01-.26-.02-.05 0-.25-.02-.32-.03-.1 0-.21.11-.26-.05l.09-.05c-.06 0-.14-.03-.14-.1h.09l-.04-.1h.19c-.13-.14.12-.11.26-.1.08 0 .15.05.23.04.13 0 .3-.09.46-.04 0-.07-.18-.09-.22-.09-.14-.01-.26.02-.42 0-.09-.01-.14.05-.12-.09.21.13.24-.06.35-.1.27-.11.66-.1.95-.14.05 0 .22-.02.22-.09-.17 0-.36-.04-.52.05l.14-.14c-.22.04-.45-.04-.64-.05-.08 0-.16.03-.24.03-.07 0-.16-.05-.23-.04-.04 0-.03.09-.03.09-.06.04-.13-.08-.21-.09-.06 0-.15.05-.16.05s-.04-.14-.08-.14c0 0-.06.07-.14.09-.45.1-.9-.03-1.34-.08-.06 0-.19.03-.28.04-.05 0-.18.03-.17-.05.11-.02.25.02.35 0 .04 0 0-.09.1-.1.62-.07 1.3.13 1.91-.04l1.36-.05s-.26-.18.12-.19c.25 0 .48.3.59-.04-.1.01-.17-.07-.26-.09-.1-.02-.18.06-.23.07-.44.03-1.01.05-1.44-.01l-.63-.11c.15-.06.36 0 .48-.02s.33-.23.42-.16c.01.01 0 .08.03.08.12-.02.25-.08.38-.09.14-.01.3.02.43 0 .11-.02.13-.12.24-.14.22-.04.42.06.62.05.17 0 .37-.14.5-.03.06.05-.07.15.09.12l-.09-.19c.11-.03.22.04.31.04.25 0 .69 0 .94-.05.13-.02.31-.1.37-.23l-.29.05c.13.12-.11.12-.24.11-.05 0-.24 0-.23-.07.36-.07.72-.2 1.09-.14.08-.19-.19-.16-.19-.21 0-.06.2-.03.19-.12-.13-.04-.39 0-.5-.04-.14-.05.05-.07-.23-.06-.18 0-.13-.21-.37-.1l-.46-.13c.2 0 .35.06.55 0-.05-.21.07-.02.17-.02.29 0 .58-.21.88-.22.11 0 .21.04.29.04.23 0 .49-.08.74-.04.03-.06-.2-.05-.09-.14.02-.02.41 0 .48.05l-.05-.14c.17.05 1.04.03 1.09-.05l-.05-.09c.01-.01.19.01.19-.1l-.19-.05c.1 0 .63.03.43-.07-.05-.03-.26 0-.38-.05-.15-.05-.26-.15-.44-.13l-.37-.13c.5-.07.89.23 1.38.09-.09-.11-.26-.19-.39-.26-.1-.06-.17.02-.14-.17l.17.14.02-.14.33.09c-.01-.11-.16-.08-.19-.1 0 0 .06-.11.05-.16 0 0-.1-.11-.11-.11-.08-.04-.31.11-.27-.06.16.05.26-.05.37-.08.19-.05.47-.04.15-.21l.09-.07-.19-.1.09-.12-.14.05c.1-.26 0-.1-.12-.09-.04 0-.03-.11-.1-.14-.11-.04-.31-.08-.44-.12-.03-.01-.09.02-.1.02-.01-.03.02-.11 0-.13s-.31-.05-.38-.05c.12-.18-.06-.02-.09-.14.16.03.33-.07.48 0 .07-.19-.25.01-.24-.12 0-.07.25-.08.28-.24.01-.06-.16.03-.14-.07.23.01.51.06.74.05.13 0 .64-.08.74-.12.02-.01.06-.06.05-.07-.03-.03-.2.05-.19-.05l.24.05c.04-.21-.09-.14-.26-.14-.06 0-.18.04-.17-.05.09 0 .26.03.31-.05.01-.02-.03-.09-.02-.09.07-.05.32-.02.42-.05 0 0 .09-.13.14 0 .07-.03.13 0 .15-.12.03-.21-.24-.28.05-.26-.05-.06 0-.22 0-.23-.02-.02-.07 0-.09 0-.07-.04.09-.04.11-.05.06-.02.01-.16.16-.05.1-.16-.12-.07-.23-.09-.04 0-.03-.07-.07-.09-.06-.03-.15-.02-.22-.05 0 0-.13-.11-.13-.12.04-.09.3-.07.39-.12.04-.02.03-.09.05-.09.16.01.47.13.62.09s-.04-.21-.02-.23c.09-.08.31.05.2-.22-.02-.05-.07-.09-.11-.13l.1-.02c-.12-.23-.15 0-.17 0-.07 0-.13-.07-.2-.09-.2-.04-.44-.05-.65-.11-.04-.01-.03-.08-.06-.09-.06-.01-.3.06-.16-.07.31 0 .62-.09.93-.12.2-.02.53.08.64-.09-.23.02-.52-.05-.74-.05-.09 0-.31.09-.21-.05.05-.07.59-.04.71-.05l-.24-.05c-.01-.07.09-.06.14-.07q.465-.03.93-.03c.13-.19.61-.13.64-.15 0 0 0-.08.04-.09.16-.04.29.11.45.1l-.09-.09c.1-.01.21.02.3 0 .04 0 .03-.07.07-.09.16-.08.45 0 .44-.29-.23.09-.18-.03-.21-.04Zm-2.22-2.91h.19v.05h-.19zm-3.14-1.52h.14v.05h-.14zm-36.35-.81s-.29-.02 0-.09zm.19-.24h.14v.05h-.14zm.19.24h-.19v-.05h.19zm-1.43.83.09-.07v.09zm.1-.12h-.14V5.1h.14zm-3.34.72s-.1.09-.17.1c-.04 0-.22-.02-.21-.1.15-.04.46-.14.48.09-.14.04-.08-.07-.1-.09M5.88 8.82h-.14v-.05h.14zm-2.62 3.8h-.19v-.05h.19zm.19.77h-.14v-.05h.14zm.24 2.66h-.24V16h.24zm.09 5.57h-.19v-.05h.19zm.29-8.85v-.05c.09-.03.15-.03.24 0v.05zm.05 8.04h.24v.05l-.24.05v-.09Zm.19.28c.04-.09-.18-.11-.1-.19.02-.02.35.08.1.19m.66-.19v.09c-.05.05-.29-.02 0-.09m0 .17c.08-.11.24-.11.29.02zM6.12 9.72h-.24v-.05h.24zm-.05-.22c-.1 0-.19-.03-.29-.02-.01-.08.11-.04.17-.05h.31c.01.07-.14.07-.19.07m.19 13.02h-.14v-.05h.14zm-.17-.09h-.45c-.01-.08.11-.04.17-.05h.45c.01.08-.11.04-.17.05m4.17-.05v.05h-.14v-.05zm-.34-.1h.24v.05h-.24zm-.19.1h.29v.05h-.29zm-.26 0c.07-.02.14-.05.21-.05-.05.14-.22.09-.33.09-.01-.08.07-.03.12-.05ZM7.4 21.9h.24v.05H7.4zM6.6 9.75c.08-.02.15-.04.23-.03.01.08-.06.04-.11.05a.9.9 0 0 1-.22.04c-.01-.07.05-.05.1-.06m-.2 12.34c-.1-.09.12-.08.09-.14-.02 0-.04 0-.05-.01h.12c.15 0 .37-.08.55-.04l-.43.07-.05.07.33-.05c-.07.15-.3.07-.41.06-.05 0-.15.04-.16.03Zm.49.37c-.07.02-.22.05-.28.05-.01 0-.05-.12-.12-.09-.01-.07.14-.07.19-.07.11 0 .22.03.34.02.01.07-.08.07-.13.08Zm.18-.03c-.05-.05.04-.15.09-.09s-.04.15-.09.09m.19-.38h-.14V22h.14zm0 .31.29-.02c.05.04-.21.18-.29.02m.71.02c-.38-.03-.38-.16 0-.05zm-.09-.33c.01.08-.11.05-.17.05-.1 0-.13-.03-.25-.01-.1.01-.09-.06-.06-.08.05-.04.38.08.48.05Zm.76-13.9-.07.09-.07-.07zm.3 5.42c-.25-.09-.48.11-.62.14-.13.02-.23-.23-.21.06-.29-.08-.05-.09-.05-.12 0-.05-.12.02-.1-.07.29-.04.59-.16.88-.1l-.02-.1c.1-.01.12.08.22.09.08.01.18 0 .26 0l-.36.09Zm.01-4.94s0 .09-.05.1c-.07.02-.18-.01-.26 0l.09-.09c-.09-.03-.37.09-.33-.1.12-.02.27.06.37.07.09 0 .3.02.36.02.21 0 .4-.13.64-.04 0 .05-.14.12-.18.13-.23.05-.46 0-.66-.08Zm.74.47h-.14v-.05h.14zm.04 12.52v-.09l.09.09zm.43-12.99h-.14v-.05h.14zm5.14-5.76h.33v.05h-.33zm.12 18.18h.31c0 .07-.18.07-.23.07-.08 0-.16-.02-.24-.02-.01-.08.11-.04.17-.05Zm-.17-15.9v.05h-.19v-.05zm-.09 15.99s-.29-.02 0-.09zm-.24-18.37h.19v.05h-.19zm-.05 0s-.02.09.01.13c.03.03.1-.02.08.06-.21-.04-.33 0-.52.05 0-.12.42-.26.43-.24m-.07 2.34h-.26c-.01-.08.06-.05.12-.05h.26c.01.08-.06.05-.12.05m-.31 0v.05l-.19.05v-.09h.19Zm-.09-2.19v-.09h.09zm-.62-.57.02-.09c.2.07.42-.03.64.05l-.67.05Zm-1.1 2.04v-.05h.14v.05zm-.14 17.08h-.19v-.05h.19zm.33.1s-.25.03-.24-.05l.17-.14c.06.03.1.16.07.19M12.59 5.3l.33-.24c.11.13-.25.26-.33.24m.45-.38-.07-.14h.67l-.14.05.14.05c-.09.2-.38-.04-.55-.04l-.04.09Zm.21 16.65h-.14v-.05h.14zm-.14-.1v-.05l.19-.05v.09h-.19Zm2.88.2c-.69.03-1.45-.01-2.14-.05-.07 0-.17-.01-.24-.03-.05 0-.13 0-.12-.07l1.03.03c.35-.09.88-.12 1.24-.08.16.02.23.16.4.15.01.08-.11.04-.17.05m.74-.05h-.14v-.05h.14zM16.46 3c-.09 0-.14-.05-.2-.06a.3.3 0 0 0-.14.03c-.03-.03-.03-.11.07-.09.13.02.39.14.26-.05l.48.05c-.06-.38.71-.16.95-.19l-.24.05c-.02.06.23.11.14.19-.03.03-.67.12-.76.09l.29-.09c-.28-.07-.59.08-.84.08Zm.89 18.57h-.33v-.05h.33zm.47-.05c-.15.01-.29 0-.43-.05l.19-.09-.05.09h.14l-.05-.09c.11-.03.09.05.1.06.04.03.1.03.09.09Zm.05-18.75h.29l-.19.05.09.09h-.19zm.31 18.75h-.26c0-.07.19-.06.25-.06.07 0 .11-.01.18.02.01.08-.11.04-.17.05Zm.4-.05-.19.05v-.09h.19v.05Zm.1-1.04h-.19v-.05h.19zm.38 1.09h-.24v-.05h.24zm.29-.05h-.14v-.05h.14zm2.52-18.08h-.14v-.05h.14zm.17-.04s.02-.15-.17-.05c.08-.17.34-.03.48-.05-.02.09-.24.11-.3.1Zm.68-.1c.12.04.33-.11.38.05-.13-.04-.32.12-.38-.05M8.45 23.57h-.14v-.05h.14zm.24 0H8.5v-.05h.19zm.33-.1h-.14v-.05h.14zm1 .19h-.14v-.05h.14zm.28.05.33-.05c-.04.12-.25.05-.33.05m1.19-.28h.19v.05h-.19zm-.71.19h.14v.05h-.14zm1.17.14h-1.07l.36-.1c.19.07.28-.03.42-.05.21-.02.06.08.07.1.02.02.48-.08.57 0-.07.18-.3.05-.36.05Zm.83-.31c-.23 0-.44 0-.67.03l.36-.09h.49c.01.06-.14.06-.19.06Zm.47.21h-.29v-.05h.29zm.46-.19h-.31c0-.06.22-.09.26-.09.07 0 .14.05.21.04.01.08-.11.04-.17.05Zm5.02-.33h-.33v-.05h.33zm1.19.67c-.05-.05.04-.15.09-.09s-.04.15-.09.09m.43 0v-.05c.09-.03.15-.03.24 0v.05zm5.13-.57h-.14v-.05h.14zm5.57-19.28h.19v.05h-.19zm-.19-.09H31v.05h-.14zm-1.05-.02c.15-.2.79-.19.95-.05.09.08-.04.09-.05.17l.1.02c-.09.15-.23 0-.35.02-.04 0-.02.1-.06.1-.1.01-.31-.1-.45-.05-.02-.02.15-.14.09-.19-.06-.06-.26.12-.24-.02Zm-.23-.03h.14v.05h-.14zm-2.93-.57.02.09h-.09zm-.17 0c0 .08-.16.1-.22.1-.1 0-.17-.03-.26-.05zm-.76.05h.14v.05h-.14zm-.47.12s.37-.18.43-.17l-.28.17c-.05.07-.12.08-.15 0m.28.02h.33v.05h-.33zm1.19 18.94c.02-.09.09-.09.17-.1h.33c.07 0 .15.01.17.1zm.86-.05h-.14v-.05h.14zm.38.43v-.09h.09zm-.23-18.71c-.13.02-.23-.03-.42 0-.03 0 0-.08-.09-.09-.24-.03.02.1-.15.1-.09-.04-.02-.14-.02-.14-.1-.09-.1.12-.16.13-.2.02-.29-.08-.44-.11-.13-.03-.44.11-.3-.06l-.22-.04-.04.09-.31-.05.5-.14c.19.04 1.08-.13 1.2-.04.31.23.71-.01 1.07.05.08.01.15.09.24.08.02 0 .04-.16.17-.1.02.08-.11.02-.09.07.05.12.25-.04.29.12-.16.04-.34-.04-.49-.04-.22.01-.52.13-.74.17m.94 19.61h-.19v-.05h.19zm3.62-.04-.89.12c-.47.02-.93-.02-1.37-.03-.42 0-.84-.06-1.26-.08 0-.05.92-.02 1.02-.02.33 0 .71-.05 1.04-.04.26 0 .52.05.77.09l-.12-.1c.29-.08.53.04.81.05Zm1.09-19.56s.17.07.14.09c-.05.04-.22-.02-.14-.09m2.53.62h.14c.13.13-.27.13-.14 0m-.05-.05v.05c-.12.05-.18.04-.24-.09l.24.05Zm.12.33h-.42l-.08-.09c.1 0 .11-.02.1-.12 0-.02-.18-.03-.1-.12.05-.05.23.17.3.2.1.05.25.07.37.09 0 .09-.11.04-.16.04Zm.45-.04v.05c-.32-.02-.32-.16 0-.05m0-.2h-.24v-.05h.24zM37.19 23h.14v.05h-.14zm.14-.34h-.14v-.05h.14zm2-.42h.14v.05h-.14zm-.14.19H39v-.05h.19zm.76-17.7c-.02.08.19.08.12.14-.18.16-.55.19-.77.1-.08-.03-.07-.1-.09-.11-.08 0-.2.06-.33.05-.13 0-.17-.08-.24-.1-.03 0-.01.09-.05.1-.05 0-.27-.08-.3-.05 0 0 .06.15-.02.14-.03 0-.38-.24-.5-.26-.07-.02-.17.04-.19.03-.02-.02.08-.09.09-.13.04-.14-.08-.13-.14-.18-.05-.05.04-.12-.09-.14l2.33-.02c.02.08-.11.02-.09.07.04.09.13.01.19.05.08.04 0 .12-.02.12-.01 0-.1-.06-.16-.07-.14-.02-.43-.08-.29.07l-.29.02.33.12c-.2.03-.37.02-.57 0-.01.07.08.07.13.08.28.07.39-.06.68-.03l-.19-.05.17-.14c.04.16.3.11.45.14l-.14.05Zm3.66 12.75h-.14v-.05h.14zm.48-.05h-.29v-.05h.29zm6.04-5.09h.14v.05h-.14zm.1-5.52v-.05l.19-.05v.09h-.19Zm.95 0h-.14v-.05h.14zm.95 3.38h-.24v-.05h.24zm1.05-1.57h.14v.05h-.14z'/></svg>");
    --nav-style-duration: 0.3s;
    --nav-style-timing: cubic-bezier(.25,.74,.22,.99);
}
[data-nav-style="_holdoff_fill"] .cl-nav-name,
[data-nav-style="_holdoff_fill"] .cl-nav-caret { z-index: 1; }
[data-nav-style="_holdoff_fill"] .cl-nav-name::before {
    content: '';
    position: absolute;
    top: 50%; left: -14px;

    width: 0px; height: 100%;
    background-color: var(--nav-style-active);

    -webkit-mask: var(--nav-style-svg) left center / cover no-repeat;
    mask: var(--nav-style-svg) left center / cover no-repeat;

    transform: translateY(-50%);
    transform-origin: left center;

    transition: width var(--nav-style-duration) var(--nav-style-timing);
    z-index: -1;
}
[data-nav-style="_holdoff_fill"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name::before,
[data-nav-style="_holdoff_fill"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name::before {
    width: calc(100% + 28px);
}


[data-nav-style^="dot"] {
    --nav-style-type: dot;
}

/* 점 1. https://www.gosteli-archiv.ch/?ref=siteinspire  */
[data-nav-style="dot1"],
[data-nav-style="dot2"] {
    --nav-style-size: 5px;
    --nav-style-duration: 0.5s;
    --nav-style-timing: cubic-bezier(.4,0,.2,1);
}
[data-nav-style="dot1"] { --nav-style-offset: 9px; }
[data-nav-style="dot2"] { --nav-style-offset: 8px; }
body:is([data-clnav-layout="sidenav"], [data-clnav-layout="meganav"][data-clnav-toggle$="ON"][data-clnav-orientation="vertical"]) [data-nav-style="dot1"] { --nav-style-offset: 6px; }
body:is([data-clnav-layout="sidenav"], [data-clnav-layout="meganav"][data-clnav-toggle$="ON"][data-clnav-orientation="vertical"]) [data-nav-style="dot2"] { --nav-style-offset: 5px; }
[data-nav-style="dot1"] .cl-nav-name::after { top: calc(-1 * var(--nav-style-offset)); }
[data-nav-style="dot2"] .cl-nav-name::after { bottom: calc(-1 * var(--nav-style-offset)); }
[data-nav-style="dot1"] .cl-nav-name::after,
[data-nav-style="dot2"] .cl-nav-name::after {
    content: '';
    position: absolute;
    left: 50%;

    width: var(--nav-style-size); height: var(--nav-style-size);
    background-color: var(--nav-style-active);
    border-radius: 50%;

    opacity: 0;
    transform: translateX(-50%);
    transform-origin: center;

	transition: opacity var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="dot1"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name::after,
[data-nav-style="dot2"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name::after,
[data-nav-style="dot1"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name::after,
[data-nav-style="dot2"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name::after {
    opacity: 1;
}

/* 점 2. https://ostermoor.com/pages/about */
[data-nav-style="dot3"],
[data-nav-style="dot4"] {
    --nav-style-size: 5px;
    --nav-style-offset: 8px;
    --nav-style-duration: 0.3s;
    --nav-style-timing: cubic-bezier(.445,.05,.55,.95);
}
[data-nav-style="dot3"] .cl-mega-nav::after,
[data-nav-style="dot3"] .cl-nav-list::after { top: calc(var(--nav-style-y, 0px) - var(--nav-style-offset)); }
[data-nav-style="dot4"] .cl-mega-nav::after,
[data-nav-style="dot4"] .cl-nav-list::after { bottom: calc(var(--nav-style-y, 0px) - var(--nav-style-offset)); }
[data-nav-style="dot3"] .cl-mega-nav::after,
[data-nav-style="dot3"] .cl-nav-list::after,
[data-nav-style="dot4"] .cl-mega-nav::after,
[data-nav-style="dot4"] .cl-nav-list::after {
    content: '';
    position: absolute;
    left: 0;

    width: var(--nav-style-size); height: var(--nav-style-size);
    background-color: var(--nav-style-active);
    border-radius: 50%;
    opacity: 0;

    transform: translateX(calc(var(--nav-style-x) - 50%));

    transition:
        opacity var(--nav-style-duration) var(--nav-style-timing),
        transform var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="dot3"][data-nav-style-focus] .cl-mega-nav::after,
[data-nav-style="dot3"][data-nav-style-focus] .cl-nav-list::after,
[data-nav-style="dot4"][data-nav-style-focus] .cl-mega-nav::after,
[data-nav-style="dot4"][data-nav-style-focus] .cl-nav-list::after {
    opacity: 1;
}


[data-nav-style^="line"] {
    --nav-style-type: line;
}

/* 선 3. https://faceformula.com/?ref=siteinspire */
[data-nav-style="line1"] {
    --nav-style-size: 1px;
    --nav-style-offset: 3px;
    --nav-style-duration: 1s;
    --nav-style-timing: cubic-bezier(.16,1.08,.38,.98);
}
[data-nav-style="line1"] .cl-nav-name::after {
    content: '';
    position: absolute;
    bottom: calc(-1 * var(--nav-style-offset)); left: 0;

    width: 100%; height: var(--nav-style-size);
    background-color: var(--nav-style-active);

    transform: scaleX(0);
    transform-origin: right;
    
    transition: transform var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="line1"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name::after,
[data-nav-style="line1"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name::after {
    transform: scaleX(1);
    transform-origin: left;
}

/* menu-top23 효과 */
[data-nav-style="line2"] {
    --nav-style-size: 1px;
    --nav-style-offset: 3px;
    --nav-style-duration: 0.3s;
    --nav-style-timing: ease;
}
[data-nav-style="line2"] .cl-nav-name::after {
    content: '';
    position: absolute;
    bottom: calc(-1 * var(--nav-style-offset)); left: 0;

    width: 100%; height: var(--nav-style-size);
    background-color: var(--nav-style-active);

    transform: scaleX(0);
    transform-origin: center;
    
    transition: transform var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="line2"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name::after,
[data-nav-style="line2"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name::after {
    transform: scaleX(1);
}

/* menu-top19 효과 */
[data-nav-style="line3"] {
    --nav-style-size: 2px;
    --nav-style-offset: 4px;
    --nav-style-duration: 0.3s;
    --nav-style-timing: ease;
}
[data-nav-style="line3"] .cl-nav-name::after {
    content: '';
    position: absolute;
    top: calc(-1 * var(--nav-style-offset)); left: 0;

    width: 100%; height: var(--nav-style-size);
    background-color: var(--nav-style-active);

    transform: scaleX(0);
    transform-origin: center;
    
    transition: transform var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="line3"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name::after,
[data-nav-style="line3"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name::after {
    transform: scaleX(1);
}

/* menu-full1 효과 */
[data-nav-style="line4"] {
    --nav-style-size: 2px;
    --nav-style-offset: 3px;
    --nav-style-duration: 1s;
    --nav-style-timing: cubic-bezier(.16,1.08,.38,.98);
}
[data-nav-style="line4"] .cl-nav-name::after {
    content: '';
    position: absolute;
    bottom: calc(-1 * var(--nav-style-offset)); left: 0;

    width: 100%; height: var(--nav-style-size);
    background-color: var(--nav-style-active);

    transform: scaleX(0);
    transform-origin: left;
    
    transition: transform var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="line4"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name::after,
[data-nav-style="line4"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name::after {
    transform: scaleX(1);
}

[data-nav-style="line5"] {
    --nav-style-size: 10px;
    --nav-style-offset: 8px;
    --nav-style-duration: 0.3s;
    --nav-style-timing: cubic-bezier(.445,.05,.55,.95);
}
[data-nav-style="line5"] .cl-mega-nav::after,
[data-nav-style="line5"] .cl-nav-list::after {
    content: '';
    position: absolute;
    top: calc(var(--nav-style-y, 0px) - var(--nav-style-offset)); left: 0;

    width: var(--nav-style-size); height: 2px;
    background-color: var(--nav-style-active);
    opacity: 0;

    transform: translateX(calc(var(--nav-style-x) - 50%));

    transition:
        opacity var(--nav-style-duration) var(--nav-style-timing),
        transform var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="line5"][data-nav-style-focus] .cl-mega-nav::after,
[data-nav-style="line5"][data-nav-style-focus] .cl-nav-list::after {
    opacity: 1;
}


[data-nav-style^="icon"] {
    --nav-style-type: icon;
}
[data-nav-style^="icon"] .cl-nav-icon { fill: var(--nav-style-active); }

/*
좌측메뉴 21. https://www.1820productions.com 
좌측메뉴 17. https://limesharp.net/?ref=siteinspire => 라인 컬러 제거
*/
[data-nav-style="icon1"] {
    --nav-style-duration: 0.5s;
    --nav-style-timing: cubic-bezier(0.25, 1, 0.5, 1);
}
[data-nav-style="icon1"] .cl-nav-icon {
    width: 0;
    overflow: visible;
    transition: width var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="icon1"] .cl-nav-icon line {
    stroke: var(--nav-style-active);
    stroke-width: 1;
    stroke-linecap: round;

    stroke-dasharray: 12;
    stroke-dashoffset: 12;
    transition: stroke-dashoffset var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="icon1"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-icon,
[data-nav-style="icon1"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-icon {
    width: 19px;
}
[data-nav-style="icon1"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-icon line,
[data-nav-style="icon1"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-icon line {
    stroke-dashoffset: 0;
}

/* 좌측메뉴 19. 아이콘 https://www.neonrated.com/film/no-other-choice */
[data-nav-style="icon2"] {
    --nav-style-duration: 0.5s;
    --nav-style-timing: cubic-bezier(0.25, 1, 0.5, 1);
}
[data-nav-style="icon2"] .cl-nav-icon {
    position: relative;

    width: 0; height: 1px;
    fill: var(--nav-style-active);

    transition: width var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="icon2"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-icon,
[data-nav-style="icon2"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-icon {
    width: 18px;
}

[data-nav-style="icon3"],
[data-nav-style="icon4"] {
    --nav-style-size: 12px;
    --nav-style-duration: 0s;
    --nav-style-timing: ease;
}
[data-nav-style="icon3"] { --nav-style-offset: 12px; }
[data-nav-style="icon4"] { --nav-style-offset: 11px; }
body:is([data-clnav-layout="sidenav"], [data-clnav-layout="meganav"][data-clnav-toggle$="ON"][data-clnav-orientation="vertical"]) [data-nav-style="icon3"] { --nav-style-offset: 10px; }
body:is([data-clnav-layout="sidenav"], [data-clnav-layout="meganav"][data-clnav-toggle$="ON"][data-clnav-orientation="vertical"]) [data-nav-style="icon4"] { --nav-style-offset: 9px; }
[data-nav-style="icon3"] { --nav-style-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'><path fill='currentColor' d='M6 8L10 4H2Z'/></svg>"); }
[data-nav-style="icon3"] .cl-nav-name::before { top: calc(-1 * var(--nav-style-offset)); }
[data-nav-style="icon4"] { --nav-style-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'><path fill='currentColor' d='m6 4 4 4H2z'/></svg>"); }
[data-nav-style="icon4"] .cl-nav-name::before { bottom: calc(-1 * var(--nav-style-offset)); }
[data-nav-style="icon3"] .cl-nav-name::before,
[data-nav-style="icon4"] .cl-nav-name::before {
    content: ' ';
    position: absolute;
    left: 50%;

    width: var(--nav-style-size); height: var(--nav-style-size);
    background-color: var(--nav-style-active);
    -webkit-mask-image: var(--nav-style-svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: var(--nav-style-svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;

    opacity: 0;
    transform: translateX(-50%);
    transform-origin: center;

    transition: opacity var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="icon3"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name::before,
[data-nav-style="icon3"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name::before,
[data-nav-style="icon4"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name::before,
[data-nav-style="icon4"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name::before {
    opacity: 1;
}

/* 좌측메뉴 18. 점 https://www.andreadiego.es/?ref=siteinspire */
[data-nav-style="icon5"] {
    --nav-style-size: 5px;
    --nav-style-offset: 1px;
    --nav-style-duration: 0.4s;
    --nav-style-timing: cubic-bezier(0.25,0.46,0.45,0.94);
}
[data-nav-style="icon5"] .cl-nav-icon {
    position: absolute;
    top: 50%; left: calc(var(--nav-style-x, 0px) - var(--nav-style-offset));

    width: var(--nav-style-size); height: var(--nav-style-size);
    fill: var(--nav-style-active);

    transform: translateY(-50%);
    transform-origin: center;
}
[data-nav-style="icon5"] .cl-nav-icon circle {
    transition: r var(--nav-style-duration) var(--nav-style-timing);
}

/* 좌측메뉴 20. 아이콘 https://www.airloom.energy/?ref=siteinspire */
[data-nav-style="icon6"] {
    --nav-style-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' width='10' height='10'><path fill='currentColor' d='M8 5 2 1.5v7z'/></svg>");
    --nav-style-size: 12px;
    --nav-style-duration: 0.4s;
    --nav-style-timing: cubic-bezier(0.25,0.46,0.45,0.94);
}
[data-nav-style="icon6"] .cl-mega-nav::after,
[data-nav-style="icon6"] .cl-nav-list::after {
    content: '';
    position: absolute;
    top: var(--nav-style-y,0px); left: var(--nav-style-x,0px);

    width: var(--nav-style-size); height: var(--nav-style-size);
    background-color: var(--nav-style-active);
    -webkit-mask-image: var(--nav-style-svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: var(--nav-style-svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    opacity: 0;

    transform: translateY(-50%);
    transform-origin: center;

    transition: top var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="icon6"][data-nav-style-focus] .cl-mega-nav::after,
[data-nav-style="icon6"][data-nav-style-focus] .cl-nav-list::after {
    opacity: 1;
}

[data-nav-style="icon7"] { --nav-style-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'><path fill='currentColor' d='M6 8L10 4H2Z'/></svg>"); }
[data-nav-style="icon7"] .cl-mega-nav::after,
[data-nav-style="icon7"] .cl-nav-list::after { top: calc(var(--nav-style-y, 0px) - var(--nav-style-offset)); }
[data-nav-style="icon8"] { --nav-style-svg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'><path fill='currentColor' d='m6 4 4 4H2z'/></svg>"); }
[data-nav-style="icon8"] .cl-mega-nav::after,
[data-nav-style="icon8"] .cl-nav-list::after { bottom: calc(var(--nav-style-y, 0px) - var(--nav-style-offset)); }
[data-nav-style="icon7"],
[data-nav-style="icon8"] {
    --nav-style-size: 12px;
    --nav-style-offset: 11px;
    --nav-style-duration: 0.3s;
    --nav-style-timing: cubic-bezier(.445,.05,.55,.95);
}
[data-nav-style="icon7"] .cl-mega-nav::after,
[data-nav-style="icon7"] .cl-nav-list::after,
[data-nav-style="icon8"] .cl-mega-nav::after,
[data-nav-style="icon8"] .cl-nav-list::after {
    content: '';
    position: absolute;
    left: 0;

    width: var(--nav-style-size); height: var(--nav-style-size);
    background-color: var(--nav-style-active);
    -webkit-mask-image: var(--nav-style-svg);
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: var(--nav-style-svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    opacity: 0;

    transform: translateX(calc(var(--nav-style-x) - 50%));

    transition:
        opacity var(--nav-style-duration) var(--nav-style-timing),
        transform var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="icon7"][data-nav-style-focus] .cl-mega-nav::after,
[data-nav-style="icon7"][data-nav-style-focus] .cl-nav-list::after,
[data-nav-style="icon8"][data-nav-style-focus] .cl-mega-nav::after,
[data-nav-style="icon8"][data-nav-style-focus] .cl-nav-list::after {
    opacity: 1;
}

[data-nav-style^="bracket"] {
    --nav-style-type: bracket;
}

[data-nav-style^="bracket"] .cl-nav-name::before,
[data-nav-style^="bracket"] .cl-nav-name::after {
    display: inline-flex;
    position: relative;

    opacity: 0;
    color: var(--nav-style-active);
}
[data-nav-style^="bracket"] .cl-nav-name::before {
    content: var(--nav-style-content-before);
    padding-right: var(--nav-style-offset);
}
[data-nav-style^="bracket"] .cl-nav-name::after {
    content: var(--nav-style-content-after);
    padding-left: var(--nav-style-offset);
}
[data-nav-style^="bracket"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name::before,
[data-nav-style^="bracket"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name::after,
[data-nav-style^="bracket"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name::before,
[data-nav-style^="bracket"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name::after {
    opacity: 1;
}

/* 텍스트 14. 괄호 https://www.thomasmonavon.com/about */ 
[data-nav-style="bracket1"] {
    --nav-style-content-before: '(';
    --nav-style-content-after: ')';
    --nav-style-offset: 5px;
    --nav-style-duration: 0.6s;
    --nav-style-timing: cubic-bezier(.52,0,0,1);
}
[data-nav-style="bracket1"] .cl-nav-name::before,
[data-nav-style="bracket1"] .cl-nav-name::after {
    margin-top: -1px;

    transition: 
        transform var(--nav-style-duration) var(--nav-style-timing),
        opacity var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="bracket1"] .cl-nav-name::before { transform: translate3d(-100%,0,0); }
[data-nav-style="bracket1"] .cl-nav-name::after { transform: translate3d(100%,0,0); }
[data-nav-style="bracket1"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name::before,
[data-nav-style="bracket1"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name::after,
[data-nav-style="bracket1"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name::before,
[data-nav-style="bracket1"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name::after {
    transform: translateZ(0);
}

[data-nav-style="bracket2"] {
    --nav-style-content-before: '[';
    --nav-style-content-after: ']';
    --nav-style-offset: 7px;
    --nav-style-duration: 0.6s;
    --nav-style-timing: cubic-bezier(.52,0,0,1);
}
[data-nav-style="bracket2"] .cl-nav-name::before,
[data-nav-style="bracket2"] .cl-nav-name::after {
    transition: opacity var(--nav-style-duration) var(--nav-style-timing);
}


[data-nav-style^="layered"] {
    --nav-style-type: layered;
}
/*
name copy 
텍스트 11. https://www.innoxus.co.kr/
텍스트 15. https://vandstrom.com/?ref=siteinspire
*/
[data-nav-style="layered1"] {
    --nav-style-duration: 0.4s;
    --nav-style-timing: cubic-bezier(.455,.03,.515,.955);
}
[data-nav-style="layered1"] .cl-nav-name {
  position: relative;
  overflow: hidden;
}
[data-nav-style="layered1"] .cl-nav-name .copy,
[data-nav-style="layered1"] .cl-nav-name .org {
    display: inline-block;

    transition: 
        transform var(--nav-style-duration) var(--nav-style-timing),
        opacity var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="layered1"] .cl-nav-name .copy {
    opacity: 1;
    transform: translateY(0);
} 
[data-nav-style="layered1"] .cl-nav-name .org {
    position: absolute;
    top: -100%; left: 0;

    width: 100%;
    opacity: 0;
}
[data-nav-style="layered1"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name .copy,
[data-nav-style="layered1"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name .copy {
    transform: translateY(100%);
    opacity: 0;
}
[data-nav-style="layered1"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-name .org,
[data-nav-style="layered1"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-name .org {
    transform: translateY(100%);
    opacity: 1;
}

[data-nav-style^="chars"] {
    --nav-style-type: chars;
}

/* 텍스트 16. (텍스트 효과만 / 라인 X) https://www.boraborastudios.com/work/island-hoppers-interactive-led-halftime-game */
[data-nav-style="chars1"] {
    --nav-style-duration: 0.2s;
    --nav-style-timing: ease;
}
[data-nav-style="chars1"] .cl-nav-char {
    transition: transform var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="chars1"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-char,
[data-nav-style="chars1"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-char {
    animation: navstyle-chars1 var(--nav-style-duration) var(--nav-style-timing) forwards;
    animation-delay: calc(var(--char-i) * 0.05s);
}
@keyframes navstyle-chars1 {
    0%   { transform: translateY(0); }
    50%  { transform: translateY(-5px); }
    100% { transform: translateY(0); }
}

/* 텍스트 13. https://www.sainturbain.com/?ref=siteinspire */
[data-nav-style="chars2"] {
    --nav-style-duration: 0.5s;
    --nav-style-timing: cubic-bezier(.645,.045,.355,1);
}
[data-nav-style="chars2"] .cl-nav-name { overflow: hidden; }
[data-nav-style="chars2"] .cl-nav-char::before,
[data-nav-style="chars2"] .cl-nav-char::after {
    content: attr(data-char);
    position: absolute;
    top: 100%; left: 0;

    width: 100%;
}
[data-nav-style="chars2"] .cl-nav-char::after {
    top: 200%;
}
[data-nav-style="chars2"] .cl-nav-char {
    --nav-style-delay: calc((var(--char-count) - var(--char-i))*50ms);
    transition: transform var(--nav-style-duration) var(--nav-style-timing) var(--nav-style-delay);
}
[data-nav-style="chars2"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-char,
[data-nav-style="chars2"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-char {
    --nav-style-delay: calc(var(--char-i)*50ms);
    transform: translateY(-200%);
    transition: transform calc(var(--nav-style-duration) + 0.2s) var(--nav-style-timing) var(--nav-style-delay);
}

/* 컬러 10. (효과시간 빠르게) https://sonder.design/?ref=siteinspire */
[data-nav-style="chars3"] {
    --nav-style-duration: 0.4s;
    --nav-style-timing: cubic-bezier(.34,1.56,.64,1);
}
[data-nav-style="chars3"] .cl-nav-char {
    transition: color var(--nav-style-duration) var(--nav-style-timing);
}
[data-nav-style="chars3"] .cl-mega-row:not([data-parent]):is(:hover, .hover, .active, .open) .cl-nav-char,
[data-nav-style="chars3"] .cl-nav-item:is(:hover, .hover, .active, .open) .cl-nav-char {
    animation: navstyle-chars3 var(--nav-style-duration) forwards;
    /* animation-delay: calc(var(--char-i) * (var(--nav-style-duration) / var(--char-count))); */
    animation-delay: calc(var(--char-i) * 0.05s);
}
@keyframes navstyle-chars3 {
    0%   { color: var(--nav-color); }
    100% { color: var(--nav-color-active); }
}

/************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************/


[data-subnav-style="boxed1"] {
    --subnav-w: 106px;
    --subnav-list-bgcolor: #fff;
    --subnav-list-border-radius: 8px;
    --subnav-list-padding-row: 7px;
    --subnav-padding-row: 5px;
    --subnav-padding-col: 20px;
    --subnav-fname: Jost, Noto Sans KR;
    --subnav-fsize: 13px;
    --subnav-fweight: 400;
    --subnav-textalign: left;
    --subnav-color: #a5a698;
    --subnav-color-active: #58594f;
    --subnav-shadow-onoff: 1;
}

[data-subnav-style="boxed2"] {
    --subnav-w: 100px;
    --subnav-list-bgcolor: #fff;
    --subnav-list-border-radius: 3px;
    --subnav-list-line-onoff: 1;
    --subnav-list-line-color: #e8e8e9;
    --subnav-padding-row: 12px;
    --subnav-padding-col: 20px;
    --subnav-fname: Ibarra Real Nova, Jeju Myeongjo;
    --subnav-fsize: 13px;
    --subnav-fweight: 400;
    --subnav-textalign: left;
    --subnav-color: #1a1e26;
    --subnav-color-active: #7b838c;
}
[data-subnav-style="boxed2"] .clnav-overlay-subnav,
[data-subnav-style="boxed2"] .cl-subnav-list { border: none; }
[data-subnav-style="boxed2"] .cl-subnav-item + .cl-subnav-item > a::before { 
    content: ' '; 
    position: absolute; 
    top: 0; left: 0; right: 0; 
    width: 100%; height: 1px; 
    background-color: var(--subnav-color); 
    opacity: 0.1;
}

[data-subnav-style="boxed3"] {
    --subnav-w: 110px;
    --subnav-list-bgcolor: #fff;
    --subnav-list-border-radius: 8px;
    --subnav-list-padding-row: 2px;
    --subnav-padding-row-min: 3px;
    --subnav-padding-row: 10px;
    --subnav-padding-col: 26px;
    --subnav-fname: Roboto, Pretendard;
    --subnav-fsize: 13px;
    --subnav-textalign: center;
    --subnav-color: #030f26;
    --subnav-color-active: #030f26;
    --subnav-shadow-onoff: 1;
}
[data-subnav-style="boxed3"] .cl-subnav-item .cl-subnav-name::after { 
    content: ' '; 
    display: inline-block; 
    position: absolute; 
    left: 0px; right: 0px; bottom: -3px;
    width: 100%; height: 1px;
    background-color: transparent;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    opacity: 0.7;
}
[data-subnav-style="boxed3"] .cl-subnav-item:hover .cl-subnav-name::after,
[data-subnav-style="boxed3"] .cl-subnav-item.active .cl-subnav-name::after { 
    background-color: var(--subnav-color-active); 
}

[data-subnav-style="boxed4"] {
    --subnav-w: 107px;
    --subnav-list-bgcolor: #fff;
    --subnav-padding-row: 12px;
    --subnav-padding-col: 24px;
    --subnav-fname: Muli, Nanum Square;
    --subnav-fsize: 13px;
    --subnav-textalign: left;
    --subnav-color: #1f232e;
    --subnav-color-active: #fff;
    --subnav-bgcolor-active: #7b868c;
    --subnav-shadow-onoff: 1;
}
[data-subnav-style="boxed4"] .cl-subnav-list {
	--scrollbar-track-color: var(--subnav-bgcolor);
}

[data-subnav-style="boxed5"] {
}

[data-subnav-style="boxed6"] {
    --subnav-w: 100px;
    --subnav-list-bgcolor: #fff;
    --subnav-list-line-onoff: 1;
    --subnav-list-line-color: #e2e2e3;
    --subnav-list-border-radius: 3px;
    --subnav-list-padding-row: 7px; 
    --subnav-padding-row: 7px;
    --subnav-padding-col: 20px;
    --subnav-fname: Inter, Nanum Barun Gothic;
    --subnav-fsize: 13px;
    --subnav-textalign: left;
    --subnav-color: #40362e;
    --subnav-color-active: #79c9b2;
}

[data-subnav-style="boxed7"] {
    --subnav-w: 108px;
    --subnav-list-padding-row: 4px;
    --subnav-list-padding-col: 4px;
    --subnav-list-bgcolor: #fff;
    --subnav-list-border-radius: 5px;
    --subnav-space-row: 4px;
    --subnav-padding-row: 10px;
    --subnav-padding-col: 20px;
    --subnav-fname: Poppins, Spoqa Han Sans;
    --subnav-fsize: 13px;
    --subnav-textalign: left;
    --subnav-color: #7e8384;
    --subnav-color-active: #bf5e5e;
    --subnav-bgcolor-active: #f2eeeb;
    --subnav-shadow-onoff: 1;
}
[data-subnav-style="boxed7"] .cl-subnav-item {
    --subnav-border-radius: var(--subnav-list-border-radius);
}

[data-subnav-style="boxed8"] {
    --subnav-w: 110px;
    --subnav-list-bgcolor: #f2f2f2;
    --subnav-list-border-radius: 12px;
    --subnav-list-padding-row: 7px;
    --subnav-padding-row: 9px;
    --subnav-padding-col: 24px;
    --subnav-fname: Montserrat, Suit;
    --subnav-fsize: 13px;
    --subnav-textalign: left;
    --subnav-color: #1f232e;
    --subnav-color-active: #a78e97;
}
[data-subnav-style="boxed8"] .cl-subnav-list { scrollbar-gutter: stable; }


[data-subnav-style="boxed9"] {
    --subnav-w: 111px;
    --subnav-list-padding-row: 8px;
    --subnav-list-padding-col: 8px;
    --subnav-list-bgcolor: #fff;
    --subnav-list-border-radius: 24px;
    --subnav-space-row: 4px;
    --subnav-padding-row: 10px;
    --subnav-padding-col: 16px;
    --subnav-fname: Quicksand, Spoqa Han Sans;
    --subnav-fsize: 13px;
    --subnav-textalign: left;
    --subnav-color: #707070;
    --subnav-color-active: #707070;
    --subnav-bgcolor-active: #f5f5f5;
    --subnav-shadow-onoff: 1;
}
[data-subnav-style="boxed9"] .cl-subnav-item {
    --subnav-border-radius: var(--subnav-list-border-radius);
}


[data-subnav-style="boxed10"] {
    --subnav-w: 141px;
    --subnav-list-bgcolor: #f2f0eb;
    --subnav-list-border-radius: 10px;
    --subnav-list-padding-row: 8px;
    --subnav-padding-row: 14px;
    --subnav-padding-col: 20px;
    --subnav-fname: Quicksand, Nanum Square;
    --subnav-fsize: 13px;
    --subnav-textalign: center;
    --subnav-color: #593122;
    --subnav-color-active: #593122;
    --subnav-bgcolor-active: #e6e4df;
}
[data-subnav-style="boxed10"] .cl-subnav-list {
	--scrollbar-track-color: var(--subnav-bgcolor);
}
[data-subnav-style="boxed10"] .cl-subnav-item {
    --subnav-list-border-radius: 0px;
}

[data-subnav-style="boxed11"] {
    --subnav-w: 106px;
    --subnav-list-bgcolor: #fff;
    --subnav-list-padding-row: 6px;
    --subnav-padding-row: 8px;
    --subnav-padding-col: 20px;
    --subnav-fname: Roboto, Nanum Square Round;
    --subnav-fsize: 13px;
    --subnav-textalign: center;
    --subnav-color: #1f232e;
    --subnav-color-active: #bbbbc6;
    --subnav-shadow-onoff: 1;
}

[data-subnav-style="boxed12"] {
    --subnav-w: 88px;
    --subnav-list-border-radius: 3px;
    --subnav-space-row: 3px;
    --subnav-padding-row: 8px;
    --subnav-padding-col: 15px;
    --subnav-fname: Lato, IBM Plex Sans KR;
    --subnav-fsize: 13px;
    --subnav-textalign: center;
    --subnav-color: #fff;
    --subnav-color-active: #fff;
    --subnav-bgcolor: #0f0c26;
    --subnav-bgcolor-active: #a5a4a6;
}
[data-subnav-style="boxed12"] .cl-subnav-list {
	--scrollbar-track-color: var(--subnav-bgcolor);
}
[data-subnav-style="boxed12"] .cl-subnav-item {
    --subnav-border-radius: var(--subnav-list-border-radius);
    -webkit-backdrop-filter: blur(var(--subnav-list-bgblur));
    backdrop-filter: blur(var(--subnav-list-bgblur));
}

[data-subnav-style^="inline"] .clnav-overlay-subnav,
[data-subnav-style^="inline"] .cl-subnav-list { width: 100%; }
[data-subnav-style="inline1"] {
    --subnav-list-bgcolor: #efefef;
    --subnav-list-padding-row: 8px;
    --subnav-padding-row: 8px;
    --subnav-fname: Jost;
    --subnav-fsize: 13px;
    --subnav-textalign: center;
    --subnav-color: #a5a698;
    --subnav-color-active: #58594f;
}

[data-subnav-style="minimal1"] {
    --subnav-padding-row: 6px;
    --subnav-fname: Noto Snas KR;
    --subnav-fsize: 13px;
    --subnav-fweight: 300;
    --subnav-letterspacing: 0.02em;
    --subnav-textalign: center;
    --subnav-color: #696c71;
    --subnav-color-active: #696c71;
}



/************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************/
/* 
    .clnav-sidemap (전체보기) 
*/
html[data-clnav-sidemap="open"] { scrollbar-width: none; }

html[data-clnav-sidemap="open"] .dsgn-body { max-width: calc(100% - var(--sidemap-w)); }
html[data-clnav-sidemap="open"] *:is(.goto-top, [class*="quick-menu-"]) { transform: translateX(calc(var(--sidemap-w) * -1)); }
html[data-clnav-sidemap="open"] .cl-menu { right: var(--sidemap-w); width: calc(100% - var(--sidemap-w)); }

html:not([data-clnav-sidemap="open"]) .clnav-sidemap { display: none!important; pointer-events: none; }
.clnav-sidemap {
    position: fixed;
    top:0; right:0; bottom: 0; 
    height: 100vh; 
    width: var(--sidemap-w);
    z-index: 136;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: var(--sidemap-fname);
    font-size: var(--sidemap-fsize);
    font-weight: var(--sidemap-fweight);
    font-style: var(--sidemap-fstyle);
    letter-spacing: var(--sidemap-letterspacing);
    line-height: var(--sidemap-lineheight);
    color: var(--sidemap-color);
    background-color: var(--sidemap-bgcolor);

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.clnav-sidemap-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    border: 0;
    background-color: rgba(0,0,0,.08);
    color: var(--sidemap-color);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 1;
    z-index: 137;
}
.clnav-sidemap-close svg { fill: var(--sidemap-color); }
.clnav-sidemap .cl-nav-brand {
    display: block;
    padding: 33px 75px 64px 40px;
}
.clnav-sidemap .cl-nav-brand-text { font-size: calc(var(--sidemap-fsize) + 4px); letter-spacing: 0em; }

.clnav-sidemap .cl-nav-list { 
    --sidemap-nav-gap-col: 40px;
    --sidemap-nav-gap-row: 20px;
    --sidemap-subnav-gap-col: 40px;
    --sidemap-subnav-gap-row: 10px;
    margin-bottom: 100px;
}
.clnav-sidemap .cl-nav-item:not(.open) .cl-subnav-wrap { display: none; }
.clnav-sidemap .cl-nav-item::before { content:' '; display: block; width: 100%; height: 1px; padding: 0 calc(var(--sidemap-nav-gap-col) - 10px); background-color: rgba(255,255,255,.05); background-clip: content-box; }
.clnav-sidemap .cl-nav-item:hover,
.clnav-sidemap .cl-nav-item:not(.active):not(:hover) .cl-subnav-item { background-color: rgba(0,0,0,0.05); }
.clnav-sidemap li:is(.cl-nav-item, .cl-subnav-item) { font-size: var(--sidemap-fsize); }

.clnav-sidemap ul > li > a { position: relative; display: block; }
.clnav-sidemap .cl-nav-item > a { padding: var(--sidemap-nav-gap-row) var(--sidemap-nav-gap-col); }
.clnav-sidemap .cl-subnav-item > a { padding: var(--sidemap-subnav-gap-row) var(--sidemap-subnav-gap-col); }

.clnav-sidemap span:is(.cl-nav-name, .cl-subnav-name) { display: block; position: relative; }
.clnav-sidemap .cl-nav-item:not(.active):not(:hover) .cl-nav-name, 
.clnav-sidemap .cl-subnav-item:not(.active):not(:hover) .cl-subnav-name { opacity: 0.6; }

.clnav-sidemap .cl-nav-child {
    position: relative;
    display: inline-block;
    padding: 0 calc(var(--sidemap-fsize) - 10px);
    height: calc(var(--sidemap-fsize) + 2px);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: var(--sidemap-fsize);
    font-family: Roboto,sans-serif;
    font-weight: 700;
    color: #fff;
    line-height: 19px;
    vertical-align: 2px;
    margin-left: 5px;
}
.clnav-sidemap .cl-nav-child::before {
    display: block;
    content: ' ';
    position: absolute;
    top: 0; left: 0; right: 0; bottom :0;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    background-color: var(--sidemap-color);
    opacity: 0.05;
}
.clnav-sidemap .cl-nav-caret {
    position: absolute;
    top: 0; right: 0; 
    height: 100%; 
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.clnav-sidemap .cl-nav-item.open .cl-nav-caret svg {
    left: 0; right: initial; 
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.clnav-sidemap .cl-nav-caret svg {
    margin: 0 auto;
    fill: var(--sidemap-color);
    width: calc(var(--sidemap-fsize) - 5px);
    height: calc(var(--sidemap-fsize) - 5px);
    pointer-events: none;
}

.clnav-sidemap .cl-subnav-wrap { padding-bottom: 10px; }


/************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************/
/* 
    .clnav-psearch (쇼핑 검색창)
*/
html:not([data-clnav-psearch="open"]) .clnav-psearch { pointer-events: none; opacity: 0; }
.clnav-psearch {
    position: fixed;
    top: 0; right: 0; bottom: 0; left: 0;
    min-width: 100vw; width: 100%;
    min-height: 100vh; height: 100%;
    background-color: var(--psearch-bgcolor);
    z-index: 138;
}

.clnav-psearch .clnav-psearch-close {
    fill: var(--psearch-color);
    cursor: pointer;
    position: absolute;
    top: 40px;
    right: 40px;
}

.clnav-psearch .clnav-psearch-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20vh;
}
.clnav-psearch .clnav-psearch-body > .clnav-psearch-error {
    font-family: var(--psearch-fname);
    font-size: 16px;
    font-weight: var(--psearch-fweight);
    color: #ee445f;
    margin-top: 15px;
    padding-left: 8vw;
    align-self: start;
}
.clnav-psearch .clnav-psearch-body > .input-group {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 90vw;
    gap: 5px;
    border-bottom: var(--psearch-line-final-width) var(--psearch-line-style) var(--psearch-line-color);
}
.clnav-psearch .clnav-psearch-input {
    order: 2;
    padding: 0px;
    font-family: var(--psearch-fname);
    font-size: var(--psearch-fsize);
    font-weight: var(--psearch-fweight);
    letter-spacing: 0em;
    line-height: 140%;
    color: var(--psearch-color);
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.clnav-psearch .clnav-psearch-input::placeholder { color: var(--psearch-color-placeholder); }
.clnav-psearch .clnav-psearch-btn {
    order: 1;
    padding: 0px;
    fill: var(--psearch-color);
    background-color: transparent;
    border: none;
    aspect-ratio: 1 / 1;
    padding: 0;
    line-height: 100%;
}
.clnav-psearch .clnav-psearch-close *,
.clnav-psearch .clnav-psearch-btn * { pointer-events: none; }
.clnav-psearch .clnav-psearch-btn svg { max-width: 7vw; }


/************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************/
/* 
    .clnav-sidemobile (모바일 메뉴)
*/
.cl-nav .cl-fixnav-item.m-cart {
    --fixnav-fname: Noto Sans KR;
    --fixnav-fsize: 11px;
    --fixnav-fweight: 300;
    --fixnav-fstyle: normal;
    --fixnav-letterspacing: 0em;
    --fixnav-lineheight: 140%;
    --fixnav-color: var(--toggle-color);
    --fixnav-color-active: var(--toggle-color);
}
.cl-nav .cl-fixnav-item.m-cart::before,
.cl-nav .cl-fixnav-item.m-cart .cl-fixnav-cart-active { display: none!important; }

html:not([data-clnav-sidemobile="open"]) .clnav-sidemobile-backdrop { pointer-events: none; opacity: 0; }
.clnav-sidemobile-backdrop {
    content: ' ';
    position: fixed;
    top:0; left:0; right: 0; bottom: 0;
    width: auto;
    height: auto; 
    z-index: 136;
    background-color: rgba(0, 0, 0, .6);
    transition: 0.25s ease-in-out;
}
html:not([data-clnav-sidemobile="open"]) .clnav-sidemobile { pointer-events: none; opacity: 0; }
.clnav-sidemobile {
    position: fixed;
    top:0; left:0; right: 0; bottom: 0;
    height: auto;
    width: var(--sidemobile-w);
    max-width: 85%;
    z-index: 136;
    font-family: var(--sidemobile-fname);
    font-size: var(--sidemobile-fsize);
    font-weight: var(--sidemobile-fweight);
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -ms-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
    -webkit-transform: translate3d(-105vw, 0, 0);
    -moz-transform: translate3d(-105vw, 0, 0);
    -ms-transform: translate3d(-105vw, 0, 0);
    -o-transform: translate3d(-105vw, 0, 0);
    transform: translate3d(-105vw, 0, 0);
    touch-action: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
html[data-clnav-sidemobile="open"] .clnav-sidemobile { 
    -webkit-transform: translate3d(0px, 0px, 0px); 
    -moz-transform: translate3d(0px, 0px, 0px); 
    -ms-transform: translate3d(0px, 0px, 0px); 
    -o-transform: translate3d(0px, 0px, 0px); 
    transform: translate3d(0px, 0px, 0px); 
}
.clnav-sidemobile .container {
    position: absolute;
    top: 0; left: 0; right:0; bottom: 0;
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: auto 1fr auto;
    grid-template-areas:
        "sidemobileinfo"
        "sidemobilemenu"
        "sidemobilebottom";
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    scrollbar-width: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 136;
    background-color: var(--sidemobile-bgcolor);
}
.clnav-sidemobile-close {
    position: absolute;
    right: 0;
    top: 0;
    height: 56px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1;
}
.clnav-sidemobile-close svg { fill: var(--sidemobile-icon); }

.clnav-sidemobile .cl-fixnav-icon,
.clnav-sidemobile .cl-fixnav-name { display: inline-flex; line-height: 1; }
.clnav-sidemobile .clnav-section.info {
    grid-area: sidemobileinfo;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: var(--sidemobile-point);
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    min-height: 56px;
}
/* .clnav-sidemobile .clnav-section.info .section-area { grid-column: span 2; } */
.clnav-sidemobile .section-area.brand { display: flex; flex-direction: column; justify-content: center; align-items: center; }

.clnav-sidemobile .section-area.user { cursor: pointer; margin-left: 15px; font-size: 13px; color: #222; fill: #222; }
.clnav-sidemobile .section-area.user > .login,
.clnav-sidemobile .section-area.user > .logout,
.clnav-sidemobile .section-area.user > .profile { display: flex; align-items: center; }
.clnav-sidemobile .section-area.user > .profile > .user-profile { margin-right: 7px; display: inline-block; vertical-align: middle; width: 35px; height: 35px; overflow: hidden; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; border: 1px solid #565656; }
.clnav-sidemobile .clnav-section.bottom .cl-fixnav-item.m-lang > .cl-fixsubnav-wrap,
.clnav-sidemobile .section-area.user > .profile > .user-menu { 
    display: none; 
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    position: fixed; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    width: 100vw; 
    height: 100vh; 
    margin: 0;
    padding: 0;
    background-color: rgba(0,0,0,0.85); 
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-clip: unset;
    cursor: pointer; 
}
.clnav-sidemobile .clnav-section.bottom .cl-fixnav-item.m-lang.open > .cl-fixsubnav-wrap,
.clnav-sidemobile .section-area.user > .profile.open > .user-menu { display: flex; z-index: 137; }
.clnav-sidemobile .clnav-section.bottom .cl-fixnav-item.m-lang > .cl-fixsubnav-wrap > .m-lang-close,
.clnav-sidemobile .section-area.user .user-menu-close { position: absolute; right: 6vw; top: 5vw; fill: #fff; pointer-events: none; }
.clnav-sidemobile .clnav-section.bottom .cl-fixnav-item.m-lang > .cl-fixsubnav-wrap > ul,
.clnav-sidemobile .clnav-section.bottom .cl-fixnav-item.m-lang > .cl-fixsubnav-wrap > ul > li,
.clnav-sidemobile .clnav-section.bottom .cl-fixnav-item.m-lang > .cl-fixsubnav-wrap > ul > li > a,
.clnav-sidemobile .section-area.user .user-menu > ul,
.clnav-sidemobile .section-area.user .user-menu > ul > li,
.clnav-sidemobile .section-area.user .user-menu > ul > li > a { display: block; width: 100%; }
.clnav-sidemobile .clnav-section.bottom .cl-fixnav-item.m-lang > .cl-fixsubnav-wrap > ul > li > a,
.clnav-sidemobile .section-area.user .user-menu > ul > li > a { 
    padding: 2% 10%; 
    font-family: 'Noto Sans', 'Noto Sans KR';
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    line-height: 160%;
    color: #fff;
}

.clnav-sidemobile .section-area.fixnav { grid-column: span 1!important; justify-self: end; margin-right: 50px; }
.clnav-sidemobile .section-area.fixnav .cl-fixnav-item.m-search > a { display: flex; }
.clnav-sidemobile .section-area.fixnav .cl-fixnav-item { color: var(--sidemobile-icon); fill: var(--sidemobile-icon); }
/* .clnav-sidemobile .section-area.fixnav .cl-fixnav-item.m-search .psearch-overlay { min-width: 100vw; width: 100%; min-height: 100vh; height: 100%; } */


.clnav-sidemobile .clnav-section.bottom { 
    grid-area: sidemobilebottom; 
    min-height: 150px; 
    display: flex;
    align-items: flex-end;
}
.clnav-sidemobile .clnav-section.bottom .cl-fixnav-list { margin: 15px; }
.clnav-sidemobile .clnav-section.bottom .cl-fixnav-item.m-lang > a { display: flex; flex-direction: row; align-items: center; pointer-events: none; cursor: pointer; }
.clnav-sidemobile .clnav-section.bottom .cl-fixnav-item.m-lang .cl-fixnav-icon { fill: var(--sidemobile-icon); } 
.clnav-sidemobile .clnav-section.bottom .cl-fixnav-item.m-lang .cl-fixnav-name { font-size: 15px; color: var(--sidemobile-icon); text-transform: uppercase; }

.clnav-sidemobile .clnav-section.menu { grid-area: sidemobilemenu; }
.clnav-sidemobile .cl-nav-list { }
.clnav-sidemobile .cl-nav-item { position: relative; border-bottom: var(--sidemobile-line-final-width) var(--sidemobile-line-style) var(--sidemobile-line-color); }
.clnav-sidemobile .cl-nav-item > a { 
    position: relative; 
    display: flex; 
    flex-direction: row; 
    align-items: center; 
    overflow: hidden; 
    padding: 23px 20px; 
    text-overflow: ellipsis; 
    min-height: calc(var(--sidemobile-fsize) * (var(--sidemobile-minh) / 100)); 
    color: var(--sidemobile-color); 
    line-height: 140%; 
    white-space: nowrap; 
    cursor: default; 
}
.clnav-sidemobile .cl-nav-item.active > a { color: var(--sidemobile-color-active); }
.clnav-sidemobile .cl-nav-name { display: inline-block; white-space: nowrap; overflow: hidden; max-width: calc(100% - 30px); text-overflow: ellipsis; vertical-align: top; cursor: pointer; }

.clnav-sidemobile .cl-nav-depth {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0; right: 0; 
    height: 100%; 
    aspect-ratio: 1 / 1;
}
.clnav-sidemobile .cl-nav-item:not(.open) .cl-nav-depth svg:is(.minus,.open),
.clnav-sidemobile .cl-nav-item.open .cl-nav-depth svg:is(.plus,.close) { display: none; }
.clnav-sidemobile .cl-nav-depth svg {
    margin: 0 auto;
    fill: var(--sidemobile-color);
    width: var(--sidemobile-fsize);
    height: var(--sidemobile-fsize);
    pointer-events: none;
    opacity: 1;
}
.clnav-sidemobile .cl-nav-item.active .cl-nav-depth svg { fill: var(--sidemobile-color-active); }
.clnav-sidemobile .cl-nav-item .cl-subnav-wrap { 
    max-height: 0px; 
    overflow: hidden; 
    -webkit-transition: max-height 400ms ease;
    -moz-transition: max-height 400ms ease;
    -ms-transition: max-height 400ms ease;
    -o-transition: max-height 400ms ease;
    transition: max-height 400ms ease;
}
.clnav-sidemobile .cl-nav-item.open .cl-subnav-wrap { max-height: 100vh; }
.clnav-sidemobile .cl-subnav-list { 
    display: flex; 
    flex-direction: column; 
    gap: 19px; 
    padding: 17px 21px 17px 30px;
    border-top: var(--sidemobile-line-final-width) var(--sidemobile-line-style) var(--sidemobile-line-color); 
}
.clnav-sidemobile .cl-subnav-item > a { display: block; overflow: hidden; padding: 0; font-size: calc(var(--sidemobile-fsize) - 1px); text-overflow: ellipsis; color: var(--sidemobile-color); line-height: 1.3; white-space: nowrap; }
.clnav-sidemobile .cl-subnav-item.active > a { color: var(--sidemobile-color-active); }

/************************************************************************************************************************************************************************************/
body.clnav-sticky-OFF .cl-menu { top: -100%; }

html._scroll body.openBandBanner .cl-bandBanner { 
    position: sticky; 
    top: -100%; 
    left: 0px;
    z-index: 27; 
}



/************************************************************************************************************************************************************************************/
/* 
    MODOO menu
*/
.cl-nav[data-by="mda"] {
    --home-color: #fff; 
    --home-color-active: #fff;

    --basemobile-minh: 55px;

    --layout-space-row: 25px;
    --layout-space-col: 25px;

    --brand-fname: Noto Sans KR;
    --brand-color: #000000;

    --fixnav-space-row: 12px;
    --fixnav-space-col: 12px;
    --fixnav-fname: Noto Sans KR;
    --fixnav-fsize: 16px;
    --fixnav-letterspacing: -0.04em;
    --fixnav-color: #65696d;
    --fixnav-color-active: #000000;

    --nav-space-row: 20px;
    --nav-space-col: 20px;
    --nav-fname: Noto Sans KR;
    --nav-fsize: 16px;
    --nav-letterspacing: -0.06em;
    --nav-minh: 160;
    --nav-lineheight: 160%;
    --nav-color: #65696d;
    --nav-color-active: var(--site-theme-color);

    --subnav-list-bgcolor: #fafafa;
    --subnav-space-row: 20px;
    --subnav-space-col: 20px;
    --subnav-padding-row: 5px;
    --subnav-padding-col: 5px;
    --subnav-fname: Noto Sans KR;
    --subnav-fsize: 13px;
    --subnav-letterspacing: -0.05em;
    --subnav-minh: 160;
    --subnav-lineheight: 160%;
    --subnav-textalign: left;
    --subnav-color: #65696d;
    --subnav-color-active: var(--site-theme-color);

    --block-padding-top: 0px;
    --block-padding-bottom: 0px;
    --block-padding-left: 0px;
    --block-padding-right: 0px;
    --block-bgcolor: #fff;
    --block-bgimg: none;
    --block-bgimg-size: cover;
    --block-bgimg-position: center center;
    --block-bgimg-repeat: no-repeat;
}
.cl-nav[data-by="mda"] .cl-nav-section.sub:not(:empty) { display: grid; grid-template-rows: minmax(45px, auto); }

.cl-nav[data-by="mda"] .cl-nav-brand-image { display: none; }
.cl-nav[data-by="mda"] .cl-nav-brand-text { display: none; }

.cl-nav[data-by="mda"] li:is(.cl-nav-item, .cl-subnav-item) a { -webkit-transition:.3s ease-out; transition:.3s ease-out; }
.cl-nav[data-by="mda"] li:is(.cl-nav-item, .cl-subnav-item) a::after {
    content:' ';
    position:absolute;
    bottom:0;
    right:0;
    left:0;
    height:1px;
    -webkit-transition:.3s ease-out;
    transition:.3s ease-out;
    -webkit-transform-origin:0 100%;
    -ms-transform-origin:0 100%;
    transform-origin:0 100%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    transform:scale(0);
    opacity:0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.cl-nav[data-by="mda"] li.cl-nav-item.open a::after,
.cl-nav[data-by="mda"] li:is(.cl-nav-item, .cl-subnav-item).active a::after,
.cl-nav[data-by="mda"] li:is(.cl-nav-item, .cl-subnav-item):not(.active):hover a::after {
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.cl-nav[data-by="mda"] .cl-nav-item.open a::after,
.cl-nav[data-by="mda"] .cl-nav-item.active a::after { background-color: var(--nav-color-active); }
body.modoo[data-displaytype="D"] .cl-nav[data-by="mda"] .cl-nav-item:not(.active):hover a::after { background-color: var(--nav-color-active); }
.cl-nav[data-by="mda"] .cl-nav-item .fa { display: none; pointer-events: none; margin: 0; padding: 0; width: 0; height: 0; }
.cl-nav[data-by="mda"] .cl-nav-item .cl-nav-child:not(:empty) {
    position: relative;
    display: inline-block;
    margin-left: 5px;
    padding: 1px 9px 2px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    font-size: 11px;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: var(--site-theme-color);
}
.cl-nav[data-by="mda"] .sub .cl-subnav-wrap { 
    width: 100vw;
    border: none;
    padding: 0px;
}
.cl-nav[data-by="mda"] .sub .cl-subnav-item .cl-subnav-name { position: relative; }
.cl-nav[data-by="mda"] .sub .cl-subnav-item + .cl-subnav-item .cl-subnav-name::before {
    content: ' ';
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: calc(-1 * (var(--subnav-padding-col) + var(--subnav-space-col) * 0.5));
    height: var(--subnav-fsize);
    width: 1px;
    background-color: #ebebeb;
}
.cl-nav[data-by="mda"] .sub .cl-subnav-item.active > a { color: var(--subnav-color-active); }

.cl-nav[data-by="mda"] .cl-nav-option[data-fixnav-size="medium"] ~ .cl-nav-section { --fixnav-fsize: 14px; }
.cl-nav[data-by="mda"] .cl-nav-option[data-fixnav-size="large"] ~ .cl-nav-section { --fixnav-fsize: 16px; }
.cl-nav[data-by="mda"] .cl-nav-option[data-fixnav-size="medium"] ~ .cl-nav-section .cl-fixnav-icon,
.cl-nav[data-by="mda"] .cl-nav-option[data-fixnav-size="large"] ~ .cl-nav-section .cl-fixnav-icon { width: initial; height: initial; }
.cl-nav[data-by="mda"] .cl-fixnav-item.sidemap { --fixnav-color: #000; }

.clnav-sidemobile[data-style="mda"] .clnav-sidemobile-close svg { fill: #fff; }
.clnav-sidemobile[data-style="mda"] .clnav-section.info { grid-template-columns: 100%;  grid-template-rows: auto auto auto auto; grid-template-areas: "mdabrand" "mdatitle" "mdabtns" "company"; min-height: unset; padding-top: 20px; padding-bottom: 0; border-bottom: none; --clnavbrandimgsize: 80px; }
body.modoo:is([data-displaytype="B"],[data-displaytype="C"]) ~ .clnav-sidemobile[data-style="mda"] .clnav-section.info { --clnavbrandimgsize: 45px; padding-top: 35px; }
body.modoo:is([data-displaytype="B"],[data-displaytype="C"]) ~ .clnav-sidemobile[data-style="mda"] .clnav-section.info .section-area:is(.brand,.title) { grid-column: span 1; }
body.modoo:is([data-displaytype="B"],[data-displaytype="C"]) ~ .clnav-sidemobile[data-style="mda"] .clnav-section.info .section-area.brand { padding: 0 10px 15px 20px; }
body.modoo:is([data-displaytype="B"],[data-displaytype="C"]) ~ .clnav-sidemobile[data-style="mda"] .clnav-section.info .section-area.title { position: relative; justify-content: flex-end; align-items: flex-start; padding-bottom: 23px; }
.clnav-sidemobile[data-style="mda"] .section-area.brand { grid-area: mdabrand; margin-bottom: 7px; }
.clnav-sidemobile[data-style="mda"] .section-area.brand .cl-nav-brand { background-color: rgba(255, 255, 255, 0.08); -webkit-border-radius: 50%; border-radius: 50%; aspect-ratio: 1; max-width: var(--clnavbrandimgsize); overflow: hidden; text-align: center; display: flex; align-items: center; }
.clnav-sidemobile[data-style="mda"] .cl-nav-brand-image { width: var(--clnavbrandimgsize); height: var(--clnavbrandimgsize); margin: 0 auto; -webkit-border-radius: 50%; border-radius: 50%; object-fit: contain; }
.clnav-sidemobile[data-style="mda"] .cl-nav-brand-image::before { aspect-ratio: 1; display: flex; align-items: center; }
.clnav-sidemobile[data-style="mda"] .section-area.title { grid-area: mdatitle; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; }
.clnav-sidemobile[data-style="mda"] .section-area.title .category:not(:empty) { display: block; color: rgba(255, 255, 255, .4); font-size: 0.8em; }
body.modoo:is([data-displaytype="B"],[data-displaytype="C"]) ~ .clnav-sidemobile[data-style="mda"] .section-area.title .category:not(:empty) { position: absolute; top: -1.1em; left:0; font-size: 12px; margin-top:0; }
.clnav-sidemobile[data-style="mda"] .section-area.title .hometitle {
    display: block;
    margin-bottom: 2px;
    font-size: 16px;
    color: #fff;
    letter-spacing: -.25px;
}
body.modoo:is([data-displaytype="B"],[data-displaytype="C"]) ~ .clnav-sidemobile[data-style="mda"] .section-area.title .hometitle { margin-bottom: 5px; }
.clnav-sidemobile[data-style="mda"] .section-area.title .description {
    display: block;
    margin-top: 4px;
    color: rgba(255, 255, 255, .4);
    padding: 0 15px 10px;
}
body.modoo:is([data-displaytype="B"],[data-displaytype="C"]) ~ .clnav-sidemobile[data-style="mda"] .section-area.title .description { display: none; }
.clnav-sidemobile[data-style="mda"] .section-area.btns {
    grid-area: mdabtns;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid rgba(0, 0, 0, .06);
    border-bottom: 1px solid rgba(0, 0, 0, .04);
}
.clnav-sidemobile[data-style="mda"] .section-area.btns > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    position: relative;
    width: 100%;
    padding: 13px 0;
    text-align: center;
    color: #fff;
}
.clnav-sidemobile[data-style="mda"] .section-area.btns > li + li { border-left: 1px solid rgba(0, 0, 0, .04); }
.clnav-sidemobile[data-style="mda"] .section-area.btns > li > a { 
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    gap: 10px;
}
.clnav-sidemobile[data-style="mda"] .section-area.btns .item-icon {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    font-family: modoo;
    font-size: 26px;
    color: #fff;
}
.clnav-sidemobile[data-style="mda"] .section-area.btns .item-icon svg { fill: #fff; }
.clnav-sidemobile[data-style="mda"] .section-area.btns .item-icon .ic { color: inherit; font-size: inherit; padding: 2px 0px 0px 1px; }

.clnav-sidemobile[data-style="mda"] .section-area.btns .item-label {
    display: block;
    margin-top: auto;
    font-size: 12px;
    color: #fff;
    letter-spacing: -.25px;
}
.clnav-sidemobile[data-style="mda"] .section-area.company { grid-area: mdacompany; }
.clnav-sidemobile[data-style="mda"] .section-area.company dl {
    margin: 0;
    padding: 6px 20px 0;
    font-size: 14px;
    background-color: #f7f7f7;
}
.clnav-sidemobile[data-style="mda"] .section-area.company:not(.open) dl { display: none; }
.clnav-sidemobile[data-style="mda"] .section-area.company dl dt {
    margin: 15px 0 1px;
    font-size: 15px;
    font-weight: 700;
    color: #222;
    line-height: 22px;
}
.clnav-sidemobile[data-style="mda"] .section-area.company dl a {
    display: inline-block;
    margin-left: 10px;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 400;
    vertical-align: top;
    letter-spacing: -.25px;
}
.clnav-sidemobile[data-style="mda"] .section-area.company dd { font-size: 15px; color: #888; }
.clnav-sidemobile[data-style="mda"] .section-area.company dd .text { display: block; line-height: 22px; }
.clnav-sidemobile[data-style="mda"] .section-area.company dd .sub_title {display: block; float: left; min-width: 77px; margin-right: 13px; letter-spacing: -.25px; vertical-align: top; color: #aaa; }
.clnav-sidemobile[data-style="mda"] .section-area.company dd .sub_text { display: block; overflow: hidden; vertical-align: top; letter-spacing: -.25px; }
.clnav-sidemobile[data-style="mda"] .section-area.company dd span:is(.text_notice, .text_season) { margin: 2px 0 0 17px; font-size: 13px; text-indent: -17px; color: #aaa; letter-spacing: -.25px; }
.clnav-sidemobile[data-style="mda"] .section-area.company dd .text_notice { line-height: 20px; }
.clnav-sidemobile[data-style="mda"] .section-area.company dd .text_notice::before { 
    content: ' ';
    overflow: hidden;
    background-image: url(https://storage.googleapis.com/i.addblock.net/sample/clnav_icon_thumb.png);
    width: 13px;
    height: 13px;
    background-position: -410px -496px;
    -webkit-background-size: 722px 718px;
    background-size: 722px 718px;
    display: inline-block;
    margin: 3px 5px -5px 0;
    vertical-align: top; 
}
.clnav-sidemobile[data-style="mda"] .section-area.company dd .text_notice a { margin-left: 7px; font-size: 12px; text-indent: 0; color: #888; }
.clnav-sidemobile[data-style="mda"] .section-area.company .btn {
    display: block;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .06);
    border: 0;
    padding: 0;
    width: 100%;
    height: 36px;
    line-height: 100px;
    margin-top: -1px;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    cursor: pointer;
    box-shadow: none!important;
}
.clnav-sidemobile[data-style="mda"] .section-area.company.open .btn { background-color: #f7f7f7; border-bottom-color: #f7f7f7;}
.clnav-sidemobile[data-style="mda"] .section-area.company .btn::before {
    content: ' ';
    display: block;
    overflow: hidden;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-top: 6px solid #fff;
    width: 0px;
    height: 0px;
    margin: 18px auto 0;
}
.clnav-sidemobile[data-style="mda"] .section-area.company.open .btn::before { border-top: none; border-bottom: 6px solid #888; }

body.modoo[data-displaytype="B"] .element.modoo[data-pos="0"] .cl-nav-list-nowrap { display: none; }


@media only screen and (min-width: 769px) {
    body.clnav-overlap-OFF .cl-nav[data-by="mda"],
    body.clnav-overlap-ON._scrolling .cl-nav[data-by="mda"],
    body.clnav-state-overlap .cl-nav[data-by="mda"]::after { border-bottom: 1px solid #ebebeb; }
    body.clnav-state-overlap .cl-nav[data-by="mda"]::after { content: ' '; display: block; margin: 0 auto; max-width: 100%; width: var(--container-w); height: 0px; border-bottom-color: rgba(255,255,255,.2); }

    .cl-nav[data-by="mda"][data-layout-pattern-m="1row/3col/toggle_brand_nav--"] .cl-nav-section.main .container { gap: 0px; }

    body.clnav-overlap-ON .cl-nav[data-by="mda"] .cl-nav-brand { display: none; }
    body.clnav-overlap-OFF .cl-nav[data-by="mda"] .cl-nav-brand-image { display: none!important; }
    body.clnav-overlap-OFF .cl-nav[data-by="mda"] .cl-nav-brand-text { display: inline-flex!important; }

    body.clnav-state-overlap .cl-nav[data-by="mda"] { --nav-color: var(--home-color); --nav-color-active: var(--home-color-active); --fixnav-color: var(--home-color); --block-bgcolor: transparent; }
    body.clnav-state-overlap .cl-nav[data-by="mda"] .cl-fixnav-item.sidemap { --fixnav-color: var(--home-color); }

    body.clnav-overlap-OFF .cl-nav[data-by="mda"] .cl-nav-brand:after,
    body.clnav-overlap-ON[data-displaytype="E"] .cl-nav[data-by="mda"] .cl-nav-brand:after { 
        content: ' '; 
        position: relative; 
        display: inline-block; 
        width: 1px; height: 1.2em; 
        background-color: #ebebeb; 
        margin-left: var(--layout-space-col);
    }

    .element.modoo .clnav-nowrap-el0 { display: none; pointer-events: none; width: 0; height: 0; }
}
@media only screen and (max-width: 768px) {
    .cl-nav[data-by="mda"] {
        --fullwidth-space-m: 0px;
        --subnav-list-padding-col: 15px;
    }
    .cl-nav[data-by="mda"] .cl-nav-child { display: none !important; }

    body.clnav-state-overlap.modoo:is([data-displaytype="A"],[data-displaytype="D"]) .cl-nav[data-by="mda"] { --toggle-color: #030303; --nav-color: #fff; --nav-color-active: #fff; --fixnav-color: #fff; --block-bgcolor: transparent; }
    body.clnav-state-overlap.modoo:is([data-displaytype="A"],[data-displaytype="D"]) .clnav-nowrap { margin-right: 15px; }
    body.clnav-state-overlap.modoo:is([data-displaytype="A"],[data-displaytype="D"]) .clnav-nowrap .clnav-nowrap-btn { position: relative; top: initial; bottom: initial; }
    body.clnav-state-overlap.modoo:is([data-displaytype="A"],[data-displaytype="D"]) .clnav-nowrap .clnav-nowrap-btn.prev { left: initial; background: transparent; }
    body.clnav-state-overlap.modoo:is([data-displaytype="A"],[data-displaytype="D"]) .clnav-nowrap .clnav-nowrap-btn.next { right: initial; background: transparent; transform: none; }
    body.clnav-state-overlap.modoo:is([data-displaytype="A"],[data-displaytype="D"]) .clnav-nowrap .clnav-nowrap-btn svg { visibility: visible; }
    body.clnav-state-overlap.modoo:is([data-displaytype="A"],[data-displaytype="D"]) .clnav-nowrap .cl-nav-list { margin-right: 0; }
    body.clnav-overlap-ON._scrolling.modoo:is([data-displaytype="D"]) .cl-nav[data-by="mda"],
    body.clnav-overlap-OFF.modoo:is([data-displaytype="D"]) .cl-nav[data-by="mda"] { --toggle-color: #fff; --nav-color: #fff; --nav-color-active: #fff; --fixnav-color: #fff; --block-bgcolor: var(--site-theme-color); }

    body.clnav-overlap-ON.modoo:not(._show_el0):is([data-displaytype="B"],[data-displaytype="C"]) .cl-nav[data-by="mda"] .cl-nav-list { visibility: visible; }
    body.clnav-overlap-ON.modoo._show_el0:is([data-displaytype="B"]) .cl-nav[data-by="mda"] { --toggle-color: #fff; }
    body.clnav-overlap-ON.modoo._show_el0:is([data-displaytype="C"]) .cl-nav[data-by="mda"] { --toggle-color: #000; --toggle-bgcolor: #fff; }
    body.clnav-overlap-ON.modoo._show_el0:is([data-displaytype="B"],[data-displaytype="C"]) .cl-nav[data-by="mda"] { --nav-color: #fff; --nav-color-active: #fff; --fixnav-color: #fff; --block-bgcolor: transparent; }
    body.clnav-overlap-ON.modoo._show_el0:is([data-displaytype="B"],[data-displaytype="C"]) .cl-nav[data-by="mda"] .cl-nav-list { visibility: hidden; }

    .element.modoo .clnav-nowrap-el0 .cl-nav-item > a { color: var(--nav-color); }
    .element.modoo .clnav-nowrap-el0 .cl-nav-item > a:hover,
    .element.modoo .clnav-nowrap-el0 .cl-nav-item.active > a { color: var(--nav-color-active); }

    .element.modoo .clnav-nowrap-el0.modoo-b { 
        position: relative;
        display: grid; 
        grid-template-columns: auto 1fr auto; 
        grid-auto-flow: row; 
        align-items: center;
        font-size: 16px;
        font-weight: 700;
        background-color: var(--site-theme-color);
        --nav-color: rgba(255, 255, 255, .6);
        --nav-color-active: #fff;
    }
    .element.modoo .clnav-nowrap-el0.modoo-b .cl-nav-list { margin: 0; padding: 0 30px; flex: 1 1 0%; display: flex; flex-direction: row; align-items: center; gap: 28px; line-height: 3.5; }
    
    .element.modoo .clnav-nowrap-el0.modoo-c {
        position: relative;
        padding: 30px 15px 30px 25px;
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
        color: #222;
        background-color: #fff;
        --nav-color: #aaa;
        --nav-color-active: #222;
        
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .element.modoo .clnav-nowrap-el0.modoo-c .container {
        max-height: 175px;
        overflow: hidden;
        display: grid;
        grid-template-columns: 1fr 116px;
        gap: 15px 5px;
    }
    .element.modoo .clnav-nowrap-el0.modoo-c .sitename {
        font-size: 31px;
        font-weight: 700;
        line-height: 36px;
        letter-spacing: .25px;
        word-break: break-word;
    }
    .element.modoo .clnav-nowrap-el0.modoo-c .sitedesc {
        font-size: 15px;
        font-weight: 400;
        line-height: 22px;
    }
    .element.modoo .clnav-nowrap-el0.modoo-c .cl-nav-list {
        position: relative;
        margin-left: auto;
        display: grid;
        grid-auto-columns: 1fr;
        gap: 11px;
        justify-content: end;
        border-left: 1px solid #e5e5e5;
    }
    .element.modoo .clnav-nowrap-el0.modoo-c .cl-nav-item { position: relative; }
    .element.modoo .clnav-nowrap-el0.modoo-c .cl-nav-item.active:before { position: absolute; left: -2px; top: 0; right: 0; content: ' '; display: inline-block; width: 3px; height: 100%; background-color: #222; }
    .element.modoo .clnav-nowrap-el0.modoo-c .cl-nav-name {
        display: block;
        margin: 0;
        padding-left: 15px;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    
}



/************************************************************************************************************************************************************************************/
/************************************************************************************************************************************************************************************/
/* 
*/