nav { width: 100%; }
.nav_wrapper {
  position: absolute!important;
  left: 0;
  top: 80px;
  width: 100%;

  
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.scroll { position:fixed !important;
top:-5px; opacity:0.8;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; 
background: #fff;}
.scroll:hover{ opacity:1;top:0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }
.no-scroll {position:fixed !important;
  top: 0px;
  z-index: 9999;
  -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.btn {
  padding: 10px 1%;
  margin: 5px;
  color: #fff;
  text-decoration: none;
  font-family: sans-serif;
  transition: all 0.1s ease;
}

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

.click_events{
  position: absolute; right:25px;
  outline:none;
  top:0px;
  border:0px;
  z-index:1000;
  color: #fff;
  background:url(../img/all.png);
  width:50px;
  height:50px;
  background-repeat:no-repeat;
  margin: 0;
  font-weight: 700;
  -webkit-transform: rotate(181deg);
  -moz-transform: rotate(181deg);
  -ms-transform: rotate(181deg);
  -o-transform: rotate(181deg);
  transform: rotate(181deg);
}
.click_events.active {
  border:0px;
   right:30px;
     width:50px;
	 top:25px;
  height:50px;
  background:url(../img/x_btn2.png);
  background-repeat:no-repeat;
   -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);}

#search:hover { color: #efa666; }
.search_box {
  clear: both;
  width: 100%;
  position: absolute;
 
  
  background:rgba(95,189,203,0.5);
  padding: 0;
  margin: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

.search_box.active {
  height: auto;
  padding:100px 0 80px 0;
  

}

.search_box input {
  width: 80%;
  font-size: 13px;
  margin: 0 0 0 15px;
  padding: 10px;
  border: none;
  
}

.search_box input:focus { outline: none; }

.search_box input.search_icon {
  clear: both;
  width: 10%;
  height: auto;
  padding: 10px;
  margin: 0;
  margin-left: -5px;
  border: none;
  color: #fff;
  cursor: pointer;
  background: #8c949d;
  opacity: 1;
  transition: all 0.1s ease;
}

.search_box input.search_icon:hover { background: #efa666; }

.menu-link { display: none; }

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

.menu {
  width: 100%;
  height: auto;
  position:relative;
  height:80px;
  margin:0 auto;
 
 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;

}
.menu:hover { background:#fff;
   -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.menu ul {
  padding: 0px;
  margin: 0px;
  width:100%;  
  list-style: none;
  position: absolute;
  left:0px;

}

.menu > li > ul.sub_menu {
 
  padding: 8px 0;
  background-color: #f4f4f4;
  border: 1px solid #fff;
}
 .mid{ margin-right:1% !important; width:14% !important; padding-top:0%; margin-left:1% !important; border:0px !important;padding-top:0.1%;}
 .mid:hover a { background:none !important; border-top:1px solid rgba(255,255,255,0) !important;}
.menu ul.mid:hover > a { background:none !important;border-top:1px solid rgba(255,255,255,0) !important;}
.menu ul li { width:7.8%; float:left;  }/*****대메뉴 사이즈*****/
.sub_nav_bg li{width: auto !important;}
.menu > ul > li { display: inline-block; }

.menu ul li a {
  display: block;
  text-decoration: none;  /*****대메뉴 폰트 사이즈*****/
  color: #333;
  font-size: 17px;

}
.img_mid { margin-top:10px !important ; border-right:0px !important;}
.nav_title_size{font-size:17px !important;}
.mar_nav{margin-left:16%;}

 @media all and (max-width: 1600px) {
.mid{ margin-right:1% !important; width:13% !important; margin-left:1% !important; border:0px !important; padding-top:0.5%;}
.menu ul li { width:7.8%; float:left;  }/*****대메뉴 사이즈*****/	
.sub_nav_bg li{width: auto% !important;} 
.nav_title_size{font-size:16px !important;}
.menu ul li a {
  font-size: 16px;
}

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

.mid{ margin-right:1% !important; width:10% !important; margin-left:1% !important; border:0px !important; padding-top:0.5%;}

.menu ul li { width:7.8%; float:left;  }/*****대메뉴 사이즈*****/	
.sub_nav_bg li{width: auto% !important;} 
.img_mid { margin-top:10px !important ; border-right:0px !important;}
.nav_title_size{font-size:13px !important;}
.menu ul li a {
  font-size: 14px;
}
 }
.menu ul li a:hover { 

}
.menu ul li a{
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
background-position:0px 0px;
background-position:0% -2px;
	
	 
	 }
	 
.menu ul li > a {
transition: border-width 0.6s linear;
border-top:1px solid rgba(255,255,255,0);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease-;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;


}

.menu ul li:hover > a {
color:#83a8d4;
transition: border-width 0.6s linear;
border-top:1px solid #83a8d4;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease-;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;   

}



.menu ul li > a {  }/*******대메뉴 세로 정렬******/

.menu ul ul {
  z-index:-1;
  position: absolute;
  min-width: 85%;
  left:0%;
  right:0%;
  top:-100%;
  margin: auto;
   background:rgba(121,182,191,1); 
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:0;
}

.menu ul li> ul{}
.menu ul li:hover > ul { top:100%; height:auto;  overflow: visible;   opacity:1; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease; }

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

.menu ul ul > li a {
  padding: 10px 15px;
  height: auto;
  color:#fff;

}

.menu ul ul > li a:hover { /****서브메뉴 ****/
background:none !important;
color:#ffedd0 !important; 

}

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


 @media all and (max-width: 900px) {
 .nav_wrapper{   background: #fff !important; width:100% !important; height:auto; min-height:80px;}
 .click_events{
  background:url(../img/menu2.png);
}

.nav_wrapper{ }
 .menu {
  width: 95%;
  height:1000px;
  top:-10px;
  left:%;
  margin:0 auto;  
  position: relative;
  overflow-y:scroll !important;
   -ms-overflow-style: none !important; /* IE and Edge */
    scrollbar-width: none!important; /* Firefox */
  
}
.menu ::-webkit-scrollbar{
    display: none!important; /* Chrome, Safari, Opera*/
}
.dropdown{height: auto; min-height:200%;
 -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}
	
.menu ul li a {

  font-size: 14px;

}
.menu ul li { padding: 0px; width:100%; margin:0 auto; text-align:left !important;  float: none;  }/*****대메뉴 사이즈*****/
.menu ul ul > li a {
  padding: 10px 15px;
  height: auto;
  color:#333;

}
.example-header .container { width: 100%; }
.menu ul ul {
  z-index:10000;
  position: relative;
  top: 100%; left:0px;
  min-width: 100%;
  background: #fff;
  border-top:2px solid #70b4bc;  -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	opacity:1;
}

.menu ul li> ul{}
.menu ul li:hover > ul {   top: 100%; opacity:1; overflow:hidden; -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;}
 
.menu ul ul > li { position: relative; }


#search { padding: 0px; }

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

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

.spinner-master label {
  cursor: pointer;
  position: absolute;
  z-index: 99;
  height: 100%;
  width: 100%;
  top: 15px;
  left: 10px;
}

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

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

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

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

.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: 7.8px;
}

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

a.menu-link {
  display: block;
  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,
.menu > ul ul {
  overflow: hidden;
  max-height: 0;
  background-color: #fff;
}

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

.menu.active,
.menu > ul ul.active { max-height:100%; }

.menu ul { display: inline; }

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

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

.menu li a {
  color: #333;
  display: block;
  border-bottom:1px solid #f1f1f1;
  
  position: relative;
}

.menu li.has-submenu > a:after {
  content: '＜ ';
  font-family: 'NanumBarunGothic', sans-serif;
  transform: rotate( 270deg );
  font-weight:100 !important;
  position: absolute;
  top: 0;
  right: 20px;
  display: block;
  font-size: 13px;
  line-height:80px;

}

.menu li.has-submenu > a.active:after { content: "＜"; transform: rotate( 90deg );font-weight:100 !important;font-family: 'NanumBarunGothic', sans-serif;}

.menu ul ul > li a {
  background-color: #eee;
  
}

.menu ul li a:hover {


}

.menu ul li.hover > a {
  background: #70b4bc;
  color: #333;
  -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

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

.search_box {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 10;
}

.search_box input { width: 70%; }
.search_box input.search_icon { width: 17%; }

}