@charset "utf-8";




header{ z-index: 999999999999999;position: fixed!important; top: 0px!important; }
header{ color: var(--top1d-font-color-opacity);  background-color:rgba(255,255,255,1)}	
header.opacit{ color: var(--top1d-font-color-opacity);  background-color: rgba(255,255,255,0.0)}
	
header.small{ color: var(--top1d-font-color-opacity);  background-color: rgba(255,255,255,0.9)}			
header.opacit.small{ color: var(--top1d-font-color-opacity);  background-color: rgba(255,255,255,0.9)}	

	
header.large{ color: var(--top1d-font-color-opacity);  background-color: rgba(255,255,255,0.9); }			
header.large.opacit{ color: var(--top1d-font-color-opacity);  background-color: rgba(255,255,255,0)}	

	

.header-area{ color: var(--top1d-font-color-opacity);  background-color: rgba(255,255,255,9); transition: all 0.5s;-moz-transition: all 0.5s; -webkit-transition: all 0.5s;-o-transition: all 0.5s; 
}	
.header-area.opacit{ color: var(--top1d-font-color-opacity);  background-color:var(--primary)!important;}	

.header-area.small{ color: var(--top1d-font-color-opacity);   background-color:var(--primary)!important;}			
.header-area.opacit.small{ color: var(--top1d-font-color-opacity);  background-color:var(--primary)!important;}	



.header-area{ color: var(--top1d-font-color-opacity);  background-color:var(--primary);}	
.header-area.opacit{ color: var(--top1d-font-color-opacity);  background-color: rgba(255,255,255,0)}	


/* 우측 글로벌 메뉴 설정-----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
#gmenu { display: flex; justify-content:flex-end;  align-items: center; flex-direction:row; box-sizing: border-box; grid-gap: 20px; margin-right: 0px  }


#gmenu.noview {display: none;}


#gmenu .member_btn_box{width:auto;   float: left; display: flex; grid-gap: 5px; flex-direction: row;}
		
	
.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: #fff; }		


	
.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 -----------------------------------*/






/* 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; }






/* 구분 -----------------------------------*/
/**** 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;  }		
	





/* 언어 셀렉트   추가*/

       /* 기본 스타일 */
        .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: -10px;
            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;
        }




.action-area{position: relative ;  }
.search-icon-header{position: relative ;  }
.search-icon-header.noview{position: relative ;display: none  }


.search-icon-header .icon i{color: #333  }
.opacity  .search-icon-header .icon i{color: #fff  }
.opacity.small  .search-icon-header .icon i{color: #333 }


/*로고 설정  */
.header-wrappe{position: relative; width: 100%; }

/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
	#logo {  display: flex;  justify-content: center; height:var(--header-h);  align-items: center; position: fixed; left: 50%;top: 0px; transform: translateX(-50%);}
	#logo a img{width:var(--logo-size-w)!important; height: auto!important/* 흰색으로 변경 */ ; filter: none;}


}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {#logo {  display: flex;  justify-content: center; height:var(--header-h);  align-items: center; position: fixed; left: 50%;top: 0px; transform: translateX(-50%);}
	#logo a img{width:var(--logo-size-w)!important; height: auto!important/* 흰색으로 변경 */ ; filter: none;}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	#logo {  display: flex;  justify-content: center; height:var(--header-h);  align-items: center; position: fixed; left: 20px;top: 0px; }
	#logo a img{width:100px!important; height: auto!important/* 흰색으로 변경 */ ; filter: none;}


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



#logo a img.White{filter:  none; /* 흰색으로 변경 */}

#logo a img.White{filter:  none; /* 흰색으로 변경 */}


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



header.large #logo a img {filter: none; /* 흰색으로 변경 */}
header.large #logo a img.White{filter: none; }

header.small #logo a img {filter: none; /}
header.small #logo a img.White{filter: none; }

	


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

header.small.opacity #logo a img.White{filter: none!important;  }	
header.small.opacity #logo a img{filter: none!important;  }	


.header-container { width: 100%; 
	
  display: flex;
  align-items: center;
  justify-content: space-between;
 height:var(--header-h);
}	
header.small .header-container-one .header-wrapper #logo a img{filter: none!important;  }	
header.small .header-container-one .header-wrapper #logo a{filter: none!important; }	


.header-wrapper{ width: 100%; float: left}

	
.hd_sch_wr{ height:150px;width: auto; float: left;}
.hd_sch_wr .tit{ width: 100%; float: left; text-align: center; font-size: 30px}


input[type=text].search{ width: 100%; float: left; padding: 20px!important; border-radius: 6px; background-color: #333; color: #fff; border: 1px solid #494949!important}
/* 공통:  클릭효과 */
input[type=text].search:focus {
	border-color:#66afe9!important; background-color: #000;
	 border: 1px solid #586ed5!important;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6)
}

#hd_sch button {position: absolute; right: 0px; top: 10px}
#hd_sch button i{color: #fff!important}









/*서브 컬러 - 디폴트 */


/*서브 컬러 */
.nav-area .navbar-nav-1.subcolor .menu-item:first-child .sub-menu {
  background-color:var(--sub-color10)!important;;
}
.nav-area .navbar-nav-1.subcolor .menu-item:first-child  .sub-menu::after {
  background-color:var(--sub-color10)!important;;
}

/*-----------------*/

.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(2) .sub-menu {
  background-color:var(--sub-color20)!important;;
}
.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(2)  .sub-menu::after {
  background-color:var(--sub-color20)!important;
}

.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(3) .sub-menu {
  background-color:var(--sub-color30)!important;;
}
.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(3)  .sub-menu::after {
  background-color:var(--sub-color30)!important;;
}


.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(4) .sub-menu {
  background-color:var(--sub-color40)!important;;
}
.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(4)  .sub-menu::after {
  background-color:var(--sub-color40)!important;;
}


.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(5) .sub-menu {
  background-color:var(--sub-color50)!important;;
}
.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(5)  .sub-menu::after {
  background-color:var(--sub-color50)!important;;
}


.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(6) .sub-menu {
  background-color:var(--sub-color60)!important;;
}
.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(6)  .sub-menu::after {
  background-color:var(--sub-color60)!important;;
}


.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(7) .sub-menu {
  background-color:var(--sub-color70)!important;;
}
.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(7)  .sub-menu::after {
  background-color:var(--sub-color70)!important;;
}



.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(8) .sub-menu {
  background-color:var(--sub-color80)!important;;
}
.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(8)  .sub-menu::after {
  background-color:var(--sub-color80)!important;;
}

.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(9) .sub-menu {
  background-color:var(--sub-color90)!important;;
}
.nav-area .navbar-nav-1.subcolor .menu-item:nth-child(9)  .sub-menu::after {
  background-color:var(--sub-color90)!important;;
}




.rts-fs-container{ width: 100%; display: grid;grid-template-columns: repeat(2, 1fr); gap:2%;}

 .rolling-text{font-weight: 600!important; letter-spacing: -0.5px ;}
.opacity:not(.small)  .rolling-text .letter{font-weight: 600!important; letter-spacing: -0.5px ; color: #fff!important}
.small.opacity  .rolling-text .letter{font-weight: 600!important; letter-spacing: -0.5px ; color: #fff!important}




/* 구분 -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {.nav-area{}
}
/**** pc2 ****/
@media all and (max-width:1160px) and (min-width:768px) {	.nav-area{display: none}
		.header-right{position: fixed; right: 20px; top: 20px}
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
	.nav-area{display: none}
	.header-right{position: fixed; right: 20px; top: 20px}
	
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/