/**
*	임시
**/
body{ 
	margin:0px auto; 
	padding:0px;  
	background-color:none;
	xmin-height:1100px;
}

/* mobile */
@media (max-width: 768px) {			
  body {
	margin:0px auto; 
	padding:0px;  
	background-color:none;
  }
}

/* iPads */
@media only screen
and (min-device-width : 768px)  
and (max-device-width : 1024px)  {  
  body {
	margin:0px auto; 
	padding:0px;  
	background-color:none;
  }
}


.font_fam{
	font-family:GulimChe,Dotum,Malgun Gothic;
}

/**
*	상단 네비
**/
.navbar{ 
	opacity:0.9; 
	height:100px;  
	position: fixed;
	right: 0;
	left: 0;
	font-size:16px;
	z-index: 1030;
	background-color:#0D0D0D;
}

/* mobile */
@media (max-width: 768px) {
  .navbar {
	position: relative;
	height:330px; 
  }
}

/* iPads */
@media only screen
and (min-device-width : 768px)  
and (max-device-width : 1024px)  {  
  .navbar {
	position: relative;
	height:330px; 
  }
}

.navi_img_ko, .navi_img_en{
	position:relative;
	top:-7px;
}

.navi_img_str{
	position:relative;
	font-size:22px;
	color:#2D65C6;
}

.navi_li{
	width:100%;
	position:relative;
	top:25px;
}

.navi_lang{
	position:relative;
	top:-35px;
	float:right;
	display:block;
}

/* mobile */
@media (max-width: 768px) {
	.navi_lang{
		position:relative;
		top:10px;
		float:left;
	}
}

/* iPads */
@media only screen
and (min-device-width : 768px)  
and (max-device-width : 1024px)  {  
	.navi_lang{
		position:relative;
		top:10px;
		float:left;
	}
}

.cursor_on{
	cursor:Pointer;
}

.navi_term{
	width:100%;
	height:100px;
}

/* mobile */
@media (max-width: 768px) {
  .navi_term {
	display:none;
  }
}

/* iPads */
@media only screen
and (min-device-width : 768px)  
and (max-device-width : 1024px)  {  
  .navi_term {
	display:none;
  }
}


/**
*	메인페이지 컨테이너
**/
.ver-desktop{
	display:block;
}
.ver-mobile{
	display:none;
}

/* mobile */
@media (max-width: 768px) {
	.ver-desktop{
		display:none;
	}
	.ver-mobile{
		display:block;
	}
}

/* iPads */
@media only screen
and (min-device-width : 768px)  
and (max-device-width : 1024px)  {  
	.ver-desktop{
		display:none;
	}
	.ver-mobile{
		display:block;
	}
}


.container-fluid{
	width:100%;
}

.main_intro_row_bgcolor{
	background-color:black;
}

.main_intro_word{ 
	width:90%; left:5%;top:20%; color:white;font-size:30px; position:absolute;  
}
.main_intro_word2{ 
	display:none; 
}

.main_intro_content_outer_row{
	width:90%; left:5%;bottom:5%; position:absolute; 
}

.main_intro_content_row{
	width:100px; height:100px; xborder:1px red solid; float:left;
}

.main_btn_1{
	position:relative;top:30px;
}

/* mobile */
@media (max-width: 768px) {
	.container-fluid{
		position:relative;
		width:100%;
	}
	.main_row_m{
		height:400px;
	}	

	.main_btn_m{
		position:absolute;
		width:calc(80%);
		left: calc(10%);
		height:50px;
		font-size:20px;
	}
	.main_img_m{
		position:relative;
		width:auto;
		height:auto;
	}
}

/* iPads */
@media only screen
and (min-device-width : 768px)  
and (max-device-width : 1024px)  {  
	.container-fluid{
		position:relative;
		width:100%;
	}
	.main_row_m{
		height:400px;
	}	

	.main_btn_m{
		position:absolute;
		width:calc(80%);
		left: calc(10%);
		height:50px;
		font-size:20px;
	}
	.main_img_m{
		position:relative;
		width:auto;
		height:auto;
	}
}


/**
*	모디파이 페이지
**/
.modify_row{
	height:500px;
}	

.modify_title{
	color:gray;
	font-size:25px;
	font-weight: bold;
}

.modify_textarea{
	width: 100%;
	resize: none;
	padding: 1.1em; /* prevents text jump on Enter keypress */
	padding-bottom: 0.2em;
	line-height: 1;
}

.modify_img{
	position:relative;
	top:20px;
	width:calc(80%);
	height:200px;
}

.modify_file_group{
	position:relative;
	top:48px;
	left:calc(10%);
}

.modify_btn{
	position:relative;
	top:-100px;
	width:calc(30%);
}

.modify_detail_btn{
	position:relative;
	top:10px;
	width:calc(30%);
}

.modify_active{
	position:relative;
	top:48px;
}

.modify_active_string{
	font-weight: bold;
}

.modify_content_string{
	position:relative;
	top:50px;	
}

.modify_color_row{
	position:relative;
	top:70px;		
}

.modify_color{
	position:relative;
	top:-25px;
	left:60px;
	width:140px;
}


.modify_color_example{
	width:20px;
	height:20px;
}
/**
*	http live stream 페이지
**/
.livestream_section_btn{
	width:100%;
	height: 150px;
	font-size:16px;
}



.livestream_platform{
	font-size:25px;
}

.livestream_input{
	height:100px;
}

.livestream_flash_row{
	position:absolute;
	height:80px;
	top:calc(35%);
	left:0px;
	display:none; 
	z-index:10; 
}

.livestream_flash_img{
	position:relative;
	top:15px;
	width:285px;
	height:73px;
}

.livestream_diagonal_line_img{
	position:absolute;
	width:20px;
	height:20px;
	left:calc(72%);
	top:8px;
}


.livestream_player_name{
	position:relative;
	top:5px;
	font-size:15;
	color:gray;
}
.livestream_video_con{
	height:450px;
	xborder:1px red solid;
}

.livestream_thumbnail{
	position:relative;
	width: calc(80%);
	left : calc(10%);
}

.livestream_thumbnail_con span{
	position:absolute;
	left: calc(15%);
	text-align:center;
	color:red;
	font-size:45px;
	font-weight: bold;
}

.livestream_player_cover{
	position:absolute;
	width:calc(20%);
	height:calc(50%);
	top:0px;
	left:15px;
	background-color:black;  
	z-index:11;
	display:none;
}

.livestream_click_img{
	position:relative;
	left:5px;
	display:none;
}

.btn_row{
	height:50px;
}

.video_player{ 
	width:calc(100%); height:400px; top:0px; background-color:black;  
}

.video_iframe{
	width:calc(100%); height:400px; xbackground-color:blue;  
}

.video_iframe_m{
	width:calc(100%); height:400px; xbackground-color:green;  
}


.2d_btn_select{
	height:100px;
}

/* mobile */
@media (max-width: 768px) {

	.livestream_platform_m{
		font-size:10px;
	}
	.livestream_player_name_m{
		font-size:10;
		color:gray;
		height:30px;
	}
	.btn-group_m{
		width:calc(100%); 
		font-size:12px;
	}
	.livestream_input_m{
		height:55px;
	}
	.livestream_flash_row_m{
		position:absolute;
		width:100%;
		height:50px;
		top:calc(40%);
		display:none; 
		z-index:10; 
	}
	.livestream_flash_img_m{
		width:185px;
		height:53px;
	} 

	.livestream_diagonal_line_img_m{
		position:absolute;
		width:20px;
		height:20px;
		left:calc(43%);
		top:8px;
	}
	.video_player_m{ 
		width:calc(100%); height:300px; top:0px; background-color:black;  
	}
	
	.video_iframe_m{
		width:calc(100%); height:300px; top:0px; background-color:black;  
	}

	.video_debug_con_m{
		height:50px;
	}
	.video_debug_m{
		font-size:11px;
		color:black;
	}

	.livestream_thumbnail_m{
		position:relative;
		width: calc(100%);
	}

}

/* iPads */
@media only screen
and (min-device-width : 768px)  
and (max-device-width : 1024px)  {  
	.livestream_platform_m{
		font-size:10px;
	}
	.livestream_player_name_m{
		font-size:10;
		color:gray;
		height:30px;
	}
	.btn-group_m{
		width:calc(100%); 
		font-size:12px;
	}
	.livestream_input_m{
		height:55px;
	}
	.livestream_flash_row_m{
		position:absolute;
		width:100%;
		height:50px;
		top:calc(45%);
		display:none; 
		z-index:10; 
	}
	.livestream_flash_img_m{
		width:185px;
		height:53px;
	} 

	.livestream_diagonal_line_img_m{
		position:absolute;
		width:20px;
		height:20px;
		left:calc(47%);
		top:8px;
	}
	.video_player_m{ 
		width:calc(100%); height:300px; top:0px; background-color:black;  
	}
	.video_debug_con_m{
		height:50px;
	}
	.video_debug_m{
		font-size:11px;
		color:black;
	}

	.livestream_thumbnail_m{
		position:relative;
		width: calc(100%);
	}

}

/**
*	detail 페이지 ( 웹모니터링, 비디오매니지먼트시스템, 임베디드, 보안 )
**/
.detail_row{
	height:400px;
}

.detail_img{
	position:relative;
	width:auto;
	height:auto;
}

/* mobile */
@media (max-width: 768px) {
	.container-fluid{
		position:relative;
		width:100%;
	}

	.detail_row_m{
		height:400px;
	}	
	.detail_img_m{
		position:relative;
		width:auto;
		height:auto;
	}
}

/* iPads */
@media only screen
and (min-device-width : 768px)  
and (max-device-width : 1024px)  {  
	.container-fluid{
		position:relative;
		width:100%;
	}

	.detail_row_m{
		height:400px;
	}	
	.detail_img_m{
		position:relative;
		width:auto;
		height:auto;
	}
}

/**
*	유튜브 서치
**/

.search_row{
	height:150px;
}

.search_input{
	width:70%;
	height:25px;
}

.search_list_row{
	xbackground-color:red;
}

.search_list_row div{

}

.search_apply{
	background-color:#58ACFA;
}


.search_list_title{
	font-size:40px;
}

.search_list{
	font-size:15px;
}

.search_list span{
	position:relative;
	float:right;
}

.search_list_btn{
	width:200px;
}

.row_term{
	height:50px;
}

.search_thumbnail{
	width:150px; height:80px;
}

/* mobile */
@media (max-width: 768px) {
	.container-fluid{
		position:relative;
		width:100%;
	}

	.search_input_text{
		position:relative;
		top:6px;
		font-size:9px;
	}

	.search_input_m{
		width:100%;
	}

	.youtube_search_btn{
		width:50%;
		height: 40px;
	}	
	.search_thumbnail_m{
		width: calc(100%); height:calc(100%);
	}
	.search_apply_btn_m{
		margin-top:calc(90%);
	}
}

/* iPads */
@media only screen
and (min-device-width : 768px)  
and (max-device-width : 1024px)  {  
	.container-fluid{
		position:relative;
		width:100%;
	}

	.search_input_text{
		position:relative;
		top:6px;
		font-size:9px;
	}

	.search_input_m{
		width:100%;
	}

	.youtube_search_btn{
		width:50%;
		height: 40px;
	}	
	.search_thumbnail_m{
		width: calc(100%); height:calc(100%);
	}
	.search_apply_btn_m{
		margin-top:calc(90%);
	}
}

/**
*	다운로드 페이지
**/
.download_section_con{
	border:1px red solid; 
	height:400px;
}

.download_img_con{
	xbackground-color:blue;
	
}

.download_content_con{
	xbackground-color:green;

}

/**
*	하단 푸터
**/
.footer{
	background-color:gray;
	position:relative;
}

.footer_line{
	height:1px;
	background-color:black;
}

.footer_text{
	position:relative;
	top:5px;
	color:white;
}