@import url(//fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@font-face {
    font-family: 'KBIZHanmaumMyungjo';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/KBIZHanmaumMyungjo.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.jeju { 
  font-family: 'Pretendard-Regular';

}

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

.menu-link { display: none; }

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

.menu {
  width: 100%;
   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: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 ul {
  padding: 0px;
  margin: 0px;
  width:100%;  
  list-style: none;
  position: relative;
  display:inline-block;
text-align: center;  

}

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

.mid{ margin-right:1% !important; width:auto !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: auto; text-align: left;  display:  block; height: 40px; padding-left: 20px; }
.sub_nav_bg li{width: auto !important;}
.menu > ul > li { display: inline-block; }
.nav_title_size{font-size:16px; padding: 30px 30px 30px 30px; }
.menu ul li a {
  display: block;
  text-decoration: none;  
  color:#363636;
  font-size: 16px;


}
.sub_nav_size{position: relative;}
.sub_nav_size a{text-align: left!important; display: block!important;}
/**.sub_nav_size:before{ content: ' > '; position: absolute;top: 10px; left: -5px; color: #9F9F9F; font-size: 10px;}**/
.img_mid { margin-top:10px !important ; border-right:0px !important;}
.mar_nav{margin-left:12.5%;}
.mar_nav_25per{margin-left:25.0%;}
.mar_nav1{margin-left:45%;}
.mar_nav2{margin-left:53%;}
.mar_nav3{margin-left:61%;}
.mar_nav4{margin-left:65%;}
.mar_nav5{margin-left:61.5%;}
  @media all and (max-width: 1780px) {
	  
.nav_title_size{font-size:16px; padding: 20px 15px 20px 15px;}
.menu ul li a {
  display: block;
  text-decoration: none;  
  color:#363636;
  font-size: 16px;

}

	  
 }

 @media all and (max-width: 1550px) {
	  
	 .login_zones{display: none;}
.nav_title_size{font-size:14px; padding: 15px 15px 15px 15px;}
.menu ul li a {
  display: block;
  text-decoration: none;  
  color:#363636;
  font-size: 14px;

}

	  
 } 

 @media all and (max-width: 1380px) {
	 .menu {min-width: 1000px;}
	 .login_zones{display: none;}
.nav_title_size{font-size:12px; padding: 10px 0px 10px 0px;}
.menu ul li a {
  display: block;
  text-decoration: none;  
  color:#363636;
  font-size: 12px;

}

	  
 } 
}


.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:#;

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 ul li > a {  }/*************/

.menu ul ul {
 
  position: absolute;
  min-width: 15%;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 10px;

  top:0%;

   background:rgba(255,255,255,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:1;
	display: none;
	
}

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

-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: 0px 0px;
  height: auto;
  color:#333;

}

.menu ul ul > li a:hover { /**** ****/
background:none !important;
color:#93b9ac !important;
 

}

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


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

.nav_wrapper{ }
 .menu {
  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 ::-webkit-scrollbar{
    display: none!important; /* Chrome, Safari, Opera*/
}
.dropdown{height: auto; 
 -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */}
	
.menu ul li a {

  font-size: 18px;

}

.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;
    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 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: #084237;
}

.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: #084237; }

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%; background:rgba(0,0,0,0.0) !important;  }

.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 rgba(102,102,102,0.2);
  
  position: relative;
}

.menu li.has-submenu > 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 li.has-submenu > a.active:after { content: "━"; transform: rotate( 0deg );font-weight:100 !important;font-family: 'NanumBarunGothic', sans-serif;}

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

.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%; }

}