@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html {
	font-family: "ff-tisa-sans-web-pro","Helvetica Neue",Helvetica,Arial,sans-serif,'Noto Sans KR' !important;
}
body{
	font-family: "ff-tisa-sans-web-pro","Helvetica Neue",Helvetica,Arial,sans-serif,'Noto Sans KR' !important;
	font-size: 13px;
	line-height:1.8em;
}
h1,h2,h3,h4,h5,h6{
	font-family: 'Noto Sans KR' !important;
	font-weight: bold;
	margin:1.5em 0em;
}
.media-left, .media>.pull-left{
	padding-right:20px !important;
}
.navbar-inverse {
	background-color: #1f1f1f;
	border-color: #080808;
	background-image: none;
}

.top-logo {
	padding: 15px;
}
footer{
	padding:2em;
}
.jumbotron {
	background-color: #111111;
	height: 300px;
	border-radius: 0px;
	position: relative;
}

.jumbotron::before {
	content: "";
	background:
		url('/webinar/_images/idgtv-about-us-1140x553-100566384-orig.jpg');
	background-position: center;
	opacity: 0.5;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
}

.jumbotron .container {
	opacity: 1;
	position: relative;
}
.jumbotron .webinar-th-info:before {
	content: "";
	background-color: #771601;
	opacity: 0.8;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;	
}
.jumbotron .webinar-th-info{
	position: relative;	
	padding:1em;
	float: left;
    margin-bottom: 0px;
}
.jumbotron .webinar-th-info span{
	color:#ffffff;
	opacity: 1;
	position: relative;	
	font-weight:bolder;
}
.jumbotron .webinar-title:before {
	content: "";
	background-color: #363f48;
	opacity: 0.8;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;
}
.jumbotron .webinar-title{
	position: relative;	
	padding:0.5em;
	clear:left;
}
.jumbotron .webinar-title span{
	color:#ffffff;
	opacity: 1;
	position: relative;	
	font-weight:bolder;
}
.jumbotron p{
	font-weight:bold;
	color:#ffffff;
}
#content-body{
	margin-top: -30px;
   position: relative;
}
/* lg md */
.visible-lg-block .webinar-th .webinar-th-info:before{
	content: "";
	background-color: #771601;
	opacity: 1;
	top: 0px;
	left: 0;
	bottom: 0;
	right: 0;
	position: absolute;	
}
.visible-lg-block .webinar-th .webinar-th-info{
	position: relative;	
	top: -64px;
	padding:1em;
	float: left;
    margin-bottom: 0px;
    opacity: 1;
    color:#ffffff;
}
.visible-lg-block .webinar-th  .webinar-th-info span {
    color: #ffffff;
    opacity: 1;
    position: relative;
    font-weight: bolder;
}
.visible-lg-block .webinar-th{
	position: relative;	
	width:3%;
	/*
	border-top:1px solid #888888;
	border-bottom:1px solid #888888;
	*/
	height:170px;
	color:#ffffff;
	opacity: 0.7;    
}
.visible-lg-block .webinar-th div{
	margin-top:70px;
	font-weight:bolder;
}
.visible-lg-block .webinar-th.active{
	width:85%;	
	opacity: 1;
	border:0px;
}
.visible-lg-block .webinar-th:last-child{
}
.visible-lg-block .webinar-th img{
    position: absolute;
    width:100%;
}

/* xs sm */
.visible-xs-block .webinar-th.active {
	background-color: #771601;
	opacity: 1;	
	border-left:0px
}
.visible-xs-block .webinar-th{
	width: 16.66%;
	opacity: 0.7;
	color:#ffffff;
	background-color:#111111;
	border-bottom:1px solid #333333;
	border-left:1px solid #333333;
	height:25px;
}
.visible-xs-block .webinar-th.active{
	border-bottom:0px solid #333333;
}
.visible-xs-block .webinar-th:last-child{
	border-right:1px solid #333333;
}
.visible-xs-block .webinar-banner{
	/*
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	*/
}
#reg-pannel{
	margin-top:20px;
}
#webinar-agenda{
	background-color:#F32D00;
	color:#ffffff;
	padding:20px 0px 50px 0px;
}
#webinar-speaker{
	padding:20px 0px 50px 0px;
}
#webinar-gift{
	background-color:#333;
	color:#ffffff;
}
dl dt{
	margin-top:1.3em;
	margin-bottom:0.5em;
	font-size:1.3em;
}
dl dd{
	margin-bottom:1em;
}
#webinar-summary #summary h3{
	margin-bottom:0em;
}
#summary > h3:nth-child(2){
	margin-top:0.5em;
}
#webinar-summary #summary h4{
	margin-top:0.7em;
	color:#777777;
}
#reg-pannel{
	background-color:#0d1d31;
	padding:1.3em;
}
#reg-pannel ul{
	padding:0em;
	margin:0em;
	list-style:none;
}
#reg-pannel ul li{
	padding:0.3em 0em;
}	
#reg-pannel .panel-body{
	color:#ffffff;
}
#reg-pannel .panel-body .media{
	border-bottom:1px solid #163051;
	padding-bottom:1em;
}
#reg-pannel .panel-body .media>div>span{
	font-size:0.9em;
}
#reg-pannel .panel-body p{
	padding:1em 0em;
}
#reg-pannel h4{
	color:#dc143c;
	text-transform: uppercase;
	font-size:1em;
	margin-bottom:0em;
}
.btn{
	border-radius: 0em !important;
}
#webinar-agenda dl dd{
	padding-bottom:1em;
	border-bottom:1px solid #f25f3e;
}
#webinar-agenda dl dd:last-child{
	border-bottom:0px solid #f25f3e;
}
#webinar-agenda dl dd div{
	padding-bottom:0.5em;
}
#webinar-agenda dl dd:last-child{footer
	border-bottom:0px;
}
#webinar-speaker{
	padding-bottom:10em;
}
#webinar-speaker .speker{
	padding:30px;
}
#webinar-speaker .speker:nth-child(even){
	border-left:1px solid #dddddd;
}
#webinar-stage .modal-header{
	border:0px;
}
#webinar-stage .modal-footer{
	border:0px;
}
#webinar-stage{
	padding:0px !important;
	background-color:#111111;
}
#webinar-stage .modal-dialog {
  width: 100%;
  /* height: 100%; */
  margin: 0;
  padding: 0;
}
#webinar-stage .modal-content {
  height: auto;
  /* min-height: 100%; */
  border-radius: 0;
  background-color:#111111;
  box-shadow: none;
}
#webinar-stage .modal-footer{
	text-align: center;
}
#webinar-stage .modal-footer .btn{
	border-radius:0px;
}
#webinar-stage .modal-body{
	padding:0px;
}
#webinar-stage #webinar-player{
	background-color:#111111;
	height:600px;
	padding-right:0em;
}
@media (max-width: 921px) {
	#webinar-stage #webinar-player{
	height:300px;
	}
	#join_address .col-xs-12{
		margin-bottom:10px;
	}
	#join_address div.row:last-child{
		margin-top:0px !important;
	}
	.techsurvey_stage .tech_survey_form_title_answer{
	margin:1em !important;
	}
	.techsurvey_stage .tech_survey_form_title_bullet{
		padding:0em !important;
	}
	.media-object{
		border-radius: 40px !important;
	    width: 80px !important;
	    height: 80px !important;	
	}
	.sns_share a img{
		width:50px !important;
		height:50px !important;
		margin:0px !important;
	}
	#webinar-stage #qa,#webinar-stage #files{
		padding-left: 15px !important;
	}
}
.sns_share a img{
	width:60px;
	height:60px;
	margin:10px 5px;
}
.media-object{
	border-radius: 64px; 
	width: 128px; 
	height: 128px;
}
#webinar-gift .media-object{
	border-radius: 0px; 
	width: 256px; 
	height: auto;	
}
#webinar-stage #qa{
	height:600px;
}
#webinar-stage #qa,#webinar-stage #files{
	padding-left: 0px;
	background-color:#0d1d31;
}
#webinar-stage .modal-body h4{
	background-color:#163051;
	padding:1em;
	margin:0em;
	font-size:1em;
}
#webinar-stage .modal-body h4>span{
	color:#ffffff;
}
#webinar-stage .modal-body #qa_talkbox{
	padding: 1em;
	overflow: auto;
	height:526px;
}
#webinar-stage .modal-body #qa_talkbox p{
	margin:0em;
}
#webinar-stage .modal-body #qa_input input{
   	border-radius: 0px;	
}
#webinar-stage .modal-body #qa_input .btn,#question_input_div .input-group-addon {
   	border-radius: 0px;	
}
#webinar-stage .modal-body #qa_talkbox .related_question{
	color:#ffffff;
	padding:0em;
	margin:0em;	
}
#webinar-stage .modal-body #qa_talkbox .question{
	/* position: relative; */
	/* background-color:#ffffff; */
	color:#ffffff;
	border-bottom:1px solid #163051;
	padding:0.5em;
	/* margin:0em 1em 0em 2em; */
	/* border-radius:0.7em; */
	/* width:80%; */
}
/*
#webinar-stage .modal-body #qa_talkbox .question:before,#webinar-stage .modal-body #qa_talkbox .related_question:before {
	content: 'Q';
    margin-left: -1em;
    font-size: 20px;
    font-weight: bolder;
    position: relative;
    top: 0.1em;
    display: block;
    float: left;
    color:#f32d00;
}
*/
/*
#webinar-stage .modal-body #qa_talkbox .question:after {
	content: '';
	position: relative;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: #ffffff;
	border-right: 0;
	margin-top: -5px;
	margin-right: -10px;
}
*/
#webinar-stage .modal-body #qa_talkbox .related_answer{
	color:#ffffff;
	padding:0em;
	margin:0em;	
}
.link-reply{
	color:#ffffff;
}
#webinar-stage .modal-body #qa_talkbox .answer{
	/* position: relative; */
	/* background-color:#fafafa; */
	color:#ffffff;
	border-bottom:1px solid #163051;
	padding:0.5em;
	margin:0em 0em 0em 2em;
	/* border-radius:1em; */
}
#webinar-stage .modal-body #qa_talkbox .answer:before,#webinar-stage .modal-body #qa_talkbox .related_answer:before {
	content: 'A';
    margin-left: -1em;
    font-size: 20px;
    font-weight: bolder;
    position: relative;
    top: 0.1em;
    display: block;
    float: left;
    color:#ffcc00;
}
/*
#webinar-stage .modal-body #qa_talkbox .answer:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-right-color: #fafafa;
	border-left: 0;
	margin-top: -5px;
	margin-left: -10px;
}
*/
#webinar-stage .modal-body #qa_talkbox>div:last-child>div{
	border-bottom:0px;
}
#webinar-stage .modal-body #files{
	height:125px;
}
#webinar-stage .modal-body #files #file_list {
	margin: 0px;
	padding: 1em;   
	list-style: none;
}
#webinar-stage .modal-body #files #file_list li{
	padding: 0.2em 1em;
	border-bottom:1px solid #163051;
}
#webinar-stage .modal-body #files #file_list li:last-child{
	border-bottom:0px solid #163051;
}
.hypen{
	position:absolute;
	left:-2px;
	top:5px;
}
#webinar_signin .modal-header, #webinar_signup .modal-header{
	background-color: #163051;
	/* color:#f32d00; */
	color:#ffffff;
}
#webinar_signin .modal-body, #webinar_signup .modal-body{
	background-color: #fafafa;
}
.modal-content{
	border-radius:0px;
}
.modal-header{
	color:#f32d00;
}
#cphone1{
	padding:6px;
}
button.close{
	color:#ffffff !important;
	text-shadow: none;
	opacity: .3;
}
#webinar_signup .modal-footer{
	text-align:center;
}
#webinar_signup label{
	color:#f32d00;
}
#join_address div.row:last-child{
	margin-top:10px;
}
.techsurvey_stage{
	padding: 0em !important;
}
.techsurvey_stage h4{
	margin:0.5em 0em !important;
	font-size:1em;
}
.techsurvey_stage .tech_survey_form_title_bullet{
	padding:0.2em 1em;
}
.techsurvey_stage .tech_survey_form_title_answer{
	margin:1em 2em;
}
.techsurvey_stage #tech_survey_box{
	margin-top:0em;
}
.techsurvey_stage .tech_survey_form_title_bullet {
    border-left: #e8502f 0px solid !important;
}
#answer_input_div{
	position: absolute;
    bottom: 0px;
    display:none;
    background-color:#163051;
}
#answer_input_div #answer_to_question{
	padding:2em;
	color:#ffffff;
}
#question_close{
	position: absolute;
    color: #ffffff;
    right: 2em;
    top:0.5em;
}
#question_close a{
	color: #ffffff;
}
/* banner */
.visible-xs-block .webinar-banner-1.active{
	background-image:url(/webinar/bespin_global/_images/banner_1_mobile.png);
	background-position: center;
	background-repeat: no-repeat;
	background-color: #1b6491 !important;
	background-position: center;
	height: 125px;
	margin-top: 25px;
}
div.banner-1th.active{
	background-color:#1b6491 !important;
	background-image: url(/webinar/bespin_global/_images/banner_1.png);
    background-position: center;
    background-size: 100%;
}
.visible-xs-block .webinar-banner-2.active{
	background-image:url(/webinar/bespin_global/_images/BespinGlobalnVeeam_345x125.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #ffffff !important;
	height: 125px;
	margin-top: 25px;
}
@media (min-width:376px) and (max-width: 812px) {
	.visible-xs-block .webinar-banner-2.active{
	background-image: url(/webinar/bespin_global/_images/BespinGlobalnVeeam_900x170.jpg) !important;
	background-position: center;
    background-size: 100%;
	}
}
div.banner-2th.active{	
	border-bottom: 1px solid #dfdfdf !important;
	background-color: #ffffff !important;
	background-image: url(/webinar/bespin_global/_images/BespinGlobalnVeeam_900x170.jpg);
    background-position: center;
    background-size: 100%;
}
/* 3rd */
.visible-xs-block .webinar-banner-3.active{
	background-image:url(/webinar/bespin_global/_images/3rd/342x125.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #ffffff !important;
	height: 125px;
	margin-top: 25px;
}
@media (min-width:376px) and (max-width: 812px) {
	.visible-xs-block .webinar-banner-3.active{
	background-image: url(/webinar/bespin_global/_images/3rd/900x170.png) !important;
	background-position: center;
    background-size: 100%;
	}
}
div.banner-3th.active{	
	border-bottom: 1px solid #dfdfdf !important;
	background-color: #ffffff !important;
	background-image: url(/webinar/bespin_global/_images/3rd/900x170.png);
    background-position: center;
    background-size: 100%;
}

/* 4th */
.visible-xs-block .webinar-banner-4.active{
	background-image:url(/webinar/bespin_global/_images/4th/345x125.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-color: #0acd7f !important;
	height: 125px;
	margin-top: 25px;
}
@media (min-width:320px) and (max-width: 812px) {
	.jumbotron{
	height: 200px;
	display:none;
	}
	#content-body{
		margin-top:80px;
	}
	.visible-xs-block .webinar-banner-4.active{
	background-color: #0acd7f !important;
	background-image: url(/webinar/bespin_global/_images/4th/900x170.jpg) !important;
	background-repeat: no-repeat;
	background-position: center;
    background-size: 100%;
	}
}
div.banner-4th.active{	
	border-bottom: 1px solid #dfdfdf !important;
	background-color: #0acd7f !important;
	background-image: url(/webinar/bespin_global/_images/4th/900x170.jpg);
	background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}