
.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;  }
.sub_nav_bg li{width: auto !important;}
.menu > ul > li { display: inline-block; }
.nav_title_size{font-size:18px; padding: 10px 35px 10px 35px;   height: 70px;  }
.menu ul li a {
  display: block;
  text-decoration: none;  

  font-size: 18px; 


}
.sub_nav_size{position: relative;; }
.sub_nav_size a {
    text-align: left!important;
    display: block!important;
    width: 50%;
	
    float: left;
    padding: 0px!important;
    vertical-align: top;
    position: relative; /* 상대적 위치 지정 */
}

.sub_nav_size a::after {
    content: '→'; /* 화살표 문자 */
    opacity: 0; /* 초기에는 보이지 않음 */
    transition: opacity 0.3s ease, left 0.3s ease; /* 변화를 부드럽게 처리 */
    position: absolute;
    top: 50%; /* 세로 가운데 정렬 */
    left: -10px; /* 왼쪽에 위치 */
    font-size: 10px;
    transform: translateY(-50%); /* 세로 가운데 정렬을 위한 이동 */
}

.sub_nav_size a:hover::after {
    left: -15px; /* 화살표 위치 조정 */
    opacity: 1; /* 마우스 오버시에 화살표 표시 */
}
/**.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: 1580px) {
	  
.nav_title_size{font-size:16px; padding: 30px 5px 30px 5px;}
.menu ul li a {
  display: block;
  text-decoration: none;  
  color:#363636;
  font-size: 15px;

}

	  
 }

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

}

	  
 } 

 @media all and (max-width: 1280px) {
	  
	 .login_zones{display: none;}
.nav_title_size{font-size:15px; padding: 30px 0px 30px 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: 28%;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-left: 30px;
	min-height: 0px;
	z-index: -1;
  top:100%;
backdrop-filter: blur(5px);
   background: rgba(255,255,255,0.7);
  opacity: 0;
	text-align: left; 
  transform: translateX(-20px);
  visibility: hidden;
  transition: all 0.3s ease;
margin-top: -4px;
	
}

.menu ul li > ul {}
.menu ul li:hover > ul {
  top: 100%;
  height: auto;
  overflow: visible;
	

  opacity: 1;
    transform: translateX(0px);
  visibility: visible;
  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:#4b4a8a !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 #4b4a8a;  -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: #4b4a8a;
  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%; }

}