@charset "utf-8";



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%;	 position: fixed; left:0;	top:0;	height:var(--header-h); background-color: var(--header-bg-default);	 z-index:999999999999999999999999;  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;}





#logo a img{width:var(--logo-size-w)!important; height: auto!important/* 흰색으로 변경 */}


#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}




/*로고 설정  */
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {#logo {position:fixed; top:0px; height:var(--header-h);   left:50%; transform: translateX(-50%);z-index:510; display: flex;  justify-content: center;  align-items: center;  }
	

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

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





/* PC 오른쪽 글로벌 메뉴  */
.quick_body_close{width: var(--quick-menu-w);  height: 100vh; background-color: #000;  	position:fixed;	top:0px;	right: calc(var(--quick-menu-w) * -1); z-index:99999!important; 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: #000;  	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: 40px; line-height:var(--header-h); color: #FFF; padding: 0PX 20PX; display: flex;    align-items: center;  grid-gap: 10px ;margin-top: 80px }
.quick_head .mobile_gmenu{ width: 100%; float: left; height: var(--header-h); line-height:var(--header-h); color: #FFF; padding: 0PX 20PX; display: flex;    align-items: center;  grid-gap: 10px; }
.quick_head .mobile_gmenu>div{  color: #FFF;}

.quick_head a{  color: #FFF;}


.headtop{ width: 100%; height:var(--header-h); float: left;  background-color: #000;  color: #FFF; line-height: var(--header-h); box-sizing: border-box; padding-left: 20px;color: #fff;  transform: skew(-0.201deg);  font-weight: 700; }


 .mobile_gmenu.noview{display: none!important}

.quick_snsbtn{width: 100%;  position: absolute!important; left: 0px; bottom: 10px;}


#lnb{position:relative;overflow: hidden; height:var(--header-h);   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}
/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {#lnb_1dul{ padding:0; width:auto;height: 100%; position: absolute; left: 0px!important; top: 0px;  }

}
/**** pc2 ****/
@media all and (max-width:1560px) and (min-width:768px) {#lnb_1dul{ padding:0; width:auto;height: 100%; position: absolute; left: 0px; top: 0px;  }
}
/**** 모바일 ****/
@media only all and (max-width:767px) {#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:100px!important; padding-right:10px!important  }

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







/**** 모바일 에서 전체 메뉴 감춤 ****/
@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:var(--header-h);    line-height:130%; font-size:var(--top1d-font-size); text-decoration:none; color:var(--top1d-font-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: 100px; /* 초기 크기를 0으로 설정 */
            overflow: hidden; transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s;   border-left: 1px solid rgba(204,204,204,0);}





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

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: 2px; background-color: var(--primary); position: absolute; left:0px; top:var(--header-h); 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;content: "";   }

.lnb_1dli.active .lnb_1da:after{width:100%!important;content: "";   }





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


a.lnb_2da{display:block;padding:5px 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;line-height: 110%!important;margin-bottom: 5PX}

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:10px; z-index:9999999999999999999999999999999999999999999;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}
 .container-full #m_menu {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:40px;  top: calc(var(--header-h) * 0.5);  margin-top: -15px;	 right:20px; z-index:999999999999999999999999999999999999!important; cursor: pointer}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/


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







.bar1, .bar2, .bar3 {
width: 25px;
height: 2px;
background-color: var(--top1d-font-color);
margin: 6px 0;
transition: 0.2s; 
}
.bar2 {
width: 18px;
height: 2px;
background-color: var(--top1d-font-color);
margin: 6px 0;
transition: 0.2s;
}

.bar3 {
width: 22px;
height: 2px;
background-color: var(--top1d-font-color);
margin: 6px 0;
transition: 0.2s; 
}
#m_menu:hover .bar1, #m_menu:hover .bar2, #m_menu:hover  .bar3 {
width: 25px;

}


.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-4px, 6px);
transform: rotate(-45deg) translate(-4px, 6px);background-color:#fff;
}

.change .bar2 {opacity: 0;background-color: #fff}

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






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 .change .bar1 {
-webkit-transform: rotate(-45deg) translate(-4px, 6px);
transform: rotate(-45deg) translate(-4px, 6px);background-color:#fff;
}

header.small #lnb .change .bar2 {opacity: 0;background-color: #fff}

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




/* 우측 글로벌 메뉴 설정-----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
#gmenu {position:absolute;	top: 0px; 	right:60px!important; z-index:999; 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;}
	

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

	
.admin_topbtn .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;}
	
.admin_topbtn .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: "\e877"!important;    font-family: unicons-line;  }		
.adminbtn2: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: "\e877"!important;    font-family: unicons-line;  }		
.adminbtn2_m:before{content: "\ec60";    font-family: unicons-line;  }		




/* 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;}
	
 .topSNSbtn .icon_btn .wg_img1 { width:30px; height: 100%; display: flex;  justify-content: center;  align-items: center;}
 .topSNSbtn .icon_btn .wg_img1 img{ width: 100%}



.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; background-color: #000
}

.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: #FFF!important;
    text-decoration: none;
    position: relative;
    transition: all 0.3s;  display: flex;  justify-content: center;  align-items: center;  font-size: 16px!important;
}

.mainNav a:hover {
 
}

.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: #FFF!important;
}
 .submenu-3depth li a {   font-size: 16px!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; 
}

.mainNav ul li a{ border-bottom: none!important
}



/* +, - 버튼 스타일 */
.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;
        }


.contents-container.container-100{width: 90%!important; padding: 0px 30px; box-sizing: border-box
1}
#lnb .contents-container.container-full{width: 100%!important; box-sizing: border-box;   
  max-width:  100%!important;
  margin: 0 auto;
  padding:  0px 30px!important;
}



#lnb{width: 100%!important; float: left; 
}
#lnb .container-md {
  position: relative;
  width: calc(1280px + 16rem);
  margin: 0 auto;
  padding: 0 8rem;
}