* {
	padding: 0;
	box-sizing: border-box;
}

body {
  letter-spacing: -0.45px;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 14px;
}

ul,
ol {
	list-style: none;
}

a {
	color: #000; 
	text-decoration: none
}

img {
	display: block;
	max-width: 100%;
}

/* .TR  {BACKGROUND-COLOR: #FFFFFF; } 

..INPUT {width:150; height:25px; color:#FFFFFF; font-size:9pt ;font-weight:800 ; 
		background-color:#E2E8EF; border:1 solid blue ; size=30; height:25px;}
*/

.INPUTBUTTON {  font-size: 12px; border:1px solid #CCCBC7; background-Color:#F2EFE8;}

.INPUT {  font-size: 12px; border:1px solid #CCCBC7; background-Color:#f7f7f5;}
.INPUT1 {  font-size: 12px; border:1px solid #CCCBC7; background-Color:#E7E7E7;}

.textarea {border:1x solid #CCCBC7; background-Color:#F2EFE8;}

.title {  font-size: 15px; color: #000000; text-decoration: none; text-indent:3px}

.textfield {background-color: #ffffff;border-color: #CCCCCC;border-style: solid; border-width: 1px; color: #000000;font-size: 11px;font-family: Verdana;}

.grey {  font-size: 11px; color: #808080; text-decoration: none;}
.grey a {  font-size: 11px; color: #808080; text-decoration: none;}
.grey a:hover {  font-size: 11px; color: #808080; text-decoration: none} 

.gray {  font-size: 12px; color: #808080; text-decoration: none;}
.gray a {  font-size: 12px; color: #808080; text-decoration: none;}
.gray a:hover {  font-size: 12px; color: #FF5300; text-decoration: none}  

.orange {  font-size: 12px; color: #FF5300; text-decoration: none} 
.orange a {  font-size: 12px; color: #FF5300; text-decoration: none} 
.orange a:hover {  font-size: 12px; color: #FF5300; text-decoration: none} 

.black {  font:12px/150% nanum; color: #000000; text-decoration: none;} 
.black a {  font:12px/150% nanum; color: #000000; text-decoration: none} 
.black a:hover {  font:12px/150% nanum; 12px; color: #FF5300; text-decoration: none} 

.black2 {  font-size: 12px; color: #000000; text-decoration: none;} 
.black2 a {  font-size: 12px; color: #000000; text-decoration: none} 
.black2 a:hover {  font-size: 12px; color: #FF5300; text-decoration: none} 

.lay41 { color:#FF80C0;}

.pink1 {  font-size: 12px; color: #FF80C0; text-decoration: none} 
.pink1 a {  font-size: 12px; color: #FF80C0; text-decoration: none} 
.pink1 a:hover {  font-size: 12px; color: #F50AAE; text-decoration: none} 
  
.pink2 { top:-2; left:-2; font-family:'comic sans ms'  font-size: 12px; color: #FF80C0; text-decoration: none} 
.pink2 a { top:-2; left:-2; font-family:'comic sans ms'  font-size: 12px; color: #FF80C0; text-decoration: none} 
.pink2 a:hover { top:-2; left:-2; font-family:'comic sans ms' font-size: 12px; color: #F50AAE; text-decoration: none} 

.black11 {  font-size: 11px; color: #000000; text-decoration: none} 
.black11 a {  font-size: 11px; color: #000000; text-decoration: none} 
.black11 a:hover {  font-size: 11px; color: #C0C0C0; text-decoration: none} 
 
.magenta {  font-size: 12px; color: #993399; text-decoration: none} 
.magenta a {  font-size: 12px; color: #993399; text-decoration: none} 
.magenta a:hover {  font-size: 12px; color: #993399; text-decoration: none} 
 
.blue {  font-size: 12px; color: #3333CC;  text-decoration: none} 
.blue a {  font-size: 12px; color: #3333CC; text-decoration: none} 
.blue a:hover{  font-size: 12px; color: #3333CC; text-decoration: none} 
 
.darkblue {  font-size: 12px; color: #009393; text-decoration: none} 
.darkblue a {  font-size: 12px; color: #009393; text-decoration: none} 
.darkblue a:hover{  font-size: 12px; color: #FF5300; text-decoration: none} 
 
.red {  font-size: 12px; color: #FF3333; text-decoration: none} 
.red a {  font-size: 12px; color: #FF3333; text-decoration: none} 
.red a:hover{  font-size: 12px; color: #FF3333; text-decoration: none} 
 
.white {  font-size: 12px; color: #ffffff; text-decoration: none} 
.white a {  font-size: 12px; color: #ffffff; text-decoration: none} 
.white a:hover {  font-size: 12px; color: #FFFF00; text-decoration: none} 

.lightgrey {  font-size: 12px; color: #999999; text-decoration: none} 
.lightgrey a {  font-size: 12px; color: #999999; text-decoration: none} 
.lightgrey a:hover {  font-size: 12px; color: #FF5300; text-decoration: none} 
 
.link {  font-size: 12px; color: #003399; text-decoration: none} 
.link a {  font-size: 12px; color: #003399; text-decoration: none} 
.link a:hover {  font-size: 12px; color: #990000; text-decoration: none} 
 
.link2 {  font-size: 12px; color: #c4ffe6; text-decoration: none} 
.link2 a {  font-size: 12px; color: #c4ffe6; text-decoration: none} 
.link2 a:hover {  font-size: 12px; color: #dac487; text-decoration: none} 
 
.moregrey {  font-size: 12px; color: #666666; text-decoration: none} 
.moregrey a {  font-size: 12px; color: #666666; text-decoration: none} 
.moregrey a:hover {  font-size: 12px; color: #660000; text-decoration: none} 
 
.lightbrown {  font-size: 12px; color: #a46702; line-height: 12px; text-decoration: none} 
.lightbrown a {  font-size: 12px; color: #a46702; line-height: 12px; text-decoration: none} 
.lightbrown a:hover {  font-size: 12px; color: #bbbbbb; line-height: 12px; text-decoration: none} 

 
.purple {  font-size: 12px; color: #D64E95; text-decoration: none} 
.purple a {  font-size: 12px; color: #D64E95; text-decoration: none} 
.purple a:hover {  font-size: 12px; color: #D64E95; text-decoration: none} 
 
.darkred {  font-size: 12px; color: #990000; text-decoration: none} 
.darkred a {  font-size: 12px; color: #990000; text-decoration: none} 
.darkred a:hover {  font-size: 12px; color: #990000; text-decoration: none} 
 
.css2 {  font-size: 12px; color: #A53678; line-height: 12px; text-decoration: none} 
.css2 a {  font-size: 12px; color: #A53678; line-height: 12px; text-decoration: none} 
.css2 a:hover{  font-size: 12px; color: #A53678; line-height: 12px; text-decoration: none} 
 
.css3 {  font-size: 12px; color: #BB6609; line-height: 12px; text-decoration: none} 
.css3 a {  font-size: 12px; color: #BB6609; line-height: 12px; text-decoration: none} 
.css3 a:hover{  font-size: 12px; color: #BB6609; line-height: 12px; text-decoration: none} 
 
.css4 {  font-size: 12px; color: #5E73E8; line-height: 12px; text-decoration: none} 
.css4 a {  font-size: 12px; color: #5E73E8; line-height: 12px; text-decoration: none} 
.css4 a:hover{  font-size: 12px; color: #5E73E8; line-height: 12px; text-decoration: none} 
 
.line {  border:solid 1; } 
 
.css5 {  font-size: 12px; color: #D64E95; line-height: 12px; text-decoration: none} 
.css5 a {  font-size: 12px; color: #D64E95; line-height: 12px; text-decoration: none} 
.css5 a:hover {  font-size: 12px; color: #D64E95; line-height: 12px; text-decoration: none} 
 
.css6 {  font-size: 12px; color: #C20B0F;  text-decoration: none} 
.css6 a {  font-size: 12px; color: #C20B0F; text-decoration: none} 
.css6 a:hover {  font-size: 12px; color: #ffffff; text-decoration: none; BACKGROUND-COLOR: #cc0000;}

.category { top:-2; left:-2; font-family:'comic sans ms'  font-size: 12px; color: 757573; text-decoration: none} 
.category a { top:-2; left:-2; font-family:'comic sans ms'  font-size: 12px; color: 757573; text-decoration: none} 
.category a:hover { top:-2; left:-2; font-family:'comic sans ms' font-size: 12px; color: #000000; text-decoration: none}

.czbs { border: 1px solid #000000; border-top: 5px solid #16A425; cursor:pointer; width:90px; height:40px;}
.czb { border: 1px solid #000000; border-top: 5px solid gray; cursor:pointer; width:90px; height:40px;}
.czt { text-align: center; font-size: 12px; letter-spacing: -1.2px; line-height: 1; text-decoration:none; }

#header{display:flex; justify-content:space-between; align-items:flex-start; width:996px; margin:0 auto; padding-top:13px;}
.logo{margin:0;}
.gnb{display:flex; gap:30px; margin:8px 0 0 0}
.gnb .depth1 > a{display:block; padding:0 25px 15px; font-size:16px; font-weight:500; color:#000}
.gnb .depth1:last-child > a{padding-right:0;}
.gnb .depth1:hover > a{color:#1e8711}
.gnb .depth1:hover .depth2{display:flex;}
.gnb .depth2{position:absolute; z-index:52; padding-bottom:5px; text-align:left; background-color:#fff; border-top:3px solid #1e8711; display:none; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3); box-shadow:5px 5px 5px 0px rgba(0,0,0,0.3);}
.gnb .depth2 ul{padding:0 50px 0 30px;}
.gnb .depth2 ul:nth-child(2){padding-left:0;}
.gnb .depth2 ul li{margin:10px 0}
.gnb .depth2 ul li a{font-size:14px; color:#000}
.gnb .depth2 ul li a:hover{color:#1e8711}

.visual{width:996px; height:244px; margin:0 auto 30px; overflow:hidden;}
.visual li{top:-14px; left:0}
.product{position:relative; width:345px; margin:15px auto}
.bx-controls-direction a{position:absolute; top:50%; width:12px; height:21px; display:block; margin-top:-15.5px; text-indent:-9999px; background-repeat:no-repeat; background-position:center;}
.bx-controls-direction a.bx-prev{left:-20px; background-image:url(/images/main/product_prev.jpg)}
.bx-controls-direction a.bx-next{right:-20px; background-image:url(/images/main/product_next.jpg)}

.sub-visual{width:996px; height:154px; margin:15px auto; overflow:hidden;}
.lnb{width:189px;}
.lnb h1{height:47px; line-height:47px; padding-left:25px; margin:0; background:url(/images/common/lnb_bg.jpg) no-repeat center; color:#fff; font-size:18px; font-weight:500}
.lnb ul{margin:10px 0 20px 0}
.lnb ul li a{display:block; padding:10px 25px; font-size:15px; color:#333; border-bottom:1px solid #ccc}
.lnb ul li.active a{color:#006634}

.product-table-cont {
	margin-top:30px;
}

.product-table-cont h3 {
	margin:0;
	font-size:18px;
	font-weight:500;
}

.product-table {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	margin-top:10px;
	text-align:center;
}

.product-table thead th {
	padding:10px;
	border:1px solid #cecece;
	background:#9DE0AD;
}

.product-table tbody td {
	padding:10px;
	border:1px solid #cecece;
	cursor:pointer;
}

.product-table tbody tr.link-none td {
	cursor:auto;
}

.product-table tbody tr.link-none:hover td {
	background:#fff;
}

.product-table tbody tr:hover td {
	background:#CDFFC8;
}

.product-table tbody tr.first:hover td:nth-child(4),
.product-table tbody tr.first:hover td:nth-child(5) {
	background:none;
}

.product-tab {
	display:flex;
	border:1px solid #cecece;
	border-top:0;
	border-right:0;
	margin-bottom:20px;
}

.product-tab a {
	position:relative;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
	min-width:170px;
	min-height:45px;
	padding:10px;
	border:1px solid #cecece;
	border-bottom:0;
	border-left:0;
	color:#666;
	transition:all 0.3s;
}

.product-tab.full a {
	flex:1;
	min-width:auto;
}

.product-tab a:hover {
	background:#f5f5f5;
}

.product-tab a:before {
	content:'';
	position:absolute;
	top:-1px;
	left:-1px;
	right:-1px;
	height:4px;
	background:#006634;
	display:none;
}

.product-tab a.active {
	color:#000;
}

.product-tab a.active:hover {
	background:#fff;
}

.product-tab a.active:before {
	display:block;
}

.product-tab a span {
	margin-top:-2px;
}