@charset "utf-8";

/* 基本セット */
html, body{
	font-family: 'Noto Sans KR', sans-serif; text-decoration: none;
	font-size:14px; line-height:20px; color:#333; font-weight:500; text-align: center;
	height:100%;
	background: #fff;
    }
*{margin:0; padding:0; box-sizing:border-box; transition:all 0.3s ease;}
body{overflow-x:hidden;}
ul, ol{
	list-style:none;}
img{
	border:0; vertical-align:top;}
a{
    font-family: 'Noto Sans KR', sans-serif; 
	color:#333; text-decoration:none !important; transition:all 0.3s ease;}

header {
    position: relative;
    width:1002px; height:100px;
    overflow: hidden;}
header h1{
    position: absolute;  display: block;
    top:22px; left:15px;
    width:156px; height:47px;}
header h1 a{
    display: block;
    width:156px; height:47px;}
header h1 a img{
    display: block;
    width:156px; height:47px;}


header ul.navi{
    position: absolute; display: flex; flex-wrap:wrap; justify-content: space-between;
    top:20px; right:0px;
    width:800px; height:76px;}
header ul.navi > li{
	width:18%;}
header .navi > li > a{
	display: block;
    width:100%; height:44px;
    font-size:16px;  color: #000; font-weight:600;  text-align: center; line-height:44px;}
header .navi > li > a:hover{
    color:#000;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.68);}
header .navi > li > ul{
    position: absolute; display:block;
    top:80px; left: 0px;
    width:300px; height:28px; 
    text-align: center;
    background: #2a916f; border-radius:10px;}
header .navi > li:hover ul{
	top:44px; left: 0px;}
header .navi > li ul li{
    display: inline-block;
    margin:0 5px;}
header .navi > li ul li a{
    display: block;
    width:100%; height:28px;
    font-size:13px; color: #fff; font-weight:400;  text-align: center; line-height:28px;
    padding:0 10px;}
header .navi > li ul li a:hover{color: #000;}
header .navi > li > ul{opacity:1;}
header .navi > li:nth-child(1) > ul{left:-20px;}
header .navi > li:nth-child(2) > ul{left:90px;}
header .navi > li:nth-child(3) > ul{left:240px;}
header .navi > li:nth-child(4) > ul{left:430px;}
header .navi > li:nth-child(5) > ul{left:500px;}
header .navi > li:nth-child(1) > a:before{display: block; content: "Company";}
header .navi > li:nth-child(2) > a:before{display: block; content: "Product";}
header .navi > li:nth-child(3) > a:before{display: block; content: "Catalog request";}
header .navi > li:nth-child(4) > a:before{display: block; content: "Order";}
header .navi > li:nth-child(5) > a:before{display: block; content: "Customer center";}
header .navi > li:hover > a{color: #2a916f;}
header .navi > li:hover:nth-child(1) > a:before{content: "회사소개";}
header .navi > li:hover:nth-child(2) > a:before{content: "제품소개";}
header .navi > li:hover:nth-child(3) > a:before{content: "카달로그 신청";}
header .navi > li:hover:nth-child(4) > a:before{content: "주문";}
header .navi > li:hover:nth-child(5) > a:before{content: "고객센터";}




.Lmenu{
    width:200px; height:auto;
    margin:0 0 20px 0;}
.Lmenu a{
    display: block; position: relative;
    width:100%; height:40px;
    font-size: 14px; color:#666; line-height:40px;
    padding-left:12px;
    border-bottom: 1px dashed #c5c5c5;}
.Lmenu a:hover{color: #fff; background: #ca083c;}