@charset "utf-8";

/* 기본 네비게이션 */
#gnb {float:right;}
#gnb > .gnb_1dul:after {
		content:"";display:block;
		clear:both;visibility:hidden;
	}
#gnb > .gnb_1dul > .gnb_1dli {float:left;position:relative;}
#gnb > .gnb_1dul > .gnb_1dli > .gnb_1da {
		display:block;
		position:relative;
		padding:0 40px;
		font-size:1.4em;line-height:100px;
	}
#gnb > .gnb_1dul > .gnb_1dli:hover > .gnb_1da,
	#gnb > .gnb_1dul > .gnb_1dli > .gnb_1da:hover,
	#gnb > .gnb_1dul > .gnb_1dli > .gnb_1da:focus,
	#gnb > .gnb_1dul > .gnb_1dli > .gnb_1da:active,
	#gnb > .gnb_1dul > .gnb_1dli > .gnb_1da.hover {
		color:#ff4800;
	}
#gnb > .gnb_1dul > .gnb_1dli:hover > .gnb_1da:after,
	#gnb > .gnb_1dul > .gnb_1dli > .gnb_1da:hover:after,
	#gnb > .gnb_1dul > .gnb_1dli > .gnb_1da:focus:after,
	#gnb > .gnb_1dul > .gnb_1dli > .gnb_1da:active:after,
	#gnb > .gnb_1dul > .gnb_1dli > .gnb_1da.hover:after {
		content:'';display:block;
		position:absolute;left:0;right:0;bottom:0;
		width:100%;height:8px;
		background-color:#2d9561;
	}
#gnb > .gnb_1dul > .gnb_1dli > .gnb_2dul {
		display:none;
		position:absolute;top:85px;right:0;
		width:220px;
		padding:15px;
		border:1px solid transparent;border-radius:7px;
		background:rgba(45,85,65,.95);
		z-index:99 !important;
	}
#gnb > .gnb_1dul > .gnb_1dli > .gnb_2dul .gnb_2dli {
		position:relative;
	}
#gnb > .gnb_1dul > .gnb_1dli > .gnb_2dul .gnb_2dli .gnb_2da {
		display:block;position:relative;
		padding:10px;
		border-bottom:1px solid transparent;
		color:#fff;
		transition:all .2s;
	}
#gnb > .gnb_1dul > .gnb_1dli:hover > .gnb_2dul, #gnb > .gnb_1dul > .gnb_1dli:hover > .gnb_box {
		display:block;
	}
#gnb > .gnb_1dul > .gnb_1dli > .gnb_2dul > .gnb_2dli:hover .gnb_2da,
	#gnb > .gnb_1dul > .gnb_1dli > .gnb_2dul > .gnb_2dli .gnb_2da:hover,
	#gnb > .gnb_1dul > .gnb_1dli > .gnb_2dul > .gnb_2dli .gnb_2da.hover {
		color:#fff;
		background:#000;
	}
#gnb > .gnb_1dul > .gnb_1dli > .gnb_2dul > .gnb_2dli .gnb_2da:hover:after,
	#gnb > .gnb_1dul > .gnb_1dli > .gnb_2dul > .gnb_2dli .gnb_2da.hover:after {
		content:'\f105' !important;
		position:absolute;top:10px;right:10px;
		font-family:var(--ff-FA);color:#fd3 !important;
	}
	
/* 제품 메뉴 박스 */
.gnb_box {
		display:none;
		position:fixed;left:0;top:100px;right:0;
		width:100%;
		padding:30px 0 40px;
		background-color:rgba(45,85,65,.75);backdrop-filter:blur(10px);
		z-index:99;
	}
.gnb_box a {display:block;}
/* 메뉴 2차 */
.gnb_box .gnb_2dul {display:flex;gap:30px;}
.gnb_box .gnb_2dul .gnb_2dli {flex:1.3;}
.gnb_box .gnb_2dul .gnb_2dli:nth-child(1), .gnb_box .gnb_2dul .gnb_2dli:nth-child(5) {flex:1;}
.gnb_box .gnb_2dul .gnb_2dli .gnb_2da {
		padding-bottom:20px;
		border-bottom:1px dashed rgba(255,255,255,.6);
		font-size:1.25em;font-weight:500;color:#fff;
		text-align:center;
	}
/* 메뉴 3차 */
.gnb_box .gnb_3dul {
		display:block !important;
		position:static !important;
		margin-top:20px;padding:20px;
		border-radius:3px;
		background-color:rgba(0,0,0,.6);
		box-shadow:3px 3px 5px rgba(0,0,0,.2);
		visibility:visible !important;opacity:1 !important;
}
.gnb_box .gnb_3dul .gnb_3dli+.gnb_3dli {margin-top:20px;}
.gnb_box .gnb_3dul .gnb_3dli .gnb_3da {color:#fff;}
.gnb_box .gnb_3dul .gnb_3dli .gnb_3da sub {font-size:.6em;color:#fff;vertical-align:bottom;}
.gnb_box .gnb_3dul .gnb_3dli .gnb_3da:before {
		content:'';display:inline-block;
		width:7px;height:7px;
		margin-right:10px;
		border-radius:50%;
		vertical-align:middle;
		background-color:rgba(255,255,255,.85);
	}
/* 메뉴 마우스 오버 */
.gnb_box li:hover > a,
	.gnb_box li > a:hover,
	.gnb_box li > a.hover,
	.gnb_box li > a:hover sub {
		color:#fd3 !important;
	}
.gnb_box li:hover > a:before,
	.gnb_box li > a:hover:before,
	.gnb_box li > a.hover:before {
		background-color:#fd3 !important;
	}

/* 모바일용 메뉴 */
#gnb_all {
		display:table;
		position:fixed;left:0;top:60px;
		width:100%;height:100%;
		background-color:#383637;
		transform:translate(100%, 0);transition:all 0.75s ease-in-out;z-index:9999 !important;overflow-y:auto;
	}
#gnb_all h2 {position:absolute;font-size:0;line-height:0;}
#gnb_all a {display:block;position:relative;transition:all .2s;}
#gnb_all > .gnb_1dul {
		display:table-cell;
		width:100vw;height:100%;
		vertical-align:top;
	}
#gnb_all > .gnb_1dul .gnb_1dli {}
#gnb_all > .gnb_1dul .gnb_1dli .gnb_1da {
		position:relative;
		padding:20px;
		border-bottom:1px dashed rgba(255,255,255,.5);
		font-size:1.35em;color:#fff;
	}
#gnb_all > .gnb_1dul .gnb_1dli:hover .gnb_1da,
	#gnb_all > .gnb_1dul .gnb_1dli .gnb_1da:hover,
	#gnb_all > .gnb_1dul .gnb_1dli .gnb_1da.hover {
		font-weight:600;
		background-color:#0e7346;
	}
#gnb_all > .gnb_1dul .gnb_1dli .gnb_1da:after {
		display:block;
		position:absolute;top:20px;right:20px;
		content:'\f107';font-family:var(--ff-FA);
	}
#gnb_all > .gnb_1dul .gnb_1dli .gnb_2dul {
		width:100%;padding:20px;
		background-image:linear-gradient(#0e7346,#2aa76a);
	}
#gnb_all > .gnb_1dul .gnb_2dul .gnb_2dli {position:relative;}
#gnb_all > .gnb_1dul .gnb_2dul .gnb_2dli .gnb_2da {
		position:relative;
		padding:7px 0;
		font-size:1.2em;color:#fff;line-height:1.2em;
	}
#gnb_all > .gnb_1dul .gnb_2dul .gnb_2dli .gnb_2da:before {
		content:'';display:inline-block;
		width:10px;height:2px;
		margin-top:-5px;margin-right:10px;
		vertical-align:middle;
		background-color:#fff;
	}
#gnb_all > .gnb_1dul .gnb_1dli:nth-child(2) .gnb_2dul .gnb_2dli .gnb_2da:after {
		display:block;
		position:absolute;top:7px;right:0;
		content:'\f107';font-family:var(--ff-FA);
	}
#gnb_all > .gnb_1dul .gnb_2dul .gnb_2dli:hover .gnb_2da,
	#gnb_all > .gnb_1dul .gnb_2dul .gnb_2dli .gnb_2da:hover,
	#gnb_all > .gnb_1dul .gnb_2dul .gnb_2dli .gnb_2da.hover {
		font-weight:500;color:#fc0;
	}
#gnb_all > .gnb_1dul .gnb_3dul {
		margin:7px 0 12px;padding:15px;
		border-radius:3px;
		background:#fff;
	}
#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli+.gnb_3dli {
		border-top:1px solid #d5d5d5;
	}
#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli .gnb_3da {
		padding:10px;
		font-size:1.1em;font-weight:500;color:#383637;
	}
#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli .gnb_3da sub {
		font-size:.6em;color:#383637;
		vertical-align:bottom;
	}
#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli .gnb_3da:before {
		content:'';display:inline-block;
		width:3px;height:3px;
		margin-right:10px;
		vertical-align:middle;
		background-color:#383637;
	}
#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli:hover .gnb_3da,
	#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli .gnb_3da:hover,
	#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli .gnb_3da.hover {
		color:#2d9561;
	}
#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli:hover .gnb_3da sub,
	#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli .gnb_3da:hover sub,
	#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli .gnb_3da.hover sub {
		color:#2d9561;
	}
#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli:hover .gnb_3da:before,
	#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli .gnb_3da:hover:before,
	#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli .gnb_3da.hover:before {
		background-color:#2d9561;
	}
/*
#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli .gnb_3da.plus_201010:after,
	#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli .gnb_3da.plus_201020:after,
	#gnb_all > .gnb_1dul .gnb_3dul .gnb_3dli .gnb_3da.plus_201030:after {
		content:'\f0fe';display:inline-block;
		margin-left:10px;
		font-family:var(--ff-FA);color:#2d9561;
	}
#gnb_all > .gnb_1dul .gnb_4dul {
		margin-bottom:12px;padding:15px;
		border-radius:3px;
		background-color:#dda215;
	}
#gnb_all > .gnb_1dul .gnb_4dul .gnb_4dli .gnb_4da {
		padding:5px 0 5px 10px;
		font-size:1.05em;font-weight:500;color:#fff;
	}
#gnb_all > .gnb_1dul .gnb_4dul .gnb_4dli .gnb_4da:hover {
		background-color:rgba(0,0,0,.3);
	}
*/
#gnb_all.active {
		z-index:20 !important;
		-webkit-transform:translate(0, 0);transform:translate(0,0);transition:all 0.75s ease-in-out;
	}


/* 모바일용 버튼 */
#hd .mn_all {
		display:none;
		position:absolute;right:0;top:0;
		width:60px;height:60px;
		border:1px solid transparent;
		text-align:center;
		background:none;
		z-index:99 !important;transition:all .2s;
	}
#hd .mn_all .bar {
		content:"";display:block;position:absolute;left:10px;
		width:40px;height:3px;margin:auto;
		border:none;border-radius:20px;
		background:#ccc;transition:all .2s;
	}
#hd .mn_all .bar.bar1 {top:23px;}
#hd .mn_all .bar.bar2 {top:30px;}
#hd .mn_all.active {}
#hd .mn_all.active .bar {top:25px;background:#f69;}
#hd .mn_all.active .bar.bar1 {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#hd .mn_all.active .bar.bar2 {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}


/* 서브 기본 */
#lnb {
		position:relative;
		height:48px;
		background-color:#30a068;
		z-index:97 !important;
	}
#lnb a {display:block;vertical-align:middle;}
#lnb a.home {
		float:left;position:relative;
		width:100px;
		color:rgba(255,255,255,.8);line-height:48px;
		background:url('../../img/lnb_arr.png') no-repeat right top;
	}
#lnb ul.lnb_1dul {}
#lnb ul.lnb_1dul:after {
		content:'';display:block;
		clear:both;
		visibility:hidden;
	}
#lnb li.lnb_1dli {
		float:left;position:relative;
		width:20%;height:48px;padding-left:20px;
	}
#lnb li.lnb_1dli:last-child {width:35%;}
#lnb a.lnb_1da {
		position:relative;
		color:rgba(255,255,255,.8);line-height:48px;
		background:url('../../img/lnb_arr.png') no-repeat right top;
	}
#lnb li.lnb_1dli:last-child a.lnb_1da {
		font-size:1.35em;font-weight:500;color:#fff;
	}
#lnb li.lnb_1dli:hover a.lnb_1da, #lnb li.lnb_1dli a.lnb_1da:hover {
		color:#fff !important;
		transition:all .2s;
	}
#lnb .lnb_2dul {
		display:none;
		position:absolute;left:0;top:42px;
		width:calc(100% - 24px);padding:15px;
		border:2px solid #de620f;border-radius:7px;
		background-color:#fff;box-shadow:2px 5px 7px rgba(0,0,0,.15);
		z-index:97 !important;
	}
	#lnb .lnb_1dli:hover .lnb_2dul {display:block;}
#lnb .lnb_2dul li a {
		padding:7px 12px;
		color:#4c4c4c;
	}
#lnb .lnb_2dul li a:before {
		content:'';display:inline-block;
		width:7px;height:7px;
		margin-right:12px;
		vertical-align:middle;
		background-color:#de620f;
	}
#lnb .lnb_2dul li a:hover, #lnb .lnb_2dul li a.hover {
		color:#fff;
		background:#de620f;
	}
#lnb .lnb_2dul li a:hover:before, #lnb .lnb_2dul li a.hover:before {
		content:'\f00c';
		width:auto;height:auto;
		font-family:var(--ff-FA);color:#fff;
		background-color:none;
	}


/* 서브 제품 */
#pnb {
		position:relative;
		padding:10px 0;
		background-color:rgba(255,255,255,.85);backdrop-filter:blur(10px);
		z-index:95 !important;
	}
.pnb_ul {
		display:flex;gap:10px;
	}
.pnb_ul > li {flex:1;}
.pnb_ul > li > a {
		display:block;
		padding:10px;
		border:2px solid #ccc;
		font-size:1.2em;color:#808080;line-height:1.5em;text-align:center;
		background-color:#fff;
	}
.pnb_ul > li > a span {color:#808080;}
.pnb_ul > li > a sub {
		font-size:.6em;color:#808080;line-height:2em;
		vertical-align:bottom;
	}
.pnb_ul > li > a:hover, 
	.pnb_ul > li > a:focus, 
	.pnb_ul > li > a.hover, 
	.pnb_ul > li > a.active {
		border-color:#333;
		color:#fff;
		background-color:#333;
	}
.pnb_ul > li > a:hover span, 
	.pnb_ul > li > a:focus span, 
	.pnb_ul > li > a.hover span, 
	.pnb_ul > li > a.active span {
		color:#fff;
	}
.pnb_ul > li > a:hover sub, 
	.pnb_ul > li > a:focus sub, 
	.pnb_ul > li > a.hover sub, 
	.pnb_ul > li > a.active sub {
		color:#fff;
	}
	
@media (max-width:1180px) {
	#gnb > .gnb_1dul > .gnb_1dli > .gnb_1da {
		padding:0 25px;
		font-size:1.15em;line-height:80px;
	}
	#gnb > .gnb_1dul > .gnb_1dli > .gnb_2dul {top:65px;}
	.gnb_box {top:80px;padding:20px;}
	.gnb_box .gnb_2dul {gap:20px;}
	.gnb_box .gnb_2dul .gnb_2dli:nth-child(1) {flex:1.3;}
	.gnb_box .gnb_2dul .gnb_2dli .gnb_2da {font-size:1.15em;}
	.gnb_box .gnb_3dul .gnb_3dli .gnb_3da {font-size:1.05em;}
	#lnb .container {padding:0;}
	#lnb li.lnb_1dli {
		width:25%;
		border-left:1px solid rgba(255,255,255,.3);
	}
	#lnb li.lnb_1dli:last-child {width:50%;}
	#lnb a.home {display:none;}
	#lnb a.home, #lnb a.lnb_1da {background:none;}
	#lnb a.lnb_1da:after {
			content:'\f067';
			position:absolute;right:10px;
			font-family:var(--ff-FA);font-size:14px;color:#fd0;
		}
	#lnb li.lnb_1dli:last-child a.lnb_1da {font-size:1.25em;}
	#lnb .lnb_2dul {left:12px;}
	#pnb, #pnb > .container {padding:0;}
	.pnb_ul {gap:0;}
	.pnb_ul > li {margin:-1px;border:1px solid #ccc;}
	.pnb_ul > li > a {border:none;font-size:1em;}
}
@media (max-width:940px) {
	#gnb {display:none;}
	#gnb > .gnb_1dul {display:none;}
	#hd .mn_all {display:block;}
	#gnb_all {display:block;}
	.gnb_box {padding:15px 0;}
	.gnb_box .gnb_2dul {gap:10px;}
	.gnb_box .gnb_2dul .gnb_2dli .gnb_2da {padding-bottom:15px;}
	.gnb_box .gnb_3dul {margin-top:15px;padding:15px;}
	.gnb_box .gnb_3dul .gnb_3dli+.gnb_3dli {margin-top:10px;}
	.pnb_ul {display:grid;grid-template-columns:repeat(2,1fr);}
	.pnb_ul > li > a {padding:10px 5px;}
	#lnb li.lnb_1dli:first-child {display:none;}
	#lnb li.lnb_1dli {width:50%;padding-left:10px;}
	#lnb li.lnb_1dli:last-child a.lnb_1da {font-size:1.15em;}
}
@media (max-width:768px) {
	#lnb li.lnb_1dli {display:none;}
	#lnb li.lnb_1dli:last-child {display:block;width:100%;}
}