.perform_txt{line-height:150%; height:auto; padding-top:10px;}

/* 상시자원봉사신청 */

.do_vol .title{width:240px;}

.do_vol .content {
  width: calc(100% - 240px);
  height: 100%;
  background-color: #efefef;
  float: left;
  display: flex;
  align-items: center;
  padding-left: 15px;
  box-sizing: border-box;
	position:relative;
	flex-flow: row;
}

.textarea_box{
  width: 100%; 
  background-color: #efefef;
  box-sizing: border-box;
	height:150px;
	border-bottom:2px solid #3F72AF; 
}

.textarea_box .title{
	width:240px; 
  height:100%;
  background-color: #F7EFE5; 
  float: left;
	display: flex;
  align-items: center;
  justify-content: center;
}

.textarea_box .content{
	width:calc(100% - 240px);
  height:100%;
  background-color: #efefef;
  float: left;
  display: flex;
  align-items: center;
  padding-left:15px;
  box-sizing: border-box;
}

.textarea_box .content textarea{
	width: calc(100% - 15px);
  height: 120px;
  padding: 10px;
  border: 1px solid #e6e6e6;
  line-height: 1.6;
  font-weight: normal;
  max-height:140px;
  min-height:100px;
	box-sizing:border-box;
	max-width:calc(100% - 15px);
	min-width:340px;
	font-size:14px;
}

.read_txt_wrap a:hover{
	text-decoration:underline;
}

.textarea_box .content{border-right:1px solid #e2e2e2;}

.do_vol .f_name_i{
	width:375px; 
	height:30px; 
	box-sizing:border-box; 
	font-size:14px;
}

.do_vol .personinfor_box{
	margin-bottom:0;
	height:auto;
	min-height:50px;
	box-sizing:border-box;
	align-items: stretch;
  display: flex;
}

.do_vol .personinfor_box .title{height:auto;}
.do_vol .personinfor_box  .content{height:auto;}

.do_vol .title{background-color:#EEF1FF;} 

.do_vol .content{background-color:white;;} 

.do_vol select{
	width:115px;
	height:30px; 
	box-sizing:border-box; 
	font-size:14px;
	margin:0;
}

.do_vol .onlynum{
	width:115px;
	height:30px; 
	box-sizing:border-box; 
	font-size:16px;
	margin:0;
}

.do_vol .vdbr{margin:0 12px;}

.find_agree .content input{width:20px; height:20px; margin-right:4px;}

.find_agree .title .fa_label_2{line-height:120%;}

.find_agree .content span{display:inline-flex;}

.agree_ckbox{margin-left:60px;}

.ab_tit{
line-height:130%; 
height:auto;
color:black;
padding:20px 10px;
border-bottom:1px solid #cccccc;
margin-bottom:0;
}

.ab_tit .fa_label2{
	font-size:20px;
	color:#D61355;
	text-align:center;
}

.ab_tit .fa{margin-right:5px;}

.ab_tit .fa_input2{
	font-size:16px;
	margin:10px 0;
	padding-left:15px;
	box-sizing:border-box;
	line-height:160%;
}

.find_agree .agreecheck{
justify-content: center;
border:none;
}

.find_agree .fa_input2{margin-bottom:10px; padding-left: 15px;}
.vib button{font-size:16px; padding:10px 30px;}
.fa_label2 label{font-size:18px;}
.do_vol .agreecheck_box{margin-top:0;}
.do_vol .button-submit{margin-bottom:20px;}
.do_vol .agreecheck_box #agreecheck4{margin-left:80px;}


/* 센터일정 */
.cdc .cdcul{
	display:flex;
	height:80px;
	justify-content: center;
  align-items: center;
}

.cdc .cdcul li{font-size:30px;}

.cdc .cdcul .fa{
	font-weight:bold;
	font-size:33px;
}

.cdc .cdcul .fa:hover{color:#0F6292;}

.cdc .dateTxt{margin:0 20px;}

.cdc .cdcul .fa-angle-double-left{margin-right:10px;}

.cdc .cdcul .fa-angle-double-right{margin-left:10px;}

.byfind_table table{width:100%;}

.sch3{font-size:18px;}

/* 테이블 맨위 선색 */

.bycom_table .find_table_thead th{border-top:2px solid #3F72AF;}
.first_pbox{border-top:2px solid #3F72AF;}
.b_thead{border-top:2px solid #3F72AF; }
.lm_content_sub > li {display:inline-table;}

/* 대관신청 */
.space_nav{
	width:100%;
	height:100px;
	position:relative;
	display: flex;
}

.snav{
	position:relative;
	float:left;
	width:130px;
	height:60px;
	margin-right:20px;
	text-align: center;
  border-radius: 99px;
  box-shadow: 5px 5px 5px #e7e7e7;
  transition: background 0.4s;
	cursor:pointer;
	color:black;
}


.snav p{line-height:60px;}

.snav.space_active:before {
  position: absolute;
  content: "";
  border-top: 10px solid #0058a0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 0 solid transparent;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}

.space_active{
	background-color:#0058a0;
	color:white;
	display:block;
}

.spbtn{height:50px !important;}

.spa_img{
	position:relative;
	width:60%;
	left:20%;
	padding:40px 0;
}

.spa_img img{width:100%;}


.space_content01{display:block;}
.space_content03{display:none;}

.spaceapply_btn{width:100px;}

.spaceapply_btn a{
	display:inline-block;
	width:100%;
	height:100%;
	color:white;
	line-height:50px;
}

.precau_tit{
	font-size:20px;
	color: #D61355;
	margin-bottom:10px;
}

.precau_cont{padding-left:5px;}

.pre1{line-height: 180%; padding-bottom:30px;}

.precau_tit .fa-check-circle{margin-right:5px;}
.pre2 .ab_tit .fa_label2{text-align:left; margin-bottom:20px;}
.pre2 .ab_tit .fa_label2 .label_name2{font-size:20px;}
.spa_p{margin-right:10px; font-size:20px;}
.pre2 .agreecheck{justify-content: left;}

.pre2 .fa_input2{line-height: 180%; padding: 20px 30px; margin:0; border:1px solid #cccccc; margin-top:20px;}

.pre2 .radio_l{font-size:20px;}

.spa_p3{font-weight:bold; margin-bottom:10px;}
.unde{ text-decoration: underline; font-style: italic;}
.spa_p2{display:block;}

.pre2 .ab_tit{padding:40px 10px;}

.pre3{padding:40px 10px;}

.spa_apply01{
	position:relative;
	width:100%;
	display:flex;
	flex-flow: wrap;
	border-top: 2px solid #3F72AF;
}

.spa_apply01 .row1{
	width:50px;
	display:flex;
	justify-content: center;
  align-items: center;
	background-color:#95BDFF;
	color:white;
	border-bottom:1px solid white;
}

.spa_apply01 .nonborder{border-bottom:none;}

.spa_apply01 .row4{
	width:50px;
	height:275px;
	display:flex;
	justify-content: center;
  align-items: center;
	background-color:#95BDFF;
	color:white;
}

.spa_apply01 .row1 p{writing-mode: vertical-rl;}

.row4 p{writing-mode: vertical-rl;}

.spa_apply01 .row2{
	width:calc(100% - 50px);
	display:flex;
  flex-flow: wrap;
	display:flex;
	justify-content: center;
  align-items: stretch;
}

.lt{
	width:50%;
	min-height:50px;
	border-bottom: 1px solid #ccc;

}

.lo{
	width:100%;
	min-height:50px;
	border-bottom: 1px solid #ccc;
}


.sp_title{
	width:150px;
	height:100%;
	display:flex;
  align-items: center;
	background-color:#ECF2FF;
	float:left;
	padding-left:5px;
}
.sp_cont{
	width:calc(100% - 150px);
	height:100%;
	display:flex;
  align-items: center;
	float:left;
	padding:0 20px;
	flex-flow: wrap;
}

.spa_apply01 .row3 .sp_cont{width:calc(100% - 150px);}

.row3 .sp_title{width:200px;}

.spa_apply01 input{height:30px;}
.spa_apply01 select{height:30px;}

.spa_chek{width:15px; height:15px;}
.sc2{margin-left:63px;}

.facilities_chek{width:15px; height:15px;}
.fc{margin-left:50px;}
.masel{margin-left:10px;}

.spselwidth select{width:80px; font-size:13px;}
.row2 input{width:282px;}
.row2 .nbwidth{width:282px;}


.wrap-adress .sp_cont{
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	padding:10px 20px;
}
.wrap-adress .name_box{width:440px; margin-left:10px;}
.wrap-adress .pcbox{width:330px;}
.adbox{margin:10px 0;}
.post_search{
	width:100px;
	height:32px;
	float:right;
	margin-left:10px;
	background-color:#3C6255;
}

.post_search a{
	display:inline-block;
	width:100%;
	height:100%;
	line-height:30px;
	color:white;
	text-align:center;
}

.middle_in{margin:0 15px;}

.wrap_spa{display:flex; width:100%; flex-flow: row wrap;}

/* qna */
.qna dt{height:50px; display:flex; align-items:center; padding:0;}

/* 우수봉사자 */
.best_area .b_category_inner{float:left;}
.best_area .b_search_inner{float:left;}
.best_area .b_search_wrap{justify-content: end;}
.best_area .b_search_wrap select {border: 1px solid #cccccc;}

.best_area .b_search_wrap input {
    width:80px;
		background-color:#333;
		border:none;
		color:white;
}

.best_area .b_search_wrap input:hover{background-color:black;}
.best_area #gbn_cd{margin:0 10px;}
.best_area #b_sch_sm{cursor:pointer;}

.best_area .gallery_inner{
	border-radius:20px;
	border: 1px solid #ccc;
}

.best_area .best_tit .award_name{
font-size:20px;
color:black;
}

.best_area .gallery_txt{padding:10px 15px;}

.best_area .gallery_txt span{top:0;}

.best_area .best_txt{text-align:right; margin-bottom:5px;}

.best_area .bext_p a{
	display: -webkit-box;
	text-overflow: ellipsis;
  -webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	white-space: normal;
	overflow: hidden;
	color: #bfbdbd;
}

.best_area .img_wrap img{
width:100%;
object-fit: cover;
position:relative;
left:0;
}

.best_area{min-width:360px;}

.best_area .pagination{margin-top:40px; margin-bottom:10px;}

.award_cat{position:relative; display:inline-block;}


/* 명예의전당 */
.yearb_nav{
	width: 100%;
  position: relative;
	display: flex;
  align-items: center;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 20px;
  margin-bottom: 10px;
}

.ynav{
    position: relative;
    float: left;
    width: 200px;
    height: 60px;
    margin-right: 20px;
    text-align: center;
    /* box-shadow: -1px 5px 5px 5px #e7e7e7; */
    cursor: pointer;
    color: #333333;
		display:flex;
		flex-direction: column;
		justify-content: center;
		background: linear-gradient(to right,#a2ccb6 0%, #fceeb5 50%, #cba200 100%);
	 background-size: 600%
}

.ynav p{font-size:14px;}
.ynav .yn_tit{font-size:20px;}

.ynav_active{
	animation-name:gradient;
  animation-duration:2s;
  animation-iteration-count:1;
  animation-fill-mode:forwards;
	color:white;
	box-shadow: -1px 5px 5px 5px #e7e7e7;
}

.ynav:not(.ynav_active):hover{
box-shadow: -1px 2px 2px 2px #e7e7e7;
color:black;
}

@keyframes gradient{
  0%{ 
    background-position: 0% 50%;
	}
  100%{
    background-position: 100%;
	}
}

.yearb_cont{
	display:none;
	margin-top:10px;
}

.year_img{width:100%;}

.wrap-ysel{
	/* float:right; */
	position:absolute;
	right: 30px;
  bottom: 20px;
}

.wrap-ysel select{
	position:relative;
	width:80px;
	height:30px;
	font-size:14px;
}

.honor_box{
	display:flex;
	flex-flow: row wrap;
}

.honor_01{
	width:19%;
	margin-left:1%;
	height:40px;
	max-width:20%;
	text-align:center;
	line-height:40px;
	border:1px solid #cccccc;
	margin-bottom:10px;
	box-shadow:4px 3px 3px #e7e7e7;
}

.honor_02{
	width:19%;
	margin-left:1%;
	height:40px;
	max-width:20%;
	text-align:center;
	line-height:40px;
	border:1px solid #cccccc;
	margin-bottom:10px;
	box-shadow:4px 3px 3px #e7e7e7;
}

.yearbest-area .wrap-h2subtit{margin-bottom:20px;}

.honor_box2{
	display: flex;
  flex-flow: row wrap;
	padding:0 5px;
}

/*인사말*/
.greet_area .greeting_cont{font-size:18px;}
.greeting_na{font-size:20px; text-align:right; margin-top:30px;}

/* 연혁 */
.history_wrap{
	width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 80px;
	min-width:360px;
	border: 1px solid #eee;
  border-radius: 5px;
	padding-bottom: 50px;
}
.hist_in_out_line {
  width: 3px;
  height: 100%;
  background: #e5e5e5;
  position: absolute;
  left: 50%;
  top: 20px;
}
.hist_in_left {
  width: 50%;
  float: right;
}

.hist_in_right {
  width: 50%;
  float: left;
}
.hist_year {
  width: 100%;
  height: 50px;
  position: relative;
}

.hist_intro {
  width: 100px;
  height: 100px;
  background: #e5e5e5;
  border-radius: 50%;
  position: absolute;
  left: -50px;
	top: -50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hist_intro span {
  color: #333;
  font-size: 20px;
  font-weight: 600;
}
.hist_in_left ul {padding-bottom: 20px;}

.hist_txt li {
  width: 100%;
  text-align: left;
}
.hist_txt li span {
  display: block;
  color: #E8630A;
  font-weight: 600;
}

.hist_in_out {
	position: relative;
  width: 100%;
  float: left;
}

.year_mark_r {
  width: 20px;
  height: 20px;
  background: #0078AA;
  border-radius: 50%;
  position: absolute;
  top: 13.5px;
  right: -12px;
  border: 3px solid #e5e5e5;
}

.his_y_r {
  width: 90%;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 20px;
  font-weight: bold;
  line-height: 50px;
  font-size: 28px;
  color: #0078AA;
  text-align: right;
}

hist_in_right ul {padding-bottom: 20px;}

.hist_txt li.hist_right {text-align: right;}

.his_y {
  width: 90%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 20px;
  font-weight: bold;
  line-height: 50px;
  font-size: 28px;
  color: #36AE7C;
}

.year_mark {
  width: 20px;
  height: 20px;
  background: #36AE7C;
  border-radius: 50%;
  position: absolute;
  top: 12.5px;
  left: -8px;
  border: 3px solid #e5e5e5;
}

.nomar{padding-bottom:0 !important;}

.last_year{margin-bottom:10px;}

.hisactive_area{display:none;}

.wrap_his_nav{
	position: relative;
	float: left;
  width: 100%;
	height: 50px;
}

.his_nav{
	position: relative;
	float: left;
  width: 150px;
	height: 100%;
	margin-right: 20px;
	text-align: center;
	transition: 0.3s;
	cursor: pointer;
	color: black;
  line-height: 50px;
	margin:15px 0;
	border:1px solid #cccccc;
}


.history_area{
	margin-top:90px;
	display:none;
}

.on{display: block;}

.his_active{
	background-color:#38A3A5;
	box-shadow: none;
	
}

.his_active a{
color:white;
}

.wrap_his_nav .his_nav:not(:first-child) {
  margin-left:10px;
}

.wrap_his_nav .his_nav:hover{
	box-shadow:-1px 4px 3px 3px #e7e7e7;
	background-color:#38A3A5;
	box-shadow: none;
	color:white;
}

/* 주요사업 */
.wrap_mvision{
	width:100%;
	position:relative;
	padding:10px 0;
	margin-bottom:50px;
}

.wrap_mvision img{
	width:100%;
	position:relative;
}

/* 수요처 신청 */
.wrap_document .title{
	width:30%;
	border-right:1px solid #cccccc;
	background-color:white;
}

.wrap_document .content{width:70%;}

.wrap_document  .first_pbox .content{
	justify-content: center;
	background-color:#3490DE;
	color:white;
	border-left:1px solid #ffffff;
}

.wrap_document .personinfor_box{margin-bottom:0;}

.wrap_document  .first_pbox .title{
	background-color:#3490DE;
	color:white;
	border-right:none;
}

.doc_down_btn{
	margin-left:20px;
	width:120px;
	height:28px;
	background-color:#FD841F;
}

.doc_down_btn a{
	display:inline-block;
	width:100%;
	height:100%;
	color:white;
	font-size:13px;
	text-align:center;
	line-height:28px;
}

.doc_down_btn :hover{background-color:#ff7400;}

.wrap_julimg{
	width:100%;
	position:relative;
}

.wrap_julimg img{
	width:100%;
	position:relative;
}

.demand_standard{
	width: 100%;
	margin-bottom:50px;
}

.demand_standard table:not(.table_v) {
  border: 1px solid #ccc;
  text-align: center;
  table-layout: fixed;
  max-width: none;
  width: auto;
  min-width: 100%;
	border-collapse:collapse; 
}

caption {
  margin: 0px;
  padding: 0px;
  width: 0px;
  height: 0px;
  line-height: 0;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 0px;
  visibility: hidden;
}


.demand_standard th {
  border-bottom: none;
  color: #fff;
  background-color: #277BC0;
	vertical-align: middle;
}

.demand_standard th, .demand_standard td  {
  border: 1px solid #ccc;
  padding: 8px 5px;
}

.demand_standard .td1 {background-color: #e4e8ef;}
.d_info{display:none;}
.demandinfo_nav{width:100%;position: relative; height: 50px;}

.wrap-dnav{
	width: 50%;
  height: 100%;
  float: left;
  margin-bottom: 30px;
  cursor: pointer;
  background-color: #EDEDED;
}

.demandinfo_active {
  color: white;
  background-color: #3E6D9C;
}

.wrap-dnav p {
  font-size: 20px;
  text-align: center;
  line-height: 50px;
}

.wrap-dnav:hover:not(.demandinfo_active){background-color:#D8D9CF;} 
.dinfo_area{margin-bottom:30px;}
.wrap_julimg{margin-bottom:30px;}
.wrap_document{margin-bottom:30px;}

/* 조직도 */
.organization {
  width: 100%;
  margin: 25px auto;
  box-sizing: border-box;
}
.organo_area{
	position:relative;
	width:100%;
	padding: 30px 20px;
	margin-bottom:60px;
}

.organo_area img{width:100%;}
.organo_area th{background-color: #6096B4;}

.demand_standard .tleft{
	text-align:left;
	padding-left:15px;
}

.spa_apply01 .row3{
	width:calc(100% - 50px);
	flex-flow: wrap;
  display: flex;
  justify-content: center;
  align-items: stretch;
}

.row3 .sp_title{width:150px;}


.row2_2{
	width: 50px;
  height: 165px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #95BDFF;
  color: white;
	border-top:1px solid white;
	border-bottom:1px solid white;
}

.spa_apply01 .row2_2 p { writing-mode: vertical-rl;}

.best_tit{display:flex; align-items: center;}
.greet_area .greeting_cont{position:relative; width:100%;}
.grimg_box{float:right;}
.grimg_box img{
	width: 350px;
	margin-left: 30px;
	margin-bottom: 40px;
}

.gr1{
font-size:25px;
position: relative;
width: 100%;
}

.grred{color:#d62d20;}
.grblue{color:#0057e7;}
.grname{font-family:ChosunSm;}
.greeting_na{font-weight:300;}
.grname{font-weight:bold; font-size:20px;}
.honor_year{font-size:16px; margin-bottom:5px; width:100%; margin-top:15px;}


.adress_sub{
	position: relative;
  width: 100%;
	display:flex;
	align-items: center;
}

.adress_sub p{width:55px;}
.adress_sub .name_box{width:calc(100% - 65px);}
.adress_sub .pcbox{width:calc(100% - 175px);}

.hope_input{
	display: flex;
  align-items: center;
	width:36%;
}

.middle_in2{width:34%; margin:0 10px;}
.hiput3{width:30%;}

.hope_input .agree_ckbox{margin-left:0;}
.find_agree .content .hope_input input{width:15px; height:15px; margin-right:2px;}
.hope_br{display:none;}

.wrap_mvision.mission_all > img{
	margin:20px 0;
	width:95%;
	margin-left:2.5%;
}

.by_sp .sp_cont > span{
	display: flex;
  align-items: center;
}

.by_sp .sp_cont > span > input{
	height:auto;
}

.by_sp2 > .sp_cont > span{
	display: flex;
  align-items: center;
}


.by_sp2 > .sp_cont > span > input{
	height:auto;
}

.dnbr{
	display:none;
}

@media all and (max-width:1200px) {
	.spselwidth select {width:60px;}
	.mobr{display:none;}
}

@media all and (max-width: 1070px){
	.wrap_spadate{font-size:13px;}
	.spselwidth select{font-size:13px;}
	.masel{margin-left:5px;}
	.pre2 .ab_tit{padding:40px 0;}
}

@media all and (max-width: 1000px) {
  .left_menu{display:none;}

  .sub_cont{
	width:100%;
	float:none;
	padding-right:10px;
  }
	.spselwidth select{width:70px;}
	.sp_cont{padding:0 10px;}
}

@media all and (max-width: 850px) {
	.sc2{margin-left:20px;}
	.fc{margin-left:20px;}
	.row2 input{width:120px;}
	.spselwidth select{width:60px;}
}

@media all and (max-width: 800px){
	.spselwidth select{width:75px;}
	.do_vol .title{width:150px;}
	.do_vol .content{width:calc(100% - 150px);}
	.grimg_box img{
		width: 250px;
		margin-left: 30px;
		margin-bottom: 10px;
		margin-right: 10px;
		margin-top: 10px;
	}
		.spa_apply01 .row2{
		flex-direction: column;
	}

	.lt{
	display: flex;
  width: 100%;
  flex-direction: column;
	min-height:80px;
	}

	.lo{
	display: flex;
  width: 100%;
  flex-direction: column;
	min-height:80px;
	}

	.sp_title{width:100%; min-height:30px; max-height:30px;} 
	.row3 .sp_title{width:100%;}

	.spa_apply01 .row1{height:35px; width: 100%;}
	.sp_cont{width:100%; justify-content: center; padding:0 10px;}
	.spa_apply01 .row4{height:500px;}
	.row2 input{width:100%;}
	.wrap-mail input{width:100%;}
	.wrap-mail select{width:25%;}
	.row2 .nbwidth{width:100%;}

	.wrap-adress .sp_title{max-height:30px;}
	.row2_2{width:100%; height:35px;}
	.spa_apply01 .row4{width:100%; height:35px;}
	.spa_apply01 .row1 p {
    writing-mode: horizontal-tb;
	}

	.spa_apply01 .row2_2 p {
   writing-mode: horizontal-tb;
	}
	.row4 p {
		writing-mode: horizontal-tb;
	}
	.spa_apply01 .row2{width:100%;}
	.spa_apply01 .row3{width:100%;}
	.wrap-adress span{width:100%;}
	.pre3{padding:20px 0;}
	.row2 .pcount_input{width:calc(100% - 15px);}
	.spa_apply01 .row3 .sp_cont{width:100%;}
	.sp_title{justify-content: center; padding-left:0;}
	.wrap-adress{height:150px;}
	.adbox{margin:5px 0;}
}

@media all and (max-width: 750px){
	.gr1{font-size:20px;}
	.greet_area .greeting_cont{font-size:18px;}
}

@media all and (min-width: 651px){
	.hist_txt li {
			font-size: 15px;
			padding: 2px 15px;
	}
	.demand_standard .table_or {
    font-size: 1.5rem;
	}
}

@media all and (max-width: 650px){
	.do_vol .title{width:100%; height:30px;}
	.do_vol .content{width:100%; height:50px;}
	.volbr{display:none;}

	.do_vol .content{padding-left:0; padding:0 10px;}
	.textarea_box .title{height:35px;}
	.textarea_box .content{height:120px; padding-left:0;}
	.textarea_box .content textarea{
		height:100px;
		max-height: 120px;
		width:calc(100% - 10px);
		max-width:calc(100% - 10px);
	}
	.personinfor_box{border:none;}
	.textarea_box .content{border:none;}
	.do_vol .f_name_i{width:100%;}
	.do_vol .f_input{width:100%; position:relative;}
	.do_vol #area{width:100%;}
	.hp_s{padding-left:10px;}
	.f_input select{width:100%;}
	.f_input .onlynum{width:100%;}
	.find_agree .f_input{text-align:center;}
	.agree_ckbox{margin-left:0;}
	.find_agree .content input{width:15px; height:15px;}
	.ab_tit{padding:20px 0;}
	.find_agree .fa_input2{padding-left:5px; padding-right:5px;}
	.best_area .b_search_wrap{margin-bottom:10px;}
	.gr1{font-size:18px;}
	.greet_area .greeting_cont{font-size:15px;}
	.spa_p{font-size:16px;}
	.pre2 .radio_l{font-size:16px;}
	.pre2 .ab_tit{padding:20px 0;}
	.do_vol .personinfor_box{flex-direction: column;}
	.do_vol .personinfor_box .title{height:35px;}
	.do_vol .personinfor_box .content{padding:10px;}
	.do_vol .personinfor_box{height:auto;}
	.textarea_box .content{justify-content: center; padding:0;}
	.his_y_r {font-size: 20px;}
	.hist_txt li {
    font-size: 11px;
    padding: 2px 10px;
	}
	.his_y {font-size: 20px;}
	.spa_apply01 .row3 .spselheight {min-height: 80px;}
	.pre2 .agreecheck > span{    align-items: center;}
	.pre2 .agreecheck > span p{font-size:14px;}
	.pre2 .agreecheck > span label{font-size:13px;}
}

 @media all and (max-width: 630px) {
	.wrap_spadate .sp_title{max-height:30px; font-size:15px;}
	.spa_apply01{min-width:270px;}
	.spa_p {
    margin-right: 10px;
    font-size: 16px;
	}
	.agreecheck_btn {
			width: 15px;
			height: 15px;
			margin-right: 5px;
	}
	.pre2 .radio_l {font-size:16px;}
	.pre2 .ab_tit .fa_label2 .label_name2{font-size:16px;}
	.precau_tit{font-size:16px;}
	.ab_tit .fa_input2{font-size:14px;}
	.wrap-adress .sp_cont span{width:100%;}
	.wrap-adress .name_box{width:calc(100% - 70px);}
	.wrap-adress .pcbox{width:calc(100% - 180px);}
	.pre1{padding-bottom:20px;}
}

.sbr{display:none;}
@media all and (max-width: 600px){
	.grimg_box img{
		width: 150px;
		margin-left: 10px;
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.gr1{font-size:16px;}
	.greet_area .greeting_cont{font-size:14px;}
	.fc{margin-left:5px;}
	.sp_cont{justify-content: flex-start;}
	.spconspa{justify-content: center;}
	.spconspa2 label{font-size:13px; position:relative;}
	.lend_date{width:100%;     text-align: center;}
	.spa_apply01 .row3 .sp_cont{justify-content: center;}
	.fc{margin-left:15px;}
	.sbr{display:inline;}
}

@media all and (max-width: 500px){
	.hope_br{display:block;}
	.honor_box2{padding:0;}
	.middle_in{margin:0 10px;}
	.wrap-adress .sp_cont{padding:10px}
	.best_area .b_search_wrap select{width:80px; font-size:14px;}
	.find_table_box.byfind_table .bycom_table td{font-size:13px;}
	.demand_standard .tleft{padding-left:0; padding:2px 10px;}
	.sp_cont{padding: 0 5px;}
	.sub_cont{padding:0 5px;}
	.dnbr{display:inline;}
}


@media all and (max-width: 438px){
	.masel{margin-left:5px;}
	.masel2{margin-left:0;}
	.hope_i{font-size:12px;}
}

.subnotice_area{
	position:relative;
	width:100%;
}

.b_category{width:100%;}

.read_pager a:hover, .read_pager a:focus{
  color: #004da0;
  background-color: #efefef;
}

.img1{transform-origin: center;}