nav { width: 100%; }
.nav_wrapper_pc {
 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;
}



.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_btn3.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: #333; }
.search_box {
  clear: both;
  width: 100%;
  position: absolute;
 
  
  background:rgba(255,255,255,1);
  
  padding: 0;
  margin: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.1s ease-in-out;
}

.search_box.active {
  height: auto;
  padding:0px 0 30px 0;
  border:5px solid #333;
  transition: all 0.3s ease-in-out;

}

.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: #fff;
  opacity: 1;
  transition: all 0.1s ease;
}

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

.menu_pc-link { display: none; }

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

.menu_pc {
  width: 100%;
	max-width: 1800px;
	margin: 0 auto;
 
  position: relative;
  
  height:auto;
  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_pc:hover { 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.menu_pc ul {
  padding: 0px;
  margin: 0px;
  width:100%;  
  list-style: none;
  position: relative;
  display:inline-block;


}

.menu_pc > li > ul.sub_menu_pc {
 
  padding: 8px 0;
  background-color: #f4f4f4;
  border: 1px solid #fff;
}

.menu_pc ul.mid:hover > a { background:none !important;border-top:1px solid rgba(255,255,255,0) !important;}
.menu_pc ul li { width:auto; padding: 0 20px 0 20px; float:left; word-break: keep-all; text-align: left;}  /*****대메뉴 사이즈*****/
.sub_nav_bg li{width: auto !important; min-width: 220px; text-align: left; padding: 0px;}
.menu_pc > ul > li { display: inline-block; }
.menu_pc ul li a {
  display: block;
  text-decoration: none;  /*****대메뉴 폰트 사이즈*****/
  color:#666; height: 80px; display: block;  font-size: 16px;}


}
.img_mid { margin-top:10px !important ; border-right:0px !important;}
.nav_title_size{font-size:16px; font-weight: bold!important;}
.mar_nav{margin-left:10%;}
.mid{ margin-right:3% !important; width:10% !important; margin-left:1% !important; border:0px !important; padding-top:0.5%;}
 @media all and (max-width: 1700px) {
.mid{ margin-right:1% !important; width:10% !important; margin-left:1% !important; border:0px !important; padding-top:0.5%;}
.menu_pc ul li { width:auto; padding: 0 20px 0 20px; float:left; word-break: keep-all;}  /*****대메뉴 사이즈*****/
.sub_nav_bg li{width: auto !important;} 
.nav_title_size{font-size:17px ;}
.menu_pc ul li a {
  font-size: 16px;
}

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

.mid{ margin-right:1% !important; width:10% !important; margin-left:1% !important; border:0px !important; padding-top:0.5%;}
.menu_pc ul li { width:auto; padding: 0 15px 0 15px; float:left; word-break: keep-all;}  /*****대메뉴 사이즈*****/
.sub_nav_bg li{width: auto% !important;} 
.img_mid { margin-top:10px !important ; border-right:0px !important;}
.nav_title_size{font-size:16px;}
.menu_pc ul li a {
  font-size: 13px;
}
.mar_nav{margin-left:3%;}

	  
 }

 @media all and (max-width: 1380px) {
	  
	 .login_zones{display: none;}
	.mid{ margin-right:1% !important; width:10% !important; margin-left:1% !important; border:0px !important; padding-top:0.5%;}
.menu_pc ul li { width:auto; padding: 0 15px 0 15px; float:left; word-break: keep-all;}  /*****대메뉴 사이즈*****/
.sub_nav_bg li{width: auto% !important;} 
.img_mid { margin-top:10px !important ; border-right:0px !important;}
.nav_title_size{font-size:13px;}
.menu_pc ul li a {
  font-size: 11px;
}
.mar_nav{margin-left:3%;}

	  
 } 

 @media all and (max-width: 1080px) {
	  
	 .login_zones{display: none;}
	.mid{ margin-right:1% !important; width:10% !important; margin-left:1% !important; border:0px !important; padding-top:0.5%;}
.menu_pc ul li { width:auto; padding: 0 10px 0 10px; float:left; word-break: keep-all;}  /*****대메뉴 사이즈*****/
.sub_nav_bg li{width: auto% !important;} 
.img_mid { margin-top:10px !important ; border-right:0px !important;}
.nav_title_size{font-size:10px;}
.menu_pc ul li a {
  font-size: 11px;
}
.mar_nav{margin-left:3%;}

	  
 } 
}


.menu_pc ul li a:hover { 

}
.menu_pc 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_pc 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_pc ul li:hover > a {
color:#333;

transition: border-width 0.6s linear;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease-;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;   

}



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

.menu_pc ul ul {
  z-index:-1;
  position: absolute;
  min-width:15%;
   top:50px;
   background:#333; 
    -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;
	height: 0px!important;
	overflow: hidden;
	text-align: center;
	
	z-index: -1;
}

.menu_pc ul li> ul{}
.menu_pc ul li:hover > ul { top:60px; height:auto!important;  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; z-index: 100000000000000000000000; }

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

.menu_pc ul ul > li a {/****서브메뉴 ****/
  padding: 0px 0px;
  height: auto;
  color:#fff;

}

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

}

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


 @media all and (max-width: 900px) {
.menu_pc ul li a {
  color:#333;
} 
.menu_pc ul li a:hover {
  color:# !important;
} 
	
 .nav_wrapper_pc{   background: # !important; width:100% !important; height:auto; min-height:80px;}
 .click_events{
  background:url(../img/menu_pc2.png);
}

.nav_wrapper_pc{ }
 .menu_pc {
  width: 90%;
  height:530px;
  top:0px;
  left:0%;
  right:0px;
  margin:auto;  
  position: relative;
  overflow-y:scroll !important;
   -ms-overflow-style: none !important; /* IE and Edge */
    scrollbar-width: none!important; /* Firefox */
  
}
.menu_pc ::-webkit-scrollbar{
    display: none!important; /* Chrome, Safari, Opera*/
}
.dropdown{height: auto; 
 -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}
	
.menu_pc ul li a {

  font-size: 18px;

}

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

}
.example-header .container { width: 100%; }
.menu_pc ul ul {
  z-index:10000;
  position: relative;
  top: 100%; left:0px;
  min-width: 100%;
  background: #fff;
    margin-left:0%;
  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_pc ul li> ul{}
.menu_pc 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_pc 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: #333;
}

.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_pc-link {
  display: block;
  float: left;
  text-decoration: none;
  padding: 10px 16px;
  font-size: 1.5em;
}

a.menu_pc-link:hover { color: #333; }

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

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



.menu_pc,
.menu_pc > ul ul {
  overflow: hidden;
  max-height: 0;
  background-color: #fff;
}

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

.menu_pc.active,
.menu_pc > ul ul.active { max-height:100%; background:rgba(0,0,0,0.0) !important;  }

.menu_pc ul { display: inline; }

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

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

.menu_pc li a {
  color: #333;
  display: block;
  border-bottom:1px solid rgba(102,102,102,0.2);
  
  position: relative;
}

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

}

.menu_pc li.has-submenu_pc > a.active:after { content: "━"; transform: rotate( 0deg );font-weight:100 !important;font-family: 'NanumBarunGothic', sans-serif;}

.menu_pc ul ul > li a {
  background-color: #f1f1f1;
  
}

.menu_pc ul li a:hover {


}

.menu_pc 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_pc ul ul,
.menu_pc ul ul ul {
  display: inherit;
  position: relative;
  left: auto;
  top: auto;
  border: none;
}