*{
	padding: 0;
	margin: 0;
	border: 0;
}

/* 나눔고딕 폰트 : 무료 -- 이번 골타디 프로텍트에서는 사용하지 않음.*/
/*
@font-face{
	font-family: 'NanumBarunGothicBold'; 
	src: url("../font/NanumBarunGothicBold.ttf") format("truetype"); 
}
*/
@font-face{ 
	font-family: 'HSSantokki-Regular'; /* 산토끼체 폰트 : 무료*/
	src: url("../font/HSSantokki-Regular.ttf") format("truetype"); 
}
/*
@font-face{
	font-family: 'NanumGothicBold'; 
	src: url("../font/NanumGothicBold.ttf") format("truetype"); 
}
@font-face{
	font-family: 'SeoulNamsanEB'; 
	src: url("../font/08SeoulNamsanEB.ttf") format("truetype"); 
}
*/

/* Layout */

body
{
	width: 1920px;
	height: 1080px;
	/*background: black;*/
	/*background:url("../image/2_logo/BUSIDOL_LOGO1280x720x75p.png") no-repeat 0 0;*/ /* SKB의 경우만 이렇게 한다. */
	/*background:url("../image/logo/gamelogo_bg_white.png") no-repeat 0 0;*/ /* AMO의경우 저사양폰의 white화면 제거를 위해 사용 */
	overflow:hidden;
	font-family:'HSSantokki-Regular',sans-serif;
	/*	image-rendering: -webkit-optimize-contrast;*/
}



/* TOPMENU 위에서 아래로 나오기 */
.topmenu_show {
	animation-name: topmenu_show;
	animation-duration	: 0.5s;  
	animation-iteration-count : 1;
	animation-timing-function:ease-in-out; /* ease-in  ease-out linear ease-in-out*/
	animation-direction : normal;
	animation-fill-mode : forwards;
	animation-play-state	: running;		
	/*z-index : 2;*/ /* 제일 위로*/
}
/*오른쪽에서 왼쪽으로 현재 위치까지 이동 */
@keyframes topmenu_show 
{
	0%		{transform: translateY(-100px);} /*현재 위치에서 100px떨어진 곳에서 시작해서 */
	100%	{transform: translateX(0);} /*현재 위치까지 */
}



/* S_GAME에서 Run! 글씨 왼쪽으로 사라지게 하기 */ 
.game_run_string {
	animation-name: game_run_string;
	animation-duration	: 0.7s;  
	animation-iteration-count : 1;
	animation-timing-function:ease-in-out; /* ease-in  ease-out linear ease-in-out*/
	animation-direction : normal;
	animation-fill-mode : forwards;
	animation-play-state	: running;		
}
/*오른쪽에서 왼쪽으로 현재 위치까지 이동 */
@keyframes game_run_string 
{
	0%		{transform: translateX(0);} /*현재 위치에서 시작해서 */
	100%	{transform: translateX(-1500px);} /* 상대적 -1200px까지 이동하라 */
}



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


/* 수직 스크롤바 스타일링 */
::-webkit-scrollbar 
{
	width: 10px; /* 스크롤바의 너비 조정 */
	background-color: #555;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb 
{
	background-color: #f4eee4; /* 스크롤바의 색상 조정 */
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover 
{
	background-color: #5bb79d; /* 스크롤바에 호버 효과를 줄 경우 색상 변경 */
}

/* 수평 스크롤바 스타일링 */
::-webkit-scrollbar:horizontal 
{
	height: 15px; /* 수평 스크롤바의 높이 조정 */
	border-radius: 15px;
}

::-webkit-scrollbar-thumb:horizontal 
{
	/*background-color: #5bb79d;*/ /* 수평 스크롤바의 색상 조정 */
	background-color: #65d0fd; /* 수평 스크롤바의 색상 조정 */
}


/* ---게임 헐리우드 버전은 다른 버턴 안보여 줘도 된다. ----- */

.input_window_up_gh { /* 입력 시스템 팝업을 위로 올릴때  */
	animation-name				: input_window_up_gh;	
	animation-duration			: 0.4s;
	animation-iteration-count	: 1;	
	animation-timing-function	: ease;	
	animation-delay					: 0s;				
	animation-direction			: normal;		
	animation-play-state		: running;		
	animation-fill-mode			: forwards; /* 올라간 상태에서 머물러야 한다.  none 하면 원래데로 가버림 */			
}
@keyframes input_window_up_gh
{
	0%
	{
		transform : translateY(720px);
	}
	100%	
	{
		transform : translateY(680px);

	}
}


.input_window_down_gh { /* 입력 시스템 팝업을 낼릴때  */
	animation-name				: input_window_down_gh;	
	animation-duration			: 0.4s;
	animation-iteration-count	: 1;	
	animation-timing-function	: ease;	
	animation-delay					: 0s;				
	animation-direction			: normal;		
	animation-play-state		: running;		
	animation-fill-mode			: forwards; /* 내려간 상태에서 머물러야 한다.  none 하면 원래데로 가버림 */		
}
@keyframes input_window_down_gh
{
	0%
	{
		transform : translateY(680px);
	}
	100%	
	{
		transform : translateY(720px);
	}
}



button:hover
{
  background: #f27212;
  border: 5px solid #ffe600;
}
button:active
{
  background: #b94302;
  border: 5px solid #ffe600;
}
/*
div
{
	overflow : hidden;
}
*/
#LOGLOG
{
	left: 760px;
	top: 50px;
	width: 500px;
	height: 650px;
	background: gray;
	opacity: 0.6;
	display: none;
	position:absolute;	
}


#KT_LOADING
{
	background:url("../image/kt/loading_kt.png") no-repeat 0 0;
	background-position:-0px -0px;
	width:124px;
	height:118px;
	left:578px;
	top:301px;
	/*display : none;*/
	display : block;
	opacity : 0;
	position: absolute;
}