/*@import url(http://fonts.googleapis.com/earlyaccess/jejugothic.css);*/
@import url(font/nanumgothic.css);
@import url(font/nanumbarungothic.css);
@import url(font/KoPubDotum.css);
@import url(font/esamanru.css);
@import url(font/SCDream.css);

div{
    -webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

body{
	margin:0px;
	padding:0px;
	background-color: white;
	background-color: transparent;
	overflow: hidden;
}

#Container{
	position:absolute;
	background-repeat: no-repeat; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	margin-left:auto; 
	margin-right:auto;
	/*border: 1px solid red;*/
}


#messageBox{
	display:none;
}


.no-transition{
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	-ms-transition:none;
}

.ui-state-disabled {
	cursor: default !important;
}




.depths1{
	cursor:pointer;
	position:absolute;
	display:inline-block;
	/*width:180px;*/
	height:30px;
	left:18px;
	font-family: 'esamanru_Medium';
	font-size: 10.4pt; /*18pt;*/
	word-wrap: break-word;
	/*font-weight:bold;*/
	line-height:16px;  /* li ���� */
	text-indent:10px;  /* ���� ���� ���� */
	text-decoration:none;
	letter-spacing: 0px;
	/*color:#000000;  /* ���� �� */
	
	
	/*background: url(../../img/leftMenu/m_icon.png) no-repeat 0px 0px;*/
	
	background-color:transparent;

	/*background-color:#DAD9FF;*/
	/*border: 1px solid red;*/
	
	/*background-image: url("../../img/intro.png");*/

	
}

.depths2{
	cursor:pointer;
	display:block;
	/*width:160px;*/
	font-family: 'esamanru_Light';
	font-size: 10.4pt;
	word-wrap: break-word;
	/*font-weight:bold;*/
	text-indent:0px;  /* ���� ���� ���� */
	text-decoration:none;
	letter-spacing: -0.5px;
	line-height:18px;  /* li ���� */
	/*color:#000000;  /* ���� �� */
	
	/*background: url(../../img/topMenu/dot.png) no-repeat 0px 0px;*/
	
	margin-left:30px;
	/*border: 1px solid red;*/
	/*background-color:transparent;*/

	
}

#indexBtn{
	position:absolute;
	width:123px;
	height:32px;
	left:0px;
	top:0px;

	background: url(../../img/index.png) no-repeat 0px 0px;
	
	cursor: pointer;
	/*cursor: default;*/
	/*border: 1px solid black;*/
}

#mapBtn{
	display:none;
	position:absolute;
	width:50px;
	height:30px;
	left:98px;
	top:2px;

	background: url(../../img/map_btn.png) no-repeat 0px 0px;	
	cursor: pointer;
	/*cursor: default;*/
	/*border: 1px solid black;*/
}

#script_btn{
	position:absolute;
	left:831px;
	top:0px;
	width:30px;
	height:32px;
	background: url(../../img/script_btn.png) no-repeat 0px 0px;
}

#scriptBG{
	position:absolute;
	display:none;
	left:0px;
	width:1100px;
	height:94px;
	background-image: url("../../img/script/scriptBG.png");
}

#scriptText{
	position:absolute;
	left:30px;
	top:10px;
	width:1020px;
	height:74px;
	border:0px;
	overflow-y: auto;
	resize: none;
	color:white;
	font-weight:bold;
	font-family: 'Nanum Gothic';
	font-size: 10pt;

	background-color: transparent;
	/*border: 1px solid red;*/
}


#closeScript{
	position:absolute;
	left:1060px;
	top:8px;
	width:28px;
	height:28px;
	background: url(../../img/script/script_closeBtn.png) no-repeat 0px 0px;
	cursor: pointer;

	/*border: 1px solid red;*/
}




#nextPop{
	/*display:none;*/
	position:absolute;
	left:892px;
	top:-22px;
	width:206px;
	height:22px;
	background: url(../../img/nextPop.png) no-repeat 0px 0px;
	/*border: 1px solid red;*/
}





/*---------- control -------- */

#sliderArea{
	position:absolute;
	left:436px;
	top:0px;
	width:316px;
	height: 30px;
    /*border: 1px solid red;*/
}

.control-slider{
	position:absolute;
	left:436px;
	width:316px;
	height:6px;
	
	background-color: #e8e8e8;	
	/*border-radius: 5px;*/

	margin-top: 13px;  /* ��Ʈ�ѷ� top ��*/
	/*border: 1px solid yellow;*/
}


.control-slider .ui-slider-horizontal {
	width:316px;
	height: 20px;   /* Ŭ�� ������. */
	
	margin-top:-8px; /* (������/2) - (��Ʈ��height/2) �߾����� */

	/*border: 1px solid yellow;*/
}


.control-slider .ui-slider-range {
	position: absolute;
	width: 316px;
	height: 6px;
	/*border: 1px;*/	
	background-color: #01ffff;
	/*border-radius: 5px;*/

	margin-top:8px; /* (������/2) - (��Ʈ��height/2) �߾����� */
}


.control-slider .ui-slider-handle{
	display:none;
	position: absolute;
	width:6px;
	height:6px;
	cursor: pointer;
	background-color:#666666;

	/*-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;*/
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0;
}

/*.control-slider .ui-state-hover{
	opacity:0.6;

.control-slider .ui-state-active{
	opacity:1;
}*/




/*---------- vol -------- */


.vol_control-slider{
	display: none;
    position:absolute;
	left:900px;
	width:40px;
	height:6px;
	
	background-color: #e8e8e8;	
	border-radius: 5px;

	margin-top: 13px;  /* ��Ʈ�ѷ� top ��*/
	/*border: 1px solid red;*/
}


.vol_control-slider .ui-slider-horizontal {
	width:40px;
	height: 20px;   /* Ŭ�� ������. */
	
	margin-top:-7px; /* (������/2) - (��Ʈ��height/2) �߾����� */

	/*border: 1px solid red;*/
}


.vol_control-slider .ui-slider-range {
	position: absolute;
	width: 40px;
	height: 6px;
	/*border: 1px;*/	
	background-color: #01ffff;
	border-radius: 5px;

	margin-top:7px; /* (������/2) - (��Ʈ��height/2) �߾����� */
}


.vol_control-slider .ui-slider-handle{
	display:none;
	position: absolute;
	width:6px;
	height:6px;
	cursor: pointer;
	background-color:#666666;

	/*-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;*/
	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0;
}

/*.vol_control-slider .ui-state-hover{
	opacity:0.6;

.vol_control-slider .ui-state-active{
	opacity:1;
}*/


/* 250325_위치 수정 */
#Container{
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
#menuMask{
	background-color: #000 !important;
}