body{font-family: 'NanumSquare_ac';	font-weight: 400;letter-spacing:-1px;}
.labelInline label{display:inline;}
label, .file-text{display: block; font-size: 24px;font-weight: bold;color: #333333;}
.file-text{font-size: 18px; height:32px;}
.form-group{}
.form-control{text-align: center; font-size: 22px;font-weight: normal;color: #bcbcbc; height:42px;}
.half-left{width: 48%; display:inline-block;}
.half-right{width: 48%; display:inline-block; float:right;}
.twolline{display:block;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5rem;
    font-family: 'NanumSquare_ac';
    font-weight: 800;
    line-height: 1.2;
    color: 333333;
}

.smallCompany{font-size: 18px;color: #2070bd;padding-left:10px; position:relative; top:10px; letter-spacing:-1px;}
.mainTitle{margin-bottom: 40px; font-family: 'NanumSquare_ac'; font-size: 42px; font-weight: 800; color: #333333;}
.mainBanner{padding-bottom:30px;}
.mainBanner img{width: 100%;}
.subTitle{margin-bottom: 10px; font-family: 'NanumSquare_ac'; font-size: 30px; font-weight: 700; color: #333333;}
.section{display: none;}
.section .down{font-size: 20px;}
.agree {margin-bottom: 50px;}
.sub{margin-bottom: 10px; font-family: 'NanumSquare_ac'; font-size: 20px; font-weight: 400; color: #333333;}
.subSmall{ margin-bottom: 10px; font-size: 15px; font-weight: 400; color: #333333;}
.agreeBox{float: right; font-size: 20px; margin-bottom:20px;}
.pageOn{display: block;}
.btnDefault, .modal-header label, btnFile:hover{font-size:20px; text-align: center; border: 1px solid #2070bd; padding: 8px 15px; background-color:#2070bd; color:#ffffff; cursor:pointer; min-width: 140px;}
.btnFile {font-size:20px; text-align: center; border: 1px solid #2070bd; padding: 8px 15px; background-color:#ffffff; color:#2070bd; cursor:pointer; min-width: 140px;}
.btnPlusMinus{font-size:20px; display: inline-block; width: 30px; height: 30px; text-align: center; border: 1px solid #2070bd; background-color:#ffffff; color:#2070bd; cursor:pointer;}
.btnPlusMinus:hover{background-color:#2070bd; color:#ffffff;}
.modal-header label{padding: 2px 10px; min-width: 80px; margin-top:6px; float: right}
.btnDefault:hover, .modal-header label:hover{background-color:#ffffff; color:#2070bd;}
.titleArea p, .form-check-label{font-size:17px;}
.fLeft{float:left;}
.fRight{float:Right;}
.fNone{float:none; margin-left:20px;}
.blue{color: #2070bd;}
.red{color:#ff0000;}
.hyphen{position: relative; width: 3%; display: inline-block; text-align: center;}
}
.mr-20{margin-right:20px;}
.mb-30{margin-bottom:30px;}

.pb-10{padding-bottom:10px;}
.pb-15{padding-bottom:15px;}
.pb-20{padding-bottom:20px;}
.pb-30{padding-bottom:30px;}
.pb-40{padding-bottom:40px;}
.font16{font-size: 16px; font-weight: 400;}
.resume{margin-bottom:20px;}
.resume label{display: inline-block;}
.resume table{width:100%;}
.resume .form-control{font-size: 18px;}
.resume thead{text-align:center; font-size: 24px;font-weight: bold;color: #333333; border-top: 3px solid #333333; border-bottom: 3px solid #333333; }
.resume thead th{padding:5px 0px;}

.resume td , .resume thead th{padding-right:10px;}
.resume td{padding-top:10px;}
.resume td:last-child, .resume thead th:last-child{padding-right:0px;}
.resume .family th{width: 20%}

.center{
	position: relative;
    clear: both;
    /* display: block; */
    padding: 10px 0;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0%);}
.modal-header .fileBox{width: 67%;}
.modal-header .file-upload{display: none; }
.modal-header .upload-name {width: inherit; float:right; font-size: 17px; margin: 5px 10px; height: 40px;}
.modal-header{padding:2px;}

#progress-wrp {
	border: 1px solid #0099CC;
	padding: 1px;
	position: relative;
	height: 30px;
	border-radius: 3px;
	margin: 10px;
	text-align: left;
	background: #fff;
	box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);
}

#progress-wrp .progress-bar {
	height: 100%;
	border-radius: 3px;
	background-color: #f39ac7;
	width: 0;
	box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
}

#progress-wrp .status {
	top: 3px;
	left: 50%;
	position: absolute;
	display: inline-block;
	color: #000000;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: none;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.show {display:block;}

.block5{
	display: inline;
	width: 5%;
}

.block24{
	display: inline;
	width: 24%;
}
.block19{
	display: inline;
	width: 19%;
}
.writeCheckBox{
	position: absolute;
	right: 0px;
	top: 10px;
}
.hidden{
	display: none;
}
.authOK{margin-left:50px;}
#협회등록지점명[readonly]{background-color:#fff}

.pg_wrap{
    position: relative;
    clear: both;
    display: block;
    padding: 10px 0;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0%);
	
	}
.pg_page{
	color: #959595;
    font-size: 1.083em;
    height: 30px;
    line-height: 28px;
    padding: 0 5px;
    min-width: 30px;
    text-decoration: none;
    border-radius: 3px;
	display: inline-block;
    vertical-align: middle;
    background: #eee;
    border: 1px solid #eee;
	cursor:pointer;
}
.pg_page:hover {background-color:#3a8afd; color: #fff;}

.currentPage{
	color: #fff;
    font-size: 1.083em;
    height: 30px;
    line-height: 28px;
    padding: 0 5px;
    min-width: 30px;
    text-decoration: none;
    border-radius: 3px;
	display: inline-block;
    vertical-align: middle;
    background: #3a8afd;
    border: 1px solid #3a8afd;
}

@media (max-width: 768px){
	.form-control{font-size: 18px;}
}

@media (max-width:655px){
	label{font-size:18px;}
	.btnFile{font-size: 12px; padding:8px 12px;}
	.twolline{display:inline}
	.titleArea p, .form-check-label{font-size:12px;}
	.btnDefault{font-size:12px; min-width:95px}
	.modal-header label{font-size:15px; min-width: 80px;}
	.modal-header .file-text{width: 100%;}
	.modal-header .fileBox{width: 100%;}
	.modal-header .upload-name {font-size: 12px; margin: 5px 10px; height: 30px; width:60%}
	.form-control{font-size: 13px; padding:.375rem .15rem}
	.mainTitle{font-size: 30px;}
	.resume .form-control{font-size: 9px;}
	.resume thead{font-size: 18px;}
	#authOK{font-size:12px;}
}