nav { width: 100%;}

@font-face {
    font-family: 'SEBANG_Gothic_Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2104@1.0/SEBANG_Gothic_Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.nav_wrapper {
/*
  position: fixed;
  left: 0;
  top: 85px;
  width: 100%;
  transition: top .5s ease-out;
  background-color: rgba(47,59,63,0.9);
  z-index:999999;
  */
  font-family: 'SEBANG_Gothic_Bold';
    position: fixed;
  top: 0;
  width: 100%;
  transition: top .5s ease-out;
  background-color: rgba(255,255,255,0.85);
  z-index:900000;
  text-align:left;
  margin:0 auto;
  font-weight:300;
}

.nav_wrapper .logo{}

.btn:hover { transition: all 0.1s ease; }


.menu-link { display: none; }

.spinner-master input[type=checkbox] { display: none; }

.menu {
  width: 100%;
  height: auto;
  /*background: #2f3b3f;*/
 /*  background-color: rgba(255,255,255,0.85); */
  transition: all 0.3s ease;
  /* border-bottom:1px solid #ccc; */
  text-align:center;
}

.menu ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
  position: relative;
  display: inline-block;
  text-align:left;
}

.menu > li > ul.sub_menu {
  min-width: 10em;
  padding: 4px 0;
  background-color: #f4f4f4;
  border: 1px solid #fff;
}

.menu ul li { padding: 2vw 0.5vw;}

.menu > ul > li { display: inline-block; }

.menu ul li a {
  display: block;
  text-decoration: none;
  color: #111;
  font-size: 1.2vw;
}

.menu ul li a:hover {
  /* background-color: rgba(143,134,217,1); */
  color: #fff;
}

.menu ul li.hover > a {
 /*  background-color: rgba(180,172,249,1); */
   /* background:#fd3d89; */
  color: #fd3d89;
}

.menu ul li > a { padding: 0 1vw; }

.menu ul ul {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 160px;
  background: #39484d;
}

.menu ul li:hover > ul { display: block; }

.menu ul ul > li { position: relative; }

.menu ul ul > li a {
  font-size:12px;
  padding: 10px 15px;
  border-bottom:1px solid rgba(180,172,249,0.2);
  height: auto;
  background-color: rgba(180,172,249,0.5);
/* background: #39484d; */
}

.menu ul ul > li a:hover {
  /* background: #efa666; */
  background-color: rgba(180,172,249,1);
  color: #fff;
}

.menu ul ul ul {
  position: absolute;
  left: 100%;
  top: 0;
}

@media all and (max-width: 620px) {
	
	.example-header .container { width: 100%; }

	#search { padding: 10px; }

	.spinner-master * {
	  transition: all 0.3s;
	  box-sizing: border-box;
	}

	.spinner-master {
	  position: relative;
	  margin: 15px;
	  height: 30px;
	  width: 30px;
	  float: right;
	}

	.spinner-master label {
	  cursor: pointer;
	  position: absolute;
	  z-index: 999999;
	  height: 100%;
	  width: 100%;
	  top: 5px;
	  left: 0;
	}

	.spinner-master .spinner {
	  position: absolute;
	  height: 4px;
	  width: 100%;
	  padding: 0;
	  background-color: #111;
	}

	.spinner-master .diagonal.part-1 {
	  position: relative;
	  float: left;
	}

	.spinner-master .horizontal {
	  position: relative;
	  float: left;
	  margin-top: 4px;
	}

	.spinner-master .diagonal.part-2 {
	  position: relative;
	  float: left;
	  margin-top: 4px;
	}

	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal { opacity: 0; }

	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
	  transform: rotate(135deg);
	  -webkit-transform: rotate(135deg);
	  margin-top: 10px;
	}

	.spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
	  transform: rotate(-135deg);
	  -webkit-transform: rotate(-135deg);
	  margin-top: -12px;
	}

	a.menu-link {
	  display: block;
	  color: #fff;
	  float: left;
	  text-decoration: none;
	  padding: 10px 16px;
	  font-size: 1.5em;
	}

	a.menu-link:hover { color: #efa666; }

	a.menu-link:after {
	  content: "\2630";
	  font-weight: normal;
	}

	a.menu-link.active:after { content: "\2715"; }

	.menu {
	  clear: both;
	  min-width: inherit;
	  float: none;
	}

	.menu,
	.menu > ul ul {
	  overflow: auto;
	  max-height: 0;
	  /*background-color: #39484d;*/
	  background: #fff;
	}

	.menu > li > ul.sub-menu {
	  padding: 0px;
	  border: none;
	}

	.menu.active,
	.menu > ul ul.active { max-height: 75em;}

	.menu ul { display: inline; }

	.menu li,
	.menu > ul > li { display: block; border-bottom:1px solid #efefef;}

	.menu > ul > li:last-of-type a { border: none; }

	.menu li a {
	  color: #fff;
	  display: block;
	  padding: 0.8em;
	  position: relative;
 	/*  border-bottom:1px solid #4b5f65; */
	/* border-bottom:1px solid rgba(143,134,217,1); */
	}

	.menu li.has-submenu > a:after {
	  content: '+';
	  position: absolute;
	  top: 0;
	  right: 0;
	  display: block;
	  font-size: 1.5em;
	  padding: 7px 25px;
	}

	.menu li.has-submenu > a.active:after { content: "-"; }

	.menu ul ul > li a {
	  /*background-color: #39484d;*/
	  /*background:#4b5f65;	*/
	  /* background-color: rgba(143,134,217,0.85); */
	  padding: 10px 18px 10px 30px;
	}

	.menu ul li a:hover {
	 /*  background-color: rgba(180,172,249,0.5); */
	  color: #fff;
	}

	.menu ul li.hover > a {
	 /* background-color: rgba(180,172,249,1); */
	  color: #c42866;
	}

	.menu ul ul,
	.menu ul ul ul {
	  display: inherit;
	  position: relative;
	  left: auto;
	  top: auto;
	  border: none;
	}

}
.pad{padding:25px 0;}
.font_12{position:fixed; right:0; top:0;}
.font_12 ul li{display:inline-block; padding:13px 0.2vw; font-size:14px;}
/* */

.nav_wrapper .logo{float:left;width:20%; text-align:center; margin:0 auto; padding-top:1.5vw;}
.nav_wrapper .logo img{width:50%;}
.nav_wrapper .nav{float:right; width:80%;}



/* PC */
@media (min-width:1100px){
	/* .nav{float:right; width:80%; margin:0 auto;} */
	.menu ul {
	  padding: 0px;
	  margin: 0px;
	  list-style: none;
	  position: relative;
	  display: inline-block;
	}
	
}

/* 타블렛 */
@media (max-width:1024px) and (min-width:620px){
	.nav{width:100%;}
	
	.menu ul {
	  padding: 0px;
	  margin: 0px;
	  list-style: none;
	  position: relative;
	  display: inline-block;

	}
	.menu ul li > a { }
	.menu ul li{padding:2vw 0.3vw;}
	.menu ul li a{font-size:2vw;}
	.nav_wrapper .logo img{width:70%;}
	.page-body{padding:0;}
}


/* 모바일 */
@media (max-width:620px){
	.header{height:3vw;}
	.nav{  z-index:999;}
	.nav_wrapper{top:0; width:100%;}
	.pad{}
	.font_12{left:0.5vw; top:2vw; right:none;}
	.font_12 ul li{padding:13px 0.5vw;}
	.nav_wrapper .logo{position:absolute; left:0; top:0; width:120px;}
	.nav_wrapper .logo img{width:100%; padding-left:4vw; padding-top:7px;}
	.nav_wrapper .nav{width:100%;}
	.menu ul li a{font-size:3vw;}
	.page-body{padding-top:60px;}

}