/* ¸¶ÀÌÆäÀÌÁö-Ä«µå½Åû */
.upload_area{
  position:relative;
  width:100%;
  margin-bottom:30px;
}

.cardimg_exp{
  position: relative;
  width: 100%;
  height: 200px;
  background-color:blanchedalmond;
  margin-top: 10px;
	margin-bottom:30px;
}
  
/* .up_tit{
  position: relative;
  float: left;
  width: 200px;
  height: 100%;
  text-align: center;
  line-height: 80px;
  background-color: #3C84AB;
  color:white;
  font-weight: bold;
}
 */
 .up_tit{
	position:relative;
	width:100%;
 }
.up_cont{
  position: relative;
  width: 100%;
}

.up_cont input[tyle="file"]{
  position: relative;
  height: 40px;
}

.type_up .up_cont{
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 100%;
  box-sizing: border-box;
}

.uploadcheck1_btn{margin-left: 35px;}

.exc{
	position:relative;
	width:100%;
	padding: 10px;
  border: 1px solid #e2e2e2;
  background-color: #fffff2;
  border-radius: 8px;
}

.wrap-card{
	display:inline-block;
	float:left;
	position:relative;
	width:60px;
	height:100%;
	background-color:aqua;
	margin-right:5px;
}

/* ¸¶ÀÌÆäÀÌÁö - ¸¶Àϸ®Áö Æ÷ÀÎÆ® ¹× »ç¿ë³»¿ª */

.pointcheck_area{
	position:relative;
	width:100%;
	margin-bottom:50px;
}

.wrap_pointcheck{
	position:relative;
	width:100%;
	margin-top:15px;
}

.wrap_pointcheck .personinfor_box{
	float:left;
	width:50%;
	box-sizing:border-box;
}

.wrap_pointcheck .personinfor_box .content{
	padding-left:0;
	justify-content: center;
}

.pin{font-size:14px; color:#DC0000; line-height:130%;}

.pointuse_area{
	position:relative;
	width:100%;
	margin-bottom:50px;
}

.pointuse_table{
	width:100%;
	border:1px solid #cccccc;
	border-collapse: collapse;
}


.pointuse_table td{
	text-align:center;
	height:50px;
	border:1px solid #cccccc;
	padding:5px;
	box-sizing:border-box;
}

.mycard_area{
	position:relative;
	width:100%;
	height:500px;
}

.wrap-mycard{
	position:relative;
	width:500px;
	height:314px;
	margin:auto;
}

.card_img{
	position:absolute;
	width:500px;
	height:313px;
}


.mycard_info{
	position:relative;
	height:100%;
}
.person_img{
	position:absolute;
	width:143px;
	height:191px;
	top:60px;
	left:80px;
}

.publication_date{
	position:absolute;
	left:84px;
	top:262px;
	font-size:15px;
}

.mycard_name{
	position:absolute;
	font-size:25px;
	letter-spacing :8px;
	top:143px;
	left:299px;

}

.mycard_birth{
	position:absolute;
	font-size: 19px;
	letter-spacing :0.1vw;
	top:184px;
	left:288px
}

.cert_num{
	font-size:12px;
	position:absolute;
	top:10px;
	left:44px;
}


/* ¸¶ÀÌÆäÀÌÁö - ÀÚ¿øºÀ»ç ½ÇÀûº¸±â */
.volrecord_table{
	width:100%;
	border-collapse: collapse;
	margin-bottom:40px;
}


.volrecord_table td{
	text-align:center;
	height:45px;
	border:1px solid #cccccc;
	padding:15px 10px;
	box-sizing:border-box;
}

.st{font-size:16px;}

.tot_time{color:#00337C;}

.tot_case{color:#1F8A70;}
.stit{color:#DA1212;}

.sum_tit2{margin-bottom:20px;}

.st .fa-adjust{color:#43658B; margin-right:5px;}



/* ¼±»ö */
.volrecord_table th{
	background-color:#EEF1FF;
	height:50px;
	border:1px solid #cccccc;
	border-top:2px solid #3F72AF; 
}

.pointuse_table th{
	background-color:#EEF1FF;
	height:50px;
	border-top:2px solid #3F72AF;
}

.card_issue {
	position:absolute;
  height: 60px;
  margin-top: 50px;
	display: flex;
  justify-content: center;
	width:100%;
}


.card_issue a {
  display: inline-block;
  width: 200px;
  height: 60px;
  text-align: center;
  line-height: 60px;
	background-color:#00425A;
	color:white;
}


.log_form .agreecheck_box{
	padding: 10px 0;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.log_form .agreecheck_txt{
	line-height:30px;
	border-top:none;
	margin-bottom:10px;
}

.log_form .agreecheck{border-bottom:none;}
.volrecord_area{width:100%; position:relative;}
.wrap_volrecord{width:100%; position:relative;}
.vo_table{width:100%; position:relative;}
.vt_br{display:none;}
.btn-recorsearch{
 width: 65px;
  border: none;
  border: 1px solid #ccc;
  color: #fff;
  background-color: #333;
  cursor: pointer;
	margin-left:10px;
}


.card_exp .cep{
	margin-top:15px;
	line-height:1.4;
	color:#2C3333;
}

.card_exp .cep_sub{
	color:#DC0000;
}


@media all and (max-width: 1000px) {
	.vo_table th{font-size:14px;}
	.vo_table td{font-size:14px;}
}

@media all and (max-width: 600px) {
	.vo_table{min-width:600px;}
	.volrecord_table{overflow-x: scroll;}
	.vt_br{display:block;}
	.program_search input[type='text']{width:100px;}
	.pointuse_table td{font-size:14px;}
	.pointuse_table th{font-size:12px;}
}


@media all and (max-width: 500px) {
.wrap-mycard{
	  transform: rotate(90deg);
	}

	.card_issue{
	width:100%;
	bottom:0;
	}

	.mycard_area{height:650px;}
	.wrap-mycard{top:120px;}
	.st{font-size:14px;}
}

.cards_btn{
	width:100px;
}