@charset "utf-8"; 
table tr:nth-child(odd){background-color: #efefef;}
table tr:nth-child(even){background-color: #fff;}
 .inquiry-mask{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9998;display:none}
.inquiry-popup{background:#fff;padding:0 2%;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:9999;max-height:80vh;overflow:auto}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn.send.hvr-shutter-out-vertical:before{ transform: scaleY(1);background: var(--color);}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn.send.hvr-shutter-out-vertical span{color: #FFFFFF;}
.pro-detail-content .pro-review .pro-preview-right article ,.pro-detail-content .pro-intro{font-family: "Lora", serif;    line-height: 2;}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn.send.hvr-shutter-out-vertical:hover::before{background: #6a77d3;}
.pro-detail-content .pro-review .pro-preview-right .btn-list .btn.send.hvr-shutter-out-vertical:hover span{color:#fff}
@media screen and (min-width:769px){header nav ul .submenu {width:auto;min-width:100%;right:auto;left:0;display:block;height:auto;}
header nav ul li {position:relative;}
header nav ul .submenu li {display:block;margin: 0;padding: 0 10px;}
header nav ul .submenu>li {padding-right:30px;}
header nav ul .submenu li.navli:after{content:'';width:6px;height:6px;border:1px solid #000;border-left:none;border-bottom:none;transform:rotate(45deg);top:17px;right:10px;}
header nav ul .submenu li.navli:hover:after{border-color:var(--color)}
header nav ul .submenu ul {display:block;}
header nav ul .submenu li:after {background:none;}
header nav ul .submenu li a {white-space:nowrap;display:block;text-align:left;line-height:40px;}
header nav ul .submenu.nav1 ul {position:absolute;left:100%;top:0;background:#fff;display:none;}
header nav ul .submenu.nav1 li:hover>ul {display:block;}}
@media screen and (max-width:768px){header nav ul .submenu.nav1 ul{display:none}}
header .contact-list{display:flex}
header .contact-list ul{align-items:center}
header .contact-list ul li{width:32px;height:32px;margin-right:10px;display:flex;transition:all .5s;justify-content:center;align-items:center;box-sizing:border-box}
header .contact-list ul li a{color:var(--footercolor)}
header .contact-list ul li a:hover{color:var(--color)}
header .header-top .top-info{display: none;}
@media (min-width:1024px){header .header-top{justify-content:flex-end}
header .contact-list ul li a{color:var(--color)}
header .contact-list ul{ flex-wrap: nowrap;}}
header .contact-list ul li a img{width:100%}
@media (min-width:769px){#wmkc .wmkc-list{transform: scale(1.5) translateX(-10px);}}