/*---  font ---*/
@font-face {
    font-family: 'SBAggroL';
    src: url('../font/AggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SBAggroM';
    src: url('../font/AggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SBAggroB';
    src: url('../font/AggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*---  common css ----*/
body{
	 background:#0071fe;
	 font-family: 'SBAggroL', 'sans-serif'; 
}

h1, h2, h3, h4, h5, h6{
	margin:0px; 
	padding:0px;
}

h1{
	font-family: 'SBAggroB';
	font-size:52px;	
}

h2{
	font-size:42px;
}

h3{
	font-family: 'SBAggroB';
	color:#0071fe;
	font-size:24px;
	font-weight:800;	
	line-height:140%;
}

h3 span{
	color:#ff3652;
	font-family: 'SBAggroL';
	font-size:21px;
}

h4{
	font-size:18px;
	font-weight:bold;
	font-family: 'SBAggroL';
	color:#293b58;
	line-height:140%;
}

h4 span{
	font-size:14px;
	font-weight:bold;
	 color:#ff3652;
	 line-height:140%;
}

h4 del{
	font-size:14px;
	 font-family: 'SBAggroL';
	 color:#999;
	 line-height:140%;
}

h5{
	color:#0071fe;
	font-size:14px;
	font-weight:800;
}

h6{
	font-size:13px;
	font-weight:normal;
}


 footer{
	color:#fff;
	background:#293b58
}

nav{
  background:#0071fe;
  }

label{
	color:#495057;
	font-size:14px;
	font-weight:bold;
}

table, th, td{
 color:#495057;
 font-size:14px;
}

a{
	text-decoration:none;
}

a:hover {
	color:#fff;
}

img {
  height: auto;
  max-width:100%;
}


.yellow{
	color:#ffea30;
}

.blue-1{color:#0071fe}

/*---  event_img ---*/
#event {
	background:#0071fe;
	color:#fff;
	width:auto;
	background: url('../images/main_bg.png');
	background: url('../images/main_img_bg.png');
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align:center;

}

.main_img {
	width:auto;
    
	background-repeat: no-repeat;
	background-position: center bottom;
}

.event_tit{
	font-size:18px;
	background:#ffea30;
	color:#0071fe;
	font-family: 'SBAggroM';
	border-radius:30px;
	padding:10px 30px;
}
/*---  Info ---*/
#info {
	background:#004efe;
	color:#fff;

}

/*---  Input ---*/
#input {
	background:#fff;
	color:#666;

}

.pay-box {
	border-radius:30px;
	background:rgba(255, 255, 255, .8);
	box-shadow:0px 3px 10px rgba(0, 0, 0, .1);
}

/*---  change ---*/
#change {
	background:#e9effb;
	color:#293b58;

}

/*---  logo ---*/
.navbar-brand {
	background:#0071fe;
	color:#fff;
	text-align:left;
	height:45px;

}
.logo-1{
	width:160px;
	height:45px;
    background: url('../images/crosscert_kor_wh.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 160px auto;
}

.logo_footer{
	width:120px;
	height:30px;
    background: url('../images/crosscert_kor_wh.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 120px auto;
}

/*---  color ---*/

.bl{
color:#004efe;
background:transparent;
}

/*---  botton ---*/

.btn{
	font-size:18px;
	border-radius:30px;
	padding:12px 60px;
	font-family: 'SBAggroM';
}

.btn-bl {
	background:#004efe;
	color:#fff;
}

.btn-bl:hover {
	background:#0875fe;
	color:#fff;
}

/*--- bar ---*/
.bar1 {
  background:transparent;
  border:0px;
}
.bar2 {
  margin:0 10px;
  opacity: 0.3;
}


/*--- table ---*/

th>span{
	font-weight:normal;
}


/*--- etc ---*/
.agree a{
 color:#3b5de7;
 text-decoration:underline;
}

.warning{
font-size:14px;
}



@media only screen and (max-width: 480px) {

	h1{
		font-family: 'SBAggroB';
		font-size:36px;	
	}

	h2{
		font-size:28px;
	}

	h3{
		 font-family: 'SBAggroB';
		color:#0071fe;
		font-size:18px;
		font-weight:800;	
	}

	h3 span{
		font-weight:bold;
	}

	h4{
		font-size:14px;
		font-weight:bold;
		 font-family: 'SBAggroL';
		 color:#293b58;
		 line-height:140%;

	}

	h5{
		color:#0071fe;
		font-size:12px;
		font-weight:800;
	}


	h6{
		font-size:9px;
		line-height:150%;
	}


	.event_tit{font-size:14px;}

	#info {font-size:14px;}