@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');

/* Common */
body,div,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0;font-family:'Nanum Gothic',sans-serif;}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
em{letter-spacing:0}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline}
.blind{visibility:hidden;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}

/*float 해제*/
* html .clfx {height:1%; overflow:visible;} /* IE6 float 해제*/
*+html .clfx{min-height:1%;} /* IE7 float 해제 */
.clfx:after{clear: both; content: "."; display:block; height:0; visibility:hidden; font-size:0;}

/*----------------------------------- 라이트박스 설정 -------------------------------------------*/
.overlay {position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.7); transition:opacity 200ms; visibility:hidden; opacity:0;}
.overlay.light {background:rgba(255, 255, 255, 0.5);}
.overlay .cancel {position:absolute; width:100%; height:100%; cursor:default;}
.overlay:target {visibility: visible; opacity: 1;}

/* IE7 */
*:first-child+html .pop_box{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html .pop_box{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html .pop_box{position:absolute;top:50%;display:block;height:auto;}
* html .pop_box{position:relative;top:-50%;display:block;}
* html .overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

form.cmxform label.error {display:none;}
.error  {color:#F00; font-size:12px;}

/* 정보입력 */
.pop_box{width:1024px; margin:10% auto; position: relative;}
	.pop_box .pop_cont1{float:left; width:452px; height:600px; padding:30px; background:#fff; border-top-left-radius:30px; border-bottom-left-radius:30px; overflow:hidden;}
	.pop_box .pop_cont1 h4{margin-bottom:10px; padding-bottom:10px; font-size:18px;font-weight:600;color:#000;letter-spacing:-0.05em; border-bottom:1px solid #CCC;}
	.pop_box .pop_cont1 ul{overflow:hidden;}
	.pop_box .pop_cont1 ul li dt{margin-bottom:5px; font-weight:500; font-size:14px;}
	.pop_box .pop_cont1 ul li dd input{width:204px;height:28px;padding:0 5px;border:1px solid #d5d5d5;font-size:13px;}
	.pop_box .pop_cont1 ul li dd select{width:100%;height:30px;font-size:13px;}	
		input.hide:focus::-webkit-input-placeholder {color:transparent;}
		input.hide:focus::-moz-placeholder {color: transparent;}	
		input.hide:focus::-ms-input-placeholder {color: transparent;}
	
	.pop_box .pop_cont1 .new_form{padding-bottom:20px;}
	.pop_box .pop_cont1 .new_form li{width:216px; margin-bottom:15px;}
	.pop_box .pop_cont1 .new_form li{float:left;}
	.pop_box .pop_cont1 .new_form li:nth-child(even){float:right;}
	.pop_box .pop_cont1 .float_none li:nth-child(even) { float:left;}
	
	/*210811 new*/
	.pop_box .pop_cont1 .interest_box {font-size:12px; padding-bottom:30px;}
	.pop_box .pop_cont1 .interest_box tr td {padding-bottom:10px;}
	.pop_box .pop_cont1 .interest_box tr td input { vertical-align:middle;}

.pop_box .pop_cont1 .existing_form .btn_regi{display:inline-block;width:60px;height:30px;margin-left:5px;border:0;background:#222;font-size:13px;color:#fff;line-height:30px;cursor:pointer; text-align:center;}

.pop_box .pop_cont2{float:right;width:452px; height:600px; padding:30px; background:#f5f5f5;  border-top-right-radius:30px; border-bottom-right-radius:30px;}
	.pop_box .pop_cont2 .survey_form dl{margin-bottom:20px;}
	.pop_box .pop_cont2 .survey_form dt{margin-bottom:10px;font-size:18px;color:#222;letter-spacing:-0.05em;}
	.pop_box .pop_cont2 .survey_form dd{margin-bottom:4px;font-size:13px;font-weight:500;color:#555;vertical-align:middle;}
	.pop_box .pop_cont2 .survey_form dd input{margin-right:10px;vertical-align:middle;}
	
	.pop_box .pop_cont2 .agree_box .desc{overflow-y:scroll; width:430px; height:180px; padding:10px; margin-bottom:15px; border:1px solid #d5d5d5; background:#e4e4e4; font-size:12px; line-height:20px; color:#888;}
	.pop_box .pop_cont2 .agree_box .desc a { font-weight:bold; color:#333; text-decoration:none;}
	.pop_box .pop_cont2 .agree_box .desc a:hover { text-decoration:underline;}
	.pop_box .pop_cont2 .agree_box .chk{margin-bottom:30px;font-size:13px;font-weight:500;color:#000;letter-spacing:-0.05em;}
	.pop_box .pop_cont2 .agree_box .chk input{margin-right:10px;vertical-align:middle;}
	
	.pop_box .pop_cont2 .btn_area{text-align:center;font-size:0;line-height:0;}
	.pop_box .pop_cont2 .btn_area a{display:inline-block;width:150px;height:50px;margin:15px 10px;font-size:18px;color:#fff;line-height:50px;letter-spacing:-0.05em;text-align:center;text-decoration:none;}
	.pop_box .pop_cont2 .btn_area .btn1{background:#004c73;display:inline-block;width:150px;height:50px;margin:15px 10px;font-size:18px;color:#fff;line-height:50px;letter-spacing:-0.05em;text-align:center;cursor:pointer;}
	.pop_box .pop_cont2 .btn_area .btn2{background:#b0b0b0;}


/*---------------------------------------------------------------------------------------------------------------------------------*/
body {background-color:#f3f5f6;}
#wrap {width:1080px; margin:0 auto;}

.header {height:323px; background-image:url(/webinar_images/top_bg.jpg); background-repeat:no-repeat;}
	.header h1 {padding:40px 0 0 30px;}
	.top_tab {width:1000px; height:32px; background-image:url(/webinar_images/tab_bg.jpg); background-repeat:no-repeat; padding:18px 0 0 20px; margin:156px 30px 0; font-size:12px;}
	.top_tab a {color:#000;}
	
.m_con {width:1020px; margin:0 30px 40px;}
	.con_area{ padding:0 30px 40px; width:960px;}
		/* 이코디온 탭 */
		.left_con{float:left; width:600px; margin-right:15px;}
		.main_bn{ height:210px; width:960px; padding:20px 0 0 30px;}
		.list_menu {overflow:hidden; float:left; width:888px; height:212px}
		.list_menu li {overflow:hidden;float:left;position:relative;margin-right:4px;border:1px solid #d5d5d5;border-radius:5px}
		.list_menu .inner {width:70px;height:210px}
		.list_menu .inner a:hover {opacity:0.8}
		.list_menu .tit {display:block;position:absolute;top:0;bottom:0;left:0;width:70px; opacity:0.5;cursor:pointer}
		.list_menu .cont {width:660px; height:210px; padding:0px 0px 0px 70px}
		.list_menu .on .inner {width:730px}
		.list_menu .on .tit {opacity:1}
		/*  */
		.bt_box {float:left;}
		.bt_box span {border:1px solid #d5d5d5;border-radius:3px; display:inline-block; opacity:0.5}
		
		/* 이코디온 삽입시 타이틀 추가 */
		.video_tit{height:44px; background-color:#f8f8f8; border:1px #cbcbcb solid; margin-bottom:14px;}
		.video_tit h3{margin-top:14px;margin-left:20px;}
		
		/* 웨비나 동영상 */
		.video_box{width:600px; height:338px; overflow:hidden margin-bottom:20px; border:1px solid #cbcbcb; background-color:#666;}			
			.video_img {width:600px; height:338px; position:absolute;}
				.video_img_box {position:absolute; width:600px; height:338px; text-align:center;}
				.video_img_box_txt1 {font-size:28px; color:#FFF; font-weight:bold;}
				.video_img_box_txt2 {font-size:18px; line-height:24px; color:#FFF;}
				.video_img_box_bt a{
				font-size:13px; font-weight:bold; color:#FFF; min-width:200px; padding:10px 12px; margin:15px 0 20px; display:inline-block; background-color:#000; border:1px solid #FFF; border-radius:4px; text-decoration:none;
				}
				.video_img_box_bt a:hover {opacity:0.6}
		/* 동영상 */		
		.event_bn {padding-top:20px;}
		.event_bn a:hover {opacity:0.6}
		/* Q&A */
		.qa_box {margin-top:20px; border:1px solid #cdcdcd; padding:20px; background-color:#f8f8f8;}
			.qa_box h3 {padding-bottom:10px;}
			.qa_box textarea{ padding:20px; width:520px; height:33px; font-size:13px; line-height:16px; resize:none; margin-bottom:15px;}	
		/* 설문 */				
		.survey_box {margin-top:20px; border:1px solid #cdcdcd; padding:20px;}
			.survey_box h3 {padding-bottom:10px;}
			.survey_aera {border:1px solid #cdcdcd; padding:15px; margin-bottom:15px;}
				.surver_stit {font-weight:bold; font-size:13px; padding-bottom:8px;}
				.surver_text {font-size:12px; border-bottom:1px solid #cdcdcd; padding-bottom:15px; margin-bottom:20px;}
				.surver_text:last-child {padding:0px; margin:0px; border:none;}
				.surver_text table tr td { padding-bottom:8px;}
				
		/* 버튼설정 */
		.con_bt {text-align:center;}	
		.con_bt a {font-size:13px; font-weight:bold; color:#FFF; padding:10px 20px; background-color:#000; border-radius:4px; text-decoration:none; display:inline-block;}
		.con_bt	a:hover {opacity:0.6}
		
		/* 투명레이어 설정 */
		.black_box {position:absolute; width:600px;}
		.black_box .black_con {background-color:rgba(120,120,120,0.6); box-shadow: 0px 0px 30px 10px #898989 inset; margin-top:20px;}
		
	.right_con {float:right;width:303px; padding:30px 20px 40px; background-color:#f8f8f8; border:1px solid #cdcdcd;}
		.right_con h3 {font-size:18px; font-weight:bold; padding-bottom:10px; border-bottom:2px solid #000;}
		
		.right_con_txt {color:#666666; font-size:13px;}
			.right_con_txt h4 {color:#666666; font-size:13px; font-weight:bold; padding:12px 0 6px;}
			.right_con_txt h4:first-child {padding-top:30px;}
			.right_con_txt ul {margin-left:16px;}
			.right_con_txt ul li {list-style:disc; padding-bottom:3px; line-height:18px;}
		
		.speaker_box {padding-top:20px;}
			.speaker_img {float:left; width:120px;}
			.speaker_txt {float:left;}
				.speaker_txt h4 {font-size:24px; padding:15px 0px 10px;}
				.speaker_txt h4 span {font-size:16px;}
				.speaker_txt p {font-size:14px; font-weight:bold; line-height:20px;}
		.fw_bt {width:345px; float:right; margin-top:20px;}
			.fw_bt a:hover { opacity:0.8}

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

.mail_box {border:1px solid #cdcdcd; padding:20px; margin-top:20px;}
.mail_box h3 {margin-bottom:10px; padding-bottom:10px; font-size:18px; font-weight:600; color:#000; border-bottom:1px solid #CCC;}
.mail_box p {font-size:14px; line-height:22px; padding-bottom:20px;}
.mail_box p span {color:#ec421b;}
.mail_box input {width:204px; height:28px; padding:0 5px; border:1px solid #d5d5d5; font-size:13px;}
.mail_box .btn_regi {display:inline-block; padding:0 20px; margin-left:5px; border:0; background:#222; font-size:13px; color:#fff; line-height:30px; cursor:pointer; text-align:center;}
.mail_box a:hover { text-decoration:none;} 

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

.fooer_bg {width:100%; background-color:#FFF; border-top:1px solid #cecece;}
	.fooer_box {margin:0 auto; padding:45px 0; width:1020px;}
		.footer_logo {float:left; width:240px; padding-top:10px;}
		.footer_cont {float:left; width:780px;}
		.footer_cont p {color:#767676; font-size:12px; line-height:1.5em;}
		
		.footer_cont ul { padding-bottom:3px;}
		.footer_cont ul li {float:left; padding:0 17px 0 18px; background: url("/webinar_images/footer_bar.gif") no-repeat 0 50%; color: #767676; font-size:13px;}
		.footer_cont ul li a {color: #767676; font-size:13px;}
		.footer_cont ul li:first-child {padding-left:0; background:none;}