/* ========================================================
*
* File: fonr-style.css;
* Version: 1.0.0
* Last update: 2024-12-12 황현식
*
* ======================================================== */


.hs-form-control
{ font-family: 'Pretendard', 'Noto Sans KR'; letter-spacing: -0.2px; padding: 0 10px; width: 100%; height: 50px; border: 1px solid #ddd; border-radius: 10px; font-size: 1.6rem; margin-bottom: 5px; }
.hs-form-control::placeholder
{ color: #999; }
.hs-form-control:first-child
{ margin-bottom: 5px; }
.hs-form-control:focus
{ border: 3px solid var(--default-color3); outline: none; }

.btn-mdefault
{ width: 100%; border: 0; }
.btn-mdefault button
{ font-family: 'Pretendard', 'Noto Sans KR'; width: 100%; height: 50px; line-height: 50px; background-color: var(--default-color3); border: none; border-radius: 10px; font-weight: 700; font-size: 1.8rem; color: #fff; text-align: center; }

.col
{ flex: 1 0 0%; }

.row-formcolumn
{ margin: 0 auto; max-width: 1000px; padding: 50px 20px; position: relative; width: 100%; }
.row-formcolumn h1,
.row-formcolumn h2,
.row-formcolumn h3,
.row-formcolumn h4,
.row-formcolumn h5,
.row-formcolumn h6
{ padding: 20px 0 10px 0; display: inline-block; text-align: left; font-weight: 800; color: #333333; }

.row-formcolumn h1
{ font-size: 2.8rem; }
.row-formcolumn h2
{ font-size: 2.0rem; padding: 20px 5px 30px; }
.row-formcolumn h2 > small
{ margin: 0px 0px 5px 20px; padding: 0; font-size: 1.7rem; font-weight: 400; }
.row-formcolumn h4
{ margin: 0px 0px 5px 0; padding: 0; font-size: 1.8rem; font-weight: 400; }
.row-formcolumn h4 > label
{ line-height: 50px; }
.row-formcolumn h5
{ margin: 0px 0px 5px 0; padding: 0; font-size: 1.6rem; font-weight: 400; }

.row-formcolumn p
{ margin: 5px 5px; padding: 0; display: inline-block; text-align: left; font-size: 1.6rem; font-weight: 400; color: #777777; }
.row-formcolumn p.small-subject
{ margin: 13px 0 0; padding: 0; display: inline-block; text-align: left; font-size: 1.7rem; font-weight: 400; color: #555555; line-height: 22px; }

.row-formcolumn .form-column
{ padding: 0 20px 20px; }
.row-formcolumn .form-column .row + .row
{ padding-top: 5px; }
.row-formcolumn hr
{ margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #555555; -moz-box-sizing: content-box; box-sizing: content-box; }

.btn-marea
{ display: block; width: 50%; margin: 10px auto; padding-top: 20px; }
.btn-marea > .btn-msubmit
{ display: block; width: 100%; font-size: 25px; font-weight: 600; line-height: 70px; text-align: center; border-radius: 10px; background-color: #ffe700; }


@media (max-width: 1280px) {
	.btn-marea
	{ width: 100%; margin-top: 20px; padding-top: 30px; }
}
@media (max-width: 1024px) {
	.row-formcolumn
	{ padding-top: 10px; }
}
@media (max-width: 992px) {
	.row-formcolumn h2 > small
	{ display: block;  margin: 15px 0px 5px 0; }
	.row-formcolumn .form-column
	{ padding: 0 10px 20px; }
}
@media (max-width: 767px) {
	.row-formcolumn h4 > label
	{ line-height: 20px; }
}
@media (max-width: 575px) {
	.row-formcolumn h2 > small
	{ margin: 5px 0px 5px 0; }
	.row-formcolumn .form-column
	{ padding: 0 5px 20px; }
}


/* #### File uploader #### */
.hs-form-group 
{ display: flex; justify-content: center;}
.hs-form-group > *
{ border-radius: 10px !important;}
.hs-form-group :first-child
{ border-radius: 10px !important;}
.hs-form-group :last-child
{ border-radius: 10px 10px 10px 10px !important;}

.uploader
{ display: -moz-inline-box; display: inline-block; vertical-align: middle; zoom: 1; *display: inline; width: 100%; position: relative; overflow: hidden; border: 1px solid #ddd; background: #fff; padding: 2px 2px 2px 10px; }
.uploader span.action
{ width: 50px; background: url('/home/skin2/images/common/add_files.png') no-repeat 0 0; height: 50px; cursor: pointer; float: right; text-indent: -9999px; display: inline; overflow: hidden; }
.uploader:hover span.action
{ background-position: 0 -50px; }
.uploader:active span.action
{ background-position: 0 -100px; }
.uploader span.filename
{ color: #777; cursor: pointer; max-width: 200px; font-size: 15px; line-height: 50px; float: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; cursor: default; }

.uploader input[type=file]
{ width: 100%; margin-top: 0; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; right: 0; bottom: 0; float: right; height: 32px; border: none; cursor: pointer; }
.uploader.disabled span.action
{ color: #aaa; }
.uploader.disabled span.filename
{ border-color: #ddd; color: #aaa; }
input[type="file"]
{ display: block; }
/* #### File uploader #### */