@charset "utf-8";
/* hanbom.com */

label,
input,
select,
textarea,
fieldset{
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input,
select,
textarea,
input::-webkit-search-cancel-button,
input::-webkit-calendar-picker-indicator{
	appearance:none;
	-webkit-appearance:none;
}
input,
select,
textarea {font-size:18px; line-height: 21px; color:#000; background:  #fff;
	outline: none;
	border:0;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
select::-ms-expand 						{display: none;}
input,
textarea								{font-size: 14px; caret-color: black;}
::placeholder							{color: var(--gray);}
input:focus,
select:focus,
textarea:focus							{outline-color: transparent; outline-style: none;}
input,
select,
textarea,
.label-box,
.checkbox:before,
.upload-wrap .upload-file.img {
	/* border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px; */
}
fieldset								{}

/* select & input-text & textarea */
.input-text,
.textarea{width: 100%; color: var(--black); font-size: 18px; letter-spacing: -0.36px; }
.select,
.select::placeholder,
.input-text::placeholder,
.textarea::placeholder{color: var(--black-op-4);}
.select.medium,
.input-text.medium{height: 55px; line-height: 55px; border-bottom: 1px solid var(--black);}


@media all and (max-width: 960px) {
	.select,
	.input-text,
	.textarea{font-size: 16px; letter-spacing: -0.32px; }
}

/* select */
.select								{position: relative; background-color: transparent; background-image: url("../images/common/ico_arr_down.svg"); background-position: 100% 50%; background-repeat: no-repeat; background-size: 16px 16px; vertical-align: middle;}

.select.white{background-image: url("../images/common/ico_arr_down-w.svg"); }
.select:disabled						{}
.select:readonly						{}
.select:focus							{}
/* input-text */
.input-text-w{border-bottom: 1px solid var(--white);}

/* checkbox */
.checkbox{position: relative;
	display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;
	-webkit-box-align: center; -ms-flex-align: center; align-items: center;
	-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
	vertical-align: middle; margin: 0; width: 20px; height: 20px;
}
.checkbox:not(.white){background: #f5f5f8;}
.checkbox::after{content: ""; width: 24px; height: 24px; background: url("../images/common/ico_checkbox.svg") 50% 50% no-repeat; transition: all 0.3s ease;}
.checkbox.white{background-color: var(--white);}
.checkbox:checked{background-color: var(--violet);}
.checkbox:checked:after{background-image: url("../images/common/ico_checked-w.svg")}

/* textarea */
.textarea								{width: 100%; height: 323px; border: 1px solid var(--black); padding: 18px; resize: none;}
.textarea:focus  						{}
.textarea[disabled] 					{}


/* .field */
.field{}
.field + .field{margin-top: 80px;}
.field + .field.check{margin-top: 70px;}
.field + .btn-area{margin-top: 120px;}
@media all and (max-width: 768px) {
	.field + .field{margin-top: 40px;}
	.field + .field.check{margin-top: 33px;}
	.field + .btn-area{margin-top: 80px;}
}

/* label-box */
.label-wrap{width: 100%;
	display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;
	 -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
	}
.label-wrap .label{font-size: 20px; font-weight: 600; letter-spacing: -0.4px; color: var(--black);}
.label-wrap .label > em{position: relative;}
.label-wrap .label > em::after{content: ""; position: absolute; top: 4px; right: -10px; width: 4px; height: 4px; border-radius: 50%; background-color: var(--violet);}
.label-wrap .label + .input-text,
.label-wrap .label + .select,
.label-wrap .label + .textarea{margin-top: 24px;}

@media all and (max-width:768px) {
	.label-wrap .label{font-size: 18px;}
	.label-wrap .label + .input-text,
	.label-wrap .label + .select{margin-top: 7px;}
	.label-wrap .label + .textarea{margin-top: 20px;}
}

/* check-box */
.check-wrap{
	display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;
	-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.check-wrap,
.check-wrap .btn{font-size: 18px;}
.check-wrap .btn.modal{padding: 0; font-weight: normal; vertical-align: baseline; text-decoration: underline;}
.check-wrap .checkbox{margin-right: 16px;}
@media all and (max-width:768px) {
	.check-wrap,
	.check-wrap .btn{font-size: 16px;}
	.check-wrap .checkbox{margin-right: 14px;}
}