/* Reset CSS  */
* { margin:0; padding:0; border:0; outline:0; vertical-align:top; }
html{
	/*font-family: Nanum Gothic, Malgun Gothic, dotum, arial;*/
	font-family: arial,NanumBarunGothic, Malgun Gothic, dotum, arial;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
ul,  dl { list-style-type:none; }
img, video { max-width:100%; border:0; vertical-align:top; }
a { vertical-align:top; text-decoration:none; color:#fff; }
table { border-collapse:collapse; border-spacing:0; }
input, select { vertical-align:middle; }

label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }

body{font-family:"arial";color: #333;line-height: 1;}
.wrap.main{
  padding-bottom:50px;
}
.wrap.main.on{
  padding-top:30px;
}
header{
  max-width: 900px;margin: 0 auto 30px  auto;
}
header>img{
  display: block;width: 100%;
}
bottom{
  max-width: 900px;margin: 0;
}
bottom>img{
  display: block;width: 100%;
}
.form_wrap{
  padding-top:10px;
  max-width: 898px;margin: 0 auto;  
}
.form_wrap h2{
  text-align: center;font-size:28px;color: #2b2c55;
  margin-bottom:20px;
}
#btn_login,#btn-signup{
  font-family:"arial";padding:15px 45px;border-radius:3px;color: #fff;font-size:15px !important;font-weight:bold;

}
#btn_login{
  position: relative;
  background: #bd1940;
  width:50%;
  color:#ffff00;
 
}
#btn_login > svg{
  position: absolute;
  top:50%;transform: translateY(-50%);
  right:15px;
fill: #fff;width:20px;
}
.bar{
  display: inline-block;
  font-size: 20px;padding:0 15px;
}
#btn-signup{
  position: relative;
  background: #bd1940;
  width:50%;
  margin-bottom:1%;
  
}
#btn-signup>svg{
  position: absolute;top:50%;transform: translateY(-50%);
  right:15px;
  fill: #fff;width: 20px;
}
.datainfo{
  display: inline-block;
  width:50%;padding: 15px 0;border:none;
  border: 0px solid #44547a;background: #eee;text-align: center;border-radius:7px;
  margin-right:0px;
}
.login_form p{
  text-align: center;line-height: 1.5em;
}
.login_form p:nth-child(3) {
  margin-bottom: 20px;
}
.info_con.on{
display: none;
}
.info_con{
  max-width:750px;position: relative;
  margin:30px auto 0 auto;border: 1px solid #000;
  padding:10px 10px 30px;
}
.info_con .title{
  position:absolute;top:-15px;left:50%;transform: translateX(-50%);
  height:30px;width:200px;background:linear-gradient(#4d4d4f , #979797) ;border-radius:15px;
  text-align: center;line-height: 30px;color: #fff;
  text-indent:10px;
}
.info_con .title svg{
  position: absolute;
  top:50%;transform: translateY(-50%);
  left:15px;width:20px;background: #fff;border-radius: 50%;
}
.info_con .title svg path{
 fill: #fff;
}
.info_con .title svg polygon{
  fill:#4d4d4f;
}
.info_con ul{
  margin-top:50px;
  display: flex;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  -o-display: flex;
  justify-content:space-around;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom:50px;
}
.info_con ul li{
  position: relative;
  flex-basis:130px;
  height: 130px;
  background: #ccc;border-radius:50%;
  color: #fff;
}
.info_con ul li:nth-child(1){
  background: #375896;
}
.info_con ul li:nth-child(2){
  background: #689ac1;
}
.info_con ul li:nth-child(3){
  background: #375896;
}
.info_con ul li div{
  position: absolute;top:50%;left:50%;width: 100%;
  transform: translate(-50%,-50%);text-align: center;
}
.info_con ul li div h3{
  margin-bottom:10px;
}
.info_con ul li div p{
  line-height: 1.5em;
}
.info_text{
  margin-bottom:20px;
  color: #333;
}
.info_text strong{
  color: #000;
}
.info_text span:not(.emph){
  color: #935cd4;font-weight:500;
}
.info_text span.emph{
  display: block;font-size: 14px;
  color: #5c7aa9;margin-top:10px;
}
.browser{
  margin-top: 50px;
}
.browser h3{
  font-size:20px;color: #4487d1;
  margin-bottom:15px;
}
.browser p{
  margin:6px 0;
}
.browser p .blue{
  color: #4487d1;
}
.browser p .red{
  color: #e8524e;
}
.browser a.crome{
  margin-top:30px;
  margin-bottom:20px;
}
.browser a.crome img{
  width:30px;vertical-align: -10px;
}
.browser a.ie img{
  width: 30px;vertical-align: -10px;
}
.browser a{
  display:block;
  color: #e8524e ;
}
.info_wrap>p{
  text-align: center;
  margin-bottom:20px;
}
.info_wrap>input{
  width: 100%;
  margin-bottom:20px;
}
.agree{
  margin-top:15px;
  padding:10px;
  text-align: left;
  background:linear-gradient(#c6d0e2,#e7dde8);
}
.agree h2{
  margin-bottom:10px;
}
.agree p{
  margin:10px 0;
}
.agree .agree_list{
  padding-left:20px;
}
.agree .agree_list li{
  list-style: disc;
  margin-bottom:15px;
}
.agree input[type=checkbox]{
  width: 20px;height: 20px;
  background: #fafafa;
  appearance: checkbox;
}
.pre_register{
  margin-top:20px;
}
.pre_register a{
  display: block;width: 100%;
  padding:20px 0;background:#0060ad ;
  text-align: center;color: #fff;
}
#menu{
  text-align: center;
}
#menu .welcom_con{
  max-width:1200px;margin:30px auto 0 auto;
  border-bottom:1px dashed  #3777bc;
}
#menu .menu_wrap{
  margin:60px 0;
}
#menu .welcom_con>img{
  display: block;width: 100%;
}

#menu .in_webinar{
  width: 100%;
  padding:20px 50px;
  background:#0060ad ;
  color: #fff;font-size:23px;
}
#menu .agenda{
  max-width:500px;margin: 0 auto;
  border-top:1px dashed  #3777bc;
  padding:30px 0;
}
#menu .agenda>img{
  display: block;
  max-width:750px;width: 100%;
  margin: 0 auto;
}
#foot{clear:both;text-align: center;}
#foot{text-align:center;padding:20px 0;}
#foot .center_box{
	display:inline-block;;
}
#foot .top{
	display:flex;justify-content: space-around;align-items: center;
}
#foot .top .footer_logo_wrap{
	flex-basis: 250px;
}
#foot .top .footer_logo_wrap img{width: 100%;}
#foot{position:relative;}
#foot .position_wraps{
	position: absolute;bottom:2px;right:20px;font-size:12px;
#foot .top .footer_text{padding-left:40px;text-align:center}
#foot .top .footer_text p{text-align: left;margin-bottom:10px;}
#foot .top .footer_text ul li{text-align: left;list-style:disc;margin-bottom:10px;}
#foot .top .footer_text ul li:last-child{margin-bottom:0;}
#foot .bottom_con{margin-top:50px;display:inline-block;color: #a9a9a9;}
#foot .bottom_con p{text-align: left;font-size:13px;}
.input_btn0{width:150px;height:45px;background:#bd1940;color:#fff;font-weight: bold;font-size:20px;line-height:45px;}
#foot{max-width:900px;margin:0 auto;}
.footer_logo{text-align:left;}
.footer_text{text-align:left;}
}

.h2_title{
		font-size:15px;color:#000;font-weight:bold;padding:8px;width:94%;text-align:center;margin-bottom:5%;border-radius:3px;
		linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(172,119,44,1) 35%, rgba(0,212,255,1) 100%);
	}
.h2_title {background: rgb(246,219,161);
background: linear-gradient(90deg, rgba(246,219,161,1) 0%, rgba(207,166,99,1) 66%, rgba(172,119,44,1) 100%);
 }
.color_red{background-color:#bd1940 !important;}
.al_left{text-align:left !important}
/*.sizemabot{width:55%;margin-bottom:3%}*/
.sizemabot{width:62%;margin-bottom:3%}
/*.sizemabot_b{width:72%;}*/
.sizemabot_b{width:84%;}
.add_e {text-align:center;border:2px solid #f7dca2 ;padding:10px; font-size:1.0em;color:#000; border-radius:10px;width:94%;line-height:125%}
#on-site #online form input[type=radio] {
  width: auto;
  height: auto;
}

@media(max-width:620px) {
  .datainfo{
    display: block;
    width: 90%;
    margin-right:0px;
    margin: 0 auto 20px auto;
  }
  .login_form{
    text-align: center;
  }
  .info_text{
    font-size:15px;
  }
  	#foot .footer_text {font-size:19px;}
	#foot .top .footer_text p{font-size:10px;}
	#foot .top .footer_text ul li{font-size:10px;}
	#foot .bottom_con p{font-size:10px;}
	#foot .position_wraps{bottom:5px;font-size:10px;}
	}
}