.pp-header {
	z-index:301
}
.pp-header .pp-header-bg {
	z-index:1
}
.pp-header .header-logo a {
	z-index:30
}
.pp-header .ppnav-m-holder {
	z-index:302
}
.pp-header .pp-header-inner {
	z-index:300
}
.pp-header-holder {
	z-index:200
}
.pp-header-right {
	z-index:20
}
.pp-header-nav-container {
	z-index:30
}
#theme-page {
	z-index:10
}
.main-navigation-ul li.menu-item:hover>ul.sub-menu,.main-navigation-ul>li.menu-item ul.sub-menu:after {
	z-index:10
}

/*#pp-boxed-layout{
	position:relative;
	background-color:#6BFF5C;
}*/


/*pp add*/
/*m*/
.ppnav-toggle {
	position: absolute;
	padding: 3px 6px 2px;
	margin-top: 12px;
	margin-bottom: 12px;
	background-color: #000;
	/*background-color: transparent; background-image: none;*/
	color:#fff;
	border: 2px solid #000;
	border-radius: 4px;
	z-index:999999;
}
.ppnav-toggle:focus {
	outline: 0;
}
.ppnav-toggle-left{
	left:0;
	margin-left: 15px;
}
.ppnav-toggle-right{
	right:0;
	margin-right: 15px;
}
.ppnav-toggle .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
}
.ppnav-toggle .icon-bar + .icon-bar {
	margin-top: 4px;
}

.pp-menu-link{ z-index: 999999; }

.ppnav-default {
	background-color: #e7e7e7;
	/*border-color: #e7e7e7;*/
}
.ppnav-default .ppnav-toggle:hover,
.ppnav-default .ppnav-toggle:focus {
	background-color: #ddd;
}
.ppnav-default .ppnav-toggle .icon-bar {
	background-color: #888;
}

.ppnav-collapse {
	padding:0;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	border-top: 1px solid transparent;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.ppnav-collapse.in {
	overflow-y: auto;
}

.ppnav-m-holder:before,
.ppnav-m-holder:after{
	display: table;
	content: " ";
}
.ppnav-m-holder:after {
	clear: both;
}


@media (min-width: 768px) {

	.pp-header{
		width:100%;
		position:relative;
		/*background-color:#3FE879;*/
	}
	.header-style-1 .pp-header-inner,.header-style-1 .header-logo {
		height:90px;
		line-height:90px; /*이걸 지정해야 valign이 됨*/
	}
	.header-style-1.header-align-left .pp-header-nav-container {
		text-align:right;
		float:right;
		margin-right:0;
	}
	.pp-header .header-logo {
		top:0;
		position:absolute;
		display:block;
		/*	width:100%*/
	}
	.pp-header .header-logo a {
		display:inline-block;
		position:relative;
		height:100%;
	}
	.pp-header .header-logo a img {
		display:block;
		position:absolute;
		width:auto;
		height:auto;
		max-height:100%;
		max-width:400px;
		left:0;
		top:50%;
		-webkit-transform:translate(0,-50%);
		-moz-transform:translate(0,-50%);
		-ms-transform:translate(0,-50%);
		-o-transform:translate(0,-50%);
		transform:translate(0,-50%);
		ms-transform:translate(0,-50%)
	}

	.pp-header-holder{
		width:100%;
		/*background-color:#55FFD7;*/
		background-color:#fff;
	}

	.pp-header-holder, .pp-header-holder > *{
		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
		box-sizing:content-box;
	}
	/*
    .sourcepreview .sticky-style-fixed.header-style-1 .pp-header-holder{
        position:fixed;
        top:0px;
        -webkit-backface-visibility:hidden;
        -moz-backface-visibility:hidden;
        -ms-backface-visibility:hidden;
        backface-visibility:hidden;
        filter:alpha(opacity=@opacity * 90);
        -moz-opacity:0.9;
        -khtml-opacity:0.9;
        opacity:0.89
    }
    */
	/* in editor */
	/*.sourcepreview.edmode .sticky-style-fixed.header-style-1 .pp-header-holder{
        top:42px;
    }*/




	.pp-header-inner{
		position:relative;
		width:100%;
		height:90px;
		border-bottom:2px solid #ededed;
		/*background-color:#42CBE8;*/
	}

	.pp-header-grid{
		position:relative;
		width:100%;
		margin:0 auto;
		min-width:755px;
		max-width:1080px;
		/*background-color:#4596FF;*/
	}

	.edit .pp-header-nav-container{ /*edit 시 sidebar 가리는 부분 fix*/
		position:relative;
		display:block;
		margin:0 auto;
		line-height:4px;
	}
	.bodypreview .pp-header-nav-container{
		position:relative;
		display:block;
		margin:0 auto;
		width:1080px;
		line-height:4px;
		/*background-color:#6D62FF;*/
	}

	.pp-main-navigation{
		display:inline-block;
		text-align:center;
		margin:0 auto;
		/*background-color:#824BE8;*/
	}

	.main-navigation-ul,.main-navigation-ul li.menu-item,.main-navigation-ul ul.sub-menu {
		margin:0;
		padding:0
	}

	.main-navigation-ul li.menu-item {
		position:relative;
		display:block;
		list-style-type:none
	}
	.main-navigation-ul a.menu-item-link {
		display:block;
		text-decoration:none;
		white-space:normal
	}

	.main-navigation-ul>li.menu-item {
		display:inline-block;
		float:left
	}
	.main-navigation-ul>li.menu-item>a.menu-item-link {
		display:inline-block;
		text-align:center;
		text-decoration:none;
		font-weight:700;
		font-size:15px;
		padding-right:20px !important;
		padding-left:20px !important;
		letter-spacing:0px;
		position:relative;
		/*-webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box*/
	}

	.main-navigation-ul li ul.sub-menu {
		display:none;
		/*
        position:absolute;
        top:100%;
        right:0;
        padding:8px 0*/
	}


	/*hover*/
	.header-style-1 .menu-hover-style-1 .main-navigation-ul>li>a,.header-style-1 .menu-hover-style-2 .main-navigation-ul>li>a,.header-style-1 .menu-hover-style-4 .main-navigation-ul>li>a,.header-style-1 .menu-hover-style-5 .main-navigation-ul>li {
		height:90px;
		line-height:90px;
	}
	.header-style-1 .menu-hover-style-3 .main-navigation-ul>li,.header-style-1 .menu-hover-style-5 .main-navigation-ul>li {
		height:90px;
		line-height:90px;
	}
	.header-style-1 .menu-hover-style-3 .main-navigation-ul>li>a {
		line-height:45px;
	}

	.menu-hover-style-1 .main-navigation-ul>li.menu-item>a.menu-item-link {
		border-top:3px solid transparent
	}
	.menu-hover-style-1 .main-navigation-ul>li.dropdownOpen>a.menu-item-link,.menu-hover-style-1 .main-navigation-ul>li.active>a.menu-item-link,.menu-hover-style-1 .main-navigation-ul>li.open>a.menu-item-link,.menu-hover-style-1 .main-navigation-ul>li.menu-item>a:hover,.menu-hover-style-1 .main-navigation-ul>li.current-menu-item>a.menu-item-link,.menu-hover-style-1 .main-navigation-ul>li.current-menu-ancestor>a.menu-item-link {
		border-top-color:#f97352; /*	style1 top border color */
	}
	.menu-hover-style-1 .main-navigation-ul li.menu-item>a.menu-item-link:hover,.menu-hover-style-1 .main-navigation-ul li.menu-item:hover>a.menu-item-link,.menu-hover-style-1 .main-navigation-ul li.current-menu-item>a.menu-item-link,.menu-hover-style-1 .main-navigation-ul li.current-menu-ancestor>a.menu-item-link,.menu-hover-style-2 .main-navigation-ul li.menu-item>a.menu-item-link:hover,.menu-hover-style-2 .main-navigation-ul li.menu-item:hover>a.menu-item-link,.menu-hover-style-2 .main-navigation-ul li.current-menu-item>a.menu-item-link,.menu-hover-style-2 .main-navigation-ul li.current-menu-ancestor>a.menu-item-link{
		color:#f97352 !important; /* style1,2 menu hover : text color */
	}

	.menu-hover-style-3 .main-navigation-ul>li.menu-item>a {
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
		margin:0 2px;
		border:2px solid transparent
	}
	.menu-hover-style-3 .main-navigation-ul>li.menu-item>a.menu-item-link:hover,.menu-hover-style-3 .main-navigation-ul>li.menu-item:hover>a.menu-item-link{
		border:2px solid #f97352; /* style3 menu hover : box border color */
	}
	.menu-hover-style-3 .main-navigation-ul>li.current-menu-item>a.menu-item-link,.menu-hover-style-3 .main-navigation-ul>li.current-menu-ancestor>a.menu-item-link{
		border:2px solid #f97352; /* style3 active menu : box border color */
		background-color:#f97352; /* box bg color */
		color:#ffffff; /* text color */
	}

	.menu-hover-style-4 .main-navigation-ul>li.menu-item>a.menu-item-link {
		margin-left:1px
	}
	.menu-hover-style-4 .main-navigation-ul li.menu-item>a.menu-item-link:hover,.menu-hover-style-4 .main-navigation-ul li.menu-item:hover>a.menu-item-link,.menu-hover-style-4 .main-navigation-ul li.current-menu-item>a.menu-item-link,.menu-hover-style-4 .main-navigation-ul li.current-menu-ancestor>a.menu-item-link,.menu-hover-style-5 .main-navigation-ul>li.menu-item>a.menu-item-link:after {
		background-color:#f97352; /* style4 : box bg color */
		color:#ffffff; /* text color */
	}

	.menu-hover-style-5 .main-navigation-ul>li.menu-item>a.menu-item-link:after {
		content:"";
		display:block;
		width:100%;
		height:2px;
		-webkit-transform:scale(0,1);
		-moz-transform:scale(0,1);
		-o-transform:scale(0,1);
		transform:scale(0,1);
		transform-origin:left center;
		-webkit-transform-origin:left center;
		-webkit-transition:all .15s ease-out;
		-moz-transition:all .15s ease-out;
		-ms-transition:all .15s ease-out;
		-o-transition:all .15s ease-out;
		transition:all .15s ease-out;
		filter:alpha(opacity=@opacity * 100);
		-moz-opacity:0;
		-khtml-opacity:0;
		opacity:0
	}
	.IE9 .menu-hover-style-5 .main-navigation-ul>li.menu-item>a.menu-item-link:after {
		height:0
	}
	.menu-hover-style-5 .main-navigation-ul>li.current-menu-ancestor>a.menu-item-link:after,.menu-hover-style-5 .main-navigation-ul>li.current-menu-item>a.menu-item-link:after,.menu-hover-style-5 .main-navigation-ul>li.menu-item:hover>a.menu-item-link::after {
		-webkit-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-o-transform:scale(1,1);
		transform:scale(1,1);
		filter:alpha(opacity=@opacity * 100);
		-moz-opacity:100;
		-khtml-opacity:100;
		opacity:100;
		opacity:1
	}
	.IE9 .menu-hover-style-5 .main-navigation-ul>li.current-menu-ancestor>a.menu-item-link:after,.IE9 .menu-hover-style-5 .main-navigation-ul>li.current-menu-item>a.menu-item-link:after,.IE9 .menu-hover-style-5 .main-navigation-ul>li.menu-item:hover>a.menu-item-link::after {
		height:2px
	}
	.header-style-1 .menu-hover-style-5 .main-navigation-ul>li>a {
		line-height:20px;
		vertical-align:middle;
	}
	.header-style-1 .menu-hover-style-5 .main-navigation-ul>li {
		height:90px;
		line-height:90px;
	}
	.header-style-1 .menu-hover-style-5 .main-navigation-ul>li>a {
		line-height:20px;
		vertical-align:middle;
	}


	/*pp add*/
	.ppnav-toggle {
		display: none;
	}
	/*
    .ppnav-collapse {
        width: auto;
        border-top: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .ppnav-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
    */
	.ppnav-collapse.collapse {
		display: block !important;
		height: auto !important;
		padding-bottom: 0;
		overflow: visible !important;}
	.ppnav-collapse.in {
		overflow-y: visible;
	}

	.ppnav-m-logo{
		display:none;
	}


}
/* min end */


.sourcepreview .sticky-style-fixed.header-style-1 .pp-header-holder{
	position:fixed;
	top:0px;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	backface-visibility:hidden;
	filter:alpha(opacity=@opacity * 90);
	-moz-opacity:0.9;
	-khtml-opacity:0.9;
	opacity:0.89
}
/* in editor */
/*.sourcepreview.edmode .sticky-style-fixed.header-style-1 .pp-header-holder{
	top:52px;
}*/


@media (max-width: 767px) {
	.ppnav-m-holder{
		display:table;
		height:60px; /*global config load*/
		width:100%;
		background:#fff;
	}
	/*.sourcepreview .ppnav-m-holder{
		position:fixed;
		top:0px;
		-webkit-backface-visibility:hidden;
		-moz-backface-visibility:hidden;
		-ms-backface-visibility:hidden;
		backface-visibility:hidden;
		filter:alpha(opacity=@opacity * 90);
		-moz-opacity:0.9;
		-khtml-opacity:0.9;
		opacity:0.89
	}*/
	/* in editor */
	/*.sourcepreview.edmode .ppnav-m-holder{
		top:42px;
	}*/

	.ppnav-m-inner{
		display:table-cell;
		width:100%;
		text-align:center;
		vertical-align:bottom;
	}
	.ppnav-m-logo img{
		/*display:inline-block;*/
	}
	.ppnav-m-logo a{
		/*display:inline-block;*/
	}
	.pp-header .header-logo a img {
		display:none;
	}
	/*beauty tmp*/
	.logo-font{ display:none; }
}


/*preview*/
.preview-menu .header-logo{
	font-size:18pt;
	padding-left:20px;
}
.preview-menu .header-logo a{ text-decoration:none; color:#000000}

/*set global*/
/*.pp-header ul,li {list-style:none; margin:0; padding:0;}
.pp-header h1 {margin:0;padding:0}
.pp-header a {outline:none; select-dummy: expression(this.hideFocus=true); text-decoration:none;  }
*/


/*
#6BFF5C
#3FE879
#55FFD7
#42CBE8
#4596FF
#6D62FF
#824BE8
#C662FF
#DC4DE8
#FF5EC2
*/