@charset "utf-8";

/* 상단 */

body {opacity:0; background-color:#f5f5f5;}
body.ty-load {opacity:1;}

.l-main {background-color:var(--bgcolor);}

.l-header,
.l-main,
.l-footer {font-size:0; line-height:0; position:relative; width:100%;}

.l-wrap {position:relative; margin:0 auto; width:100%;}
.l-header {background-color:#fff;}
.l-header a {text-decoration:none;}

/* scroll-content */

.l-header .scroll-content {}
.l-header .scroll-element {opacity:0.5;}
.l-header .scroll-element:hover {opacity:1;}
.l-header .scroll-element.scroll-x {display: none !important;}

/* index */

.l-header:hover {z-index:999;}
.lh-top {z-index:922;}
.lh-logo {z-index:921;}
.lh-menu {z-index:920;}

/* l-banner-11000 */

.l-banner-11000 {display:none; position:relative; width:100%; height:70px;}
.l-banner-11000.active {display:block;}
.l-banner-11000 .swiper-container {position:relative; width:100%; height:70px;}
.l-banner-11000 .swiper-wrapper {height:70px; white-space:nowrap;}
.l-banner-11000 .swiper-slide {position:relative; height:70px; display:inline-block; vertical-align:top; text-align:center;}
.l-banner-11000 .swiper-slide a {z-index:10; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:transparent;}
.l-banner-11000 .swiper-slide .item {position:relative; display:inline-block; max-width:var(--main-width); width:100%; height:100%; text-align:center;}
.l-banner-11000 .swiper-slide .item img {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important;}
.l-banner-11000 .swiper-buttons {position:absolute; left:calc(50% - (var(--main-width)/2)); top:0; width:var(--main-width); height:70px;}

.l-banner-11000 .swiper-buttons .button-prev,
.l-banner-11000 .swiper-buttons .button-next {
    transition: all .3s ease;
    z-index: 20;
    margin: 0;
    display: block;
    position: absolute;
    width: 12px;
    height: 24px;
    top: calc(50% - 12px);
    opacity: 0;
    cursor: pointer;
}

.l-banner-11000 .swiper-buttons .button-prev svg,
.l-banner-11000 .swiper-buttons .button-next svg {
    transition: all .3s ease;
    margin: 0;
    width: 12px;
    height: 24px;
    stroke: #666;
}

.l-banner-11000 .swiper-buttons .button-prev:before,
.l-banner-11000 .swiper-buttons .button-next:before,
.l-banner-11000 .swiper-buttons .button-prev:after,
.l-banner-11000 .swiper-buttons .button-next:after {
    display: none !important;
    opacity: 0 !important;
}

.l-banner-11000 .swiper-buttons .button-prev {
    left: -12px;
}

.l-banner-11000 .swiper-buttons .button-next {
    right: -12px;
}

.l-banner-11000 .swiper-buttons .button-next svg {
    transform: rotate(180deg);
}

.l-banner-11000 .swiper-container:hover .button-prev,
.l-banner-11000 .swiper-container:hover .button-next {
    opacity: .2;
}

.l-banner-11000 .swiper-container:hover .button-prev svg {
    margin-left: -20px;
}

.l-banner-11000 .swiper-container:hover .button-next svg {
    margin-left: 20px;
}

.l-banner-11000 .swiper-container .button-prev:hover,
.l-banner-11000 .swiper-container .button-next:hover {
    opacity: 1;
}

.l-banner-11000 .swiper-container .button-prev:hover svg,
.l-banner-11000 .swiper-container .button-next:hover svg {
    stroke: #000;
}

.l-banner-11000 .swiper-close svg,
.l-banner-11000 .swiper-play svg {
    width: 30px;
    height: 30px;
}

.l-banner-11000 .swiper-play .icon-play svg {
    transform: rotate(180deg);
}

.l-banner-11000 .swiper-play {
    z-index: 20;
    display: block;
    position: absolute;
    right: 58px;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    opacity: 1;
    cursor: pointer;
}

.l-banner-11000 .swiper-play:not(.active) .icon-play {
    display: block;
}

.l-banner-11000 .swiper-play:not(.active) .icon-stop {
    display: none;
}

.l-banner-11000 .swiper-play.active .icon-play {
    display: none;
}

.l-banner-11000 .swiper-play.active .icon-stop {
    display: block;
}

.l-banner-11000 .swiper-close {
    z-index: 20;
    display: block;
    position: absolute;
    right: 20px;
    top: calc(50% - 15px);
    width: 30px;
    height: 30px;
    opacity: 1;
    cursor: pointer;
}

.l-banner-11000 .sst-item {left:calc(50% - (var(--main-width)/2)); max-width:var(--main-width);}

/* lh-top */

.lh-top {position:relative; height:42px; background-color:#fff;}
.lh-top .fixed {z-index:1; display:block; position:relative; left:0; top:0px; right:0; height:42px; white-space:nowrap;}
.lh-top .fixed:after {z-index:-1; display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:0; border-bottom:1px solid #e0e0e0; opacity:1;}
.lh-top.ty-fixed .fixed {position:fixed;}
.lh-top.ty-fixed .fixed:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; opacity:0.98;}

.sst-active .lh-top.ty-fixed .fixed {top:var(--sst-height);}

.lh-top .wrap {z-index:1; position:relative; margin:0 auto; width:var(--main-width);}

.lh-top .item {z-index:1; position:relative; display:inline-block; vertical-align:top; white-space:nowrap;}
.lh-top .item:nth-child(n+2) {margin-left:11px;}
.lh-top .item:nth-child(n+2):before {z-index:-1; display:block; content:''; position:absolute; left:-6px; top:calc(50% - 6px); width:0; height:11px; border-left:1px solid #e0e0e0;}

.lh-top .item > ul {padding:0 10px; position:relative; height:42px; display:inline-block; vertical-align:top;}
.lh-top .item > ul > li:nth-child(1) {position:relative; left:0; top:0; display:block;}
.lh-top .item > ul > li:nth-child(1) p,
.lh-top .item > ul > li:nth-child(1) a {position:relative; display:block; cursor:pointer;}
.lh-top .item .title {transition:all .3s ease; z-index:1; position:relative; display:block; height:42px; white-space:nowrap; overflow:hidden;}
.lh-top .item .title {font-family: var(--family-light);font-weight: var(--weight-light); line-height:41px; font-size:12px; color:#555;}
.lh-top .item .adm {transition:all .3s ease; z-index:1; top:8px; position:relative; display:block; padding:1px 10px 0 10px; height:24px; white-space:nowrap; overflow:hidden; background-color:#a1b6cf; border-radius:3px;}
.lh-top .item .adm {font-family:'gulim'; line-height:24px; font-size:12px; color:#fff;}
.lh-top .item .adm:hover {background-color:#143154;}
.lh-top .item .cart span {position:relative; display:inline-block; height:41px; vertical-align:middle;}
.lh-top .item .cart span:nth-child(1) {font-family: var(--family-light);font-weight: var(--weight-light); line-height:41px; font-size:12px; color:#000;}
.lh-top .item .cart span:nth-child(1):hover {color:var(--color2);}
.lh-top .item .cart span:nth-child(2) {margin-left:6px; z-index:1; width:17px; height:17px; text-align:center;}
.lh-top .item .cart span:nth-child(2) {font-weight:bold; font-family:'Tahoma'; line-height:17px; font-size:10px; color:#fff;}
.lh-top .item .cart span:nth-child(2):before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#d0d0d0; border-radius:100%;}
.lh-top .item .cart:hover span:nth-child(2):before {background-color:var(--color2);}

.lh-top .item .group .title {padding-right:10px;}
.lh-top .item .group .title:after {z-index:-1; display:block; content:''; position:absolute; right:0; top:calc(50% - 1px); width:5px; height:3px; background:var(--t-btn) no-repeat; background-position:0px -100px; opacity:0.3;}

.lh-top .item > ul > li:nth-child(2) {display:none; left:-3px; top:41px; position:absolute; background-color:#fafafa; border:1px solid #e0e0e0; box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);}
.lh-top .item > ul > li:nth-child(2) a {transition:all .3s ease; z-index:1; padding:0 12px; min-width:78px; height:29px; position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lh-top .item > ul > li:nth-child(2) a {font-family: var(--family-light);font-weight: var(--weight-light); line-height:28px; font-size:12px; color:#777;}
.lh-top .item > ul > li:nth-child(2) a:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fafafa; opacity:1;}
.lh-top .item > ul > li:nth-child(2) a:nth-child(n+2) {border-top:1px solid #e0e0e0;}
.lh-top .item > ul > li:nth-child(2) a:hover {color:var(--color2);}
.lh-top .item > ul > li:nth-child(2) a:hover:before {background-color:var(--color2); opacity:0.05;}

.lh-top .item ul:hover .title {color:var(--color2);}
.lh-top .item ul:hover .title:after {background-position-x:-100px; opacity:1;}
.lh-top .item ul:hover > li:nth-child(1) {z-index:11;}
.lh-top .item ul:hover > li:nth-child(2) {z-index:10; display:block;}

.lh-top .item:first-child .title {color:#000;}
.lh-top .item:first-child > ul:first-child {padding-left:0px;}

.lh-top .side {display:block; position:absolute; right:0; top:8px; height:25px;}

.lh-top .links,
.lh-top .search,
.lh-top .language {position:relative; display:inline-block; vertical-align:middle;}

.lh-top .links li {display:inline-block; vertical-align:middle;}
.lh-top .links li:nth-child(n+2) {margin-left:5px;}
.lh-top .links a {transition:opacity 0.2s; top:0; position:relative; display:block; width:25px; height:25px; background:var(--t-btn) no-repeat; background-position-x:-1100px; opacity:0.18;}
.lh-top .links a:hover {opacity:1; background-position-x:-1250px;}
.lh-top .links .icon-10 {background-position-y:0px;}
.lh-top .links .icon-11 {background-position-y:-50px;}
.lh-top .links .icon-12 {background-position-y:-100px;}
.lh-top .links .icon-13 {background-position-y:-150px;}
.lh-top .links .icon-20 {background-position-y:-200px;}
.lh-top .links .icon-21 {background-position-y:-250px;}
.lh-top .links .icon-22 {background-position-y:-300px;}
.lh-top .links .icon-23 {background-position-y:-350px;}
.lh-top .links .icon-24 {background-position-y:-400px;}
.lh-top .links p {transition:opacity 0.2s; z-index:-1; display:block; visibility:hidden; position:absolute; left:calc(50% - 50px); top:32px; width:100px; text-align:center; opacity:0;}
.lh-top .links span {z-index:1; position:relative; display:inline-block; padding:0 7px; height:22px;}
.lh-top .links span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:22px; font-size:13px; color:#ffffff;}
.lh-top .links span:before {z-index:-2; display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#666; border-radius:4px;}
.lh-top .links span:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 4px); top:-4px; width:7px; height:4px; background:var(--t-btn) no-repeat; background-position:0px -200px;}
.lh-top .links li:hover {z-index:1000;}
.lh-top .links li:hover p {opacity:1; visibility:visible; animation:lh-top-links-ani .2s linear;}

@keyframes lh-top-links-ani {
0% {top:32px;}
25% {top:42px;}
50% {top:52px;}
75% {top:42px;}
100% {top:32px;}
}

.lh-top .search {margin-left:7px;}
.lh-top .search .input {display:block; border:1px solid #d0d0d0; background-color:#d0d0d0; border-radius:3px;}
.lh-top .search .input .icon {z-index:2; display:block; position:absolute; right:-1px; top:-1px; width:25px; height:25px; background:var(--t-btn) no-repeat; background-position:-200px -100px; cursor:pointer;}
.lh-top .search .input input {transition:width .3s ease; z-index:1; position:relative; padding:0 33px 0 7px; width:120px; height:23px; border:0; background:transparent; white-space:nowrap; overflow:hidden;}
.lh-top .search .input input {font-family: var(--family-light);font-weight: var(--weight-light); line-height:23px; font-size:12px; color:#fff;}
.lh-top .search .input.focus {border-color:var(--color2); background-color:#fff;}
.lh-top .search .input.focus input {width:150px; color:#000;}
.lh-top .search .input.focus .icon {background-position-x:-250px;}
.lh-top .search .layer {z-index:1001; display:none; position:absolute; left:0; right:0; top:25px; background-color:#fff; border:1px solid #666;}
.lh-top .search .layer.active {display:block;}
.lh-top .search .layer > div {position:relative; overflow:hidden; max-height:300px;}
.lh-top .search .layer li {position:relative; display:block;}
.lh-top .search .layer a {display:block; height:30px; padding:0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-color:#fff;}
.lh-top .search .layer a {font-family: var(--family-light);font-weight: var(--weight-light); line-height:30px; font-size:12px; color:#666;}
.lh-top .search .layer .keyword {color:var(--color2);}
.lh-top .search .layer li:hover a,
.lh-top .search .layer li.active a {background-color:#f4f5f8;}

.lh-top .language {margin-left:5px; width:90px; height:25px; background:var(--t-btn) no-repeat; background-position:-450px -500px; opacity:0.8; cursor:pointer;}
.lh-top .language:hover {background-position-x:-550px; opacity:1;}

/* lh-logo */

.lh-logo {position:relative; height:140px; background-color:#fff;}
.lh-logo .wrap {z-index:1; position:relative; margin:0 auto; width:var(--main-width);}

.lh-logo .logo {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -webkit-justify-content:center;
    align-items:center;
    justify-content:center;
    text-align:center;
    position:relative;
    top:10px;
    margin:0 auto;
    width:calc(100% - 640px);
    height:120px;
    max-height:120px;
}

.lh-logo .logo .link {
    position:relative;
    display:inline-block;
    max-width:100%;
    max-height:100%;
    text-align:center;
}

html[data-useragent*='MSIE 10.0'] .lh-logo .logo .link {
    width: 100%;
}

.lh-logo .logo .link p {
    margin:-4px 0 0 0;
    display:inline-block;
    max-height:80px;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    word-break:break-all;
    text-align:center;
    font-family: var(--family-medium);font-weight: var(--weight-medium);
    line-height:1.3;
    font-size:32px;
    color:#333;
}

.lh-logo .logo .link img {width:auto; height:auto; max-width:calc(var(--main-width) - 640px); max-height:120px; border:0;}

/* l-banner-11002 */

.l-banner-11002 {display:block; position:absolute; left:0; top:0; width:320px; height:140px;}
.l-banner-11002 .swiper-wrapper {height:140px; white-space:nowrap;}
.l-banner-11002 .swiper-slide {background-color:#fff; height:140px; display:inline-block; vertical-align:top; text-align:center;}
.l-banner-11002 .swiper-slide a {z-index:10; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:transparent;}
.l-banner-11002 .swiper-slide img {width:320px !important; height:140px !important; max-width:320px !important; max-height:140px !important;}
.l-banner-11002 .swiper-pagination {transition:all .3s ease; z-index:20; display:block; position:absolute; left:10px; right:auto; bottom:-15px; width:auto; height:15px; opacity:0;}
.l-banner-11002 .swiper-pagination span {transition:all .3s ease; position:relative; display:inline-block; margin:0 4px; width:4px; height:15px; cursor:pointer;}
.l-banner-11002 .swiper-pagination span:before {transition:all .3s ease; display:block; content:''; position:absolute; left:calc(50% - 3px); top:calc(50% - 3px); width:5px; height:5px; background-color:#000; border-radius:5px; opacity:0.3;}
.l-banner-11002 .swiper-pagination span:hover:before {opacity:1;}
.l-banner-11002 .swiper-pagination span.active {background-color:transparent; margin:0; width:20px;}
.l-banner-11002 .swiper-pagination span.active:before {opacity:1; left:calc(50% - 10px); width:20px;}
.l-banner-11002:hover .swiper-pagination {bottom:8px; opacity:1;}

/* l-banner-11003 */

.l-banner-11003 {display:block; position:absolute; right:0; top:0; width:320px; height:140px;}
.l-banner-11003 .swiper-wrapper {height:140px; white-space:nowrap;}
.l-banner-11003 .swiper-slide {background-color:#fff; height:140px; display:inline-block; vertical-align:top; text-align:center;}
.l-banner-11003 .swiper-slide a {z-index:10; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:transparent;}
.l-banner-11003 .swiper-slide img {width:320px !important; height:140px !important; max-width:320px !important; max-height:140px !important;}
.l-banner-11003 .swiper-pagination {transition:all .3s ease; z-index:20; display:block; position:absolute; left:auto; right:10px; bottom:-15px; width:auto; height:15px; opacity:0;}
.l-banner-11003 .swiper-pagination span {transition:all .3s ease; position:relative; display:inline-block; margin:0 4px; width:4px; height:15px; cursor:pointer;}
.l-banner-11003 .swiper-pagination span:before {transition:all .3s ease; display:block; content:''; position:absolute; left:calc(50% - 3px); top:calc(50% - 3px); width:5px; height:5px; background-color:#000; border-radius:5px; opacity:0.3;}
.l-banner-11003 .swiper-pagination span:hover:before {opacity:1;}
.l-banner-11003 .swiper-pagination span.active {background-color:transparent; margin:0; width:20px;}
.l-banner-11003 .swiper-pagination span.active:before {opacity:1; left:calc(50% - 10px); width:20px;}
.l-banner-11003:hover .swiper-pagination {bottom:8px; opacity:1;}

/* lh-menu */

.lh-menu {position:relative; height:50px; margin-top:-42px; padding-top:42px; background-color:#fff;}
.lh-menu .fixed {z-index:1; display:block; position:relative; left:0; right:0; top:0; height:50px;}
.lh-menu .fixed:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:0; border-top:1px solid #e0e0e0;}
.lh-menu .fixed:after {z-index:-1; display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:0; border-bottom:1px solid #e0e0e0;}
.lh-menu.ty-fixed .fixed {position:fixed; top:41px;}
.lh-menu.ty-fixed .fixed:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; border:0; background-color:#fff; opacity:0.98;}

.sst-active .lh-menu.ty-fixed .fixed {top:calc(var(--sst-height) + 41px);}

.lh-menu .wrap {z-index:1; position:relative; margin:0 auto; width:calc(var(--main-width) + 2px);}
.lh-menu .btn {transition:border-color .3s, background-color .3s; z-index:10; position:absolute; left:0; top:0; width:48px; height:48px; border:1px solid #e0e0e0; background-color:#fff; cursor:pointer;}
.lh-menu .btn:after {transition:opacity .3s; z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 16px); top:calc(50% - 16px); width:32px; height:32px; background:var(--t-btn) no-repeat; background-position:-150px -150px; opacity:0.8;}

.lh-menu .depth1 {z-index:1; position:relative; margin-left:50px; top:1px; white-space:nowrap; max-width:calc(var(--main-width) - 50px);}
.lh-menu .depth1 ul {transition:all .3s ease; position:relative; height:48px; display:inline-block; vertical-align:top; white-space:normal; background-color:#fff;}
.lh-menu .depth1 li:nth-child(1) {position:relative; left:0; top:0; display:block;}
.lh-menu .depth1 li:nth-child(1) p,
.lh-menu .depth1 li:nth-child(1) a {position:relative; display:block; padding:0 40px; cursor:pointer;}
.lh-menu .depth1 .title {transition:all .3s ease; z-index:1; position:relative; display:inline-block; height:48px;}
.lh-menu .depth1 .title {font-family: var(--family-light);font-weight: var(--weight-light); line-height:48px; font-size:13px; color:#333;}
.lh-menu .depth1 .group .title {padding-right:10px;}
.lh-menu .depth1 .group .title:after {z-index:-1; display:block; content:''; position:absolute; right:0; top:calc(50% - 1px); width:5px; height:3px; background:var(--t-btn) no-repeat; background-position:0px -100px; opacity:0.8;}
.lh-menu .depth1 li:nth-child(2) {display:none; left:0; right:0; top:48px; padding:10px 0; position:absolute; background-color:#fff; border:1px solid #e0e0e0;}
.lh-menu .depth1 li:nth-child(2) a {padding:0 19px; max-width:calc(100% - 38px); height:32px; display:block;}
.lh-menu .depth1 li:nth-child(2) span {transition:all .3s ease; position:relative; z-index:1; max-width:100%; display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lh-menu .depth1 li:nth-child(2) span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:32px; font-size:13px; color:#333; word-wrap:break-word; word-break:break-all;}
.lh-menu .depth1 li:nth-child(2) span:after {transition:all .3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; bottom:5px; width:0; height:1px; background-color:var(--color2); opacity:0;}
.lh-menu .depth1 li:nth-child(2) a:hover span {color:var(--color2);}
.lh-menu .depth1 li:nth-child(2) a:hover span:after {width:100%; opacity:1;}

.lh-menu .depth1 ul:hover {background-color:var(--color2);}
.lh-menu .depth1 ul:hover .title {color:#fff;}
.lh-menu .depth1 ul:hover .title:after {background-position-x:-50px; opacity:1;}
.lh-menu .depth1 ul:hover li:nth-child(1) {z-index:11;}
.lh-menu .depth1 ul:hover li:nth-child(2) {z-index:10; display:block;}

.lh-menu .layer {transition:opacity .1s ease; z-index:2000; display:block; overflow:hidden; position:absolute; left:0; right:0; top:49px; width:100%; max-height:0; background-color:transparent; opacity:0;}
.lh-menu .list {padding:10px; display:block; position:absolute; left:0; right:0; top:0px; width:calc(100% - 22px); min-height:298px; background-color:#fff; border:1px solid #e0e0e0;}

.lh-menu .category {margin-right:240px; display:block;}
.lh-menu .category .scroll {display:block;}
.lh-menu .category ul {}
.lh-menu .category li {width:20%; display:inline-block; vertical-align:top;}
.lh-menu .category .title {padding:10px;}
.lh-menu .category .title p {height:32px; position:relative; display:block; overflow:hidden;}
.lh-menu .category .title a {transition:all .3s ease; top:0; z-index:1; padding:0 10px; position:relative; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:center; border-radius:3px;}
.lh-menu .category .title a {font-family: var(--family-light);font-weight: var(--weight-light); line-height:32px; font-size:13px;}
.lh-menu .category .title a:nth-child(1) {background-color:#f5f5f5; color:#999;}
.lh-menu .category .title a:nth-child(2) {background-color:var(--color2); color:#fff;}
.lh-menu .category li:hover .title a {top:-32px;}
.lh-menu .category .array {padding:0 22px 10px 22px;}
.lh-menu .category .array a {display:block;}
.lh-menu .category .array a span {z-index:1; max-width:100%; height:28px; position:relative; display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.lh-menu .category .array a span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:28px; font-size:13px; color:#333;}
.lh-menu .category .array a span:after {transition:all .3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; bottom:0; width:0; height:1px; background-color:var(--color2); opacity:0;}
.lh-menu .category .array a:hover span {color:var(--color2);}
.lh-menu .category .array a:hover span:after {width:100%; opacity:1;}
.lh-menu .category .scroll-wrapper ul {margin-right:12px;}

.lh-menu .side {display:block; position:absolute; right:0; top:0; bottom:0; width:240px; height:100%; background-color:#fafafa;}

.lh-menu .side .inner {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    flex-direction:column;
    -webkit-box-orient:vertical;
    -ms-flex-direction:column;
}

.lh-menu .side .notice,
.lh-menu .side .banner {max-width:100%; width:100%;}

.lh-menu .side .notice {
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    align-self:flex-start;
}

.lh-menu .side .banner {
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    align-self:flex-end;
    margin-top:auto;
}

/* notice */

.lh-menu .side .notice .block {padding:20px;}
.lh-menu .side .notice .title {transition:all .3s ease; z-index:1; position:relative; margin-top:-1px; padding:0 7px; display:block; height:33px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:1px solid #e0e0e0;}
.lh-menu .side .notice .title {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:33px; font-size:13px; color:#333;}
.lh-menu .side .notice .title:after {z-index:-1; display:block; content:''; position:absolute; right:0; top:calc(50% - 6px); width:46px; height:13px; background:var(--t-btn) no-repeat; background-position:-150px -250px; opacity:0.3;}
.lh-menu .side .notice .title:hover {color:var(--color2);}
.lh-menu .side .notice .title:hover:after {background-position-x:-250px; opacity:1;}
.lh-menu .side .notice li {z-index:1; position:relative;}
.lh-menu .side .notice li:after {transition:all .3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:transparent; opacity:0;}
.lh-menu .side .notice li a {padding:8px 7px; display:block; border-bottom:1px solid #e0e0e0;}
.lh-menu .side .notice li p:nth-child(1) {
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    margin:-3px 0 -2px 0;
    max-height:40px;
    overflow:hidden;
    text-overflow:ellipsis;
    word-wrap:break-word;
    word-break:break-all;
    font-family: var(--family-light);font-weight: var(--weight-light);
    line-height:1.4;
    font-size:13px;
    color:#333;
    transition:all .3s ease;
}
.lh-menu .side .notice li p:nth-child(2) {margin:4px 0 -3px 0;}
.lh-menu .side .notice li p:nth-child(2) {font-family:'Tahoma'; line-height:1.4; font-size:10px; color:#999;}

.lh-menu .side .notice li:hover:after {width:100%; background-color:var(--color2); opacity:1;}
.lh-menu .side .notice li:hover p {color:#fff;}

.lh-menu .side .notice .not {padding:30px 0; text-align:center;}
.lh-menu .side .notice .not {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.4; font-size:13px; color:#999;}

/* banner */

.l-banner-11004 {margin:0 auto; display:block; position:relative; width:240px; max-height:140px;}
.l-banner-11004 .swiper-wrapper {max-height:140px;}
.l-banner-11004 .swiper-slide {
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    align-self:flex-end;
    margin-top:auto;
    max-height:140px;
    display:inline-block;
    text-align:center;
}
.l-banner-11004 .swiper-slide a {z-index:10; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background-color:transparent;}
.l-banner-11004 .swiper-slide img {width:240px !important; max-width:240px !important; max-height:140px !important;}
.l-banner-11004 .swiper-pagination {transition:all .3s ease; z-index:20; display:block; position:absolute; left:0; bottom:2px; width:100%; height:15px; text-align:center;}
.l-banner-11004 .swiper-pagination span {transition:all .3s ease; position:relative; display:inline-block; margin:0 4px; width:4px; height:15px; cursor:pointer;}
.l-banner-11004 .swiper-pagination span:before {transition:all .3s ease; display:block; content:''; position:absolute; left:calc(50% - 3px); top:calc(50% - 3px); width:5px; height:5px; background-color:#000; border-radius:5px; opacity:0.3;}
.l-banner-11004 .swiper-pagination span:hover:before {opacity:1;}
.l-banner-11004 .swiper-pagination span.active {background-color:transparent; margin:0; width:20px;}
.l-banner-11004 .swiper-pagination span.active:before {opacity:1; left:calc(50% - 10px); width:20px;}

/* ty-layer */

.lh-menu.ty-layer .fixed {z-index:5000;}
.lh-menu.ty-layer .btn {border-color:var(--color2); background-color:var(--color2);}
.lh-menu.ty-layer .btn:after {background-position:-200px -200px; opacity:1;}
.lh-menu.ty-layer .btn:after {transition:transform .3s; transform:rotate(-90deg);}
.lh-menu.ty-layer .layer {overflow:visible; max-height:inherit; opacity:1;}