@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 700;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
			 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
			 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
			 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}

/*
@media screen and (min-width:1281px){
	#top-wrap .top-pc-menu{
		display:block;
	}

	#top-wrap .top-m-menu{
		display:none;
	}

	label.burger_menu{
		display:none;
	}
}

@media screen and (max-width:1280px){
	#top-wrap .top-pc-menu{
		display:none;
	}

	#top-wrap .top-m-menu{
		display:block;
	}

	#top-wrap .top-m-menu .menu-m-logo{
		padding-left:20px;
	}

	label.burger_menu{
		display:flex !important;
	}
}
*/

#top-wrap{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:99999;
	background-color:#f9f9f9;
	font-family: 'Nanum Gothic', sans-serif;
	height: 80px; /* 메뉴의 높이를 80px로 설정 */
}

#top-wrap .top-container {
	position:relative;
}

#top-wrap .menu {
	width: 1280px;
	margin: 0 auto; /* 가운데 정렬 */
	font-size: 18px;
	list-style-type: none;
	display: flex;
	z-index:2;
	top:0;
	left:0;
	padding: 0;
	text-align:center;
	height: 80px; /* 메뉴의 높이를 80px로 설정 */
	align-items: center; /* 세로로 가운데 정렬 */
}

#top-wrap .menu .menu-logo {
	width:214px;
	padding-top:3px;
}

#top-wrap .menu .menu-item {
	width:169px;
	height:100%;
	position:relative;
}

#top-wrap .menu .menu-mb {
	width:92px;
}

#top-wrap .menu .menu-pipe-l{
	width:1px;
}

#top-wrap .menu .menu-pipe-r{
	width:1px;
	padding-left:13px;
	padding-right:12px;
}

#top-wrap .menu .menu-ico{
	padding:3px 13px 0 13px;
}

#top-wrap .menu a {
	display:inline-block;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	width:100%;
	height:100%;
	line-height:80px;
    transition: color 0.3s ease;
}

#top-wrap .menu a:hover{
	color:#1fb96d;
}

#top-wrap .sub-menu-wrap{
	width:100%;
	background:rgba(34,108,78,0.5);
	color:#fff;
	font-size:14px;
	position:absolute;
	z-index:2;
	padding:5px 0;
	display:none;
	line-height:1.5em;
}

#top-wrap .sub-menu-wrap .sub-menu-container{
	width:1280px;
	margin:0 auto;
	padding-left:214px;
}

#top-wrap .sub-menu-wrap .sub-menu-container .sub-menu{
	width:169px;
	padding:0;
	float:left;
}

#top-wrap .sub-menu-wrap .sub-menu-container ul li{
	list-style: none;
}

#top-wrap .sub-menu-wrap .sub-menu-container .s-empty{
	width:169px;
	display:inline-block;
}

#top-wrap .sub-menu-wrap .sub-menu-container ul li a{
	display:block;
	color:#fff;
	padding:5px 0;
	text-align:center;
	cursor:pointer;
    transition: color 0.3s ease;
}

#top-wrap .sub-menu-wrap .sub-menu-container ul li a:hover{
	color:#3dffd9;
	font-weight:bold;
}

#top-wrap .menu-m-logo{
	width:214px;
	padding-top:3px;
	height: 80px; /* 메뉴의 높이를 80px로 설정 */
	align-items: center; /* 세로로 가운데 정렬 */
	display: flex;
}

/* 모바일 메뉴 */
#top-wrap .menu-toggle {
	display: none;
}

#top-wrap .menu-toggle:checked+.menu-wrap {
	right: 0;
}

#top-wrap .menu-toggle:checked ~ .menu-overlay {
	display: block;
}

#top-wrap .menu-close {
  background: url(/theme/leafgreen/skin/top/img/x_botton_2.jpg) no-repeat scroll center center transparent;
  opacity: 1;
  background-color:black;
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  top: 0;
  margin-bottom:0;
  text-indent: -9999px;
  transition: all 0.3s;
  cursor:pointer;
}

#top-wrap .menu-title {
	color: #222;
	background:#fff;
	padding:15px 20px;
	font-weight: 500;
	font-size:15px;
	letter-spacing:-1px;
	margin-bottom:0;
}

#top-wrap .menu-list {
	position: absolute;
	top: 50px;
	left: 0;
	bottom: 0px;
	width: 100%;
	height: inherit;
	padding:0px 0px;
	display: block;
	overflow: scroll;
}

#top-wrap .four_box {
	width:50%;
	float:left;
	padding:10px;
	background:#04aa9d;
	text-align:center;
	color:#fff;
	margin:0;
	border-bottom:1px solid #fff;
}

#top-wrap .four_box:nth-child(2n) {
	border-left:1px solid white;
} 

#top-wrap .four_box a {
	color:#fff;
}

#top-wrap .four_boxs {
	width:100%;
	float:left;
	padding:10px;
	background:#04aa9d;
	text-align:center;
	color:#fff;
	margin:0;
	border-bottom:1px solid #fff;
}

#top-wrap .four_boxs a {
	color:#fff;
}

#top-wrap .menu-wrap:hover .menu-list {
	overflow-y: auto;
}

#top-wrap .menu-list ul {
	list-style-type: none;
}

#top-wrap .menu-list ul > li > ul{
	list-style-type: none;
	padding:10px 0;
	background:#f9f9f9;
	border-top:1px solid #dcdcdc;
}

#top-wrap .menu-list ul > li:nth-last-child(2) > ul { border-bottom:1px solid #dcdcdc; }


#top-wrap .menu-list li {
	display: block;
}

#top-wrap .menu-list li:first-child {
	border-top: medium none;
}

#top-wrap .menu-list li a {
	display: block;
	padding: 10px 15px;
	font-size: 16px;
	letter-spacing:-1px;
	color: #444;
	text-decoration: none;
	border-top:1px solid #dcdcdc;
	position:relative;
}

#top-wrap .menu-list ul li .mb_arrow {
	vertical-align:baseline;
	top:18px;
	right:15px;
	position:absolute;
}

#top-wrap .menu-list li:nth-last-child(1) a {
	padding:10px;
	width:100%;
	position:relative;
	bottom:0;
	left:0;
	color:#fff;
	font-weight:600;
	font-size:14px;
	text-align:center;
	background: #3d8861;
	background: -webkit-linear-gradient(to right, #3d8861, #2dc97a);
	background: linear-gradient(to right, #3d8861, #2dc97a);
}

#top-wrap .menu-list li:nth-last-child(1) a i {
	margin-right:5px;
}
#top-wrap .menu-list li a.sub {
	display: block;
	padding: 5px 20px;
	font-size: 14px;
	letter-spacing:-1px;
	color: #777;
	text-decoration: none;
	border-top:0;
	border-bottom:0;
	position:relative;
}

#top-wrap .menu-list li a.adver {
	display: block;
	padding: 7px 0px;
	font-size: 16px;
	background: #fbe058; 
	background: -webkit-linear-gradient(to right, #fbe058, #fae986);	
	background: linear-gradient(to right, #fbe058, #fae986);
	margin:20px 0px;
	text-align:center;
	letter-spacing:-1px;
	font-weight:600;
	border:1px solid #ffda00;
	color: #222;
	border-radius:5px;
	text-decoration: none;
	border-bottom:0;
	position:relative;
}

phone {
	display:none;
	position:absolute;
	right:20px;
	top:27px;
	color:#fff;
	font-size:24px;
}

label.burger_menu{
	position:absolute;
	display:none;
	top:29.5px;
	right:20px;
	flex-direction:column;
	width:20px;
	cursor:pointer;
	border:1px solid #dcdcdc;
	border-radius:4px;
	padding:9px 7px;
	width:inherit;
}

label.burger_menu span{
	background: #777;
	height:3px;
	margin: 2px 0;
	transition: .4s	cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

#top-wrap .burger_menu span:nth-of-type(1){
	width:50%;	
}

#top-wrap .burger_menu span:nth-of-type(2){
	width:100%;
}

#top-wrap .burger_menu span:nth-of-type(3){
	width:75%; 
}

#top-wrap .burger_menu input[type="checkbox"]{
	display:none;
}

#top-wrap .burger_menu input[type="checkbox"]:checked ~ span:nth-of-type(1){
	transform-origin:bottom;
	transform:rotatez(45deg) translate(2px,1px)
}

#top-wrap .burger_menu input[type="checkbox"]:checked ~ span:nth-of-type(2){	
	transform-origin:top;
	transform:rotatez(-45deg)
}

#top-wrap .burger_menu input[type="checkbox"]:checked ~ span:nth-of-type(3){	
	transform-origin:bottom;
	width:50%;
	transform: translate(9px,-4px) rotatez(45deg);

}