/******************************************************************************************************* 
서브페이지 메뉴
********************************************************************************************************/
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

.sub-nav-wrap {padding:0 0 0}
.sub-nav-wrap {position:relative;width:100%;}
#page_navi_fixed.page-navi-fixed-trans {position:fixed;top:61px;z-index:30;width:100%}


@media (min-width:841px) {
	.dropbtn {display:none;}
	.menu_sub {display:flex !important;justify-content: center;}
	.menu_sub li {position:relative;width:100%;}
	.menu_sub li a {display:block;line-height:1.5em;font-size:16px;text-align:center;padding:15px 20px;white-space:nowrap;}
	/*.menu_sub li:not(:first-child) a {border-left:1px solid #ddd;}*/
	.menu_sub li a u {position:absolute;left:50%;bottom:0px;display:block;width:1px;height:3px;
		-webkit-transition-duration: 0.2s;
		-webkit-transition-timing-function: ease;
		transition-duration: 0.2s;
		transition-timing-function: ease;
	}
	.menu_sub li:hover a u {width:80%;height:3px;margin-left: -40%;
		-webkit-transition-duration: 0.2s;
		-webkit-transition-timing-function: ease;
		transition-duration: 0.2s;
		transition-timing-function: ease;
	}
	.menu_sub li a.active u {width:80%;height:3px;margin-left: -40%;}
}
@media (max-width:1400px) {
	.menu_sub {flex-wrap: wrap;}
	.menu_sub li {width:16.66666666666%;}
}
@media (max-width:840px) {
	#maincontainer.pagecontent {padding-top:0px !important;}
	.submenu_group {position:relative;width:100%;margin:.5em 0px 1.5em;}
	.sub-nav-wrap {border:none;}
	.dropbtn{
		position:relative;
		display : block;
		border : 2px solid rgb(94, 94, 94);
		border-radius : 4px;
		background-color: #fcfcfc;
		font-weight: 400;
		color : rgb(124, 124, 124);
		padding : 12px;
		width :100%;
		text-align: left;
		cursor : pointer;
		font-size : 12px;
		z-index :1;
		position : relative;
	}
	.dropbtn_click {position:absolute;left:0px;top:0px;width:100%;height:44px;z-index:1;}
	.dropbtn_icon{font-family : 'Material Icons';}

	.menu_sub{
		display : none;
		font-weight: 400;
		background-color: #fcfcfc;
		width:100%;
		min-width : 240px;
		border-radius: 8px;
		/* height : 160px; */
		/* overflow : scroll; */
		overflow : hidden;
		box-shadow: 0px 0px 10px 3px rgba(190, 190, 190, 0.6);
		z-index:5;
	}
	.menu_sub::-webkit-scrollbar{
		width : 5px;
		height : 10px;
	}
	.menu_sub::-webkit-scrollbar-thumb{
		border-radius : 2px;
		background-color :rgb(194, 194, 194)
	}

	.menu_sub div{
		display : block;
		text-decoration : none;
		color : rgb(37, 37, 37);
		font-size: 12px;
		padding : 12px 20px;
	}
	.menu_sub div:hover{
		background-color: rgb(226, 226, 226);
	}

	.menu_sub.show{display : block;}

	.menu_sub li {width:100%;}
	.menu_sub li a {display:block;font-size:14px;padding:5px 0px 5px 10px;border:none;}
	.dropbtn_content {font-size:14px;font-weight:600;color:#333;}
}
@media (max-width:753px) {
	.menu_sub .dan06 {width:33.333333%;}
	.menu_sub .dan04 {width:50%;}
	.menu_sub .dan02 {width:50%;}
	.menu_sub li a {margin:0 0 -1px -1px;}
}