#menuArea {
	z-index: 93;
	position: absolute;
	top: 153px;
	left: 0;
	width: 100%;
	overflow: visible;
	background: #fff;
	letter-spacing: normal;
}

#menuArea.on {
	box-shadow: 0 15px 15px rgba(0, 0, 0, 0.15);
}

#menuArea:after,
#menuArea:before {
	z-index: 96;
	content: '';
	display: none;
	position: absolute;
	top: 70px;
	left: 0;
	width: 100%;
	height: 1px;
	background: #df4f56;
}

#menuArea.on:before {
	display: block;
	height: calc(100% - 98px);
	width: 100%;
	background: #fff;
}

#menuArea.on:after {
    height:2px;
	display: block;
}
#menuArea .bar {
	display: block;
	position: absolute;
	top: 67px;
	left: 0;
	width: 60px;
	height: 8px;
    border-radius:8px;
	opacity: 0;
	z-index: 98;
	background: #df4f66;
	transition: 0.3s;
}


#menuArea .inner {
	width: 1400px;
	/* width: 100%; */
}

body.on .mask {
	z-index: 92;
	visibility: visible;
	opacity: 1;
	top: auto;
	bottom: 0;
	height: calc(100% - 198px);
}

#topmenu {
	float: left;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}

#topmenu>li {
	position: static;
	float: left;
	line-height: 0;

	width: calc(100% / 8) !important;
	/* 보일 메뉴 개수 */
}

/* class="last" 붙이면 해당 메뉴 숨김 */
#topmenu li.last {
	display: none; 
}

#topmenu>li>a {
	display: block;
	line-height: 70px;
	font-size: 21px;
	font-weight: 500;
	font-family: inherit;
	color: #222;
	text-align: center;
	letter-spacing: -1px;
	text-decoration: none;
}

#topmenu>li:hover>a,
#topmenu>li>a:hover,
#topmenu>li>a:active,
#topmenu>li>a:focus,
#topmenu>li.current_on>a {
	color: #df4f66;
	font-weight: 600;
}

#topmenu li .tit{position:absolute;top:0;left:0;width:22%;height:100%;padding: 65px 0 0 0;line-height:150%;text-align:left;border-right:1px solid #eee;box-sizing:border-box;}

#topmenu li .menu{display:none;visibility:visible;opacity:1;z-index:96;position:absolute;left:0;top: 70px;width:100%;min-height:430px;padding:41px 0 12px 22%;transform:none;transition:none;box-sizing:border-box;box-shadow:none;background:none;}
#topmenu .menu:before{content:''; display:block; position:absolute; right:50%; top:0; width:100%; height:100%; margin:0 600px 0 0; border:none;}

#topmenu li .tit h2{z-index:1;position:relative;display:inline-block;height:56px;line-height:110%;font-size:36px;font-weight: 900;font-family: "gmarket";color:#222;}
#topmenu li .tit p span{display:block;}

#topmenu .menu > ul {float:left; width:100%; padding:0 0 0 1.24%; box-sizing:border-box; font-size:18px; font-weight:400;}
#topmenu .menu > ul > li{position:relative; float:left; width:25%; margin:0; padding:0 0 40px 3.59%; box-sizing:border-box;}

#topmenu li li a{position:relative;display:block;height:54px;line-height: 50px;padding:0 0 0 12.755%;color:#333;font-weight: 600;text-decoration: none;border:2px solid #eaeaea;border-radius:5px;box-sizing:border-box;}
#topmenu .menu > ul > li:hover > a,
#topmenu .menu > ul > li.current_on > a,
#topmenu .menu > ul > li > a:hover{color:#e16060; border-color:#df4f54;}
#topmenu .menu > ul > li > a:before{content:''; display:block; position:absolute; top:50%; right:25px; width:18px; height:4px; margin:-2px 0 0 0; background:url(../images/common/ico_menu.png) no-repeat;}
#topmenu .menu > ul > li > a:hover:before,
#topmenu .menu > ul > li.current_on > a:before{height:18px; margin:-9px 0 0 0; background-position:0 100%;}

#topmenu .menu1 .menu > ul >li:nth-child(-n + 4){min-height:300px;}
#topmenu .menu5 .menu > ul >li:nth-child(-n + 4),
#topmenu .menu7 .menu > ul >li:nth-child(-n + 4){min-height:250px;}

/* 3차 메뉴 */
#topmenu ul ul{position:relative; padding:16px 0 17px 20px; margin:10px 0 0 0; border-radius:5px; background:linear-gradient(90deg, #fcf8f4 0%, #fbf1f5 100%);}
#topmenu ul ul li{float:none; width:100%; padding:0; box-sizing: border-box;}
#topmenu ul ul li a{position:relative; height:auto; line-height:110%; padding:6px 0 6px 15px; font-size:16px; border:none; font-weight:700; font-family:"Noto Sans KR";}
#topmenu ul ul li a:after{display:none;}
#topmenu ul ul li a[target="_blank"]:after{right:22px;}
#topmenu ul ul li a:before{content:''; position:absolute; top:12px; left:0; display:block; width:5px; height:5px; border-radius:2px; background:#df4f66;}
#topmenu ul ul li a:hover,
#topmenu ul ul li a:active,
#topmenu ul ul li a:focus,
#topmenu ul ul li.current_on a{color:#000; text-decoration:underline;}
@media all and (max-width:1280px) {
	#topmenu{padding: 0 50px 0 0;}
}

@media all and (max-width:1690px) {

	#topmenu li .tit {
		left: 15px;
		width: 20%;
	}

	#topmenu .menu {
		padding: 50px 15px 0 20%;
	}

	#topmenu .menu:before {
		right: auto;
		left: -18%;
		width: 40%;
	}
}

@media all and (max-width:1630px) {
	#topmenu {
		padding: 0;
	}
}

@media all and (max-width:1430px) {
	#menuArea .inner {
		width: 100%;
	}

}

@media all and (max-width:1280px) {

	#topmenu {
		padding: 0;
	}

	#topmenu>li>a {
		font-size: 20px;
	}
}