@charset "utf-8"; 
:root{--headercolor:#000000;--fontfamily: Noto+Sans+KR;--color: #B9A37F;}
.index-main{top: 195px;margin-bottom: 195px;}
.index-main .swiper-container{margin-top:72px}
header .header-nav{background: #fff;height: 50px;}
header .header-nav .header-nav-list ul li{line-height: 50px;}
header .header-nav .header-nav-list ul{justify-content: flex-start;padding-left: 56px;}
header .header-nav .header-nav-list{max-width: 1480px;margin: 0 auto;}
header .header-info{background: #fff;padding: 0 15%;}
header .header-nav .header-nav-list ul li a{font-weight: 400;font-size: 16px;color: #19191A;line-height: 22px;}
header .header-nav .header-nav-list ul li a:hover{color: #a4a4a4;}
header .head-info .head-nav{padding-left: 50px;}
header .head-top{height: 55px;background: #fff;}
header .head-info{height: 50px;}
header.is-active .head-top{margin-top: -60px;}
.home-banner{margin-top: 140px;}
.header-relation-item{display: flex;align-items: center;}
.header-relation-item li a img{height: 33px;}
.header-relation-item li {margin-right: 16px;}
.header-main{background: #fff;padding: 15px 0;box-sizing: border-box;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;}
.header-main-lawy{max-width: 1600px;margin: 0 auto;display: flex;justify-content: space-between;align-items: center;height:110px}
.header-mySwiper-banner .swiper-slide img{display: block;max-width: 80%;width: auto;}
.header-swiper{width: 20%;overflow: hidden;}
.header-logo{width: 16%;}
.header-Search .search-input{position: unset;display: flex; border: 1px solid #CCC;align-items: center;box-shadow: none;}
.search-input .search-btn em {color: #666;font-size: 18px;}
.header-Search-text{display: flex;align-items: center;margin-top: 10px;}
.header-Search-text a{font-weight: 400;font-size: 14px;color: #646466;line-height: 22px;transition: all .3s ease-in-out;}
.header-Search-text span{color: #B4B4B4;margin: 0 8px;}
.header-mySwiper-banner{position: relative;}
.header-mySwiper-btn{display: flex;position: absolute;top: 0;right: 0;z-index: 3;align-items: center;}
.header-mySwiper-btn span{color: #ccc;margin: 0 4px;}
.header-button-next,.header-button-prev{cursor: pointer;display: flex;align-items: center;}
.header-categoryAll{position: absolute;}
.header-gnbAllBtn{border: 1px solid #eaeaea;border-width: 0 1px;width: 55px;height: 48px;}
.header-categoryAll .menuActive{position: relative;display: inline-block;width: 25px;height: 18px;margin: 0 auto;left: 14px;top: 14px;}
.header-categoryAll .menuActive span{position: absolute;left: 0;width: 100%;height: 1px;background-color: #444;border-radius: 2px;display: inline-block;transition: all .4s;box-sizing: border-box;}
.header-categoryAll .menuActive span:nth-of-type(1){top: 0;}
.header-categoryAll .menuActive span:nth-of-type(2){top: 8px;opacity: 1;transition: all .0s;}
.header-categoryAll .menuActive span:nth-of-type(3){bottom: 0;}
.header.headerscroll{display: none;}
.header-gnbAllBtn:hover span:nth-of-type(1){animation: active-menu-bar01 .75s forwards;}
.header-gnbAllBtn:hover span:nth-of-type(2){opacity: 0;}
.header-gnbAllBtn:hover span:nth-of-type(3){animation: active-menu-bar02 .75s forwards;}
header .head-info .head-nav .nav-ul>li>a{text-transform: uppercase;}
@-webkit-keyframes active-menu-bar01 {
0% { -webkit-transform : translateY(0) rotate(0);}
50% { -webkit-transform : translateY(8px) rotate(0);}
100% { -webkit-transform : translateY(8px) rotate(45deg);}}
@keyframes active-menu-bar01 {
0% { transform : translateY(0) rotate(0); }
50% { transform : translateY(8px) rotate(0); }
100% { transform : translateY(8px) rotate(45deg);}}
@-webkit-keyframes active-menu-bar02 {
0% { -webkit-transform : translateY(0) rotate(0); }
50% { -webkit-transform : translateY(-8px) rotate(0); }
100% { -webkit-transform : translateY(-8px) rotate(-45deg); }}
@keyframes active-menu-bar02 {
0% { transform : translateY(0) rotate(0); }
50% { transform : translateY(-8px) rotate(0);}
100% { transform : translateY(-8px) rotate(-45deg);}}
#allCategoryDim{position: fixed;top: 0;width: 100%;height: 100%;padding: 150px 20px;box-sizing: border-box;background: rgba(0, 0, 0, 0.85);z-index: 9999;display: none;}
.header-Search .search-btn{border-left: 1px solid #cfcfcf;}
.allCategoryContainer{position: relative;width: 100%;max-width: 1240px;margin: 0 auto;}
.gnbAllCloseBtn{position: absolute;right: 0;top: -120px;width: 60px;height: 60px;background: url(/uploads/42199/close.png) no-repeat center;cursor: pointer;}
.gnbMenuBox{width: 100%;height: 490px;overflow-y: auto;}
#allCategoryDim .gnbMenuBox .menuCategory>li{display: inline-block;width: 180px;margin: 0 10px 10px 10px;vertical-align: top;}
#allCategoryDim .gnbMenuBox .menuCategory>li>a{display: block;font-size: 18px;color: #fff;}
#allCategoryDim .gnbMenuBox .menuCategory .depth1 {margin: 15px 0 20px 3px}
#allCategoryDim .gnbMenuBox .menuCategory .subCategory ul li { position: relative;}
#allCategoryDim .gnbMenuBox .menuCategory .subCategory ul li a {display: block;line-height: 28px;font-size: 13px;color: #A9A9A9;overflow: hidden;}
#allCategoryDim .gnbMenuBox .menuCategory > li > .categoryMore {display: none;}
#allCategoryDim.nowShow {opacity: 1;visibility: visible;}
body{padding-top: 250px;}
.wmkc-lawy{max-width:1240px;margin:0 auto}
.wmkc-banner{max-width: 1920px;margin: 0 auto;overflow: hidden;position: relative;}
.banner-mySwiper{position: absolute;bottom: 50px;z-index: 4;max-width: 1920px;padding: 0 27%;}
@media (min-width:1025px) and (max-width:1600px){.banner-mySwiper{padding:0 22%;}}
@media (min-width:1025px) and (max-width:1440px){.banner-mySwiper{padding:0 20%;}}
@media (min-width:1025px) and (max-width:1280px){.banner-mySwiper{padding:0 18%;}}
.banner-mySwiper .swiper-wrapper .swiper-slide p{line-height: 40px;text-align: center;font-weight: 400;font-size: 12px;color: #000000;height: 40px;background: #FFFFFF;border-radius: 6px;opacity: 0.6;cursor: pointer;}
.banner-mySwiper .swiper-slide-thumb-active p{background: #000 !important;color: #ffffff !important;}
.category-com{display:flex;justify-content:space-between}
.category-right{display:flex;flex:1;justify-content:space-between;padding-left:20px}
.category-left{max-width:32.5%}
.category-left .category-box:nth-of-type(1){margin-bottom:20px}
.wmkc-category{margin-top:50px;background:#fff}
.product-title{margin-bottom:10px;border:0;text-align:center;color:#000;position:relative}
.wmkc-product{padding:80px 0}
.product-title h4{font-weight:700;font-size:40px;color:#260101;line-height:40px;text-align:center}
.product-title p{font-weight:400;font-size:22px;color:#260101;line-height:1;text-align:center;margin-top:20px}
.product-btn{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.product-btn a{padding: 30px 0 4px;font-size: 14px;min-width: 70px;color: #333;border: 1px solid #555;border-width: 0 0 1px 0;font-weight: bold;text-transform: uppercase;display: block;transition: all .3s ease-in-out;}
.product-container{margin-top:68px}
.product-box-text{padding:20px 15px}
.product-box-text a{font-weight:400;font-size:16px;color:#000;line-height:25px;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:-webkit-box}
.product-ul a{font-weight:400;font-size:18px;color:#e0e0e0;line-height:1;padding:15px 30px;border:1px solid #e0e0e0;display:inline-block;margin-right:7px;transition: all .3s ease-in-out;text-transform: uppercase;}
.product-ul{margin-top:40px;display:flex;justify-content:center}
.product-all{display:flex;flex-wrap:wrap;}
.product-box{width:24%;background:#fff;border:1px solid #e0e0e0;margin-bottom:1%}
.product-box-img{overflow:hidden}
.product-box-img img{display:block;transition:all .3s ease-in-out}
.about-item{display:flex;padding:40px;justify-content:space-between;align-items:center;box-sizing: border-box;}
.about-item-left{width:58%;padding:35px;background:#f3f3f3;box-sizing:border-box}
.about-item-right{width:42%;padding-left:35px}
.about-item-right p{font-weight:400;font-size:15px;color:#a69191;line-height:24px}
.about-item-right p:nth-of-type(1){margin-bottom:20px}
.wmkc-about{background:#fafafa;padding:85px 0}
.wmkc-news{padding:80px 0}
.news-item{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px}
.news-item-img{width:19%;margin-bottom:1%;overflow:hidden;height: 230px;}
.news-item-img img{display: block;max-width: 100%;transition: all .3s ease-in-out;width: 100%;height: 100%;object-fit: cover;}
.news-item-img:hover img{transform:scale(1.02)}
.product-box:hover img{transform:scale(1.02)}
.product-ul .active{color:#000;border-bottom:1px solid #000}
.product-flex{display: none;}
.category-boxs{width: 49%;}
.header-logo img{transition: all .3s ease-in-out;opacity: 1;max-width: 190px;}
.header-Search-text a:hover{color: #a4a4a4;}
.header-logo:hover a img{opacity: .8;}
.product-ul a:hover{color: #000;border-bottom: 1px solid #000;}
.product-btn a:hover{transform: translateY(10px);color: var(--color);}
.product-box:hover .product-box-text a{color: var(--color);}
.home-main{overflow: hidden;}
@media (max-width:1620px) {
header .header-info,header .header-nav{padding: 0 3%;}
.header-main-lawy{max-width: 100%;padding: 0 3%;}
.header-main{padding: 15px 0;}}
@media (max-width:1420px) {
.header-relation-item li a img{height: 25px;}
.header-logo {width: 10%;}
.header-Search{width: 20%;}
.header-swiper{width: 25%;}
.index-main {top: 166px;margin-bottom: 166px;}}
@media (max-width:1024px) {
.header-mySwiper-banner .swiper-slide img{height: 75px;}
.header-main-lawy{height: 70px;}
header .header-nav {height: 50px!important;}
.index-main .swiper-container {margin-top: 25px;}
header .header-nav .header-nav-list ul li a{font-size: 14px;}
.header-Search-text a{font-size: 12px;line-height: 1;}
.form-control{height: 25px;}
#allCategoryDim .gnbMenuBox .menuCategory>li>a{font-size: 16px;}
.news-item-img{height: auto;}  
}
@media (max-width:768px) {
.header-main{display: none;}
header .header-nav{background: #8f8f8f;}
.index-main {top: 25px;margin-bottom: 0;}
.header-categoryAll{display: none;}
header .header-nav .header-nav-list{top: 50px;}
header .header-nav .header-nav-list ul{padding: 0 15px;box-sizing: border-box;}
header .header-nav .header-nav-list ul li a{color: #fff;}
header .header-nav .header-nav-list ul li span:nth-of-type(1),header .header-nav .header-nav-list ul li span:nth-of-type(2){top: 50%;}
header .header-nav .header-nav-list ul li span:nth-of-type(1){width: 20px;min-width: 20px;height: 4px;}
header .header-nav .header-nav-list ul li span:nth-of-type(2){width: 20px;min-width: 20px;height: 4px;}
header .header-nav .nav-btn span{width: 25px;}}
@media (min-width:1025px){.header-logo {width:auto;position:absolute;left:50%;transform:translateX(-50%);}
.header-main-lawy {position:relative;}
.header-Search-text a {font-size:12px;}}
.product-all li{width: 25%;padding: 0 0.5%;}
.product-all li a{border: 1px solid #eee;display: block;}
header.is-active .header-main{margin-top: -143px;}
.hotpro-box{padding: 20px 0;text-align: center;background: #eee;}
.hotpro-title{-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;}
@media(min-width:1025px){.banner-mySwiper{width: 100%;}}
@media (max-width:1620px) {
.wmkc-product,.wmkc-about,.wmkc-news{padding: 50px 0;}
.product-title h4{font-size: 34px;}
.product-title p{font-size: 18px;}
.product-container {margin-top: 40px;}
.product-ul a{font-size: 16px;}}
@media (max-width:1366px) {
header .head-info .head-nav .nav-ul>li>a{font-size: 16px;}
header.is-active .head-info{height: 50px;}}
@media (max-width:1240px) {
.wmkc-lawy{padding: 0 3%;}
.product-title h4{font-size: 28px;}
.product-title p {font-size: 16px;margin-top: 10px;}
.product-ul {margin-top: 15px;}
.product-ul a{padding: 10px 20px;}
.product-container {margin-top: 25px;}
.product-box-text{padding: 15px;}
.product-box-text a,.about-item-right p{font-size: 14px;}
.about-item-left{width: 55%;padding: 20px;}
.about-item-right {width: 45%;padding-left: 25px;}
.about-item-right p:nth-of-type(1) {margin-bottom: 10px;}
.about-item{padding: 20px;}
.news-item{margin-top: 25px;}
.wmkc-product, .wmkc-about, .wmkc-news {padding: 35px 0;}}
@media (max-width:1024px) {
.product-btn a {padding: 6px 0 4px;font-size: 12px;}
.product-ul a{font-size: 14px;}
.category-left .category-box:nth-of-type(1) {margin-bottom: 10px;}
.product-title h4{font-size: 24px;}
.wmkc-category{margin-top: 30px;}
.header-mySwiper-banner .swiper-slide img{height: 80px;}
.header-main,.header-categoryAll{display: none;}
.banner-play {margin-top: 0;}
body {padding-top: 55px;}
.banner-mySwiper{display: none;}}
@media (max-width:768px) {
.category-right{padding-left: 10px;}
.product-title h4{font-size: 22px;}
.about-item {padding: 0;margin-top: 25px;flex-direction: column;}
.about-item-left{width: 100%;}
.about-item-left img{width: 100%;}
.about-item-right {width: 100%;padding-left: 0;margin-top: 20px;}
header .head-info .head-nav {padding-left: 20px;}
.news-item-img{width: 32.5%;}
.product-all li {width: 33.3%;padding: 0 0.5%;}
.hotpro-box{padding: 10px 0;}
.hotpro-box p{font-size: 14px;}}
@media (max-width:500px) {
.wmkc-product, .wmkc-about, .wmkc-news {padding: 20px 0;}
.product-title h4 {font-size: 20px;line-height: 1;}
.product-title p {font-size: 14px;margin-top: 20px;}
.product-ul a {font-size: 12px;padding: 10px;}
.product-ul {margin-top: 22px;}
.product-box {width: 49%;margin-bottom: 2%;}
.news-item-img {width: 49%;margin-bottom: 2%;}
.product-ul a{font-size: 12px;}
.product-all li{width: 50%;}}
.product-all li{padding: 1% 0.5%;}
.header-Search{display: flex;flex-direction: column;align-items: end;}
.banner-mySwiper2 .swiper-slide img{width:100%}
.lang-icon span{color: #333;}
@media (max-width: 768px) {.wmkc-news .news-item-img { aspect-ratio: 1 / 1;}}
.prodetails-info .prodetails-btnlist>*{width: 300px;}
.prodetails-btnlist .pdown2 a span{font-size:12px;}