header, a, #allmenu, .sns_box, .tel_box, #logo, .lang_menu, #lang_menu,.lang_selcet, #lnb_1da, .lnb_1da{transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  
}



header {width: 100%; float: left; position: fixed; left:0;	top:0;	height:var(--header-h); background-color: var(--header-bg-default);	 z-index:999999; border-bottom: 1px solid #eee}


header.large { background-color: var(--header-bg-default);}
header.small { 	background-color: var(--header-bg-scroll);  backdrop-filter: blur(10px);}	

header.opacity {background-color: var(--header-bg-opacity)!important;}
header.opacity.large { background-color: var(--header-bg-default);}
header.opacity.small {background-color: var(--header-bg-scroll)!important;}



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {header .head_top{width: 100%; float: left;  border-bottom: 1px solid #ccc; min-height: 90px}
}
/**** pc2 ****/
@media all and (max-width:980px) and (min-width:768px) {header .head_top{width: 100%; float: left;  border-bottom: 1px solid #ccc; min-height: 90px; }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {header .head_top{width: 100%; float: left; min-height: 90px}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {header .head_top .top_r{width: auto; float: right; height:100%; display: flex;flex-direction: row; grid-gap: 10px;   position: absolute; right: 0px; top: 0px; padding: 20px 0px }

}
/**** pc2 ****/
@media all and (max-width:1560px) and (min-width:768px) {header .head_top .top_r{width: auto; float: right; height:100%; display: flex;flex-direction: row; grid-gap: 10px;   position: absolute; right: 0px; top: 0px; padding: 20px 20px }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {header .head_top .top_r{width: auto; float: right; height:100%; display: flex;flex-direction: row; grid-gap: 10px;   position: absolute; right: 0px; top: 0px; padding: 20px 0px; display: none }

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	

header .head_top .top_r .top_btn1{width: auto;height: auto; float: left; min-height: 45px; display: flex;  justify-content: center;  align-items: center; padding: 5px 25px 5px 50px!important; border-radius: 50px; color: #Fff; font-size:calc(var(--tx-sm-size) * 1);  position: relative; background-color: #82ca9c; box-sizing: border-box }
header .head_top .top_r .top_btn1:hover{background-color: #82ca9c; }

header .head_top .top_r .top_btn1:before{content: ""; background: url("/_img/svg/line_icon/menu.svg"); width: 26px; height: 26px; position: absolute; left: 15px;top: 50%; transform: translateY(-50%);}

header .head_top .top_r .top_btn2 a{width: auto; min-height: 45px; display: flex;  justify-content: center;  align-items: center;padding: 5px 25px 5px 50px; border-radius: 50px; color: #Fff; font-size:calc(var(--tx-sm-size) * 1);  position: relative; background-color: #f49ac0 }
header .head_top .top_r .top_btn2 a:before{content: "\ebfe";    font-family: unicons-line; width: 26px; height: 26px; position: absolute; left: 15px;top: 50%; transform: translateY(-50%); color: #fff; font-size:26px;}

header .head_top .top_r .search_box {width:200px; float: left; min-height: 45px;position: relative; border-radius: 50px; overflow: hidden}
header .head_top .top_r .search_box input{width:100%; float: left;padding: 5px 15px 5px 20px;min-height: 45px;display: flex;  justify-content: center;  align-items: center; background-color: #f7f7f7 ; border-radius: 50px}
header .head_top .top_r .search_box .sch_btn{width:50px; height: 45px; display: flex;  justify-content: center;  align-items: center; position: absolute; right: 0px; top: 0px; background: rgba(247,247,247,0)}
header .head_top .top_r .search_box .sch_btn:before{content: "\e99a";    font-family: unicons-line;}
}
/**** pc2 ****/
@media all and (max-width:980px) and (min-width:768px) {
	
	

header .head_top .top_r .top_btn1{width: auto;height: auto; float: left; min-height: 40px; display: flex;  justify-content: center;  align-items: center; padding: 5px 20px 5px 40px!important; border-radius: 50px; color: #Fff; font-size:calc(var(--tx-sm-size) * 0.8);  position: relative; background-color: #82ca9c; box-sizing: border-box }
header .head_top .top_r .top_btn1:hover{background-color: #82ca9c; }

header .head_top .top_r .top_btn1:before{content: ""; background: url("/_img/svg/line_icon/menu.svg"); width: 20px; height: 20px; position: absolute; left: 15px;top: 50%; transform: translateY(-50%);}

header .head_top .top_r .top_btn2 a{width: auto; min-height: 40px; display: flex;  justify-content: center;  align-items: center;padding: 5px 20px 5px 50px; border-radius: 50px; color: #Fff; font-size:calc(var(--tx-sm-size) * 0.8);  position: relative; background-color: #f49ac0 }
header .head_top .top_r .top_btn2 a:before{content: "\ebfe";    font-family: unicons-line; width: 20px; height: 20px; position: absolute; left: 15px;top: 50%; transform: translateY(-40%); color: #fff; font-size:26px;}

header .head_top .top_r .search_box {width:160px; float: left; min-height: 40px;position: relative; border-radius: 50px; overflow: hidden}
header .head_top .top_r .search_box input{width:100%; float: left;padding: 5px 15px 5px 20px;min-height: 40px;display: flex;  justify-content: center;  align-items: center; background-color: #f7f7f7 ; border-radius: 50px; font-size:calc(var(--tx-sm-size) * 0.8); }
header .head_top .top_r .search_box .sch_btn{width:50px; height: 45px; display: flex;  justify-content: center;  align-items: center; position: absolute; right: 0px; top: 0px; background: rgba(247,247,247,0)}
header .head_top .top_r .search_box .sch_btn:before{content: "\e99a";    font-family: unicons-line;}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/



header .head_bottom{width: 100%; float: left;}



/*로고 설정  */



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	#logo {position:absolute; top:0px;  left:0px; height: 90px;  z-index:510; display: flex;  justify-content: center;  align-items: center;  }
#logo a { height:100%;  height:100%!important; float: left;display: flex;  justify-content: center;  align-items: center; }

#logo a img { width:var(--logo-size-w)}
}
/**** pc2 ****/
@media all and (max-width:1560px) and (min-width:768px) {
#logo {position:absolute; top:0px;  left:20px!important;  z-index:510; display: flex;  justify-content: center;  align-items: center;  }
#logo a { width: 100%;  height:100%!important; float: left;display: flex;  justify-content: center;  align-items: center; }
#logo a img { width:180px!important}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
#logo {position:absolute; top:0px;  left:15px; height:var(--header-h);;  z-index:510; display: flex;  justify-content: center;  align-items: center;  }
#logo a { height:100%; float: left; display: flex;  justify-content: center;  align-items: center; }

#logo a img{  width:var(--logo-size-w);height: 80%!important;}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/




#logo a img.White{filter: var(--logo-White); /* 흰색으로 변경 */}


header.large #logo a img {filter: none; /* 흰색으로 변경 */}
header.large #logo a img.White{filter: var(--logo-White); /* 흰색으로 변경 */}
header.small #logo a img{filter: none;  }	
	
#lnb:hover #logo a img{filter: none; }
	


.Inner_wide{width: var(--inner-wide); position: relative}

.container-100 #logo {  left:20px;   }
.container-full  #logo {  left:20px;   }





/* PC 오른쪽 글로벌 메뉴  */
.quick_body_close{width: var(--quick-menu-w);  height: 100vh; background-color: #FFF;  	position:fixed;	top:0px;	right: calc(var(--quick-menu-w) * -1); z-index:999999999999999999999; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }
.quick_body_open{ width: 300px;  height: 100vh;  background-color: #FFF;  	position:fixed;		top:0px;	right:0px; z-index:999;   box-shadow:3px 3px 30px rgba(0,0,0,0.3); }

.quick_head{ width: 100%; float: left; height: var(--header-h); line-height:var(--header-h); color: #333; padding: 0PX 20PX; display: flex;    align-items: center;  grid-gap: 10px}
.headtop{ width: 100%; height:var(--header-h); float: left;  background-color: #FFF;  color: #333; line-height: var(--header-h); box-sizing: border-box; padding-left: 20px;color: #fff; font-family:  'NanumSquare', sans-serif; transform: skew(-0.201deg);  font-weight: 700; }


.quick_head .mobile_gmenu.noview{display: none}




#lnb{position:relative;overflow: hidden; height:calc(var(--header-h) - 90px);   width: 100%; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */   border-bottom: 1px solid rgba(255,255,255,0.0); display: flex;  justify-content: center;  }


#lnb .Inner{ position: relative; }

#lnb:hover{position:relative;overflow: hidden; height:var(--header-h-open); width: 100%;  background-color: rgba(255,255,255,1); }

	

#lnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}

#lnb_1dul{ padding:0; width:100%;height: 100%; position: absolute; left: 0px; top: 0px; display: flex;  justify-content: center; /* 가로 중앙 정렬 */  align-items: flex-start; /* 세로 위쪽 정렬 */ padding-left:var(--logo-size-w)!important; padding-right:var(--logo-size-w)!important  }


@media only all and (max-width:980px) {#lnb_1dul{ padding:0; width:100%;height: 100%; position: absolute; left: 0px; top: 0px; display: flex;  justify-content: center; /* 가로 중앙 정렬 */  align-items: flex-start; /* 세로 위쪽 정렬 */ padding-left:10px!important; padding-right:10px!important  }
}
/**** 모바일 에서 전체 메뉴 감춤 ****/
@media only all and (max-width:767px) {#lnb_1dul{  display: none}}



#lnb_1dul:after{display:block; visibility:hidden; clear:both; content:""; }
	
	
.lnb_1dli{z-index:10; position:relative; float:left; height:100%;    transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }


.lnb_1da{display: inline-block; height:calc(var(--header-h) - 90px);   line-height:130%; font-size:var(--top1d-font-size); text-decoration:none; color:;   display: flex;  align-items: center;  margin-left: var(--top1d-margin-left);  margin-right: var(--top1d-margin-right);  position: relative; font-weight: var(--top1d-font-weight);}


#lnb_1dul .lnb_1da{transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
  width:auto;
}
#lnb .lnb_1dli{   width: auto;
            min-width:50px; /* 초기 크기를 0으로 설정 */
            overflow: hidden; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; }



/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
#lnb:hover .lnb_1dli{ border-left: 1px solid rgba(204,204,204,0.5); height: 100%;  min-width: var(--top1d-over-min)}


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {#lnb:hover .lnb_1dli{ border-left: 1px solid rgba(204,204,204,0.5); height: 100%;   min-width: 140px}

}
/**** 모바일 ****/
@media only all and (max-width:767px) {#lnb:hover .lnb_1dli{ border-left: 1px solid rgba(204,204,204,0.5); height: 100%;  min-width: 100px}

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


/*사이트별 개별 수정 */
#lnb:hover .lnb_1dli:last-child{border-right: 1px solid rgba(204,204,204,0.5); }




/*상단 배경이 투명일때 폰트 화이트 변환 선언 */

header:hover   #lnb .lnb_1da{color:var(--top1d-font-color); }

header.opacity   #lnb .lnb_1da{color:var(--top1d-font-color-opacity); }
header.opacity.small   #lnb .lnb_1da{color:var(--top1d-font-color)!important; }
header.opacity:hover  #lnb .lnb_1da{color:var(--top1d-font-color)!important; }







.lnb_1dli.current .lnb_1da,
.lnb_1dli:hover .lnb_1da,
.lnb_1da:focus,
.lnb_1da:hover,
.lnb_1da:active{text-decoration:none;}


.lnb_1dli .lnb_1da:after{width: 0%; height: 3px; background-color: var(--primary); position: absolute; left:0px; top:calc(var(--header-h) - 80px); margin-top: -25px; content: ""; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }

.lnb_1dli:hover .lnb_1da:after{width:100%!important;height: 3px; background-color: var(--primary); position: absolute; left:0px; top:calc(var(--header-h) - 80px); margin-top: -25px; content: ""; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  }







.lnb_2dul{width:100%; position: relative;margin-left: var(--top1d-margin-left);  padding:0px 0px 0px;box-sizing: border-box ; }


a.lnb_2da{display:block;padding:7px 0px;text-align:left; color:var(--top2d-font-color);font-size:var(--top2d-font-size); font-weight: var(--top2d-font-weight); position: relative; width: auto; clear: both;p }

a.lnb_2da:hover{color:var(--primary); }

.lnb_1dli a.lnb_2da:hover{color:var(--primary);}
.lnb_1dli a.lnb_2da{width: auto; float: left;  position: relative  }
.lnb_1dli a.lnb_2da:after{width: 0%; height: 1px; background-color: var(--primary); position: absolute; left: 0px;  bottom:0px; content: ""; transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */  
}
.lnb_1dli a.lnb_2da:hover:after{width: 100%; content: "";   }






/*  햄버거 메뉴 설정 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
#m_menu {position:absolute; height:40px;   top: calc(var(--header-h) * 0.5);  margin-top: -15px;	 right:0px; z-index:999999999999999999999999999999999999;display: none;  cursor: pointer}
#m_menu.change {position:fixed; height:40px;  top: calc(var(--header-h) * 0.5);  margin-top: -15px;	 right:20px; z-index:999999999999999999999999999999999999;display: none;  cursor: pointer}
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
#m_menu {position:fixed; height:var(--header-h);   top: calc(var(--header-h) * 0.5);  margin-top: -15px;	 right:20px; z-index:999999999999999999999999999999999999; cursor: pointer}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


/*  햄버거 메뉴 pc에서 보이게 설정  -----------------------------------*/	
#m_menu.pcview {  display: block}



.container-100 #m_menu { right:20px;   }
.container-full #m_menu { right:20px;   }




.bar1, .bar2, .bar3 {
width: 25px;
height: 2px;
background-color: var(--top1d-font-color);
margin: 6px 0;
transition: 0.4s; 
}
.bar2 {
width: 25px;
height: 2px;
background-color: var(--top1d-font-color);
margin: 6px 0;
transition: 0.4s;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-4px, 6px);
transform: rotate(-45deg) translate(-4px, 6px);background-color:var(--top1d-font-color);
}

.change .bar2 {opacity: 0;background-color: var(--top1d-font-color);}

.change .bar3 {
-webkit-transform: rotate(45deg) translate(-5px, -8px);
transform: rotate(45deg) translate(-5px, -8px);background-color:  var(--top1d-font-color);
}






header.opacity #lnb .bar1, header.opacity  #lnb .bar2, header.opacity #lnb .bar3 {
width: 25px;
height: 2px;
background-color: var(--top1d-font-color-opacity);
margin: 6px 0;
transition: 0.4s; 
}
header.opacity #lnb .bar2 {
width: 25px;
height: 2px;
background-color: var(--top1d-font-color-opacity);
margin: 6px 0;
transition: 0.4s;
}
header.opacity  #lnb .change .bar1 {
-webkit-transform: rotate(-45deg) translate(-4px, 6px);
transform: rotate(-45deg) translate(-4px, 6px);background-color:var(--top1d-font-color);
}

header.opacity #lnb .change .bar2 {opacity: 0;background-color: var(--top1d-font-color);}

header.opacity #lnb .change .bar3 {
-webkit-transform: rotate(45deg) translate(-5px, -8px);
transform: rotate(45deg) translate(-5px, -8px);background-color:  var(--top1d-font-color);
}






header.opacity:hover #lnb .bar1, header.opacity:hover   #lnb .bar2, header.opacity:hover #lnb .bar3 {
width: 25px;
height: 2px;
background-color: var(--top1d-font-color);
margin: 6px 0;
transition: 0.4s; 
}
header.opacity:hover  #lnb .bar2 {
width: 25px;
height: 2px;
background-color: var(--top1d-font-color);
margin: 6px 0;
transition: 0.4s;
}
header.opacity:hover  #lnb .change .bar1 {
-webkit-transform: rotate(-45deg) translate(-4px, 6px);
transform: rotate(-45deg) translate(-4px, 6px);background-color:var(--top1d-font-color);
}

header.opacity:hover #lnb .change .bar2 {opacity: 0;background-color: var(--top1d-font-color);}

header.opacity:hover #lnb .change .bar3 {
-webkit-transform: rotate(45deg) translate(-5px, -8px);
transform: rotate(45deg) translate(-5px, -8px);background-color:  var(--top1d-font-color);
}

header.small #lnb .bar1, header.small   #lnb .bar2, header.small #lnb .bar3 {
width: 25px;
height: 2px;
background-color: var(--top1d-font-color)!important;
margin: 6px 0;
transition: 0.4s; 
}


header.small  #lnb .change .bar1 {
-webkit-transform: rotate(-45deg) translate(-4px, 6px);
transform: rotate(-45deg) translate(-4px, 6px);background-color:var(--top1d-font-color);
}

header.small #lnb .change .bar2 {opacity: 0;background-color: var(--top1d-font-color);}

header.small #lnb .change .bar3 {
-webkit-transform: rotate(45deg) translate(-5px, -8px);
transform: rotate(45deg) translate(-5px, -8px);background-color:  var(--top1d-font-color);
}



/* 우측 글로벌 메뉴 설정-----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
#gmenu {position:absolute;	top: 0px; 	right:40px; z-index:9999999999; display: flex;
justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box; grid-gap: 20px; height:var(--header-h);  }
#gmenu.hmenuview {right:100px; }

#gmenu.noview {display: none; }


#gmenu .member_btn_box{width:auto;   float: left; display: flex; grid-gap: 5px; flex-direction: row;}
#gmenu .member_btn_box.noview {display: none; }
				
	
.member_btn_box .icon_btn{width:auto;   float: left; display: flex;  justify-content:flex-start;  align-items: center;   color:var(--top1d-font-color); font-size: 0.9em; position: relative; cursor: pointer;  
	 height: 40px; width: 30px; line-height: 38px;}
	
.member_btn_box .icon_btn::before{font-family: unicons-line;  font-size:25px;}
	

.loginbtn:before{color: var(--top1d-font-color); }	
.logoutbtn:before{   color: var(--top1d-font-color); }
.joinbtn:before{  color: var(--top1d-font-color); }	
.memberbtn:before{  color: var(--top1d-font-color); }	
.adminbtn:before{  color: var(--top1d-font-color); }		
	
	
header.opacity .icon_btn:before{ color: var(--top1d-font-color-opacity); }	

	
header.opacity:hover .icon_btn:before{ color: #000; }		

	
header.small  .icon_btn:before{ color: var(--top1d-font-color); }	

	
.lang_select{width:auto;   float: left;  }	
	
	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {

	
	
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
#gmenu {display: none;}
	
#gmenu.noview {display: none;}

.member_btn_box .icon_btn{width:auto;   float: left; display: flex;  justify-content:flex-start;  align-items: center;   color:var(--top1d-font-color); font-size: 0.9em; position: relative; cursor: pointer;  
	 height: 40px; min-width: 30px; line-height: 38px;}
	
.member_btn_box .icon_btn:before{ font-family: unicons-line; font-size:23px;}
	
	
.loginbtn:before{ color: var(--top1d-font-color); }	
.logoutbtn:before {color: var(--top1d-font-color); }
.joinbtn:before{ color: var(--top1d-font-color); }	
.memberbtn:before{  color: var(--top1d-font-color); }	
.adminbtn:before{   color: var(--top1d-font-color); }		
	

}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/






/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	
	

.icon_btn_m{width:auto;   float: left; display: flex;  justify-content:flex-start;  align-items: center;   color:var(--top1d-font-color); font-size: 0.9em; position: relative; cursor: pointer;border-radius: 30px; 
	padding: 0px 0px 0px 40px ;  height: 35px; line-height: 35px; }
	
.icon_btn_m::before{ width:20px;   height: 20px;  font-size:25px; position: absolute; left: 10px; top: 0px }
	

}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	

.icon_btn_m{width:auto;   float: left; display: flex;  justify-content:flex-start;  align-items: center;   color:var(--top1d-font-color); font-size: 0.9em; position: relative; cursor: pointer;border-radius: 30px; 
	padding: 0px 0px 0px 40px ;  height: 35px; line-height: 35px; }
	
.icon_btn_m::before{ width:20px;   height: 20px;  font-size:25px; position: absolute; left: 10px; top: 0px }
		
		
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/

.loginbtn:before{content: "\e855";    font-family: unicons-line; }	
.logoutbtn:before{content: "\eaf1";    font-family: unicons-line; }	
.joinbtn:before{content: "\ea0e";    font-family: unicons-line; }		
.memberbtn:before{content: "\ea0d";    font-family: unicons-line;  }	
.adminbtn:before{content: "\ec60";    font-family: unicons-line;  }		
	


.loginbtn_m:before{content: "\e855";    font-family: unicons-line; }	
.logoutbtn_m:before{content: "\eaf1";    font-family: unicons-line; }	

.joinbtn_m:before{content: "\ea0e";    font-family: unicons-line; }		
.memberbtn_m:before{content: "\ea0d";    font-family: unicons-line;  }	
.adminbtn_m:before{content: "\ec60";    font-family: unicons-line;  }		
	




/* sns 아이콘 //end -----------------------------------*/

/* sns 아이콘 //end -----------------------------------*/

#gmenu .topSNSbtn{width:auto;   float: left; display: flex; grid-gap: 5px; flex-direction: row; margin-right: 10px}
#gmenu .topSNSbtn.noview {display: none; }
				

.topSNSbtn .icon_btn{width:auto;   float: left; display: flex;  justify-content:flex-start;  align-items: center;   color:var(--top1d-font-color); font-size: 0.9em; position: relative; cursor: pointer;  
	 height: 40px; min-width: 30px; line-height: 38px;}
	
.topSNSbtn .icon_btn i{ font-size:23px; color: #333; }
 .topSNSbtn .icon_btn img{ width: 100%}
.topSNSbtn .icon_btn:before{ font-family: unicons-line; font-size:23px;}
	

.opacity  .topSNSbtn .icon_btn i{ font-size:23px; color: #Fff; }


header.small .topSNSbtn .icon_btn i{ font-size:23px; color: #333; }
header:hover .topSNSbtn .icon_btn i{ font-size:23px; color: #333; }
header.large:hover .topSNSbtn .icon_btn i{ font-size:23px; color: #333!important; }






/*모바일 메뉴*/
.mainNav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-item, .submenu-item {
    position: relative;
   
    overflow: hidden;
  
}
.menu-item, .submenu-item:last-child {
    position: relative;
    border-bottom:none;
    overflow: hidden;
   
}

.mainNav a {
    display: block;
    padding:15px 15px;
    color: #333;
    text-decoration: none;
    position: relative;
    transition: all 0.3s;  display: flex;  justify-content: center;  align-items: center;  font-size: 16px!important
}

.mainNav a:hover {
    background-color: #f0f0f0;
}

.submenu, .submenu-3depth {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.9s ease;
    background-color: #f9f9f9;
}

.submenu li a, .submenu-3depth li a {
 
    color: #555;
    border-top: 1px solid #eee; 
}
 .submenu-3depth li a {   font-size: 14px!important; padding: 10px 20px 10px 50px!important
}

.menu-item.open, .submenu-item.open {
    max-height: 500px;
    transition: max-height 0.9s ease;
}

.menu-item.open .submenu, .submenu-item.open .submenu-3depth {
    max-height: 500px;
    transition: max-height 0.9s ease; 
}

/* +, - 버튼 스타일 */
.toggleIcon {
    position: absolute; top: 0px;
    right: 0px;
    font-size: 20px;
    cursor: pointer;
    transition: transform 0.3s; width: 50px; height: 100%; background-color: ; display: flex;  justify-content: center;  align-items: center;}

.toggleIcon::before {
    content: '+';
    transition: content 0.3s; font-size: 26px;
}

.menu-item.open > a .toggleIcon::before, .submenu-item.open > a .toggleIcon::before {
    content: '-';font-size: 26px;
}




/* 언어 셀렉트   추가*/

       /* 기본 스타일 */
        .language-dropdown {
            position: relative;
            display: inline-block; display: none
        }
       .language-dropdown.view{
            position: relative;
            display: block!important;
        }

        .dropdown-button {
            display: flex;
            align-items: center;
            gap: 5px;
            padding: 5px 15px;
            border: 1px solid #ddd;
           background: #f1f1f1;
            cursor: pointer;
            border-radius: 30px;
            transition: background 0.3s ease;font-size: 13px; color: #333
        }
     .language-dropdown:hover {
            position: relative;
            display: inline-block;
        }

       .language-dropdown:hover   .dropdown-button {
            background: #f1f1f1;;font-size: 13px; color: #333
        }

        .dropdown-button img {
            width: 20px;
            height: auto;
        }

        .dropdown-menu {
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            width:130px;
            background: white;
            border: 1px solid #ddd;
            border-radius: 5px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }

        .dropdown-item {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 5px 12px;
            cursor: pointer;
            transition: background 0.3s ease;font-size: 13px; color: #333
        }

        .dropdown-item:hover {
            background: #f1f1f1;
        }

        .dropdown-item img {
            width: 20px;
            height: auto;
        }



    /* 버튼 스타일 */
        .tooltip_ov {
            position: relative;
        }

        /* 말풍선 스타일 */
        .tooltip_ov .tooltip {
            position: absolute;
            bottom: -65%;
            left: 42%;
            transform: translateX(-50%);
            background: rgba(0, 0, 0, 0.75);
            color: white;
            padding: 5px 5px!important;; line-height: 120%!important; 
            border-radius: 5px;
            font-size: 11px;
            white-space: nowrap;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.2s ease-in-out;
        }

        /* 말풍선 화살표 */
       .tooltip_ov .tooltip::after {
            content: "";
            position: absolute;
            top: -12px;
            left:17px;
         
            border-width: 6px;
            border-style: solid;
            border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent; transform:rotate(180deg) 
        }

        /* 마우스 오버 시 말풍선 표시 */
        .tooltip_ov:hover .tooltip {
            opacity: 1;
            visibility: visible;
        }



#lnb>div{margin: 0px auto; width: 100%; }

/* 전체 메뉴 모달창 스타일 - SCF 디자인 적용 */
.header-fullmenu {
  overflow: hidden;
  position: fixed;
  z-index: 999999;
  padding: 0 2.4rem;
  background: rgba(0, 0, 0, 0.9);
  transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-100%);
  pointer-events: none;  backdrop-filter: blur(10px); 
}

.header-fullmenu.fullmenu-top {
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
}

.header-fullmenu.fullmenu-active {
  visibility: visible;
  width: 100%;
  height: 100vh;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.fullmenu-wrapper {
  position: relative;
  top: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
  width: 100%;
  max-width: 128rem;
}

.fullmenu-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10rem;
}

.fullmenu-title {
  margin-bottom: 0;
}

.fullmenu-title a {
  height: 4.3rem;
}

.fullmenu-title img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.fullmenu-gnblist {
  display: flex;
  justify-content: center;
}

.fullmenu-gnbitem {
  width: 20%;
}

.fullmenu-gnbitem + .fullmenu-gnbitem {
  margin-left: 4rem;
}

.fullmenu-gnblink {
  position: relative;
  padding-bottom: 4rem;
  width: 100%;
  font-weight: 500;
  color: var(--white);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  text-decoration: none;
  transition: color 0.3s ease;
}

.fullmenu-gnblink span {
 font-size:calc(var(--tit-mds-size) * 0.9);
  color: #fff;
  transition: color 0.3s ease; font-weight: 800
}

.fullmenu-gnblink::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--primary);
  transition: width 0.5s ease, background-color 0.3s ease;
}

.fullmenu-gnbitem:hover .fullmenu-gnblink {
  color: var(--primary);
}

.fullmenu-gnbitem:hover .fullmenu-gnblink span {
  color: var(--primary);
}

.fullmenu-gnbitem:hover .fullmenu-gnblink::after {
  width: 100%;
}

.fullmenu-sublist {
  padding-top: 4rem;
}

.fullmenu-subitem + .fullmenu-subitem {
  padding-top: 0.8rem;
}

.fullmenu-sublink {
  position: relative;
  padding-bottom: 5px;
  font-weight: 400;
  color: #fff;
  transition: color 0.3s ease;
  text-decoration: none;
}

.fullmenu-sublink::before {
  content: "";
  position: absolute;
  top: 100%;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--primary);
  transition: width 0.7s cubic-bezier(0.22, 0.61, 0.36, 1), background-color 0.3s ease; 
}

.fullmenu-sublink:hover {
  color: var(--primary);
}

.fullmenu-sublink:hover::before {
  right: auto;
  left: 0;
  width: 100%;
}

.fullmenu-sublink span {
 font-size:calc(var(--tx-sm-size) * 1.1);
  color: #fff;
  transition: color 0.3s ease;
}

.fullmenu-sublink:hover span {
  color: var(--primary);
}

.fullmenu-close {
  position: fixed;
  right: 8rem;
  top: 2.4rem;
  padding: 0.5rem;
  width: 4.2rem;
  height: 4.2rem;
  background: transparent;
  border: none;
  cursor: pointer;
}

.fullmenu-close i {
  color: #FFF;
  font-size: 3rem;
}

/* 로고 화이트 필터 */
.fullmenu-title a img.White {
  filter: invert(100%);
}

/* 모바일 반응형 */
@media (max-width: 768px) {
  .header-fullmenu {
    padding: 0 2rem;
  }
  
  .fullmenu-wrapper {
    max-width: 100%;
    padding: 0 2rem;
  }
  
  .fullmenu-head {
    margin-bottom: 5rem;
  }
  
  .fullmenu-gnblist {
    flex-direction: column;
  }
  
  .fullmenu-gnbitem {
    width: 100%;
    margin-bottom: 3rem;
  }
  
  .fullmenu-gnbitem + .fullmenu-gnbitem {
    margin-left: 0;
  }
  
  .fullmenu-gnblink span {
    font-size: 1.6rem;
  }
  
  .fullmenu-sublink span {
    font-size: 1.3rem;
  }
  
  .fullmenu-close {
    right: 2rem;
    top: 2rem;
    width: 3rem;
    height: 3rem;
  }
  
  .fullmenu-close i {
    font-size: 2.4rem;
  }
}